/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Moreschi Lame "

BASE (MOBILE) SIZE

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




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


header { z-index: 4; }
.head_wrapper { padding: 1em 1.5em; z-index: 2; transition: .125s ease; }




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

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




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

.header .link { margin-right: .75em; }


/* Lang */
.mobile .wpml-ls-legacy-dropdown-click { opacity: 0; transform: translateY(-50%); pointer-events: none; transition: .25s ease-in-out; }

.wpml-ls-legacy-dropdown-click { width: auto; max-width: 100%; margin-right: .75rem; }
.wpml-ls-legacy-dropdown-click a {
	background: transparent; border: 1px solid var(--white); padding: .625em 1.25em; border-radius: 3rem; 
	color: var(--white); text-transform: uppercase; font-size: 1rem;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle { padding-right: calc(15px + 1.4em); }
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after { right: 15px }

#wpml-ls-submenu-click-default { background: transparent; border-top: 0; margin-top: 2px; }
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a { border: 1px solid var(--white); }


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

#hamburger { 
	display: inline-flex; align-items: center; justify-content: center; flex-direction: column;
	font-size: var(--rem); line-height: 0;
	overflow: visible; cursor: pointer; transition: .25s ease;
}
#hamburger .wrap { width: 2.5em; height: 2em; }
#hamburger .txt { color: var(--white); display: block; }

#hamburger span:not(.txt) {
	display: block; position: absolute; left: 50%; transform: translateX(-50%);
	width: 2.5em; height: 4px; 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% - 2px); }
#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); }


/* Menu open */
.menu_open { position: fixed; top: 0; }
.menu_open .mobile .wpml-ls-legacy-dropdown-click { opacity: 1; transform: translateY(0); pointer-events: initial; }
.menu_open .head_wrapper:not(.home) { padding-left: 1.5rem; }
.menu_open.header .link { transform: translateY(-100%); opacity: 0; pointer-events: none; }






/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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(--blue); padding: var(--c10v) var(--c7o); }
#main_nav .bkg_abs { background-image: url(../images/webp/menu.webp); mix-blend-mode: multiply; opacity: 0.5; }

#main_nav .menu_left { transition: .25s ease-in-out; }
#main_nav .head_menu { position: relative; }
#main_nav .head_menu li { font: inherit; font-size: clamp(1.5rem, 2vw, 2rem); line-height: 1; position: relative; margin-bottom: .625em; }
#main_nav .head_menu::before { content: ""; position: absolute; left: -1rem; top: 1rem; width: 1px; height: 100vh; background-color: var(--yellow); }
#main_nav .head_menu li::after { content: ""; width: .5rem; height: .5rem; border-radius: 1rem; background-color: var(--yellow); position: absolute; left: 0; top: 50%; transform: translate(calc(-1rem - 50%), -50%); }

#main_nav .head_menu li a { display: inline-block; font-size: clamp(1.5rem, 2vw, 2rem); text-transform: uppercase; font-weight: 300; line-height: 1; }
#main_nav .head_menu li a:hover { color: var(--yellow); font-weight: 500; }

#main_nav .head_menu li:where(.open_cir, .open_nas) a { color: var(--yellow); font-size: clamp(1.75rem, 2vw, 2rem); }
#main_nav .head_menu li:where(.open_cir, .open_nas) a::after {
	content: ""; width: 1.5rem; height: 1.5rem; position: absolute; right: .5rem; top: 50%; transform: translateY(-50%); 
	background: url(../images/svg/arrow.svg) no-repeat center; background-size: contain; 
}

/* Sub menu */
.sub_menu { position: absolute; top: var(--c15v); right: 0; transform: translateX(100%); opacity: 0; padding: 1.5rem; height: calc(100dvh - var(--c15v)); overflow-y: scroll; transition: .25s ease-in-out; }

.menu_grid { display: grid; gap: 1rem 1.5rem; }
.menu_grid .tit { text-transform: uppercase; font-size: 1.25rem; }
.menu_grid .back { gap: 1rem; text-align: center; font-size: clamp(1.75rem, 2vw, 2rem); color: var(--yellow); text-transform: uppercase; font-weight: 300; }
.menu_grid .back img { transform: rotate(180deg); }

.menu_link { display: grid; grid-template-columns: 4rem 1fr; align-items: center; border: 1px solid var(--white); border-radius: 1rem; overflow: hidden; }
.menu_link picture { min-width: 3.5rem; background-color: var(--yellow); }
.menu_link p { padding: 1rem; text-transform: uppercase; font-size: clamp(1rem, 1.5vw, 1.25rem); line-height: 1; }
.menu_link:hover { background-color: rgb(var(--white-rgb) / 15%) }


/* Apertura sub menu */
.slide .menu_left { transform: translateX(-100%); opacity: 0; pointer-events: none; }
.slide .sub_menu { transform: translateX(0%); opacity: 1; }








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

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

