/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Pigm'Azur "

BASE (MOBILE) SIZE

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




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


.header { z-index: 4; padding: 1rem .5rem; position: fixed; top: 0; transition: padding .25s ease; }

.top_header { background-color: var(--blue); border-radius: 1rem 1rem 0 0; padding: .5rem 1rem; }
.bottom_header { background-color: rgb(var(--white-rgb) / 90%); border-radius: 0 0 1rem 1rem; padding: .5rem 1rem; box-shadow: 0 0 1rem rgb(var(--blue-rgb) / 10%); }






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

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




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

/* Top */
.top_menu { gap: 1rem; }
.top_menu li a { color: var(--white); font-size: clamp(16px, 2vw, 1rem); }
.top_menu li a:hover { opacity: .5; }

/* Lang */
.lang p { color: var(--white); font-size: clamp(16px, 2vw, 1rem); margin-right: 1rem; width: max-content; }
.lang .wpml-ls-legacy-dropdown-click { width: auto; background-color: var(--blue); }
.lang .wpml-ls-legacy-dropdown-click a { padding: 0; background: transparent; border: 0 !important; color: var(--white); font-size: 1rem; font-weight: 500; text-transform: uppercase; }
.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/sel_white.svg) no-repeat; background-size: .75rem; background-position: 100% 4px; }
.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(--white); margin-top: .125rem; }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a { padding: .25rem; width: 100%; text-align: left; background-color: var(--blue); border-radius: 5px; box-shadow: 0 0 .5rem rgb(var(--white-rgb) / 25%); }
.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); }



/* Bottom */
.bottom_header .link_head { display: none !important; }

.open_prod.tapped button.link svg { transform: rotate(180deg); }

.sub_menu { display: none; position: absolute; bottom: 0; right: 0; transform: translateY(100%); width: max-content; max-width: 250px; margin-left: 1em; padding: 0 1rem; padding-top: 2.5rem; }
.sub_menu li { list-style: none !important; }
.sub_menu a:not(.link) { padding: .5rem; position: relative; display: flex; align-items: center; justify-content: flex-start; gap: .5rem; font-weight: 400; line-height: 1; color: var(--black); }
.sub_menu a:not(.link):hover { opacity: 1; color: var(--blue); }
.sub_menu .link { font-size: .85rem; }
.sub_menu .link + .link { margin-top: 1rem; }

.sub_menu::before { 
	content: ""; position: absolute; top: 1.5rem; left: 0; 
	width: 100%; height: calc(100% - 1rem); background-color: rgb(var(--white-rgb) / 98%); border-radius: 1rem; 
}
.sub_menu::after {
	content: ""; clip-path: polygon(0 0, 100% 0, 50% 50%, 0% 100%); width: 1rem; height: 1rem; z-index: -1; 
	pointer-events: none; background-color: rgb(var(--white-rgb) / 98%); position: absolute; right: 7.5%; top: .5rem; 
	transform: translate(-50%, 50%) rotate(45deg); transition: .025s ease; 
}








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

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

#hamburger:not(.tapped):hover .bottom_bun { width: 1.75em; }


/* Tapped / Clicked animation */
.tapped #hamburger span { transition: .25s ease; }
.tapped #hamburger .top_bun { top: 50%; transform: translate(-50%,-50%) rotate(45deg); }
.tapped #hamburger .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(--white); }

#main_nav .menu {}
#main_nav .menu li { font: inherit; line-height: 1; }
#main_nav .menu li.current-menu-item { color: ; }
#main_nav .menu li a { display: inline-block; font-size: 1.5em; line-height: 1; padding: .25em; }
#main_nav .menu li a:hover {}




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








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


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


.link {
	display: inline-block; position: relative; width: fit-content; background-color: var(--blue);
    padding: .625em 1.25em; border: 2px solid var(--blue); border-radius: 5rem;
	font: inherit; font-size: var(--rem); color: var(--white); font-weight: 500;
}
.link.flex { display: inline-flex; gap: .5rem; }
.link.flex svg { width: 1.25rem; height: 1rem; }
.link.flex svg path { fill: var(--white); transition: .25s ease; }

.link:hover, .link:focus, .link:active { background-color: var(--white); color: var(--blue); box-shadow: 0 0 1rem rgb(var(--blue-rgb) / 25%); }
.link:hover svg path, .link:focus svg path, .link:active svg path { fill: var(--blue); }



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



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






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

