/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " KENNEW "

BASE (MOBILE) SIZE

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




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


.header { z-index: 4; top: 0; left: 0; transition: .25s ease; }
.head_wrapper { padding: 1em; z-index: 2; transition: .25s ease; }




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

.head_logo { 
	display: inline-block; 
	--head-logo-width: 150px; /* <- in 'px' */
	--head-logo-min: 150;
	--head-logo-max: 280;
	max-width: 280px;
}
.head_logo :where(img, svg) { width: 100%; }
.head_logo .hide { display: none; }



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

.head_block { position: relative; padding: 0 1em; }
.head_block::after { content: ""; width: 1px; height: 10rem; position: absolute; right: 0; bottom: -.5rem; background-color: var(--white); }
.head_block:last-of-type::after { display: none; }

.header .desktop { gap: .5rem; }
.header .link { font-size: clamp(12px, 1.125vw, 18px); }

.header .social img { filter: brightness(0) invert(1); }
.header .logo_solar img { width: auto; height: 1.5rem; }




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

#hamburger { 
	font-size: var(--rem); line-height: 0;
	padding: 0; overflow: visible; cursor: pointer; transition: .25s ease;
	display: flex; align-items: center; justify-content: center; gap: .5rem;
}
#hamburger .tit { display: none; }
#hamburger .wrap { width: 2em; height: 1.5em; position: relative; }
#hamburger .wrap span {
	display: block; position: absolute; left: 50%; transform: translateX(-50%);
	width: 2em; height: 2px; border-radius: .2em;
	background-color: var(--white);
	transform-origin: center; will-change: transform; transition: .25s ease;
}
#hamburger .top_bun { top: 0; }
#hamburger .burger { top: calc(50% - 1px); }
#hamburger .bottom_bun { bottom: 0; }

/* Tapped / Clicked animation */
#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 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#main_nav { display: none; position: absolute; top: 0; left: 0; z-index: 1; }
#main_nav .menu_wrapper { top: 0; left: 0; background-color: var(--black); padding-top: calc( 75px + ( 130 - 75 ) * ( (100vw - 320px) / 1600 ) + var(--c2v) ); overflow-y: scroll; }

#main_nav .head_menu {}
#main_nav .head_menu li { position: relative; font: inherit; line-height: 1; margin-bottom: 1.5rem; }
#main_nav .head_menu li:last-of-type { margin-bottom: 0; }
#main_nav .head_menu li.current-menu-item { color: ; }
#main_nav .head_menu li a { display: inline-block; font-size: 1.5em; line-height: 1; color: var(--green); text-transform: uppercase; }

#main_nav .head_menu .sub-menu { margin-left: 0; margin-top: 1rem; }
#main_nav .head_menu .sub-menu li { margin-bottom: .75rem; }
#main_nav .head_menu .sub-menu li a { color: var(--white); font-size: 1rem; }

.main_menu { padding-bottom: var(--c10v); }
.menu_settori { padding: var(--c10v) 0; }
.menu_settori .filter { background: linear-gradient(45deg, rgba(28, 117, 180, 1) 0%, rgba(39, 162, 217, 1) 25%, rgba(133, 190, 63, 1) 50%, rgba(235, 189, 85, 1) 75%, rgba(193, 114, 51, 1) 100%); }

#main_nav .menu_settori .head_menu li a { color: var(--white); }
#main_nav .head_menu .menu_solar { margin-bottom: 2.5rem; }
#main_nav .head_menu .menu_hydro { margin-bottom: 2.5rem; }
#main_nav .head_menu .menu_edil { margin-bottom: 2.5rem; }

.menu_solar::after, .menu_hydro::after, .menu_edil::after {
	content: ""; position: absolute; top: 0; left: 0; transform: translate(-150%, 0);
	width: 1.75rem; height: 1.75rem; background: no-repeat center; background-size: contain; filter: grayscale(1) brightness(0) invert(1); opacity: .5;
}
.menu_solar::after { background-image: url(../images/svg/solar.svg); }
.menu_hydro::after { background-image: url(../images/svg/hydro.svg); }
.menu_edil::after { background-image: url(../images/svg/edil.svg); }









/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SCROLLING ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.header.scroll { background-color: var(--black); }
.header.scroll .head_wrapper { padding: 1em 1em .5em 1em }
.header.scroll .head_logo { 
	--head-logo-width: 120px; /* <- in 'px' */
	--head-logo-min: 120;
	--head-logo-max: 200;
	max-width: 200px;
}







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


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

.link {
	display: block; position: relative; width: fit-content;
    padding: .5em 1.25em; border: 1px solid var(--green); border-radius: 5rem;
	font: inherit; font-size: 1rem; color: var(--white); text-transform: uppercase;
	background-color: var(--green);
}
.link:hover, .link:focus, .link:active { background-color: var(--black); color: var(--white); box-shadow: .25rem .25rem 1rem rgb(var(--black-rgb) / 25%); }

.link.white { background-color: var(--white); border-color: var(--white); color: var(--black); }
.link.white:hover, .link.white:focus, .link.white:active { background-color: var(--green); color: var(--white); }


.link.out { background-color: transparent; color: var(--white); border-color: var(--white); }
.link.out:hover, .link.out:focus, .link.out:active { background-color: rgb(var(--white-rgb) / 25%); color: var(--white); }







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

.filter_color {
	background-color: var(--color);
	mix-blend-mode: multiply;
	opacity: .5;
}




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

.pretitle { font-weight: 700; text-transform: uppercase; font-size: 1rem; }