/* Numeri */
.trigger .box_num { opacity: 0; transition: .25s ease; }
.trigger .box_num:nth-of-type(1) { transform: translate(-2rem, -2rem); }
.trigger .box_num:nth-of-type(2) { transform: translate(2rem, -2rem); }
.trigger .box_num:nth-of-type(3) { transform: translate(-2rem, 2rem); }
.trigger .box_num:nth-of-type(4) { transform: translate(2rem, 2rem); }
.trigger.active .box_num { opacity: 1; transform: translate(0); }


.trigger.sec_img { clip-path: inset(100% 0 0 0); transition: 1s cubic-bezier(.76,0,.24,1); }
.trigger.sec_img img { transform: scale(1.6); opacity: 0; transition: 1.5s cubic-bezier(.76,0,.24,1) -.25s, opacity .1s ease; will-change: transform; }
.trigger.active.sec_img { clip-path: inset(0 0 0 0); transform: scale(1); }
.trigger.active.sec_img img { transform: scale(1); opacity: 1; }




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


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

.link {
	display: inline-flex; align-items: center; justify-content: center; gap: .5rem; position: relative;
	padding: .625em 1.375em; background-color: var(--yellow); border: 1px solid var(--yellow); border-radius: 4rem;
	font-size: 1rem; color: var(--blue); font-weight: 600; text-transform: uppercase;
}
.link svg { width: .75rem; height: .75rem; min-width: .75rem }
.link svg path { fill: var(--blue); transition: .25s ease; }
.link:hover, .link:focus, .link:active { background-color: var(--blue); color: var(--yellow); }
.link:hover svg path, .link:focus svg path, .link:active svg path { fill: var(--yellow); }


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


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


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



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

.radial_filter {
	aspect-ratio: 1 / 1; width: 110%; position: absolute; opacity: .5; pointer-events: none; z-index: -1;
	background: radial-gradient(ellipse at center, rgb(var(--light-rgb) / 75%) 0%, rgb(var(--light-rgb) / 0%) 60%, rgb(var(--light-rgb) / 0%) 100%);
}

.radial_filter.tr { top: 0; right: 0; transform: translate(50%, -50%); }
.radial_filter.br { bottom: 0; right: 0; transform: translate(50%, 50%); }
.radial_filter.tl { top: 0; left: 0; transform: translate(-50%, -50%); }
.radial_filter.bl { bottom: 0; left: 0; transform: translate(-50%, 50%); }
.radial_filter.cl { top: 50%; left: 0; transform: translate(-50%, -50%); }
.radial_filter.c { top: 50%; left: 50%; transform: translate(-50%, -50%); }


.filter_bt_blue { background: linear-gradient(to top, rgb(var(--blue-rgb) / 80%), transparent); mix-blend-mode: multiply; }
.filter_bt { background: linear-gradient(to top, rgb(var(--black-rgb) / 40%), transparent); z-index: -1; }





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