.filter_white { background-color: var(--white); opacity: .25; }
.radius { background: radial-gradient(ellipse at center,  rgba(43,107,160,0.75) 0%,rgba(15,36,54,0) 66%,rgba(0,0,0,0) 100%); height: auto; aspect-ratio: 1 / 1; }




.blu_pulse { background-color: var(--blue); border-radius: 10vw; width: calc(100% - var(--c10o)); left: var(--c5o); animation: pulse 2s infinite; }

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgb(var(--blue-rgb) / 70%); }
    70% { box-shadow: 0 0 0 2rem rgb(var(--blue-rgb) / 0); }
    100% { box-shadow: 0 0 0 0 rgb(var(--blue-rgb) / 0); }
}





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

.pt_custom { padding-top: calc( 120px + ( 185 - 120 ) * ( (100vw - 320px) / 1600 ) ); }


.pretitle { opacity: .5; }
.tt { text-transform: uppercase; }





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

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

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

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


/* Dots */
#nav_dots .swiper-pagination-bullet { background-color: var(--white); }
#nav_dots.colored .swiper-pagination-bullet { background-color: var(--blue); }







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

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

#s1_company #breadcrumb :where(a,span) { color: var(--white); }
.tac #breadcrumb { justify-content: center; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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.text.active h1, .trigger.text.active h2, .trigger.text.active h3, .trigger.text.active .h1, .trigger.text.active .h2, .trigger.text.active .h3 { opacity: 1; transform: translateY(0); }

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






#s2_home .wrapper.trigger .box,
.wrapper_composition.trigger .comp { opacity: 0; transform: scale(.125); transition: .5s ease; }
.wrapper_composition.trigger .comp::after { opacity: 0; transition: .125s ease .5s; }

#s2_home .wrapper.trigger.active .box,
.wrapper_composition.trigger.active .comp { opacity: 1; transform: scale(1); }
.wrapper_composition.trigger.active .comp::after { opacity: 1; }








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


.wrapper_cert { padding: var(--c10v) var(--c5o) var(--c7v) var(--c5o); border-radius: 10vw 10vw 0 0; overflow: hidden; }
.wrapper_cert .bkg_abs { background-image: url(../images/webp/footer.webp); filter: brightness(0.75); }

.wrapper_cert p { font-size: 1.5rem; line-height: 1; font-weight: 700; color: var(--white); text-shadow: 0 0 .5rem rgb(var(--black-rgb) / 50%); }
.wrapper_cert img { height: 5rem; width: auto; object-fit: contain; }



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


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


/* Foot Block */
.foot_block .top { gap: 2rem; padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 2px solid var(--blue); }

.foot_block p { font-size: 1rem; color: var(--blue); }
.foot_block p a { display:  inline-block; font: inherit; }
.foot_block p a:hover { opacity: .5; }








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










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

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

.s1 { overflow: hidden; }
.s1.round { border-radius: 0 0 10vw 10vw; }



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

.text .pretitle + :where(h2, h3) { margin-top: .75rem; }

#s2_home::before { content: ""; width: 65%; height: auto; aspect-ratio: 1 / 1; border: 1px solid var(--blue); border-radius: 50%; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%); opacity: .5; }
#s2_home .radius { display: none; }
#s2_home img { max-width: 13rem; }

#s2_home .wrapper { gap: 1rem; }
#s2_home .wrapper .box { width: 100%; border-radius: 1.5rem; box-shadow: 0 0 1rem rgb(var(--black-rgb) / 15%); padding: 1.5rem .5rem; }
#s2_home .wrapper .box h3 { font-size: 1.5rem; font-weight: 300; margin-bottom: .5rem; }
#s2_home .wrapper .box p { color: var(--black); }

