/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " EV LASER "

BASE (MOBILE) SIZE

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


.p10 { padding: var(--c10v) var(--c5o); }
.p10lr { padding-left: var(--c5o); padding-right: var(--c5o); }






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


.header { z-index: 4; }
.header::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, var(--black), transparent); }
/* .header.scroll { background-color: var(--black); }*/

.head_wrapper { padding: 1em 1.5em; z-index: 2; }
.head_wrapper .flex-el { gap: .75em; }



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

.head_logo { 
	display: inline-block; 
	--head-logo-width: 150px; /* <- in 'px' */
	--head-logo-min: 150;
	--head-logo-max: 220;
	max-width: 220px;
}
.head_logo :where(img, svg) { width: 100%; }
.head_logo svg .st0 { fill: var(--white); transition: .25s ease; }
.head_logo:hover svg .st0 { fill: var(--blue); }



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

.link_head { gap: .5rem; color: var(--blue); text-transform: uppercase; font-weight: 600; font-size: .95rem; }
.link_head svg { width: 1rem; }
.link_head svg path { transition: .25s ease; fill: var(--blue); }

.link_head:hover { color: var(--white); }
.link_head:hover svg path { fill: var(--white); }


/* Lang */
.lang { display: inline-block; transition: .25s ease; }
.lang .wpml-ls-legacy-dropdown-click { width: auto; }
.lang .wpml-ls-legacy-dropdown-click a { padding: 0; background: transparent; border: 0 !important; color: var(--blue); font-size: 1rem; font-weight: 500; text-transform: uppercase; }
.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 { color: var(--white); background-color: transparent; }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { border-top: 1px solid var(--blue); 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 { color: var(--white); }







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

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

/* Tapped / Clicked animation */
#hamburger.tapped span { transition: .25s ease; left: 50%; width: 100%; }
#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; counter-reset: section; }
#main_nav .menu_wrapper { top: 0; left: 0; background-color: var(--black); }

#main_nav .head_menu li { font: inherit; line-height: 1; position: relative; }
#main_nav .head_menu li a { display: inline-block; font-size: 2em; line-height: 1; margin-top: 1.5rem; position: relative;  }
#main_nav .head_menu > li { padding-left: 2rem; }
#main_nav .head_menu > li > a::before { counter-increment: section; content: "0"counter(section); transform: rotate(-90deg) translateY(-50%); transform-origin: top; position: absolute; left: -2rem; top: 55%; font-size: 1.25rem; opacity: .5 }

#main_nav .head_menu .sub-menu { margin: 0; }
#main_nav .head_menu .sub-menu a { font-size: 1em; margin-top: 1rem; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SEARCH ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.search_wrapper { top: 0; left: 0; z-index: 4; backdrop-filter: blur(.5rem); -webkit-backdrop-filter: blur(.5rem); background-color: rgb(var(--black-rgb) / 90%); display: none; }
.filter.close { pointer-events: initial; }

button.close { position: absolute; top: 1rem; right: 1rem; width: clamp(2rem, 4vw, 4rem); z-index: 1; }


.search_wrapper .searchInput { margin-top: var(--c7v); overflow: hidden; max-width: 40rem; width: 90%; }
.search_wrapper .searchInput .input_wrapper { background-color: transparent; width: 100%; margin: 0 auto; }
.search_wrapper .searchInput input { padding: 1rem; width: 100%; font-size: 1rem; background-color: transparent; color: var(--white); font-weight: 500; border: 1px solid #ccc; outline: unset; }
.search_wrapper .searchInput input::placeholder { font-size: 1rem; color: var(--white); opacity: .25; }

.search_wrapper .searchInput .ajax_search { position: absolute; top: 50%; right: 1rem; transform: translateY(-55%); width: auto; height: calc(95% - 1.75rem); }
.search_wrapper .searchInput .ajax_spinner { display: none; padding: 1rem; margin-top: 1rem; z-index: 1; position: relative; }
.search_wrapper .searchInput .ajax_spinner img { width: 1.5rem; }


.search_wrapper .wrapper_datafetch { margin-top: .5rem; z-index: 1; position: relative; }
.search_wrapper .search_result { overflow-y: scroll; height: 45vh; z-index: 1; position: relative; }
.search_wrapper .search_result ul { padding: 1rem 0; }
.search_wrapper .search_result li + li { border-top: 1px solid var(--white); }
.search_wrapper .search_result::-webkit-scrollbar { width: 8px; background-color: var(--white); }
.search_wrapper .search_result::-webkit-scrollbar-thumb { width: 8px; background-color: var(--blue); }


.box_search { display: grid; grid-template-columns: .125fr 1fr; gap: 1rem; align-items: center; padding: 1rem 0; }
.box_search:hover { background-color: rgb(var(--white-rgb) / 10%); }

.box_search p { color: var(--white); font-size: 15px; }
.box_search p + p { margin-top: .5rem; }
.box_search p.tit { font-size: 18px; font-weight: 700; }
.box_search picture { background-color: #0a0a0a; }






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


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

.link {
	display: inline-block; position: relative; width: fit-content;
    padding: .75em 1.5em; border: 2px solid var(--blue); border-radius: 5rem;
	font: inherit; font-size: var(--rem); color: var(--white); font-weight: 600; text-transform: uppercase;
}
.link:hover, .link:focus, .link:active { color: var(--blue); background-color: rgb(var(--white-rgb) / 5%); }


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


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



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

.filter_rl { background: linear-gradient(to right, var(--deep), transparent); }



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

.bkg_form { background-image: url(../images/webp/sfondo_form.webp); opacity: .125; }

.bkg_deep { background-color: var(--deep); }
.bkg_blue { background-color: var(--blue); }
.bkg_dark { background-color: var(--dark); }
.bkg_white { background-color: var(--white); }

.blue { color: var(--blue); }
.tt { text-transform: uppercasep; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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 { 
	width: 2em; padding: .25em; 
	z-index: 1; cursor: pointer; transition: .25s ease; 
}
.nav_btn.abs { top: 50%; transform: translateY(-50%);  }
.nav_prev.abs { left: 0; }
.nav_next.abs { right: 0; }

.nav_btn :where(img, svg) { width: 100%; }
.nav_btn svg path { fill: var(--black); transition: .25s ease; }


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


/* Dots */
#nav_dots { position: relative; bottom: 0; margin-top: 1.5rem; }
#nav_dots .swiper-pagination-bullet {  }
#nav_dots .swiper-pagination-bullet-active {  }



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

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



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

.sticky { top: 15vh; }




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

#breadcrumb { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: .125em .5em; }
#breadcrumb li { list-style: none; margin: 0; }
#breadcrumb .separator {}
#breadcrumb :where(a,span) { display: inline-block; min-width: fit-content; color: var(--blue); font-weight: 700; line-height: 1.1; }











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


/* footer { border-top: 2px solid var(--white); } */
footer { background-color: var(--dark); }
footer .grid { gap: var(--c15v) var(--c2o); }


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


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


/* Foot Block */
.foot_block {}
.foot_block h4 { font-size: 1rem; text-transform: uppercase; font-weight: 600; text-decoration: underline; margin-bottom: 1rem; }
.foot_block p.flex-l { gap: .5rem; margin-top: .75rem; }
.foot_block p.flex-l svg { width: 1rem; }
.foot_block p.flex-l svg path { fill: var(--white); }

.foot_block p a { font: inherit; color: inherit; }
.foot_block p a u { text-decoration: underline; text-decoration-thickness: 1px; }




/* Foot Social */




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






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


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

.s1 { overflow: hidden;  }
.s1 .container { padding-top: calc( 65px + ( 95 - 65 ) * ( (100vw - 320px) / 1600 ) + var(--c10v) ); }



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








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


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

.card { background-color: #444; overflow: hidden; }
.card .filter { background: linear-gradient(15deg, rgb(var(--black-rgb) / 75%), transparent); }
.card img { transition: .25s ease; }
.card .text { padding: 1.5rem; }
.card .text h3 { font-size: 1.25rem; text-transform: uppercase; }

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


/* Prodotto */
.card_prd a { background-color: var(--deep); padding: 1.5rem; height: 100%; }
.card_prd picture { padding: 1rem; }
.card_prd img { height: 12rem; }
.card_prd h3 { padding-top: 1rem; font-size: 1.25rem; }

.card_prd a:hover { background-color: rgb(var(--white-rgb) / 25%); }


/* Blog */
.card_blog .text { padding-top: 1.5rem; }
.card_blog .text h3 { font-size: 1.125rem; color: var(--blue); font-weight: 700; text-transform: uppercase; color: var(--blue); }
.card_blog .text p { font-size: 1rem; margin-top: .5rem; }

.card_blog .filter { transition: .25s ease; }
.card_blog:hover .filter { background-color: rgb(var(--blue-rgb) / 50%) }




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

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




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








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


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

#s2_home { background-color: var(--deep); }

.card_sol_home img { height: 18rem; }
.card_sol_home h2 { font-size: 2rem; margin-top: 1.5rem; }
.card_sol_home p { font-size: 16px; }



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

#slider_prod .nav_btn { background-color: var(--deep); }



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

.wrapper_appli { gap: 1.5rem; display: grid; }
.card_ap_home h2 { font-size: 2rem; margin-top: 1.5rem; text-transform: uppercase; }
.card_ap_home p { font-size: 16px; }



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

#s6_home { background-color: var(--dark); }

.slider_wrapper .nav_btn { margin: 0 .5rem; background-color: var(--black); padding: .75rem; width: 3rem; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; border-radius: 5rem; } 
.slider_wrapper .nav_btn img { filter: brightness(0) invert(1); }

.card_news { gap: 2rem; align-items: center; }
.card_news h2 { font-size: calc(var(--h2-size) * .75); }
.card_news p, .card_news p a { font-size: 16px; color: var(--white); }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 7 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s7_home .container { padding-bottom: 0 !important; }

.wrapper_servizi { gap: 2rem 1.5rem; text-align: center; }
.wrapper_servizi img { height: 4rem; width: 4rem; object-fit: contain; margin-bottom: .5rem; }
.wrapper_servizi p { text-transform: uppercase; font-size: 15px; font-weight: 600; line-height: 1.1; }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 8 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s8_home { overflow: hidden; }
#s8_home .map { width: 200%; height: auto; }








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


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

/* Section2  */
.elenco_testi h2 { font-weight: 600; color: var(--blue); }

/* Section 3 */
.box_time h3 { color: var(--blue); font-weight: 600; }
.box_time h3 span { font-size: 50%; text-transform: uppercase; }

.box_time .text { padding-left: 1.5rem; border-left: 1px solid var(--blue); margin-top: 1rem; }
.box_time + .box_time .text { padding-bottom: var(--c5v); margin-bottom: 1rem; }




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

.numero { padding: 1rem }
.numero:nth-of-type(2) { border-top: 1px solid var(--blue); border-bottom: 1px solid var(--blue); }
.numero .num { font-size: 3rem; }


.card_accordion { border-bottom: 1px solid rgb(var(--white-rgb) / 50%); }

.accordion_head { gap: 1rem; padding: 2rem 0; cursor: pointer; }
.accordion_head .icon { width: 3rem; filter: brightness(0) invert(1); transition: .125s ease; }
.accordion_head .ico { width: 2rem; }
.accordion_head .ico img { width: 100%; left: 0; top: 0; }
.accordion_head .ico .minus { display: none; }

.accordion_head.active .icon { filter: unset; }
.accordion_head.active h3 { color: var(--blue); transition: .125s ease; }
.accordion_head.active .ico .minus { display: block; }
.accordion_head.active .ico .plus { opacity: 0; }


.accordion_text { padding-bottom: 2.5rem; display: none }









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

.map { max-width: unset; right: 0; top: 50%; transform: translate(25%, -50%); width: auto; opacity: .5; }






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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ APPLICATION ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.archive_terms > .text { padding-bottom: 1rem; border-bottom: 1px solid var(--white); margin-bottom: var(--c7v); }
.archive_terms > .text h2 { text-transform: uppercase; font-weight: 600; }

.wrapper_card { gap: 1.25rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ACADEMY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.filtro .search-filter-input-button { background-color: transparent; border: 1px solid var(--blue); border-radius: 5rem; padding: .5rem 1rem; font-size: 18px; color: var(--blue); line-height: 1; }
.filtro .search-filter-input-button:not(.search-filter-input-button--is-selected):hover { background: rgb(var(--blue-rgb) / 25%); color: var(--white); border-color: var(--blue); }
.filtro .search-filter-input-button--is-selected { background-color: var(--blue); color: var(--white); }


.pagination .nav-links { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.pagination :where(.next, .prev) { display: none !important; }
.pagination a, .pagination span { padding: 0.5em; line-height: 1; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PRODUCTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.products_wrapper { gap: 1rem; }











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


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

#s1_academy .text h2, #s1_academy .text h3 { font-weight: 600; }

.wrapper_link { padding: var(--c7v) 0; position: relative; }
.wrapper_link::before { content: ""; width: 200vw; height: 100%; position: absolute; top: 0; left: -50vw; background-color: var(--blue); z-index: -1; }
.wrapper_link .text { gap: 1.5rem; }
.wrapper_link h3 { font-weight: 700; }
.wrapper_link .link { margin: 0; }



.slider_wrp .card_blog p { color: var(--black); }






/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CATEGORIA PRODORTTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.box_mat p { text-transform: uppercase; }
.box_mat img { width: 8rem; }



/* ∞∞∞∞∞∞∞∞ NEW ∞∞∞∞∞∞∞∞ */
/* Sec 1 */
#s1_single_cat_new { background-color: var(--deep); }

/* Banner */
.banner_italy { background-color: var(--dark); }
.banner_italy .text { padding: var(--c7v) var(--c5o); }
.banner_italy .text img { width: 7rem; margin-top: 1rem; }

/* Elenco numerato */
.wrapper_elenco { display: grid; gap: 2rem; }
.box_elenco_num { padding: 1.5rem; background-color: var(--black); border-left: 5px solid var(--dark); border-right: 5px solid var(--dark); }
.box_elenco_num p.num { font-size: 2.5rem; font-family: var(--title-font); }

/* Elenco video */
.box_video video { filter: saturate(1.5); }

/* Sec assistenza */
.sec_assistenza { background-color: #000; }
.sec_assistenza p { max-width: 100ch; margin-left: auto; margin-right: auto; }

/* Elenco prodotti */
.sec_prod { overflow: hidden; }
.sec_prod .filter_tb { background: linear-gradient(to bottom, #000, transparent 20%); } 
.sec_prod #video_smoke { opacity: .1; }

.wrapper_prod_new { display: grid; gap: var(--c7v) var(--c7o); margin-top: var(--c7v); }

.card_prd_new { padding: 1rem; }
.card_prd_new picture { position: relative; background-color: var(--black); }
.card_prd_new .text { margin-top: 1rem; }
.card_prd_new .text h3 { text-transform: uppercase; font-size: 1.25rem; padding: 1rem; }



.card_prd_new .wrp_glow .glow {
	display: block; width: calc(100% - 1px); height: calc(100% - 1px); border-radius: 1rem; filter: blur(.5rem);
	position: absolute; left: 50%; top: 50%; overflow: hidden; transform: translate(-50%, -50%); transition: .25s ease;
}
.card_prd_new .wrp_glow .glow::before {
	content: ''; z-index: -2; text-align: center;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg);
	width: 99999px; height: 99999px;
	background-image: repeating-conic-gradient(from 0deg at 50% 50%, transparent 1%, #89d2ff 45%, #fff 50%, #89d2ff 80%, transparent 99%);
	animation: rotate 4s linear infinite;
}

.card_prd_new .wrp_glow .normal {
	display: block; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 1rem;
	position: absolute; left: 50%; top: 50%; overflow: hidden; transform: translate(-50%, -50%);
}
.card_prd_new .wrp_glow .normal::before {
	content: ''; z-index: -2; text-align: center;
	top: 50%; left: 50%; position: absolute; width: 100%; aspect-ratio: 1 / 1;
	transform: translate(-50%, -50%) rotate(0deg); animation: rotate 4s linear infinite;
	background-image: repeating-conic-gradient(from 0deg at 50% 50%, transparent 1%, #89d2ff 45%, #fff 50%, #89d2ff 80%, transparent 99%);
}

/*.card_prd_new .wrp_glow:hover .glow::before, .card_prd_new .wrp_glow:hover .normal::before { animation-play-state: paused; }*/
.card_prd_new .wrp_glow:hover .glow { width: 105%; height: 105%; }

@keyframes rotate { 100% { transform: translate(-50%, -50%) rotate(1turn); } }






.wrapper_prod_new { grid-template-columns: 1fr 1fr; padding-left: var(--c5o); padding-right: var(--c5o); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION PRODOTTO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/


/* ELENCO NUMERI */
.sec_num { background-color: var(--white); }
.blocco_num { margin-bottom: 2rem; }
.blocco_num span { display: inline-block; font-size: 1rem; font-family: var(--title-font); font-weight: 400; margin-right: 1rem; }
.blocco_num h6 { font-size: 1rem; }
.blocco_num .text { margin-top: 1rem; }


/* GALLERIA */
.sec_galleria { background-color: var(--white); }
.sec_galleria .swiper-slide { display: flex; align-items: center; justify-content: center; }
.sec_galleria picture { height: 8rem; }


/* TABELLA */
.sec_tabella:not(.new) { background-color: #f0f0f0; }
.sec_tabella .tab { overflow-x: scroll; min-width: 100% }
.sec_tabella .tab table { width: 38rem; }
.sec_tabella th, .sec_tabella td { font-size: 16px; text-align: center; }
.sec_tabella tr .column-1 { font-weight: 700; text-align: left; }
.sec_tabella tr:nth-child(even) { background-color: transparent; }




/* ∞∞∞∞∞∞∞∞ NEW ∞∞∞∞∞∞∞∞ */

/* Sec img video */
.sec_img_video { background-color: var(--deep); }
.sec_img_video picture { border: 1px solid var(--white); border-radius: 1.5rem; overflow: hidden; }
.play { border-radius: 50%; }
.play:hover { backdrop-filter: blur(1rem); background-color: rgb(var(--blue-rgb) / 25%); }
.play svg path { fill: var(--white); }

/* Sec elenco */
.blocco_num h2 { text-transform: uppercase; }

/* Sec tabella */
.sec_tabella.new th, .sec_tabella.new td { color: var(--white); }

/* Sec testo + immagine */
.sec_ti + .sec_colonna + .sec_ti .container, .sec_ti + .sec_ti .container { flex-direction: row-reverse; }

/* Foto border */
.sec_img.border { border: 1px solid var(--white); border-radius: 1.5rem; overflow: hidden; }












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


/* WP-Form - Custom */
#form .wpforms-field label { color: var(--white); font-weight: 500; }

#form .wpforms-field :where(input, textarea, select) { background-color: transparent; border: 1px solid var(--white); border-radius: .5rem; font-size: 1rem; color: var(--white); }
#form .wpforms-field select { background: url(../images/svg/form_sel_open_2.svg) no-repeat calc(100% - 1em) / 1em; }
#form .wpforms-field select option { color: var(--black); }

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border-color: var(--white); }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-color: var(--white); }

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

#form button[type=submit] {
	display: block; position: relative; width: fit-content; background-color: transparent;
    padding: .75em 2.5em; border: 2px solid var(--blue); border-radius: 5rem;
	font: inherit; font-size: var(--rem); color: var(--blue); font-weight: 600; text-transform: uppercase;
}
#form button[type=submit]:hover, #form button[type=submit]:focus, #form button[type=submit]:active { color: var(--white); background-color: rgb(var(--blue-rgb) / 50%); }



.bkg_white #form .wpforms-field label { color: var(--black); }
.bkg_white #form .wpforms-field :where(input, textarea, select) { border-color: var(--black); }
.bkg_white #form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border-color: var(--black); }
.bkg_white #form .wpforms-field select { background: url(../images/svg/form_sel_open_1.svg) no-repeat calc(100% - 1em) / 1em; }
.bkg_white #form .wpforms-field :where(input, textarea, select) { color: var(--black); }


.bkg_dark #form button[type=submit] { border-color: var(--white); color: var(--white); }
.bkg_dark #form button[type=submit]:hover, .bkg_dark #form button[type=submit]:focus, .bkg_dark #form button[type=submit]:active { color: var(--white); background-color: var(--blue); }




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


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

#s1_grazie {}




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

#s1_404 .s1_title h1 { font-size: 8vw; }




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

	/* Hamburger */
	/* Nav Menu */



	
	/*∞∞∞∞∞∞ SERVIZI ∞∞∞∞∞∞*/
	.wrapper_numeri { display: flex; align-items: center; justify-content: color }
	.numero { width: auto; padding: 0 }
	.numero:nth-of-type(2) { padding: 0 2rem; margin: 0 2rem; border: 0; border-left: 1px solid var(--blue); border-right: 1px solid var(--blue); }


	/*∞∞∞∞∞∞ PRODOTTI ∞∞∞∞∞∞*/
	.products_wrapper { grid-template-columns: 1fr 1fr; }

}






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

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

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

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


	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 6 */
	.card_news { grid-template-columns: .5fr 1fr; }


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

}



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

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

	.p10 { padding: var(--c10v) var(--c10o); }
	.p10lr { padding-left: var(--c10o); padding-right: var(--c10o); }


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.head_wrapper { padding: 0 2.25% }
	.head_wrapper .flex-el { gap: clamp(.625rem, 1.5vw, 1.5em); }

	.ext_menu { gap: clamp(.625rem, 1.5vw, 1.5em); }
	.ext_menu > li { padding: 1.5rem 0; }
	.ext_menu li a { color: var(--white); text-transform: uppercase; font-weight: 600; font-size: clamp(16px, 1vw, .85rem); display: inline-block; position: relative; }
	.ext_menu li a:hover { color: var(--blue); }


	.ext_menu li.menu-item-has-children > a { padding-right: 1rem; background: url(../images/svg/arrow.svg) no-repeat 100% / .5rem; }
	.ext_menu .sub-menu a:hover { color: var(--white); opacity: .5; position: relative; }
	
	.ext_menu .sub-menu .sub-menu { margin: 0; }
	.ext_menu .sub-menu .sub-menu a { text-transform: initial; }


	.ext_menu > li.menu-item-has-children > a::after {
        content: ""; width: .75rem; height: .75rem; z-index: 15; opacity: 1; transition: .125s ease; z-index: 0; opacity: 0;
        pointer-events: none; background-color: var(--blue); position: absolute; left: 50%; bottom: -1rem; transform: translate(-50%, 50%) rotate(45deg); 
    }
	.ext_menu > li.menu-item-has-children > .sub-menu {
		display: grid; gap: var(--c5o); grid-template-columns: 1fr 1fr 1fr; position: absolute; right: 0; bottom: .75rem; width: 100%; padding: 1rem var(--c10o); background-color: var(--blue);
		transform: translateY(95%); transition: .25s ease; opacity: 0; pointer-events: none;
	}
	.ext_menu > li.menu-item-has-children:hover > a::after { opacity: 1; transition: .25s ease .125s; }
	.ext_menu > li.menu-item-has-children:hover > .sub-menu { transform: translateY(100%); pointer-events: initial; opacity: 1; }


	/*
	.ext_menu > li.menu-item-has-children > .sub-menu::after {
        content: ""; width: .75rem; height: .75rem; z-index: 15; opacity: 1; transition: .025s ease; z-index: 0; 
        pointer-events: none; background-color: var(--blue); position: absolute; left: 49%; top: .25rem; transform: translate(-50%, 55%) rotate(45deg); 
    }
    .ext_menu > li.menu-item-has-children > .sub-menu::before { content: ""; width: 100%; height: calc(100% - .5rem); position: absolute; left: 0; bottom: -.5rem; background-color: var(--blue); z-index: -1 }
	*/








	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	footer .grid { grid-template-columns: 1.25fr 1fr 1fr 1fr; }
	.foot_block p a:hover { color: var(--blue); }




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

	/* Sec 6 */
	.slider_wrapper .nav_btn { top: 50%; transform: translateY(-50%); position: absolute; }
	.slider_wrapper .nav_prev { left: var(--c2o); }
	.slider_wrapper .nav_next { right: var(--c2o); }

	/* Sec 7 */
	.wrapper_card { gap: 2rem 1.5rem; }

	/* Sec 8 */
	#s8_home .map { width: 90% }





	/*∞∞∞∞∞∞ CONTATTI ∞∞∞∞∞∞*/
	.map { transform: translate(0, -50%); opacity: 1; }


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


	/*∞∞∞∞∞∞ PRODOTTI ∞∞∞∞∞∞*/
	.products_wrapper { grid-template-columns: 1fr 1fr 1fr; }




	/*∞∞∞∞∞∞ CATEGORIA PRODOTTI ∞∞∞∞∞∞*/
	.elenco_materiali .swiper { overflow: visible; display: flex; align-items: center; justify-content: center; margin-left: -5rem; }
	.elenco_materiali .swiper-wrapper { width: fit-content; margin: 0 auto; }
	.elenco_materiali .swiper-slide { width: auto; margin-right: -4rem; }

	.box_mat img { width: 8rem; }
	.box_mat p { font-size: 14px; }

	/* ∞∞∞∞∞∞∞∞ NEW ∞∞∞∞∞∞∞∞ */
	/* Elenco numerato */
	.wrapper_elenco.w100 { grid-template-columns: 1fr 1fr 1fr 1fr;  }
	.wrapper_elenco { grid-template-columns: 1fr 1fr; }



	/*∞∞∞∞∞∞ PRODOTTO INTERNA ∞∞∞∞∞∞*/
	/* Sec 1 */
	#s1_single_prd .sec_img { transform: scale(1.25); z-index: -1; }

	/* Tabella */
	.sec_tabella .tab { overflow-x: initial; }
	.sec_tabella .tab table { width: 100%; }

	/* Elenco numeri */
	.sec_num .container { display: grid; gap: 2rem; }
	.blocco_num { margin-bottom: 0; }

	/* Sec colonna */
	.sec_colonna .container { display: grid; gap: 3rem; }





}






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

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

    /* .ext_menu .cta a { display: block; position: relative; width: fit-content; padding: .625em 1em; border: 2px solid var(--blue); border-radius: 5rem; }
	.ext_menu .cta a:hover, .ext_menu .cta a:focus, .ext_menu .cta a:active { color: var(--blue); background-color: rgb(var(--white-rgb) / 5%); } */

	.ext_menu > li { padding: 1rem 0; }





	/*∞∞∞∞∞∞ PRODOTTI ∞∞∞∞∞∞*/
	.products_wrapper { grid-template-columns: 1fr 1fr 1fr 1fr; }



	


}






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

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

	/*∞∞∞∞∞∞ CATEGORIA PRODOTTI ∞∞∞∞∞∞*/
	.elenco_materiali .swiper { margin-left: -5rem; }
	.elenco_materiali .swiper-slide { margin-right: -7.5rem; }
	.box_mat img { width: 12.5rem; }
	.box_mat p { font-size: 16px; }

}






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

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






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

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