.bkg_white { background-color: var(--white); }
.bkg_grey { background-color: #ECECEC; }

.texture { background-image: url(../images/webp/texture.webp); opacity: 0.5; }




.no_tt { text-transform: initial; } 





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SCROLL BUTTON ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

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




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

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

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

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


/* Dots */
#nav_dots { width: auto; position: relative; top: unset; bottom: unset; }
#nav_dots .swiper-pagination-bullet { background-color: var(--white); }
#nav_dots .swiper-pagination-bullet-active {  }



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



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

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





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

#breadcrumb { gap: .5em; }
#breadcrumb li { list-style: none; margin: 0; font-size: clamp(16px, 1vw, 18px); }
#breadcrumb .current { font-weight: 600; }
#breadcrumb :where(a,span) { text-decoration: unset; display: inline-block; min-width: fit-content; color: var(--white); }






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








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

footer { overflow: hidden; }
#video_footer { top: unset; left: unset; transform: unset; bottom: 0; left: 0; opacity: .125; }


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

.top_foot { justify-content: center; }

.foot_block > svg { width: 2rem; height: 2rem; }
.foot_block p { margin-top: 1.5rem; font-weight: 700; }
.foot_block p a { font: inherit; display: inline-block; }
.foot_block p a:hover { color: var(--yellow); }

/* Social */
.foot_block .social { margin-top: 1.5rem; }


/* Bottom */
.bot_foot p { margin-top: .25rem; font-weight: 400; }

/* Certificazioni */
.elenco_certificazioni { gap: 1rem; margin-top: 1rem; }
.logo_cert img { width: auto; height: 5rem; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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 .clip { overflow: hidden; width: 95%; margin-left: 5%; border-radius: 0 0 0 var(--c2v); }
.s1 .container {  }
.s1 .h100 { min-height: 80vh; }

.s1 .moutline { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 20%); width: 75%; max-width: 45vh; }






/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION LOGHI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.logo { width: 10em; height: 4em; min-width: 10em; }
.logo img { width: 100%; height: 100%; object-fit: contain;}




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION COMPARSA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.sec_comparsa .sec_img { width: 55%; }
.sec_comparsa .sec_img picture { max-height: 23vh; box-shadow: 0 0 1rem rgb(30 30 30 / 10%) ;}

.sec_comparsa .sec_img_1 { top: 5%; left: -5%; }
.sec_comparsa .sec_img_2 { bottom: 2.5%; left: 0; }
.sec_comparsa .sec_img_3 { top: 2.5%; right: 0; }
.sec_comparsa .sec_img_4 { bottom: 5%; right: -5%; }












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


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

.card_blog a { background-color: var(--white); border-radius: 1rem; overflow: hidden; height: 100%; }
.card_blog .text { padding: 1rem; }
.card_blog .text hr { margin: 1rem 0; background-color: var(--blue); }
.card_blog .text h2 { font-size: clamp(1.25rem, 1.75vw, 1.75rem); }
.card_blog .text p { font-size: 1rem; margin-top: .625rem; }
.card_blog .text button { margin-top: 0; }




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

.card_pos > div { background-color: var(--white); border-radius: 1rem; overflow: hidden; height: 100%; }
.card_pos .text { padding: 2rem; height: 100%; }
.card_pos .text hr { margin: 2rem 0; background-color: var(--blue); }
.card_pos .text h2 { font-size: clamp(1.25rem, 1.75vw, 1.75rem); }
.card_pos .text p { font-size: 1rem; margin-top: .625rem; }
.card_pos .text button { margin-top: 0; }



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








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


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

#s1_home { background-color: var(--blue); }
#s1_home .container { padding-top: calc( 112px + ( 180 - 112 ) * ( (100vw - 320px) / 1600 ) ); }
#s1_home picture img { mix-blend-mode: multiply; }
#s1_home .filter_bt_blue { mix-blend-mode: unset; background: linear-gradient(to top, var(--blue), transparent); }

#s1_home .text { z-index: 1; }
#s1_home p { font-size: clamp(1.25rem, 2.5vw, 2.25rem); font-weight: 300; letter-spacing: 10px; }
#s1_home .text :where(p, h1) { text-shadow: 0 0 10.326px rgba(0, 0, 0, 0.25); }


.sec_video { border-radius: 1rem; overflow: hidden; }




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

#s2_home .text .h4 { font-weight: 300; line-height: 1.5 }
#s2_home .text .h4 b { font-weight: 600 }



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

#page_home .box_lame .text .pre { font-size: clamp(1.5rem, 2.5vw, 2.5rem); font-weight: 300 }


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

.box_bianco.grid { display: grid; grid-template-columns: 12% 1fr; align-items: center; padding: 0; min-height: unset; overflow: hidden; }
.box_bianco.grid .txt { padding: 1rem; gap: 1rem; }
.box_bianco.grid picture { height: 100%; }

#s8_home .tac_mobile { justify-content: center; }






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








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


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

.sec_img picture:not(.contain) { border-radius: 1rem; }

/* Section 3 */
.wrapper_timeline::after { content: ""; width: 1px; height: 100%; background-color: var(--yellow); position: absolute; left: 0; top: 1rem; }
.box_anno { padding-left: 1.5rem; position: relative; }
.box_anno::after { content: ""; width: .5rem; height: .5rem; border-radius: 1rem; background-color: var(--yellow); position: absolute; left: 0; top: .85rem; transform: translateX(-45%); }
.box_anno + .box_anno { margin-top: 2.5rem; }
.box_anno .num { font-size: 2rem; font-weight: 600; margin-bottom: .5rem; line-height: 1; }

.lama_outline { position: absolute; top: 10%; right: 0; width: 120%; transform: translateX(50%); opacity: .125; animation: lamarotante running infinite 5s linear; }

@keyframes lamarotante {
	0% { transform: translateX(50%) rotate(0deg); }
	100% { transform: translateX(50%) rotate(-360deg); }
}


/* Section 6 */
.card_accordion + .card_accordion { margin-top: 1.5rem; }
.card_accordion { background-color: rgb(var(--white-rgb) / 100%); border-radius: .75rem; transition: .25s ease; }
.card_accordion.open { background-color: rgb(var(--white-rgb) / 85%); }
.accordion_head { cursor: pointer; gap: 1rem; padding: 1rem 2rem; }
.accordion_head h2 { color: var(--blue); font-size: clamp(1.25rem, 2vw, 2rem); text-transform: uppercase; }
.accordion_head svg { width: 2rem; }
.accordion_head svg path { fill: var(--blue); }

.accordion_text { display: none; padding: 1rem 2rem; }

.accordion_text.text :where(p, ul, ol) { margin-top: 1rem; }
.accordion_text.text :where(p, ul, ol):first-of-type { margin-top: 0; }
.accordion_text.text :where(h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6),
.accordion_text.text :where(h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6),
.accordion_text.text :where(h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6),
.accordion_text.text :where(h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6),
.accordion_text.text :where(h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6),
.accordion_text.text :where(h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6) { margin-top: 1rem; }
.accordion_text.text :where(h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p), 
.accordion_text.text :where(h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p):first-of-type, 
.accordion_text.text :where(h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul, p + ul),
.accordion_text.text :where(h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul, p + ul):first-of-type,
.accordion_text.text :where(h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol, p + ol),
.accordion_text.text :where(h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol, p + ol):first-of-type { margin-top: 1rem; }
.accordion_text.text :where(p + h1, p + h2, p + h3, p + h4, p + h5, p + h6),
.accordion_text.text :where(ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6), 
.accordion_text.text :where(ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6),
.accordion_text.text :where(p + h1, p + h2, p + h3, p + h4, p + h5, p + h6):first-of-type,
.accordion_text.text :where(ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6):first-of-type, 
.accordion_text.text :where(ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6):first-of-type { margin-top: 1rem; }
.accordion_text.text :where(ol + p, ul + p):first-of-type { margin-top: 1rem; }


.accordion.small .accordion_head h2 { text-transform: initial; }
.accordion.small .accordion_text { padding-top: 0; }










/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SOSTENIBILITA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 4 */
#s4_sost { overflow: hidden; }
#video_infinity { top: 0; left: unset; transform: unset; left: 0; opacity: .125; }

.logo_infinity_cut { width: 10rem; max-width: 80%; margin-bottom: 2rem; }


/* Section 8 */
.logo_scalve { width: 100%; position: absolute; bottom: 0; left: 0; background-color: var(--white); padding: 1rem .75rem 1.5rem .75rem; border-radius: 0 0 1rem 1rem }


/* Section 11 */
.sec_numeri .container { display: grid; gap: 1rem; grid-template-columns: 100%; }

.wrp_numeri { gap: 1rem; grid-template-columns: 1fr 1fr; }
.box_num {  background-color: var(--white); border-radius: 1rem; border: 1px solid var(--white); aspect-ratio: 1 / 0.9; transition: .25s ease; }
.box_num .icon { width: 1.5rem; position: absolute; left: 1rem; top: 1rem; }
.box_num .content { padding: 2rem 1rem; }
.box_num p { color: var(--blue); font-weight: 600; transition: .25s ease; margin-top: .75rem; line-height: 1; }
.box_num p.num { font-size: clamp(3rem, 8vw, 8rem); font-weight: 700; }

.box_num:hover { background-color: var(--blue); border-color: var(--yellow); }
.box_num:hover p { color: var(--yellow); }
.box_num:hover .icon { filter: hue-rotate(200deg) brightness(5.5); }


.box_report { background-color: var(--white); border-radius: 1rem; overflow: hidden; }
.box_report picture { height: 20vh; }
.box_report .flex-v { gap: 1rem; padding: 2rem 1rem; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE INFINITY CUT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 2 */
.sec_primadopo .btn { display: flex; align-items: center; justify-content: center; gap: .75rem; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%); }
.sec_primadopo picture { border-radius: 1rem; background-color: var(--white); opacity: 0; overflow: hidden; transition: .25s ease-in-out; }
.sec_primadopo picture.active { opacity: 1; }


/* Sec 4 */
.wrapper_bianco { gap: 1rem; grid-template-columns: 100%; }
.wrapper_bianco:not(.grid) .box_bianco { margin-top: 1rem; }
.box_bianco { background-color: var(--white); border-radius: 1rem; min-height: 5rem; border: 1px solid var(--white); padding: 1rem; gap: 1rem; }
.box_bianco p { color: var(--blue); font-size: 1.25rem; font-weight: 700; transition: .25s ease; }
.box_bianco .icon { width: 1.5rem; min-width: 1.5rem; }


/* Valutazione tecnica */
.open_form { position: fixed; bottom: 1.5rem; right: 1rem; }
.open_form.hide { opacity: 0; pointer-events: none; }

.modal_form { top: 0; left: 0; z-index: 4; display: none; }
.modal_form .filter { background-color: rgb(30 30 30 / 75%); pointer-events: initial; }

.modal_form .wrapper_form {
	border-radius: 1.25rem 0 1.25rem 1.25rem; background: linear-gradient(180deg, #D9D9D9 0%, #AEAEAE 100%); box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.25); 
	position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; overflow-y: scroll;
}
.modal_form .wrapper_form::-webkit-scrollbar { width: 8px; background-color: var(--blue); }
.modal_form .wrapper_form::-webkit-scrollbar-thumb { width: 8px; background-color: var(--yellow); }

.wrapper_form .close { position: absolute; top: 0; right: 0; width: 3.5rem; }

.wrapper_form #form .wpforms-field-container { justify-content: flex-start; }
.wrapper_form #form .wpforms-field :where(input, textarea, select) {
    border: 1px solid var(--blue); border-radius: 3rem;
    padding: .5rem 1rem; background-color: rgb(var(--white-rgb) / 20%);
}
.wrapper_form #form .wpforms-field textarea { border-radius: 1rem; }
.wrapper_form #form .wpforms-field:not(.wpforms-field-checkbox) > label { left: 1rem; top: .5rem; }
.wrapper_form #form .wpforms-field:not(.wpforms-field-checkbox).focus > label { transform: translate(0, 0) scale(.625); top: 0; }

.wrapper_form #form .wpforms-field.wpforms-field-html { margin-bottom: .75rem; padding-top: 2.5rem; margin-top: 1rem; border-top: 1px solid var(--blue); }
.wrapper_form #form .wpforms-field.wpforms-field-html.not { margin-top: 0; padding-top: 0; border: unset; }
.wrapper_form #form .wpforms-field.wpforms-field-html p { color: var(--blue); text-transform: uppercase; font-weight: 700; }

.wrapper_form #form .wpforms-field-radio {
	/* border: 1px solid var(--blue); border-radius: 5rem; padding: .5rem 1rem; background-color: rgb(var(--white-rgb) / 20%); 
	display: flex; align-items: center; justify-content: space-between; gap: 1rem; */
}
.wrapper_form #form .wpforms-field-radio legend { font-size: 1rem; color: var(--blue); font-weight: 400; margin: 0; margin-bottom: .75rem; }