.orange.box h3 { color: #F39221; }
.red.box h3 { color: #E52923; }
.green.box h3 { color: #0CA552; }
.blue.box h3 { color: #176B9D; }
.yellow.box h3 { color: #F4E728; }



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

#slider_appli::after { content: ""; width: var(--c5o); height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: linear-gradient(to right, var(--white), transparent); pointer-events: none; }
#slider_appli::before { content: ""; width: var(--c5o); height: 100%; position: absolute; right: 0; top: 0; z-index: 2; background: linear-gradient(to left, var(--white), transparent); pointer-events: none; }


.card_app { border-radius: 1rem; overflow: hidden; }
.card_app h3 { text-transform: uppercase; font-weight: 700; font-size: 1.25rem; text-shadow: 0 0 .5rem rgb(var(--black-rgb) / 50%); }
.card_app .filter_tb { background: linear-gradient(to bottom, rgb(var(--black-rgb) / 25%), transparent); }



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

#s4_home .radius { width: 70%; left: 30%; top: -30%; opacity: 0.3; }



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

.box_sect { border-radius: clamp(3rem, 5vw, 5rem); overflow: hidden; border: 1rem solid #E4E9EE; aspect-ratio: 5 / 4; padding: 2rem; box-shadow: 0 0 1rem rgb(var(--black-rgb) / 5%); margin-bottom: 1rem; }
.box_sect h3 { text-shadow: 0 0 1rem rgb(var(--black-rgb) / 25%); }








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


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

/* Section 1 */
#s1_company::before { content: ""; width: 100%; height: 30vh; position: absolute; left: 0; top: 0; background: #A9A6B1; z-index: 1; }
#s1_company .container { min-height: 150dvh; z-index: 1; }

#s1_company .bkg_thumb { height: 100%; margin-top: 30vh; }
#s1_company .bkg_thumb img { object-position: top; }



/* Section 2 */
#s2_company { margin-top: -20vh }
#s2_company .wrapper_1 .text { background-color: rgb(var(--blue-rgb) / 90%); }
#s2_company .wrapper_2 .text { background-color: rgb(var(--white-rgb) / 90%); }

.wrapper_global { border-radius: 10vw; overflow: hidden; position: relative; }
.wrapper_global { box-shadow: 0 0 5vw rgb(var(--blue-rgb)/ 20%) }



/* Section 4 */
.partners { gap: 1rem 3rem; }
.partners img { width: auto; height: 3.5rem; }







/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CONTATTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Section 2 */
#s2_contacts .sec_map { border-radius: 2rem; overflow: hidden; }








/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SECTORS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 1 */
.h120 { min-height: 120dvh; }

.s1 .link { margin: 0; }


/* Section 2 */
#s2_sectors .wrapper_global { overflow: visible; margin-top: -20vh; background-color: var(--white); }
#s2_sectors .wrapper_global::after {
    content: ""; clip-path: polygon(0 0, 100% 0, 50% 50%, 0% 100%); width: 2rem; height: 2rem; z-index: 1; pointer-events: none; background-color: var(--white);
    position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%) rotate(225deg);
}



.wrapper_composition { gap: 4rem; }
.comp::after { content: "+"; position: absolute; left: 50%; bottom: -2rem; transform: translate(-50%, 50%); font-size: 2rem; color: var(--blue); font-weight: 300; }
.comp:last-of-type::after { content: ""; }
.comp .img { border-radius: 50%; aspect-ratio: 1 / 1; overflow: hidden; width: 8rem; margin-bottom: 1rem; } 
.comp .img img { width: 100%; height: 100%; object-fit: cover; }
.comp p { font-size: 1.25rem; line-height: 1.1; }


/* Section 3 */
.key_benefit img { height: 4rem; margin-bottom: 1rem; }
.key_benefit p { font-size: 1rem; }


/* Section 4 */
.process_step { grid-template-columns: 1fr 1fr; gap: 1rem; }

.steps { border-radius: 1rem; overflow: hidden; }
.steps picture { height: 10rem; position: relative; }

.steps .step1 { z-index: 2; clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 4rem), 50% 100%, 0 calc(100% - 4rem)); margin-bottom: -3.75rem; }
.steps .step2 { z-index: 1; height: 12rem; clip-path: polygon(100% 0, 100% calc(100% - 4rem), 50% 100%, 0 calc(100% - 4rem), 0 0, 50% 4rem); margin-bottom: -3.75rem; }
.steps .step3 { z-index: 0; clip-path: polygon(100% 0, 100% 100%, 50% 100%, 0 100%, 0 0, 50% 4rem); }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CATALOGUE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/





/*∞∞∞∞∞∞∞∞ SCHEDE ∞∞∞∞∞∞∞∞*/

.card_accordion { list-style: none !important; border-radius: 2rem; transition: .25s ease; box-shadow: 0 0 4rem rgb(var(--blue-rgb) / 10%); margin-bottom: 1rem; }
/*.card_accordion:not(.active)::after { content: ""; width: 100%; height: 1px; background-color: rgb(var(--blue-rgb) / 25%); position: absolute; left: 0; bottom: -1rem; }*/

.accordion_head { gap: 1rem; padding: 1rem; }
.accordion_head .content { display: grid; gap: 1rem; width: calc(100% - 3rem); }
.accordion_head .content picture img { border-radius: 5rem; width: 6rem; height: 3rem; }
.accordion_head .content picture .black_light { position: absolute; right: 0; top: 0; width: 50%; border-radius: 0 2rem 2rem 0; border-left: 1px solid var(--white); }

.accordion_head .content h3 { font-size: 20px; line-height: 1.1; }
.accordion_head .content p { font-size: 16px; }
.accordion_head svg { width: 2rem; }
.accordion_head svg polygon { fill: var(--blue); }
.accordion_head .content button { display: none; margin-top: 5px; }

.card_accordion.active { box-shadow: 0 0 4rem rgb(var(--blue-rgb) / 25%); }
.accordion_head.active { background-color: rgb(var(--blue-rgb) / 5%); border-radius: 2rem 2rem 0 0; }
.accordion_head.active svg { transform: scaleY(-1); }
.accordion_head.active .content button { display: block; }


.accordion_text { display: none; padding: 0.5rem 1rem 1.5rem 1rem; }
.accordion_text .content { /*padding-top: 1rem; border-top: 1px solid rgb(var(--blue-rgb) / 50%);*/ gap: 2rem; }
.accordion_text .content .flex-el { width: 100%; }
.accordion_text .content .gap05 { gap: .5rem; }
.accordion_text .content .dot { display: block; width: .625rem; height: .625rem; border-radius: 50%; background-color: var(--blue); }
.accordion_text .content .check { font-size: 1.25rem; color: green; line-height: .5; }
.accordion_text .content p { font-size: 16px; margin-top: .5rem; }

sup.info { border: 1px solid var(--blue); border-radius: 50%; font-size: 80%; aspect-ratio: 1 / 1; width: 0.875rem; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }

.cosm_info::after {
    content: "On powder: Rating (12h in SUNTEST CPS+ ; 32400kJ/m²)"; color: var(--white); font-size: 13px;
    position: absolute; left: 40%; top: 0; transform: translate(0%, calc(-100% - 5px));
    background-color: var(--blue); width: 10rem; padding: .5rem; border-radius: 10px;
    display: none;
}
.ind_info::after {
    content: "On powder: Rating (100h in SUNTEST CPS+ ; 270000kJ/m²)"; color: var(--white); font-size: 13px;
    position: absolute; left: 40%; top: 0; transform: translate(0%, calc(-100% - 5px));
    background-color: var(--blue); width: 10rem; padding: .5rem; border-radius: 10px;
    display: none;
}


.infosi.cosm_info::after, .infosi.ind_info::after { display: block; }






/* Custom pagination */
.pagination .navigation { padding: var(--c5v) 0; }
.pagination .nav-links { display: flex; align-items: center; justify-content: center; gap: .5rem; }
.pagination a, .pagination span {
    min-width: unset; width: 2rem; height: 2.5rem; border-radius: .5rem;
    display: flex; align-items: center; justify-content: center;
    background-color: var(--blue);
    color: var(--white);
}
.pagination .current { background-color: #ccc !important; color: var(--white) !important; }
.pagination a:hover, .pagination a:focus { background-color: var(--blue); color: var(--white); opacity: .75; }
.pagination .next, .pagination .prev { display: none; }





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

.open_filter { position: fixed; bottom: 1.5rem; left: 1rem; z-index: 3; }

.sidebar {
	padding: 1.5rem; box-shadow: 0 0 2rem rgb(var(--blue-rgb) / 50%); border-radius: 0 2rem 2rem 0; height: calc(100% - 3rem); width: 20rem; max-width: 80%; 
	position: fixed; top: 1.5rem; left: 0; z-index: 4; background-color: var(--white); transform: translateX(-100%); transition: .25s ease;
}
.sidebar h3 { font-weight: 500; font-size: 1.25rem; }
.sidebar img { width: 2.5rem; margin-right: .75rem; }

.sidebar .search-filter-input-text { padding: .25rem .5rem; border: 2px solid var(--blue); border-radius: .75rem; }
.sidebar .search-filter-icon.search-filter-input-text__icon { position: absolute; right: .5rem; top: 50%; transform: translateY(-50%); margin: 0; }
.sidebar .search-filter-input-text .search-filter-input-text__clear-button { transform: translateX(-100%); margin: 0; }
.sidebar .search-filter-icon__svg { fill: var(--blue); }
.sidebar .search-filter-input-text input {  }
.search-filter-component-combobox-base__listbox { transform: translateY(.5rem); border: 2px solid var(--blue); border-radius: .75rem; }
.search-filter-component-combobox-base__listbox-option { font-size: 1rem; padding: .75rem .25rem; }
.search-filter-component-combobox-base__listbox-option--selected { background-color: rgb(var(--blue-rgb) / 5%); color: var(--blue); }

.sidebar .search-filter-input-checkbox__control>svg { fill: var(--blue); }


.accordion_side { padding-top: .5rem; }
.card_accordion_side { padding: 1rem 0; }
.card_accordion_side + .card_accordion_side { border-top: 1px solid rgb(var(--blue-rgb) / 50%); }

.accordion_head_side { cursor: pointer; gap: 1rem; }
.accordion_head_side h3 { width: calc(100% - 2rem); font-size: clamp(1rem, 2vw, 1.25rem); }
.accordion_head_side svg { width: 1rem; }
.accordion_head_side svg polygon { fill: var(--blue); }
.accordion_head_side.active svg { transform: scaleY(-1); }

.accordion_text_side { padding: 1rem 0; display: none; }

/* Open */
.sidebar.open { transform: translateX(0); }
.sidebar .close { padding: .5rem; position: absolute; top: .75rem; right: .75rem; }
.sidebar .close svg { width: 1rem; height: 1rem; }

.filtro { overflow-y: scroll; height: calc(100% - 2.5rem); margin-top: 2.5rem; }
.filtro::-webkit-scrollbar { width: 5px; background-color: var(--white); }
.filtro::-webkit-scrollbar-thumb { width: 5px; background-color: var(--blue); }
.filtro_i { padding-right: 1rem; }











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


#form { padding: 2rem 1.5rem; box-shadow: 0 0 1rem rgb(var(--blue-rgb) / 25%); border-radius: 2rem; }

#form .wpforms-field { overflow: visible; }
#form .wpforms-field label { color: var(--blue); font-size: 1rem; font-weight: 400; }
#form .wpforms-field :where(input, textarea, select) { background-color: transparent; border: 2px solid var(--blue); border-radius: 1rem; padding: .75rem 1rem; font-size: 1rem; color: var(--blue); }

#form .wpforms-field:not(.wpforms-field-checkbox) label { position: absolute; left: 0; top: 0; transform: translate(1rem, 65%); background-color: var(--white); padding: 0 5px; transition: .125s ease; }
#form .wpforms-field:not(.wpforms-field-checkbox).up label { transform: translate(1rem, -50%); }

#form .wpforms-field.wpforms-field-checkbox { margin-bottom: 2rem }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border-color: var(--blue); }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-color: var(--white); }
#form .wpforms-field.wpforms-field-checkbox li label { padding: ; color: var(--blue); }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--light); }


#form .wpforms-submit-container { display: flex; align-items: center; justify-content: center; }
#form button[type=submit] {
	display: inline-flex; gap: .5rem; position: relative;
    padding: .5em 2em; border: 2px solid var(--blue); border-radius: 5rem;
	font: inherit; font-weight: 600; font-size: 1.25rem; color: var(--white); background-color:  var(--blue);
	backdrop-filter: blur(.75rem); -webkit-backdrop-filter: blur(.75rem);
}
#form button[type=submit]:hover, #form button[type=submit]:focus, #form button[type=submit]:active { background-color: var(--white); color: var(--blue); }








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








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

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






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

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

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	.wrapper_cert { padding: var(--c10v) var(--c2o) var(--c7v) var(--c2o); }

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





	/*∞∞∞∞∞∞ COMPANY ∞∞∞∞∞∞*/
	/* Sec 3 */
	.partners p { width: auto; }




	/*∞∞∞∞∞∞ SECTORS ∞∞∞∞∞∞*/
	/* Sec 2 */
	.wrapper_composition { grid-template-columns: 1fr 1fr 1fr; }
	.comp::after { left: 100%; bottom: 60%; transform: translate(25%, 50%); }



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




}



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

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


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.header { padding: 1rem; }

	.head_logo { 
		display: inline-block; 
		--head-logo-width: 150px; /* <- in 'px' */
		--head-logo-min: 150;
		--head-logo-max: 300;
		max-width: 300px;
	}

	/* Head Content */
	.bottom_header .link_head { margin-right: 1rem; display: inline-block !important; }
	.bottom_header .link_head.flex { display: inline-flex !important; }


	/* Hamburger */
	#hamburger { display: none; }




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

	/* 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 1 */
	.filter_white { opacity: .125 }

	/* Sec 2 */
	#s2_home::before { width: 35%; }
	#s2_home .radius { width: 50%; top: 50%; left: 50%; transform: translate(-50%, 10%); opacity: 0.5; display: block; }
	#s2_home img { max-width: unset; width: 25vw; }
	#s2_home .wrapper .box { width: auto; display: inline-block; max-width: 15rem; padding: 2rem 1.5rem; background-color: var(--white); }
	
	.wrapper .red.box { position: absolute; right: var(--c5o); top: 30%; transition-delay: .3s !important; }
	.wrapper .green.box { position: absolute; left: var(--c5o); bottom: 20%; transition-delay: .4s !important; }
	.wrapper .blue.box { position: absolute; left: var(--c5o); top: 30%; transition-delay: .2s !important; }
	.wrapper .yellow.box { position: absolute; right: var(--c5o); bottom: 20%; transition-delay: .5s !important; }





	/* Sec 4 */
	#s4_home .container { padding-right: 0; }
	#s4_home .sec_img img { transform-origin: left; transform: scale(1.125); }

	/* Sec 5 */
	.box_sect { margin-bottom: 0; }
	.box_sect:nth-of-type(1) { margin-right: -2rem; margin-top: 4rem; z-index: 1; }
	.box_sect:nth-of-type(2) { margin-left: -2rem; margin-top: -4rem; }

	.box_sect:hover { z-index: 2; transform: scale(1.025); }






	/*∞∞∞∞∞∞ SECTORS ∞∞∞∞∞∞*/
	/* Sec 2 */
	.wrapper_composition { width: 80%; margin-left: auto; margin-right: auto; }
	.comp .img { width: 11rem; }
	.comp::after { font-size: 4rem; }

	/* Sec 3 */
	.key_benefit img { height: 6rem; margin-bottom: 1rem; }

	/* Sec 4 */
	#form { padding: 3rem 2rem; }




	


}






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

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

	#s2_home .wrapper .box { max-width: 22rem; padding: 1.5rem 2.5rem; }
	#s2_home .wrapper .box h3 { font-size: 2rem; }
	.wrapper .red.box, .wrapper .blue.box { top: 40%; }


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

	