.bkg_green { background-color: var(--green); }
.bkg_grey { background-color: #DEDFE0; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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: 2.75em; aspect-ratio: 1 / 1; background-color: var(--white);
    box-shadow: 0 0 1rem rgb(30 30 30 / 30%); padding: .5em;
    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: 1rem; }
.nav_next { right: 1rem; }

.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 { gap: .375rem }
.social a { display: inline-block; width: 1.5em;  }
.social a :where(img,svg) { width: 100%; }
.social a svg path { transition: .25s ease; }
.social a:hover { opacity: .75; }



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




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

#breadcrumb { gap: 0 .5em; }
#breadcrumb li { list-style: none; margin: 0; }
#breadcrumb .separator {}
#breadcrumb :where(a,span) { color: var(--black); display: inline-block; min-width: fit-content; line-height: 1; }




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

.toTop.trigger { transform: translateY(5rem); opacity: 0; transition: 1s cubic-bezier(.76,0,.24,1); }
.toTop.trigger.active { transform: translateY(0); opacity: 1; }

.toLeft.trigger { transform: translateX(5rem); opacity: 0; transition: 1s cubic-bezier(.76,0,.24,1); }
.toLeft.trigger.active { transform: translateY(0); opacity: 1; }

.toRight.trigger { transform: translateX(-5rem); opacity: 0; transition: 1s cubic-bezier(.76,0,.24,1); }
.toRight.trigger.active { transform: translateY(0); opacity: 1; }






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

.cta_fisse { bottom: 0; left: 0; gap: .5rem; padding: 1rem; background-color: var(--black); transition: .25s; z-index: 2; }
.cta_fisse.hide { opacity: 0; pointer-events: none; }
.cta_fisse .link { font-size: 13px; padding: .375em .75em; }





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

.top_foot_block { padding: 1rem; gap: .5rem; }
.top_foot_block img { height: 1.5rem; width: 1.5rem; }
.top_foot_block p { color: var(--white); font-size: .85rem; }

.top_foot_block:nth-of-type(1) { background-color: var(--green); }
.top_foot_block:nth-of-type(2) { background-color: var(--green_mid); }
.top_foot_block:nth-of-type(3) { background-color: var(--green_dark); }



.wrapper_bott_foot { gap: 0 1.5rem; }


/* Foot Logo */
.foot_logo { display: block; height: 100%; }
.foot_logo :where(img, svg) { width: auto; height: 100%; }


/* Foot Block */
.foot_block {}
.foot_block .tit_foot { height: 5rem; display: flex; align-items: flex-end; justify-content: flex-start; padding-bottom: .5rem; margin-bottom: .5rem; border-bottom: 1px solid var(--green); }
.foot_block .tit_foot h4 { font-size: 1.25rem; font-weight: 700; }
.foot_block :where(p, li) { font-size: 1rem; line-height: 1.5; }
.foot_block :where(p, li) a { font: inherit; }
.foot_block :where(p, li) a:hover { color: var(--green); }


/* Foot menu */
#foot_menu nav .menu { columns: 2; column-gap: 1rem }







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




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION ____ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/








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


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

.card a { min-height: 22rem; overflow: hidden; }
.card picture img { transition: .25s ease; }
.card .card_filter { background: linear-gradient(to top, var(--deepblack), transparent); }

.card .text { padding: 1rem; }
.card .text h3 { font-size: 1rem; line-height: 1.125; font-weight: 600; }
.card .text .link { margin-top: 1rem; font-size: .85rem; }

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



/* Case history */
/*.card_ch .text h3 { font-size: 1rem; line-height: 1.25; }*/


/* Case history */
.card_blog a { min-height: 15rem }
.card_blog .text p { color: var(--green); }










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


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

.slide .filter { display: none; }
.slide .sized { display: none; }

#slide_solar :where(.content, .filter) { background: linear-gradient(45deg, rgb(193, 114, 51) 0%, rgb(235, 189, 85) 100%); }
#slide_hydro :where(.content, .filter) { background: linear-gradient(45deg, rgb(28, 117, 180) 0%, rgb(39, 162, 217) 100%); }
#slide_edil :where(.content, .filter) { background: linear-gradient(45deg, rgb(0, 158, 81) 0%, rgb(133, 190, 63) 100%); }

.wrapper_dot { position: absolute; top: 45vh; left: 1rem; z-index: 2; transform: translateY(-100%);  }
.wrapper_dot .dot {
	text-transform: uppercase; color: var(--white); font-size: 1.125rem; text-shadow: 0 0 .25rem rgb(var(--black-rgb) / 50%); line-height: 1;
	gap: 1rem; padding-bottom: 1.5rem; position: relative; 
}
.wrapper_dot .dot::after { content: ""; width: 1px; height: 1.7rem; background-color: var(--white); position: absolute; left: .5rem; top: 1rem; }
.wrapper_dot .circle { display: block; width: 1rem; height: 1rem; border: 1px solid var(--white); border-radius: 5rem; transition: .125s ease; }

.slide .content { padding: var(--c7v) 1.5rem; gap: 1rem; min-height: 100%; clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); transition-delay: 1s; }
.slide .content img { filter: grayscale(1) brightness(0) invert(1); opacity: .5; width: 2rem; height: auto; }
.slide .text h2 { text-transform: uppercase; font-weight: 700; }
.slide .text .tit { text-transform: uppercase; font-weight: 600; }
.slide .text p { margin-top: 1rem; }


.slide.active .content { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); transition: .375s ease-in-out; }
.wrapper_dot .dot.active .circle { background-color: var(--white); }





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




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