.wrapper_form #form .wpforms-field-radio ul li { margin-bottom: 0 !important; margin-right: .5rem; }
#form .wpforms-field-radio ul li label { color: var(--blue); }
.wrapper_form #form .wpforms-field-radio input {
	-webkit-appearance: none; appearance: none;
	width: auto; height: auto; padding: .5em;
	background: transparent no-repeat center / 1em; background-color: rgb(var(--white-rgb) / 20%);
	border: 1px solid var(--blue); border-radius: 4rem; cursor: pointer; transition: .25s ease;
}
.wrapper_form #form .wpforms-field-radio input::before,
.wrapper_form #form .wpforms-field-radio input::after { display: none; }
.wrapper_form #form .wpforms-field-radio input:checked { background-color: var(--blue); }








/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE RIVESTIMENTI PVD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 3 */
.sec_rivestimenti .btn { display: flex; align-items: center; justify-content: center; gap: .75rem; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%); }
.sec_rivestimenti picture { opacity: 0; overflow: hidden; transition: .25s ease-in-out; }
.sec_rivestimenti picture.abs { top: 0; left: 0; }
.sec_rivestimenti picture.active { opacity: 1; }




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

/* Sec 3 */
.wrapper_rivestimenti .box {  }
.wrapper_rivestimenti .box + .box { margin-top: 2rem; }
.wrapper_rivestimenti .box p { margin-bottom: .75rem; }
.wrapper_rivestimenti .box .img { height: 5rem; width: calc(100% - 3rem); margin-left: 3rem; overflow: hidden; border-radius: .75rem; }