/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	/* Sec 1 */
	#s1_archive .contain { position: absolute; top: 50%; right: var(--c5o); width: 40%; transform: translate(0, -50%); }

	/* Sec 6 */
	#s6_sectors .text:nth-of-type(1) { position: sticky; top: 15vh; }



	/*∞∞∞∞∞∞∞∞ SCHEDE ∞∞∞∞∞∞∞∞*/
	.accordion_head { cursor: pointer; }
	.accordion_head .content { gap: 1.5rem; grid-template-columns: 0.25fr 0.375fr 1fr .5fr; align-items: center; }
	.accordion_head .content picture img { width: 100%; height: 3rem; }

	.accordion_head .content .btn_req { display: flex; align-items: center; justify-content: flex-end; }
	.accordion_head .content button { font-size: 18px; padding: .5em 1.5em; }

	.accordion_text .content { flex-wrap: nowrap; }
	.accordion_text .content .flex-el { width: max-content }



	/*∞∞∞∞∞∞∞∞ SIDEBAR ∞∞∞∞∞∞∞∞*/
	.sidebar { position: sticky; top: 10vh; transform: translateX(0); left: unset; border-radius: 2rem; width: calc((100% - (var(--c2o) * 3)) / 4); z-index: 0; }
	.sidebar .close { display: none; }
	.sidebar .filtro { margin-top: 0; }

	.link.flex.open_filter { display: none; }

}






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

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

	.wrapper .red.box, .wrapper .yellow.box { right: var(--c7o); }
	.wrapper .green.box, .wrapper .blue.box { left: var(--c7o); }



	.accordion_head .content { gap: 3rem; }

}






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

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






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

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