.wrapper_num { padding: var(--c5v) var(--c2o); }
.wrapper_num .sized { top: 0; left: 0; }
.box_num { max-width: calc(50% - var(--c1o)); }
.box_num img { width: auto; height: 3rem; margin-bottom: 1rem; object-fit: contain; }
.box_num .num { font-size: 2rem; font-weight: 700; color: var(--white); }
.box_num .txt { color: var(--white); margin-top: .25rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION PARTNER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.slider_prt { padding: 0 2.75rem; }
.slider_prt .swiper-slide { display: flex; align-items: center; justify-content: center; }
.slider_prt .ico_logo { max-width: 70%; height: 4.5rem; filter: grayscale(1); }

.slider_prt .nav_btn { background-color: transparent; box-shadow: unset; width: 2rem; padding: 0; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION RECENSIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.loghi_set { gap: .375rem; }
.loghi_set img { height: 1.625rem; width: auto; }
.loghi_set span { display: block; margin-left: .5rem; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION CASE HISTORY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_ch { grid-template-columns: 1fr 1fr; gap: 1rem; }

.card_special a { border: 4px solid var(--green); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION RECENSIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#sec_rec .text h2 + p { margin-top: .75rem; }

.text_rec .rec { font-size: clamp(1.5rem, 3vw, 2.5rem); color: var(--white); }
.text_rec .name { color: var(--white); margin-top: 2.5rem; text-decoration: underline 1px; }
.text_rec .name a:hover  { opacity: .5; }


#sec_rec #nav_dots .swiper-pagination-bullet { width: 1.5rem; height: 5px; border-radius: 0; background-color: var(--white); opacity: .5; }
#sec_rec #nav_dots .swiper-pagination-bullet-active { opacity: 1; }









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


/* Above the folder */
.img_atf picture { height: 20vh; }
.img_atf::after {
	content: ""; width:  100%; height: 100%; position: absolute; top: 0; left: 0;
	background: linear-gradient(to bottom, rgb(var(--black-rgb) / 75%), transparent);
}



/* Section 1 */
.s1_square .square_green.trigger { transform: translateX(-5rem); }
.s1_square .square_green, .s1_square .square_green.active { transform: translate(0, -25%); }
.s1_square .square_green p { font-size: 1.625rem; }

.square_green { position: relative; background-color: var(--green); width: 12rem; aspect-ratio: 1 / 1; padding: 1rem; z-index: 1; }
.square_green p, .square_green .p { font-size: 1.375rem; font-weight: 900; color: var(--white); line-height: 1.125; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CHI SIAMO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.solar, .edil, .hydro { position: relative; }
.solar::after { content: ""; position: absolute; top: 50%; left: 0; transform: translate(-120%, -50%); width: 1.25rem; height: 1.25rem; background: url(../images/svg/solar.svg) no-repeat center; background-size: contain; }
.edil::after { content: ""; position: absolute; top: 50%; left: 0; transform: translate(-120%, -50%); width: 1.25rem; height: 1.25rem; background: url(../images/svg/edil.svg) no-repeat center; background-size: contain; }
.hydro::after { content: ""; position: absolute; top: 50%; left: 0; transform: translate(-120%, -50%); width: 1.25rem; height: 1.25rem; background: url(../images/svg/hydro.svg) no-repeat center; background-size: contain; }

.square_green.br { position: absolute; right: 0; bottom: 0; transform: translate(-10%, 40%); }
.square_green.bl { position: absolute; left: 0; bottom: 0; transform: translate(10%, 40%); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PARTNERS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s2_partners .grid {}

.box_partner { gap: 1rem 2rem; }
.box_partner + .box_partner { margin-top: var(--c10v); padding-top: var(--c10v); border-top: 1px solid var(--green); }
.box_partner img { max-height: 4.5rem; width: 8rem; object-fit: contain; object-position: left; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CERTIFICATI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_cert + .wrapper_cert { margin-top: var(--c10v); padding-top: var(--c10v); border-top: 1px solid var(--green); }
.wrapper_cert .sec_logo img { max-width: 15rem }

.elenco_cert .text + .text { margin-top: var(--c7v); } 
.link_download { display: inline-flex; align-items: center; justify-content: flex-start; gap: .25rem; text-decoration: underline 1px; margin-top: 1.5rem; }
.link_download img { width: 1rem; height: 1rem; }
.link_download:hover { color: var(--green); }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE RICHIEDI ASSISTENZA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LAVORA CON NOI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card_accordion { background-color: var(--green); border-radius: 1rem; }
.card_accordion + .card_accordion { margin-top: 1.5rem; }

.accordion_head { padding: 1.25rem 1rem; gap: 1rem; cursor: pointer; }
.accordion_head h3 { width: calc(100% - 2.5rem); font-size: 1.375rem; color: var(--white); font-weight: 600; text-transform: uppercase; }
.accordion_head svg { width: 1.5rem; height: 1.5rem; }
.accordion_head svg path { fill: var(--white); }

.accordion_text { display: none; padding: 1rem; padding-top: 0; }





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

/* Mappa */
.map { min-height: 25rem; z-index: 1; }
.map .leaflet-control-attribution { display: none; }

/* Section 1 */
.wrp_cont { margin-top: 1.5rem; }

.wrp_cont p, .wrp_cont p b { font-size: 1rem; font-weight: 400; }
.wrp_cont p.tit { font-size: 1.5rem; font-weight: 700; margin-bottom: .75rem; }

.wrp_cont p a { font: inherit; margin-top: .375rem; }
.wrp_cont p a:hover { color: var(--green); }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SOLAR / EDIL ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrp_schede { grid-template-columns: 1fr 1fr; gap: 1rem; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SETTORI (sottopagine solar, edil) ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 1 */
.back_to { position: absolute; top: 1rem; left: 1rem; width: 1.5rem; }
.back_to svg polygon { fill: var(--white); }

/* Section 2 */
.sec_std + .sec_std .container { flex-direction: row-reverse; }
.sec_std .icon { width: 4rem; margin-bottom: 1rem; }

.sec_servizio:nth-of-type(odd) { background-color: #DEDFE0 }






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


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




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

/* Search & Filter */
.single_check { gap: .75rem; }
.single_check + .single_check { margin-top: .5rem; }
.single_check input { appearance: none; -webkit-appearance: none; width: 1rem; height: 1rem; border: 1px solid var(--black); }
.single_check input:checked { background-color: var(--green); }
.single_check label {  }




/* Posts Loop */
#card_grid { grid-template-columns: 1fr 1fr; gap: 1em; }





/* Custom pagination */
.pagination .navigation { padding: var(--c2v) 0; }
.pagination .nav-links { display: flex; align-items: center; justify-content: center; gap: .25rem; }
.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(--black);
}
.pagination .current { background-color: var(--black) !important; color: var(--white) !important; }
.pagination a:hover, .pagination a:focus,
.pagination span:hover, .pagination span:focus { opacity: .75; background-color: var(--green) !important; }
.pagination .next, .pagination .prev, .pagination .page-numbers.dots { display: none; }







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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CASE HISTORY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Sec 2 */
#s2_case .container { max-width: 1150px; }

.s2_single .close { gap: .75rem; text-transform: uppercase; margin-bottom: 1rem; }
.s2_single .close svg { width: .85rem; }
.s2_single .close svg path { fill: var(--black); }
.s2_single .close:hover { opacity: .5 }


/* Sec 3 */
#s3_case .square_green_1 { transform: translate(-120%, 40%); }
#s3_case .square_green_3 { transform: translate(-10%, 40%); }

#s3_case .square_green { flex-wrap: wrap; flex-direction: column; justify-content: flex-end; gap: 1rem; }
#s3_case .square_green .tit { font-size: 1rem; font-weight: 400; }


/* Sec 4 */
.wrapper_partners { gap: 1.5rem; margin-top: 2rem; } 
.box_logo { max-width: calc(50% - 2rem); }
.box_logo img { width: 10rem; aspect-ratio: 1 / 1; padding: 1rem; border: 1px solid var(--black); margin-bottom: .5rem; }
.box_logo p {}





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Sec 2 */
#s2_blog .container, #s3_blog .container { max-width: 1150px; }

/* Sec 3 */
#s3_blog .grid { grid-template-columns: 1fr 1fr; gap: 1rem; }
#s3_blog .glightbox { background-color: var(--black); }
#s3_blog .glightbox img { transition: .25s ease; }
#s3_blog .glightbox:hover img { opacity: .75 }


/* Share */ 
.share p { color: var(--green); }


/* Somamrio */
.sommario_wrapper.text { margin-bottom: var(--c5v); }
.sommario_wrapper.text p { font-family: var(--title-font); font-size: 1.25rem; }
.sommario_wrapper.text ul { margin-top: .75rem; }
.sommario_wrapper.text ul li { color: var(--green); font-size: 18px; }
.sommario_wrapper.text ul li button { display: block; color: var(--green); text-align: left; }
.sommario_wrapper.text ul li button:hover { opacity: .75 }




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


/* WP-Form - Custom 
#form .wpforms-field label { color: ; }

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

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { padding: ; border: ; border-radius: ; }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background: ; }
#form .wpforms-field.wpforms-field-checkbox li label { padding: ; color: ; }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: ; }

#form button[type=submit], #form input[type=submit] {
	padding: ; font-size: ; color: ;
	background-color: ;  border: ; border-radius: ;
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: ; border-color: ; color: ; }
*/









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


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

#s1_grazie {}




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

#s1_404 { background-color: var(--bkg_color); }

#s1_404 .s1_title h1 { font-size: 2rem; }
#s1_404 .s1_title p { font-size: 1.1rem; }
#s1_404 .s1_title .link { display: inline-block; padding: 0.9rem 1.7rem; border: 2px solid var(--btn_color); border-radius: 0.6rem; font-size: 1rem; color: var(--btn_color); }
#s1_404 .s1_title .link:hover { background-color: var(--btn_color); color: var(--btn_color_hover); transform: scale(1.05); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LANDING ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#page_landing {
	--black: #0a0a0a; 

	--title-font: 'Open Sans', sans-serif;
	--main-font: 'Open Sans', sans-serif;
}
#page_landing { background-color: var(--white); }
#page_landing .container { max-width: ; }

#page_landing :where(h1, h2, h3, h4, .h1, .h2, .h3, .h4) i,
#page_landing :where(h1, h2, h3, h4, .h1, .h2, .h3, .h4) em { color: var(--green); }


/* Section 1 */
.logo_svg { width: 12rem; max-width: 80%; }

#s1_landing .text p { margin-top: .5rem; }
.punti_fondamentali_campagna { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #ccc; }
.punti_fondamentali_campagna .flex-l { gap: .5rem; align-items: flex-start; }
.punti_fondamentali_campagna .flex-l + .flex-l { margin-top: .75rem; } 
.punti_fondamentali_campagna .flex-l img { width: 1.5rem; }
.punti_fondamentali_campagna .flex-l p { margin-top: 0 !important; line-height: 1.25; }

/* Avviso */
.avviso { margin-top: 1.5rem; }
.avviso p { font-weight: 700; font-style: italic; gap: .5rem; }
.avviso img { width: 1.5rem; }


/* Sec standard */
.sec_std + .sec_std .container { padding-top: 0; }

.sec_landing .wrapper_num { gap: 1rem; padding: 0; margin-top: 1.5rem; }
.sec_landing .wrapper_num .box_num { width: calc((100% / 2) - 1rem) }
.sec_landing .wrapper_num .box_num .num { font-size: 2rem; font-weight: 700; }
.sec_landing .wrapper_num p { color: var(--black); }


/* Sec recensioni */
.sec_rec_in { background: linear-gradient(rgba(248, 250, 244, 1), rgba(248, 250, 244, 1)); }


/* Sec loghi partner */
.elenco_partner .text { margin-left: auto; margin-right: auto; }
.elenco_partner .text::after { content: ""; width: 60%; height: 1px; background-color: #ccc; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.elenco_partner { gap: .5rem var(--c2o); }

.elenco_partner .logo_prt { width: 8rem; height: auto; }



#page_landing .sec_footer img { margin-bottom: .75rem; }
#page_landing .sec_footer p { margin-top: .25rem; color: #6d6d6d; font-size: .75rem; }
#page_landing .sec_footer p a { font: inherit; }
#page_landing .sec_footer p br { display: none; }
#page_landing .sec_footer p b { font-weight: initial; }








/* ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ - Bonus fotovoltaico

█▀▄ ▄▀▄ █▄ █ █ █ ▄▀▀     █▀ ▄▀▄ ▀█▀ ▄▀▄ ▐▌ ▐▌ ▄▀▄ █   ▀█▀ ▄▀▄ ▀ ▄▀ ▄▀▄ 
█▀█ █ █ █ ▀█ █ █  ▀▄     █▀ █ █  █  █ █  ▀▄▀  █ █ █ ▄  █  █▀█ █ █  █ █ 
▀▀   ▀  ▀  ▀  ▀  ▀▀      ▀   ▀   ▀   ▀    ▀    ▀  ▀▀▀  ▀  ▀ ▀ ▀  ▀  ▀  

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

.green { color: var(--green); }

#page_bonus .logo_wrp { margin-bottom: var(--c5v); padding-bottom: var(--c5v); border-bottom: 1px solid rgb(var(--white-rgb) / 50%); }
#page_bonus h1, #page_bonus .h1 { --h1-max: 60; --h1-size: 60px; --h1-size: calc(var(--h1-min-px) + var(--h1-diff) * ((100vw - 360px) / 1560)); }
#page_bonus :where(h1, h2, h3, h4) { font-weight: 700; }
#page_bonus :where(h1, h2, h3, h4) b { color: var(--green); }
#page_bonus .pretitle + :where(h1, h2, h3, h4) { margin-top: .75rem; }
#page_bonus p, #page_bonus li { --p-max: 22; --p-size: 22px; --p-size: calc(var(--p-min-px) + var(--p-diff) * ((100vw - 360px) / 1560)); }

#page_bonus .filter_black { opacity: .75 }
#page_bonus .pretitle { letter-spacing: .25rem; color: var(--green); }
#page_bonus .sub { margin-top: .5em !important; }

#page_bonus picture > img { border-radius: 1rem; }

.white .box_stelle { border-color: var(--white); }
.box_stelle { padding: 1.5rem; width: fit-content; border-radius: 1rem; border: 1px solid var(--black); gap: 1rem; }
.box_stelle img { height: 1.125rem; width: auto; }
.box_stelle p { margin: 0; }
.box_stelle svg { width: 3rem; }


/* Section 1 */
.punti_chiave {}
.punti_chiave .flex-l { gap: .5rem; align-items: flex-start; }
.punti_chiave .flex-l + .flex-l { margin-top: .75rem; } 
.punti_chiave .flex-l img { width: 1.75rem; }
.punti_chiave .flex-l p { margin-top: 0 !important; line-height: 1.25; font-size: 1.25rem; }


/* Section 2 */
.wrp_info_box { gap: 1.5rem; }
.info_box { padding: 1.25rem; border: 1px solid #ccc; border-radius: 1rem; gap: 1rem; }
.info_box .ico { width: 4rem; height: 4rem; padding: .75rem; background-color: var(--green); border-radius: 50% }


/* Section 3 */
.wrp_percent { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid rgb(var(--white-rgb) / 50%); gap: 1.5rem; }
.percent {}
.percent .num { font-size: 2.5rem; color: var(--white); line-height: 1; font-weight: 700; }
.percent:first-of-type .num { color: var(--green); }
.percent .desc { color: var(--white); margin-top: .5rem; }


/* Section 5 */
.wrp_recensioni { gap: 1.5rem; display: grid; }

.box_rec { padding: 1.25rem; border: 1px solid var(--white); background-color: rgb(var(--white-rgb) / 25%); border-radius: 1rem; gap: 1rem; }
.box_rec img { height: 1.125rem; width: auto; margin-bottom: .75rem; }
.box_rec p { margin: 0; color: var(--white); }
.box_rec .flex-l { gap: .5rem; margin-top: 1rem; }
.box_rec .flex-l p { font-size: .85rem; }
.box_rec svg { width: 3rem; }


/* Section 7 */
#s7_bonus { background-color: rgb(var(--green-rgb) / 25%); }


/* Footer */
#sec_footer_bonus .text p { font-size: .85rem; margin: 0; color: #6d6d6d }
#sec_footer_bonus .text p br { display: none; }

.loghi_foot img { height: 5rem; }









/* ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ - Copertura e fotovoltaico

▄▀ ▄▀▄ █▀▄ █▀▀ █▀▀▄ ▀█▀ █ █ █▀▀▄ ▄▀▄    
█  █ █ █ █ █▀▀ █▐█▀  █  █ █ █▐█▀ █▀█     
 ▀  ▀  █▀  ▀▀▀ ▀ ▀▀  ▀   ▀  ▀ ▀▀ ▀ ▀    
█▀▀     █▀ ▄▀▄ ▀█▀ ▄▀▄ ▐▌ ▐▌ ▄▀▄ █   ▀█▀ ▄▀▄ ▀ ▄▀ ▄▀▄ 
█▀▀     █▀ █ █  █  █ █  ▀▄▀  █ █ █ ▄  █  █▀█ █ █  █ █ 
▀▀▀     ▀   ▀   ▀   ▀    ▀    ▀  ▀▀▀  ▀  ▀ ▀ ▀  ▀  ▀  

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

#page_fotocop { background-color: var(--white); }
#page_fotocop .logo_wrp { margin-bottom: var(--c7v); }
#page_fotocop h1, #page_fotocop .h1 { --h1-max: 60; --h1-size: 60px; --h1-size: calc(var(--h1-min-px) + var(--h1-diff) * ((100vw - 360px) / 1560)); }
#page_fotocop h2, #page_fotocop .h2 { --h2-max: 50; --h2-size: 50px; --h2-size: calc(var(--h2-min-px) + var(--h2-diff) * ((100vw - 360px) / 1560)); }
#page_fotocop :where(h1, h2, h3, h4) { font-weight: 900; text-transform: uppercase; }
#page_fotocop :where(h1, h2, h3, h4) b { color: var(--green); }
#page_fotocop .pretitle + :where(h1, h2, h3, h4) { margin-top: .75rem; }
#page_fotocop p, #page_fotocop li { --p-max: 22; --p-size: 22px; --p-size: calc(var(--p-min-px) + var(--p-diff) * ((100vw - 360px) / 1560)); }

#page_fotocop .filter_black { opacity: .825 }
#page_fotocop .pretit { text-transform: uppercase; letter-spacing: .25rem; color: var(--green); font-weight: 300; gap: .5rem; }
#page_fotocop .pretit img { width: 1.125rem; height: 1.125rem; background-color: var(--green); padding: .15rem; border-radius: 50% }
#page_fotocop .sub { margin-top: .5em !important; }

#page_fotocop picture > img { border-radius: 1rem; }


/* Section 1 */
.cert_tag { gap: .5rem; margin-top: 1.5rem; }
.cert_tag .tag {
    font-size: 16px; text-transform: uppercase; font-weight: 300;
    margin: 0; display: inline-block; padding: .25em .5em; border-radius: .25rem; border: 1px solid rgb(var(--white-rgb) / 50%);
}

.wrp_numeri { display: grid; gap: 1rem; }
.wrp_numeri .box_numeri { padding: 1.25rem; border: 1px solid #ccc; border-radius: 1rem; }
.wrp_numeri .box_numeri p { color: var(--white); line-height: 1.25; font-weight: 300; text-transform: uppercase; }
.wrp_numeri .box_numeri p.num { font-size: 2.5rem; margin-bottom: .75rem }
.wrp_numeri .box_numeri hr { display: inline-block; width: 25%; height: 5px; background-color: var(--green); margin-top: 1.25rem; }


/* Section 2 */
.wrp_elenco_vantaggi { gap: 1.25rem; }
.box_vant { padding: 1.25rem; border-radius: 1rem; border: 1px solid var(--green); }
.box_vant .pretit { font-size: 1rem; margin-bottom: 1rem; }
.box_vant img { width: 1rem; margin-bottom: 1rem; }
.box_vant h3 { font-size: 1.25rem; margin-bottom: 1rem }


/* Section 3 */
#s3_fotocop { background-color: #eeece3; }

.wrp_elenco_finanziamenti { gap: 1.25rem; }
.box_fin { padding: 1.25rem; border-radius: 1rem; border: 1px solid var(--green); }
.box_fin p { font-size: .85rem; }
.box_fin p.num { font-size: 2.5rem; font-weight: 900; margin-bottom: .25rem; color: var(--green); }
.box_fin h3 { font-size: 1rem; margin-bottom: 1rem; color: var(--green); }


/* Section 4 */
.elenco_loghi { gap: 1rem; }
.elenco_loghi .logo_gen { height: 3rem; width: 30%; object-fit: contain; }

.wrp_box_info { gap: 2rem; }
.wrp_box_info .box_info { gap: 1rem; }
.wrp_box_info .box_info + .box_info { padding-top: 2rem; }
.wrp_box_info .box_info + .box_info::after { content: ""; display: inline-block; width: 25%; height: 2px; background-color: var(--green); position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
.wrp_box_info .box_info img { width: 2rem; min-width: 2rem; }
.wrp_box_info .box_info h3 { font-size: 1.25rem; }
.wrp_box_info .box_info p { margin-top: .5rem: }


/* Section 5 */
#s5_fotocop { background-color: #eeece3; }

.wrp_analisi_intervento { background-color: #463f3c; border-radius: 1rem; padding: 1.5rem; gap: 2rem; }
.box_ai { padding: .5rem; }
.box_ai + .box_ai { padding-top: 2rem; }
.box_ai + .box_ai::after { content: ""; display: inline-block; width: 75%; height: 1px; background-color: rgb(var(--white-rgb) / 50%); position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
.box_ai p { font-size: 1rem; color: var(--white); }
.box_ai p.num { font-size: 2.5rem; font-weight: 900; line-height: 1; margin-bottom: .75rem; color: var(--green); }
.box_ai h3 { font-size: 1rem; margin-bottom: 1rem; color: var(--white); }

.analisi_wrapper { padding: .75rem; background-color: rgb(var(--white-rgb) / 10%); border-radius: 1rem; }
.analisi_wrapper p { font-size: .85rem; }


/* Section 6 */
#s6_fotocop { background-color: #1e2f23; }


/* Section 7 */
.wrp_dicono_di_noi::after { content: ""; display: inline-block; width: 40%; height: 1px; background-color: rgb(var(--black-rgb) / 25%); position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
.logo_ddn { padding: .5rem .75rem; width: 30%; }


/* Footer */
.cta_fissa { z-index: 3; position: fixed; bottom: 1rem; right: 50%; transform: translateX(50%); max-width: 75%; width: max-content; opacity: 0; pointer-events: none; }
.cta_fissa.show { opacity: 1; pointer-events: initial; }
.cta_fissa.hide { opacity: 0; pointer-events: none; }


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

#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 */

	/* Nav Menu */
	.head_wrapper { padding: 1.5em 2.5%; z-index: 2; }
	.header.scroll .head_wrapper { padding: 1em 2.5%; }

	



}






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

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


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	#main_nav .menu_wrapper { display: flex; align-items: flex-start; justify-content: center; padding-top: 0; overflow: clip; }
	
	.menu_settori, .main_menu { padding-top: calc(75px + (130 - 75) * ((100vw - 320px) / 1600) + var(--c2v)); height: 100vh; }
	.menu_settori .filter {
		background: linear-gradient(45deg, rgba(28, 117, 180, 1) 0%, rgba(39, 162, 217, 1) 25%, rgba(133, 190, 63, 1) 41%, rgba(235, 189, 85, 1) 55%, rgba(193, 114, 51, 1) 100%);
		clip-path: circle(50% at 50% 50%); height: 150%; width: auto; aspect-ratio: 1 / 1; top: 50%; transform: translate(-2.5%, -50%); 
	}



	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	.wrapper_top_foot { grid-template-columns: 1fr 1fr 1fr; }

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




	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	.slide .filter {
		display: block; opacity: 0; pointer-events: none; transition: .75s ease-in-out;
		clip-path: circle(50% at 50% 50%); height: 250%; width: auto; aspect-ratio: 1 / 1; top: 50%; left: 45%; transform: translate(0%, -50%);
	}
	.slide .sized { height: 100vh; }
	.slide .content {
		background: transparent !important; clip-path: unset !important; opacity: 0; pointer-events: none;
		position: absolute; bottom: 0; right: 0; transform: translate(0, -30%); width: 50%; align-items: center; min-height: auto; 
	}
	.slide .content img { position: absolute; left: 0; top: 0; width: auto; height: 10rem; transform: translate(20%, -50%); }
	.slide .text h2 { transform: translate(-2rem, -50%); font-size: 3em; }

	.wrapper_dot { top: 100%; left: 2rem; }
	.wrapper_dot .dot:last-of-type { padding-bottom: 4rem; }
	.wrapper_dot .dot:last-of-type::after { height: 5.7rem; }

	.slide.active .content { opacity: 1; pointer-events: initial; }
	.slide.active .filter { transform: translate(-2.5%, -50%); opacity: 1; transition-delay: .125s; }




	/*∞∞∞∞∞∞ PARTNERS ∞∞∞∞∞∞*/
	#s2_partners .grid { grid-template-columns: 1fr 1fr; }
	.box_partner:nth-of-type(2) { margin-top: 0; padding-top: 0; border: 0; }
	.box_partner:nth-of-type(odd) { padding-right: var(--c2o); }


	/*∞∞∞∞∞∞ CERTIFICATI ∞∞∞∞∞∞*/
	.wrapper_cert .sec_logo { position: sticky; top: 15vh; display: flex; align-items: flex-start; justify-content: flex-end; }





	/*∞∞∞∞∞∞ TEMPLATE LANDING ∞∞∞∞∞∞*/
	#page_landing :where(p, li) { --p-max: 20; --p-size: 20px; }
	#page_landing :where(h1, .h1)  { font-size: calc(var(--h1-size) * 1.25); line-height: 1.125; }
	#page_landing :where(h2, .h2)  { font-size: calc(var(--h2-size) * 1.25); line-height: 1.125; }
	#page_landing :where(h3, .h3)  { font-size: calc(var(--h3-size) * 1.25); line-height: 1.125; }
	#page_landing :where(h4, .h4)  { font-size: calc(var(--h4-size) * 1.25); line-height: 1.125; }

	.sec_landing .wrapper_num .box_num { width: calc((100% / 3) - 1rem) }
	.elenco_partner .logo_prt { width: 8; }



}



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

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

	.img_atf picture { height: 30vh; }
	.cta_fisse { display: none; }


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	/* Nav */
	#main_nav .head_menu li:not(#menu-item-163, #menu-item-164) a:hover { transform: translateX(.5rem); opacity: .75; }
	#main_nav .head_menu :where(#menu-item-163, #menu-item-164) > a { cursor: inherit; }
	
	#menu-item-169 .sub-menu li a:hover { transform: translateX(0) !important; opacity: 1 !important; cursor: inherit; }


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	.top_foot_block { padding: 1rem 2rem; gap: 1rem; }
	.top_foot_block img { height: 2rem; width: 2rem; }
	.top_foot_block p { font-size: 1rem; }
	.top_foot_block:hover { transform: scale(.98); }

	/* Bottom */
	.wrapper_bott_foot { grid-template-columns: 1fr 2fr 1fr 1fr; }
	.foot_block .tit_foot h4 { font-size: 1rem; }
	.foot_block :where(p, li) { font-size: .85rem; margin-bottom: 2px; }

	/* 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 ∞∞∞∞∞∞*/
	.slide .filter { left: 50%; }

	.slide .content { width: 40%; }
	.slide .content img { height: 12rem; }
	.slide .text h2 { transform: translate(-4rem, -50%); font-size: 3.5em; }





	/*∞∞∞∞∞∞ PAGES ∞∞∞∞∞∞*/
	/* Sec 1 */
	.s1_square .container { flex-direction: row-reverse; padding-top: var(--c12v); }
	.s1_square .square_green { position: absolute; left: var(--c3o); z-index: 1; top: 0; }

	#breadcrumb { position: absolute; left: calc(var(--c7o) + var(--c3o) + 7rem); top: 1.5rem; width: 70% }


	/* CASE HISTORY */
	.wrapper_ch { grid-template-columns: 1fr 1fr 1fr 1fr; }


	/*∞∞∞∞∞∞ CHI SIAMO ∞∞∞∞∞∞*/
	.col2 { columns: 2; column-gap: var(--c2o); }

	/* Sec 3 */
	.solar::after, .edil::after, .hydro::after { transform: translate(-150%, -50%); width: 1.75rem; height: 1.75rem; }

	.square_green.br { transform: translate(50%, 40%); }
	.square_green.bl { transform: translate(-50%, 40%); }


	/*∞∞∞∞∞∞ PARTNERS ∞∞∞∞∞∞*/
	.box_partner .text { width: calc(100% - 10rem); }
	.box_partner img { object-position: right; }



	/*∞∞∞∞∞∞ SERVIZI ∞∞∞∞∞∞*/
	h1.solar::after, h1.edil::after, h1.hydro::after { width: 2.5rem; height: 2.5rem; }

	#s1_hydro #breadcrumb,
	#s1_edil #breadcrumb,
	#s1_solar #breadcrumb { left: var(--c2o); }


	/*∞∞∞∞∞∞ SETTORI (sottopagine solar, edil) ∞∞∞∞∞∞*/
	/* Sec 2 */
	.sec_std .icon { position: absolute; left: 0; top: 0; transform: translateX(-150%); }


	/*∞∞∞∞∞∞ ARCHIVIO CASE HISTORY ∞∞∞∞∞∞*/
	#card_grid { grid-template-columns: 1fr 1fr; gap: 1em; }





	/*∞∞∞∞∞∞ BONUS FOTOVOLTAICO - Landing ∞∞∞∞∞∞*/
	/* Sec 2 */
	.wrp_info_box { grid-template-columns: 1fr 1fr; }

	/* Sec 3 */
	.wrp_percent { grid-template-columns: 1fr 1fr; }

	/* Sec 5 */
	.wrp_recensioni { grid-template-columns: 1fr 1fr; }




	/*∞∞∞∞∞∞ COPERTURE E FOTOVOLTAICO - Landing ∞∞∞∞∞∞*/
	/* Sec 1 */
	.wrp_numeri { grid-template-columns: 1fr 1fr 1fr; }

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

	/* Sec 3 */
	.wrp_elenco_finanziamenti { grid-template-columns: 1fr 1fr 1fr; }

	/* Sec 4 */
	.wrp_box_info { grid-template-columns: 1fr 1fr; }
	.wrp_box_info .box_info:nth-of-type(2) { padding-top: 0; }
	.wrp_box_info .box_info:nth-of-type(2)::after { display: none; }

	/* Sec 5 */
	.wrp_analisi_intervento { grid-template-columns: 1fr 1fr; }
	.wrp_analisi_intervento .box_ai:nth-of-type(2) { padding-top: 0; }
	.wrp_analisi_intervento .box_ai:nth-of-type(2)::after { display: none; }
	.analisi_wrapper { grid-column: 2 span; }

	/* Sec 6 */
	.logo_ddn { padding: 1rem 2rem; width: 26%; }

	/* footer */
	.cta_fissa { right: 1rem; transform: unset; }

}






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

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

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.head_logo .hide { display: block; }

	/* Hamburger */
	#hamburger .tit { color: var(--white); display: block; }


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	footer .p2lr { padding-left: var(--c5o); padding-right: var(--c5o); }

	/* Top */
	.top_foot_block img { height: 2.5rem; width: 2.5rem; }

	/* Bottom */
	.wrapper_bott_foot { gap: 0 3em; }
	.foot_block .tit_foot { margin-bottom: 1rem; }




	/*∞∞∞∞∞∞ PAGES ∞∞∞∞∞∞*/
	/* Sec1 */
	#breadcrumb { left: calc(var(--c7o) + 8rem); width: 80%; }



	/*∞∞∞∞∞∞ ARCHIVIO CASE HISTORY ∞∞∞∞∞∞*/
	#card_grid { grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; }

	/*∞∞∞∞∞∞ SINGLE CASE HISTORY ∞∞∞∞∞∞*/
	.s2_single .close { position: absolute; top: 0; left: 0; transform: translate(-150%, 20%); }

	/*∞∞∞∞∞∞ SINGLE BLOG ∞∞∞∞∞∞*/
	.share { position: absolute; left: 0; transform: translateX(calc(-100% - 1.5rem)); }


}






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

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

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.menu_settori .filter { height: 250%; transform: translate(0, -50%); }
	

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	.wrapper_top_foot { padding: 0 var(--c5o); }





	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	.slide .filter { left: 62.5%; }

	.slide .content { width: 30%; transform: unset; padding-bottom: var(--c10v); padding-right: var(--c2o); }
	.slide .content img { height: 15rem; }
	.slide .text h2 { transform: translate(-4.5rem, -50%); font-size: 4em; }



	/*∞∞∞∞∞∞ SINGLE CASE HISTORY ∞∞∞∞∞∞*/
	.s2_single .close { transform: translate(-200%, 20%); }

}






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

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






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

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