.wrapper_rivestimenti .box p::after { content: ""; width: .5rem; height: .5rem; border-radius: 1rem; background-color: var(--yellow); position: absolute; left: 0; top: 50%; transform: translate(-1rem, -50%); }
.wrapper_rivestimenti .box p::before { content: ""; width: 1px; height: 4rem; background-color: var(--yellow); position: absolute; left: -.75rem; top: 1rem; }
.wrapper_rivestimenti .box .img::after { content: ""; width: 5rem; height: 1px; background-color: var(--yellow); position: absolute; left: -.75rem; top: 5rem; z-index: -1; }


/* Sec 8 */
.fake_h100 > .text { min-height: 90vh; background-color: rgb(var(--blue-rgb) / 80%) }





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

.sec_std + .sec_std .container { flex-direction: row; }





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

/* Section 3 */
.slider_posizioni .swiper { padding-right: var(--c5o); }


/* Section 4 */
#s4_lavora #form { background-color: var(--white); border-radius: 1rem; }

#s4_lavora #form .wpforms-field-file-upload > label { position: relative; }
#s4_lavora #form .wpforms-field-file-upload .wpforms-uploader { border: 1px solid var(--blue); border-radius: .5rem; }
#s4_lavora #form .wpforms-field-file-upload .modern-title { color: var(--blue); }
#s4_lavora #form .wpforms-field-file-upload svg path { fill: var(--blue); }





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

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

/* Section 1 */

/* Section 2 */








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


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

/* Section 2 */
#card_grid { gap: 1.5rem; grid-template-columns: 100%; }


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



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










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


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

.wrapper_left .text img { margin: 1.5rem 0 2.5rem 0; border-radius: 1rem; }

.post_nav { background-color: var(--white); border-radius: .75rem; border: 1px solid var(--white); padding: 1rem; gap: 1rem; color: var(--blue); }
.post_nav + .post_nav { margin-top: 1rem; }
.post_nav svg { width: 1.25rem; height: 1.25rem; }
.post_nav:hover { background-color: rgb(var(--white-rgb) / 85%); }

.post_nav.post_archive { background-color: var(--blue); color: var(--white); }
.post_nav.post_archive:hover { background-color: rgb(var(--white-rgb) / 10%); }

.a2a_kit { margin-top: 1.5rem; }
.a2a_kit p { text-transform: uppercase; font-size: .85rem; margin-bottom: .25rem; }







/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LAME CIRCOLARI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 2 */
#s2_circ .text .h4 { font-weight: 300; line-height: 1.5 }
#s2_circ .text .h4 b { font-weight: 600 }

/* Section 3 */
.bkg_blur { filter: blur(.25rem); }
.filter_blur { backdrop-filter: blur(.5rem); }

#sec_lame .nav_prev { left: var(--c1o); }
#sec_lame .nav_next { right: var(--c1o); }

#swiper_bkg { position: absolute; z-index: -1; filter: blur(4px); }


.box_lame .text span { display: block; line-height: 1; text-transform: uppercase; }
.box_lame .text .pre { font-size: clamp(1.5rem, 4vw, 4rem); }
.box_lame .text .mat { font-size: clamp(3rem, 12vw, 10rem); }
.box_lame .img { margin-top: -.5rem; }
.box_lame .img img { max-height: 14rem; object-fit: contain; }

.custom_dots { gap: .5rem; }
.custom_dots button { display: flex; text-transform: uppercase; font-size: clamp(9px, 1.5vw, 1.5rem); color: var(--white); opacity: .5 }
.custom_dots button + button::before { content: "•"; margin-right: .5rem }
.custom_dots button.active { opacity: 1; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LAME CIRCOLARI - Tipologia di taglio ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Box bianco custom */
#single_taglio .box_bianco { min-height: 5rem; }


/* Prodotti */
.wrapper_prodotti { gap: 2rem 1.5rem; grid-template-columns: 100%; }

.card_prod .txt { padding: 1rem; border-top: 1px solid var(--yellow); width: calc(100% - 2rem); margin-left: 2rem; }
.card_prod .txt .p { text-transform: uppercase; font-weight: 300; font-size: clamp(1.25rem, 2vw, 1.5rem); line-height: 1.125; }
.card_prod .sigla { font-size: clamp(2rem, 5vw, 4.5rem); font-weight: 700; line-height: 1; margin-top: -1.5rem; z-index: 1; position: relative; }
.card_prod .img { z-index: 1; }
.card_prod::after { content: ""; position: absolute; left: 2rem; top: 0; width: 1px; height: 75%; background-color: var(--yellow); }
.card_prod::before { content: ""; width: .5rem; height: .5rem; border-radius: 1rem; background-color: var(--yellow); position: absolute; left: 2rem; bottom: 25%; transform: translate(-50%, 0); }


/* Scarica brochure */
.box_brc { background-color: var(--yellow); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LAME CIRCOLARI - Tipologia di lama ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_tipo .icon {
	position: absolute; top: 0; left: 0; width: 7rem; background-color: var(--white); border-radius: 5rem; 
	aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center;
}
.wrapper_tipo .text h2 { text-transform: uppercase; font-weight: 300; font-size: 2rem; }







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


#sec_form { border-top: 1px solid var(--blue); }
#sec_form .grafico { position: absolute; left: 0; top: 0; width: auto; height: 100%; mix-blend-mode: multiply; object-fit: cover; opacity: .05 }

#form .wpforms-field { margin-bottom: 2em; }
#form .wpforms-field label { color: var(--blue); font-weight: 400; }

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

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

#form .wpforms-field.wpforms-field-checkbox { margin-bottom: .25rem }
#form .wpforms-field.wpforms-field-checkbox li label { text-transform: uppercase; }
#form .wpforms-field.wpforms-field-checkbox li label a { text-decoration: underline; text-transform: uppercase; }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--light); }

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { padding: ; border: ; border-radius: ; }


#form .wpforms-submit-container { display: flex; align-items: center; justify-content: flex-end; }
#form button[type=submit], #form input[type=submit] {
	padding: .625em 1.375em; font-size: 1rem; color: var(--blue); text-transform: uppercase;
	background-color: var(--yellow); border: 1px solid var(--yellow); border-radius: 4rem;
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--blue); color: var(--yellow); }












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


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

#s1_grazie {}




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




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CSS EXTRA O MOD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/












/**
 * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
 *
 * RESPONSIVE
 *
 * Settare se necessario regole fluid per minmax di elementi specifici basandosi sulle seguenti regole:
 *	=>	ORIGINAL CALC			->	calc( 12px + (24 - 12) * ( (100vw - 360px) / (1920 - 360) ) )
 *	=>	CALC 1920px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 1560 ) )
 *	=>	CALC 1280px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 920 ) )
 *	=>	CALC 1024px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 664 ) )
 *
 * Da creare fluid dinamico con 2 step per i calc iniziali =   1920 -> 1024   1024 -> 360
 *
 * __________________________________________________________________________________________________________________________________________________________________________
 */




.head_logo { width: calc( var(--head-logo-width) + ( var(--head-logo-max) - var(--head-logo-min) ) * ( (100vw - 360px) / 1560 ) ); }

#scroll_btn { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 360px) / 1560 ) ); }

.foot_logo { width: calc( var(--foot-logo-width) + ( var(--foot-logo-max) - var(--foot-logo-min) ) * ( (100vw - 360px) / 1560 ) ); }
#back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 360px) / 1560 ) ); }




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


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


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


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


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


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


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


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


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


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


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




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

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

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

	/* Logo */

	/* Head Content */
	.head_wrapper { padding: 1.5em 2.5%; z-index: 2; }
	.head_wrapper:not(.home) { padding-left: 7.5%; }

	/* Hamburger */
	/* Nav Menu */




	/*∞∞∞∞∞∞ BLOG ∞∞∞∞∞∞*/
	.card_blog a { display: grid; grid-template-columns: 0.5fr 1fr; }
	.card_blog picture { height: 100%; aspect-ratio: unset; }
	.card_blog .text { height: 100%; }

}






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

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

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

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




	/*∞∞∞∞∞∞ LAVORA CON NOI ∞∞∞∞∞∞*/
	#s3_lavora .nav_prev { left: var(--c5o); transform: translate(-50%, -100%); }
	#s3_lavora .nav_next { right: unset; left: var(--c5o); transform: translate(-50%, 0%); }

	.card_pos .text { padding: 2rem 2.5rem; }



	/*∞∞∞∞∞∞ LAME CIRCOLARI - Tipologia di taglio ∞∞∞∞∞∞*/
	.wrapper_prodotti { grid-template-columns: 1fr 1fr; }



	/*∞∞∞∞∞∞ LAME CIRCOLARI - Tipologia di lama ∞∞∞∞∞∞*/
	.wrapper_tipo { display: grid; gap: 2rem; grid-template-columns: 1fr 1fr; align-items: center; }
	.wrapper_tipo .icon { width: 6rem; }

	.wrapper_tipo .text::after { content: ""; width: 1px; height: 7rem; background-color: var(--yellow); position: absolute; left: -1.5rem; top: 1rem; }
	.wrapper_tipo .text::before { content: ""; width: 7rem; height: 1px; background-color: var(--yellow); position: absolute; left: -8.5rem; top: 8rem; z-index: -1; }
	.wrapper_tipo .text h2::before { content: ""; width: .5rem; height: .5rem; border-radius: 1rem; background-color: var(--yellow); position: absolute; left: -1.5rem; top: 0.75rem; transform: translate(-50%, 0); }





}



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

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

	.radial_filter { width: 90%; }


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.menu_open .head_wrapper:not(.home) { padding-left: 2.5%; }
	.menu_open.header .head_logo { transform: scale(.75); transform-origin: top left; }

	/* Menu */
	#main_nav .menu_wrapper { align-items: flex-start; padding: 0 var(--c5o); padding-top: calc( 95px + ( 170 - 95 ) * ( (100vw - 320px) / 1600 ) ); }
	#main_nav .head_menu::before { left: -1rem; }
	#main_nav .head_menu li { margin-bottom: .75em; }
	#main_nav .head_menu li::after { transform: translate(calc(-1rem - 50%), -50%); }
	#main_nav .head_menu li:where(.open_cir, .open_nas) { display: none; }


	/* Sub menu */
	.sub_menu { position: relative; top: unset; transform: unset; padding: 0; height: auto; overflow: visible; opacity: 1; }
	.sub_menu .back { display: none; }

	#menu_nas { margin-top: var(--c7v); }
	.menu_grid { grid-template-columns: 1fr 1fr; }
	.menu_grid .tit { grid-column: 2 span; }







	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	.top_foot { justify-content: space-between; }
	.bot_foot { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }

	.bot_foot .logo_m :where(svg, img) { max-width: unset; width: auto; height: 15rem; min-width: unset; filter: drop-shadow(0 0 16px rgba(0, 0, 0, 0.25));}
	.bot_foot .riflesso { top: 0; left: 0; transform: translateY(179%); opacity: 0.3; height: auto; width: 100%; }

	.tar_desk { text-align: right; }
	.elenco_certificazioni { justify-content: flex-end; }


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

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




	/*∞∞∞∞∞∞ S1 ∞∞∞∞∞∞*/
	.s1:not(#s1_home) .container { align-items: flex-end; justify-content: flex-start; }
	.s1:not(#s1_home) .h100 { min-height: 85vh; }
	.s1 .moutline { left: unset; right: 0; bottom: var(--c7v); width: 35%; transform: translate(15%, 0); max-width: unset; }

	/* BREADCRUMBS */ 
	#breadcrumb { justify-content: flex-start; }



	/*∞∞∞∞∞∞ COMPARSA ∞∞∞∞∞∞*/
	.sec_comparsa .sec_img { width: 28%; }
	.sec_comparsa .sec_img picture { max-height: unset; }

	.sec_comparsa .sec_img_1 { top: 5%; left: -3.75%; }
	.sec_comparsa .sec_img_2 { bottom: -2.5%; left: -7.5%; }
	.sec_comparsa .sec_img_3 { top: 15%; right: -3.75%; }
	.sec_comparsa .sec_img_4 { bottom: -5%; right: -7.5%; }


	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Section 4 */
	#s4_home .p5r { padding-right: 0; }
	#s4_home .sec_img picture img { transform: scale(1.25); position: relative; z-index: -1 }

	/* Sec 8 */
	#s8_home .tac_mobile { justify-content: space-between; }

	/* Sec 9 */
	#s9_home .container { padding-right: 0; }
	#s9_home .container .swiper { width: 150%; }
	#s9_home .nav_prev { left: 0; transform: translate(-50%, -100%); }
	#s9_home .nav_next { right: unset; left: 0; transform: translate(-50%, 0%); }




	/*∞∞∞∞∞∞ AZIENDA ∞∞∞∞∞∞*/
	/* Sec 3 */
	.box_anno { display: flex; align-items: center; justify-content: flex-start; gap: 3rem; padding-left: 3rem; }
	.box_anno .num { text-align: center; min-width: 10rem; font-size: 3.75rem }
	.box_anno::after { top: 50%; transform: translate(-45%, -50%); }
	.lama_outline { top: 0; width: 55%; transform: translateX(50%); opacity: 1; }

	/* Sec 7 */
	#s7_azienda .sec_img picture { transform: scale(1.25); }
	#s7_azienda .sec_img .radial_filter { transform: translate(-50%, -50%) scale(2); }


	/*∞∞∞∞∞∞ SOSTENIBILITA ∞∞∞∞∞∞*/
	/* Sec 3 */
	#s3_sost .sec_img picture { transform: scale(1.25); }

	/* Sec 4 */
	#s4_sost .container { padding-right: var(--c10o); padding-top: var(--c25v); }
	#s4_sost > .filter { background: linear-gradient(var(--blue), transparent); height: 15%; }
	
	#video_infinity { opacity: 1; z-index: -1 }

	/* Sec 11 */
	.sec_numeri .container { grid-template-columns: 55% 45%; }
	.box_report picture { height: 40vh; }
	.box_report .flex-v { height: calc(100% - 40vh); }


	/*∞∞∞∞∞∞ INFINITY CUT ∞∞∞∞∞∞*/
	.wrapper_bianco { grid-template-columns: 1fr 1fr; }
	.wrapper_bianco.grid_3 { grid-template-columns: 1fr 1fr 1fr; }
	.box_bianco { padding: 2rem; min-height: 8rem; transition: .25s ease; }
	.box_bianco:hover { background-color: transparent; border-color: var(--yellow); }
	.box_bianco:hover p { color: var(--yellow); }
	.box_bianco:hover .icon { filter: hue-rotate(200deg) brightness(5.5); }



	
	/*∞∞∞∞∞∞ BLOG ∞∞∞∞∞∞*/
	#card_grid { grid-template-columns: 1fr 1fr; gap: 2rem var(--c2o); }

	.card_blog .text { padding: 2.5rem 1.5rem; }
	.card_blog .text hr { margin: 2rem 0; }


	/*∞∞∞∞∞∞ SINGLE BLOG ∞∞∞∞∞∞*/
	.wrapper_right { position: sticky; top: 10vh; }



	/*∞∞∞∞∞∞ LAME CIRCOLARI ∞∞∞∞∞∞*/
	.box_lame .img { margin-top: -2.75rem; }

	.custom_dots { gap: 1.25rem; }
	.custom_dots button + button::before { margin-right: 1.25rem }

	#sec_lame .nav_prev { left: var(--c2o); width: var(--c3o); }
	#sec_lame .nav_next { right: var(--c2o); width: var(--c3o); }



	/*∞∞∞∞∞∞ LAME CIRCOLARI - Tipologia di taglio ∞∞∞∞∞∞*/
	.wrapper_prodotti { grid-template-columns: 1fr 1fr 1fr 1fr; }

	/* Scarica brochure */
	.img_brochure { margin: 0; position: absolute; left: 60%; bottom: var(--c7v); width: 30%; filter: drop-shadow(0 0 2rem rgb(var(--black-rgb) / 50%)); }


	/*∞∞∞∞∞∞ LAME CIRCOLARI - Tipologia di lama ∞∞∞∞∞∞*/
	/*.slider_tipologie { padding: 0 var(--c2o); }*/

	.slider_tipologie .nav_prev { left: var(--c2o); width: var(--c3o); }
	.slider_tipologie .nav_next { right: var(--c2o); width: var(--c3o); }

	.wrapper_tipo { display: grid; gap: 2rem; grid-template-columns: 1fr 1fr; align-items: center; }
	.wrapper_tipo .icon { width: 6rem; }



}






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

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

	#sec_form .grafico { opacity: 1; }





}






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

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

	/* MENU */
	#main_nav .head_menu li { margin-bottom: .75em; }


	/*∞∞∞∞∞∞ LAME CIRCOLARI - Tipologia di lama ∞∞∞∞∞∞*/
	.wrapper_tipo { gap: 6rem; grid-template-columns: 0.75fr 1fr; }
	.wrapper_tipo .icon { width: 7.5rem; }
	.wrapper_tipo .text { width: 90% }





}






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

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






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

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