/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Color Work Desk - URAI "

BASE (MOBILE) SIZE


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

main.over_h { overflow: hidden; }


.s1 .bkg_thumb { overflow: hidden; }


/* Icone server fade in */
.on_scroll.icon_device { opacity: 0; transform: scale(.1); transition: .4s ease-out; }
.on_scroll.active.icon_device { opacity: 1; transform: scale(1); }
.on_scroll.icon_device::after { opacity: 0; transition: .3s ease-out .3s; }
.on_scroll.active.icon_device::after { opacity: 1; }



/* Fade bottom -> top */
.on_scroll.anim_fade_bt { opacity: 0; transform: translateY(20%); transition: .4s ease-out; }
.on_scroll.active.anim_fade_bt { opacity: 1; transform: translateY(0); }


/* Fade right -> left */
.on_scroll.anim_fade_lr { opacity: 0; transform: translateX(-100%); transition: .4s ease-out; }
.on_scroll.active.anim_fade_lr { opacity: 1; transform: translateX(0); }

/* Fade left -> right */
.on_scroll.anim_fade_rl { opacity: 0; transform: translateX(100%); transition: .4s ease-out; }
.on_scroll.active.anim_fade_rl { opacity: 1; transform: translateX(0); }



/* Box fade */
.on_scroll .box_anim { opacity: 0; transform: translateY(20%); transition: .4s ease-out; }
.on_scroll.active .box_anim { opacity: 1; transform: translateY(0); }
.on_scroll.active .box_anim:nth-of-type(2) { transition-delay: .1s; }
.on_scroll.active .box_anim:nth-of-type(3) { transition-delay: .2s; }
.on_scroll.active .box_anim:nth-of-type(4) { transition-delay: .3s; }
.on_scroll.active .box_anim:nth-of-type(5) { transition-delay: .4s; }
.on_scroll.active .box_anim:nth-of-type(6) { transition-delay: .5s; }


/* Animazione picure */
.on_scroll.pic_design img { opacity: 0; transform: scale(.1); transition: .4s ease-out; }
.on_scroll.active.pic_design img { opacity: 1; transform: scale(1); }

.on_scroll.pic_contain img { opacity: 0; transform: scale(.1); transition: .4s ease-out; }
.on_scroll.active.pic_contain img { opacity: 1; transform: scale(1); }


.on_scroll.video_fade .sized { opacity: 0; transform: scale(.1); transition: .4s ease-out; }
.on_scroll.active.video_fade .sized { opacity: 1; transform: scale(1); }








/**
 *
 *  ▐▌ ▐▌  ▄▀▀▄  █▀▀▄  ▄▀▀
 *   ▀▄▀   █▀▀█  █▐█▀   ▀▄
 *    ▀    ▀  ▀  ▀ ▀▀  ▀▀  - VARS
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */

.sec_white :where(h2, h3, p) { color: var(--white); }








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


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



.header.fixed, .header.fixed_news { background-color: #585858; box-shadow: 0 0 1rem rgb(var(--black-rgb) / 25%); }
.header.fixed .head_wrapper { padding: .75em 2.5%; }

.header.fixed .head_logo { --head-logo-width: 120px; --head-logo-min: 120; --head-logo-max: 200; max-width: 200px; }





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

.head_logo { 
	display: inline-block; 
	--head-logo-width: 220px; /* <- in 'px' */
	--head-logo-min: 220;
	--head-logo-max: 350;
	max-width: 350px;
}
.head_logo img, .foot_logo img, .head_logo svg, .foot_logo svg { width: 100%; }



.logo_blue { display: none; }



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

.menu_ex { display: none; }



.lang a { color: var(--white); font-weight: 300; }
.lang li:not(.wpml-ls-current-language) a { opacity: .5; }
.lang a:hover { color: var(--blue); }



.no_desk { display: block; }
.no_mob { display: none; }



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

.hamburger_btn { 
	display: inline-block;
	font-size: var(--rem); line-height: 0;
	padding: .75em .5em;
}

/* Included style from "hamburger.css" */
.hamburger { display: inline-block; width: 3.5em; height: 1.25em; transition: .15s linear; }
.top_bun, .bottom_bun {
	display: block; position: absolute;
	width: 3.5em; height: 4px;
	background-color: var(--white);
	border-radius: .2em;
	transition: .15s ease;
}
.top_bun { top: -1px width: 3.5em;; }
.bottom_bun { bottom: -1px; width: 2.75em; right: 0; }

.hamburger span { transition-duration: 0s; }

/* Tapped / Clicked */
.tapped .hamburger span { transition-property: none; transform-origin: center; background-color: var(--white); width: 3.5em; }
.tapped .hamburger .top_bun { top: 50%; left: 50%; transform-origin: center; transform: translate(-50%,-50%) rotate(45deg); }
.tapped .hamburger .bottom_bun { top: 50%; left: 50%; transform-origin: center; transform: translate(-50%,-50%) rotate(-45deg); }






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

.main_nav { 
	display: none; 
	position: absolute; top: 0; left: 0;
	z-index: 1;
}
.menu_wrapper {  }

.head_menu li.current-menu-item {}
.head_menu a { display: inline-block; font-size: 2em; line-height: 1; padding: 0.25em 0; color: var(--white); font-weight: 300; }
.head_menu a:hover { color: var(--hover); }
/*.head_menu .prodotti_button_scroll a::after { content: " +"; }*/
/*.head_menu .prodotti_button { display: none; }*/


.prodotti_menu {
	position: absolute; left: 0; top: 5%; box-shadow: 0 0 1rem rgb(var(--black-rgb) / 40%); 
	height: 95%; width: 90%; background: linear-gradient(123deg, #101010, #434343);
	transform: translateX(-100%); transition: .3s ease-out; z-index: 1;
}
.close_prodotti_menu { 
	position: absolute; right: 0; top: 50%; transform: translate(50%, -50%);
	background-color: var(--blue); height: 4rem; width: 4rem; border-radius: 50%;
	display: flex; align-items: center; justify-content: center; opacity: 0; transition: .2s ease;
}
.close_prodotti_menu img { width: 45%; }
.prodotti_menu.open { transform: translateX(0); }
.prodotti_menu.open .close_prodotti_menu { opacity: 1; }
.prodotti_menu.open .close_prodotti_menu:hover { opacity: .75; }

.prodotti_menu .link_prodotto { height: calc(100% / 3); border-bottom: 1px solid rgb(var(--white-rgb) / 25%); position: relative; overflow: hidden; }
.prodotti_menu .link_prodotto p { padding: 0 1rem; color: var(--white); font-size: 1.25rem; font-weight: 300; }
.prodotti_menu .link_prodotto img { width: 50%; max-height: 90%; object-fit: contain; position: absolute; top: 50%; transform: translateY(-50%); transition: .2s ease; }
.link_prodotto:nth-of-type(2) { justify-content: flex-end; }
.link_prodotto:nth-of-type(2) p { padding-right: 4rem; }
.link_prodotto:nth-of-type(1) img { right: 0; transform: translate(20%, -50%); }
.link_prodotto:nth-of-type(2) img { left: 0; transform: translate(-20%, -50%); }
.link_prodotto:nth-of-type(3) img { right: 0; transform: translate(15%, -50%); }

.link_prodotto:hover { background-color: rgb(var(--white-rgb) / 10%); }
.link_prodotto:nth-of-type(1):hover img { right: 0; transform: translate(15%, -50%); }
.link_prodotto:nth-of-type(2):hover img { left: 0; transform: translate(-15%, -50%); }
.link_prodotto:nth-of-type(3):hover img { right: 0; transform: translate(10%, -50%); }

.cont_menu { position: absolute; left: 0; bottom: 0; transform: translateY(150%); }
.cont_menu p { color: var(--white); font-weight: 500; font-size: 1.1rem; }
.cont_menu p a { display: inline-block; font-size: 100%; }
.cont_menu p a:hover { color: var(--hover); }


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








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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BUTTONS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.btn {
	display: inline-block; position: relative; font: inherit; color: inherit;
	padding: .75em 1.75em; margin-top: 1.5rem;
	border: 2px solid var(--white); border-radius: 5rem; background-color: var(--white);
	color: var(--black); font-size: var(--rem); text-transform: uppercase; font-weight: 500; 
}
.btn:hover { box-shadow: .125rem .125rem 1rem rgb(30,30,30,.5); background-color: rgb(var(--white-rgb) / 20%); color: var(--white); }


.btn_blue { border-color: var(--blue); color: var(--blue); }
.btn_blue:hover { background-color: var(--blue); }


.btn_white { background-color: transparent; color: var(--white); }
.btn_white:hover { background-color: var(--white); color: var(--blue); }


.btn_grey { border-color: #707070; color: #707070; }
.btn_grey:hover { background-color: #707070; color: var(--white); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

a.link {
	display: inline-block; position: relative; font: inherit; color: inherit;
	padding: .75em 1.75em; margin-top: 1.5rem;
	border: 2px solid var(--white); border-radius: 5rem; background-color: var(--white);
	color: var(--black); font-size: var(--rem); text-transform: uppercase; font-weight: 500; 
}
a.link:hover { box-shadow: .125rem .125rem 1rem rgb(30,30,30,.5); background-color: rgb(var(--white-rgb) / 20%); color: var(--white); }


a.link_blue { border-color: var(--blue); color: var(--blue); }
a.link_blue:hover { background-color: var(--blue); }


a.link_white { background-color: transparent; color: var(--white); }
a.link_white:hover { background-color: var(--white); color: var(--blue); }


a.link_grey { border-color: var(--grey); color: var(--grey); }
a.link_grey:hover { background-color: var(--grey); color: var(--white); }







/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
 
.filter_gradient { background: linear-gradient(135deg, #545454, #9C9C9C); }


.filter_tb { background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.2) 100%); }


.circle_tr::before {
	content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 0; mix-blend-mode: multiply; opacity: .3;
	background: url(../images/png/cerchi_footer.png) no-repeat; background-position: top right; background-size: contain; }


.circle_bl::before {
	content: ""; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; z-index: 0; mix-blend-mode: multiply; opacity: .3;
	background: url(../images/png/cerchi_bl.png) no-repeat; background-position: bottom left; background-size: contain; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CONTENT FORMAT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/



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

.nav_btn { width: 3em; top: 50%; transform: translateY(-50%); z-index: 1; }
.nav_prev { left: 0; }
.nav_next { right: 0; }
.nav_btn :where(img, svg) { width: 100%; }

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




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

.breadcrumbs { gap: .5em; list-style: none; }
.breadcrumbs, .breadcrumbs a, .breadcrumbs span { color: var(--grey); }




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

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


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




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

.card a { border-radius: 1rem; overflow: hidden; box-shadow: 0 0 .75rem rgb(var(--black-rgb) / 20%); height: 100%; }
.card .ratio-16-9 { background-color: #f0f0f0; }
.card .card_content { padding: 1.5rem; flex: 1 1 auto }
.card .card_content h2 { font-size: 1.5rem; margin-bottom: 1rem; }
.card .card_content button { display: block; margin: 0 auto; margin-top: 1.5rem; }


/* Card blog */
.card_blog a { border-radius: 2rem; overflow: hidden; }

.card_blog.card_color_1 a { background: linear-gradient(200deg, #5C8AEA, #6BC9DB); }
.card_blog.card_color_2 a { background: linear-gradient(100deg, #622964, #A23D68); }
.card_blog.card_color_3 a { background: linear-gradient(200deg, #E5776B, #F1BA92); }
.card_blog.card_color_4 a { background: linear-gradient(100deg, #416F91, #68928C); }
.card_blog.card_color_5 a { background: linear-gradient(200deg, #8094C2, #B9B8E3); }
.card_blog.card_color_6 a { background: linear-gradient(100deg, #849A36, #B9C753); }
.card_blog.card_color_7 a { background: linear-gradient(200deg, #EB7F91, #C94479); }

.card_blog .bkg_abs { opacity: .3; mix-blend-mode: soft-light; border-radius:2rem; overflow: hidden; }
.card_blog .bkg_abs img { border-radius: 2rem; transition: .2s ease; width: 100%; }

.card_blog .card_content { padding: 1.5rem; }
.card_blog .pretitle { border-bottom: 1px solid rgb(var(--white-rgb) / 20%); padding-bottom: 1rem; margin-bottom: 1.5rem; }
.card_blog .card_content p { color: var(--white); font-weight: 900; }
.card_blog .card_content h2 { font-size: 1.75rem; color: var(--white); }

.info_card { margin-top: 2rem; }
.card_blog button { font-weight: 900; border-color: var(--white); margin-top: 0; }
.card_blog.card_color_1 button { color: #6BC9DB; }
.card_blog.card_color_2 button { color: #A23D68; }
.card_blog.card_color_3 button { color: #E5776B; }
.card_blog.card_color_4 button { color: #416F91; }
.card_blog.card_color_5 button { color: #8094C2; }
.card_blog.card_color_6 button { color: #849A36; }
.card_blog.card_color_7 button { color: #EB7F91; }

.card_blog.card_color_1 button:hover { /*background-color: #6BC9DB;*/ background-color: transparent; color: var(--white); }
.card_blog.card_color_2 button:hover { /*background-color: #A23D68;*/ background-color: transparent; color: var(--white); }
.card_blog.card_color_3 button:hover { /*background-color: #E5776B;*/ background-color: transparent; color: var(--white); }
.card_blog.card_color_4 button:hover { /*background-color: #416F91;*/ background-color: transparent; color: var(--white); }
.card_blog.card_color_5 button:hover { /*background-color: #8094C2;*/ background-color: transparent; color: var(--white); }
.card_blog.card_color_6 button:hover { /*background-color: #849A36;*/ background-color: transparent; color: var(--white); }
.card_blog.card_color_7 button:hover { /*background-color: #EB7F91;*/ background-color: transparent; color: var(--white); }





/* News archivio */

.card_news { background-color: var(--white); box-shadow: 0 0 1rem rgb(30 30 30 / 10%); border-radius: 1.5rem; overflow: hidden; }
.card_news .img_sec { aspect-ratio: 16 / 9; background-color: #f1f1f1; }
.card_news .img_sec img { object-fit: cover; width: 100%; height: 100%; }
.card_news .card_content { padding: 1rem; }
.card_news .card_content h3 { font-size: 1.25rem; font-weight: 700; line-height: 1.2; }




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






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

.sticky { top: 15vh; /* Il valore Top è indispensabile ed è l'Offset dal top dello schermo se impostato */ }




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








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


footer .filter::before {
	content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 0; mix-blend-mode: multiply; opacity: .7;
	background: url(../images/png/cerchi_footer.png) no-repeat; background-position: top right; background-size: contain; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FOOTER CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.foot_logo img { width: 100%; }
.logo_urai img { width: 10rem; margin: 2rem 0; }



.foot_block { padding: 15% 5%; border-top: 1px solid rgb(var(--white-rgb) / 50%); }

.foot_block h3 { color: var(--white); font-size: 2rem; }
.foot_block h4 { color: var(--white); font-size: 1.5rem; }

.foot_block p { color: var(--white); font-size: 1.25rem; }
.foot_block p a { display: inline-block; font-size: 100%; }
.foot_block p a:hover { color: var(--hover); }



.icon_social a { width: 3rem; height: 3rem; margin-left: 1rem; border-radius: 50%; }
.icon_social .st0 { fill: #FFFFFF; }
.icon_social .st1 { fill: none; stroke: #FFFFFF; }
.icon_social a:hover { background-color: var(--blue); transform: scale(.9); }


#newsletter_form { margin-bottom: 4rem; }
#newsletter_form .wpforms-container { margin: 0; margin-top: 1rem; position: relative; }
#newsletter_form .wpforms-field { padding: 0; }

#newsletter_form .form-field input { background-color: var(--white); border: 1px solid var(--white); border-radius: 4rem; padding: 0.75rem 0.5rem 0.75rem 1rem; line-height: 1.4; height: auto; }

#newsletter_form .wpforms-field-checkbox { position: absolute; left: 0; top: 130%; }
#newsletter_form .wpforms-field-checkbox li { display: flex; align-items: center; justify-content: flex-start; }
#newsletter_form .wpforms-field-checkbox label { color: var(--white); }
#newsletter_form .wpforms-field-checkbox label a { display: inline-block; }
#newsletter_form .wpforms-field-checkbox label a:hover { color: var(--blue); }

#newsletter_form .wpforms-field-checkbox input[type=checkbox] { -webkit-appearance: none; background-color: transparent; border: 1px solid var(--white); width: 1.25em; height: 1.25em; border-radius: .25rem; }
#newsletter_form .wpforms-field-checkbox input[type=checkbox]:checked { background: url(../images/svg/checked.svg) no-repeat center; background-color: var(--blue); background-size: 1em; }

#newsletter_form .wpforms-submit-container { position: absolute; right: 0; top: 0; padding-top: 0; height: 100%; }
#newsletter_form .wpforms-submit { font-size: 1rem; color: var(--white); text-transform: uppercase; background-color: var(--blue); border: 1px solid var(--blue); border-radius: 0 2rem 2rem 0; padding: 0.25rem 1rem; height: 100%; }
#newsletter_form .wpforms-submit:hover { background-color: var(--white); color: var(--blue); border-color: var(--white); border-left-color: var(--blue); }



#newsletter_form .wpforms-recaptcha-container { position: absolute; }

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

.foot_block .credits p { font-size: 1rem; }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BACK TO TOP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.back_top {
	display: none; 
	position: fixed; bottom: .5em; right: .5em;
	padding: .25em;
	--back-top-px: 40px;
	--back-top-min: 40;
	--back-top-max: 60;
	max-width: 60px;
	z-index: 2;
}
.back_top img { width: 100%; }








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


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

.s1_slider.swiper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }


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

.box_prodotto { padding-bottom: .25rem; }
.box_prodotto:nth-of-type(1) { padding-top: .25rem; }

.box_prodotto_i { display: block; background-color: #989898; overflow: hidden; }
.box_prodotto_i .text { padding: 5%; padding-bottom: 14rem; }
.box_prodotto_i p { text-transform: uppercase; color: var(--white); font-weight: 700; font-size: 1.2; }
.box_prodotto_i h2 { color: var(--white); font-size: 2.1rem; }

.box_prodotto_i img { width: auto; max-width: 70%; height: 12rem; object-fit: contain; object-position: bottom; position: absolute; right: 50%; bottom: 1rem; transform: translateX(50%); }
.box_prodotto:nth-of-type(6) img { right: 0; transform: translate(0,2rem); height: 12rem; max-width: 90%; bottom: 0; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION NEWS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s_news { background-color: var(--blue); }
#s_news .s_news_i { padding: 1rem 2.5%; }
/*
.news_card {  }
.news_card .news_date { background-color: var(--white); padding: 0.5rem 0.75rem; display: inline-block; border-radius: 1rem; margin-bottom: 1rem; }
.news_card .news_date span { font-size: 1rem; color: var(--blue); font-weight: 600; }
*/
.news_card { padding-left: 1rem; }
.news_card h3 { font-size: 1rem; font-weight: 400; color: var(--white); line-height: 1.1; }
/*.news_card p { margin-top: .75rem; font-size: 1.5rem; color: var(--white); }*/

#s_news .nav_btn { z-index: 2; width: 2.5em; }
#s_news .nav_btn img { filter: invert(1); }



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

#s3_home picture { margin-bottom: -25.7%; margin-top: 2rem; position: relative; z-index: 1; }






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

#s4_home .container { z-index: 1; }

.server_cloud { margin-top: 4rem; }

.icon_device .device { width: 13rem; height: 13rem; border: 1px solid #53F2FF; border-radius: 50%; }
.icon_device .device p { text-transform: uppercase; margin-top: 1rem; }
.icon_device .cyan_line { width: 1px; height: 5rem; background-color: #53F2FF; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); }
.icon_device::after {
	content: ""; width: 0.125rem; height: 0.125rem; background-color: var(--white); border-radius: 50%;
	position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%); z-index: 1;
	box-shadow: 0 0 0.25rem 0.25rem rgb(var(--white-rgb) / 100%), 0 0 1rem 1rem rgb(170 195 255 / 67%), 0 0 2.3rem 1.5rem rgb(87 178 251 / 67%), 0 0 1.7rem 1.7rem rgb(52 127 241 / 67%), 0 0 1.5rem 1.5rem rgb(18 91 186 / 50%);
}

.icon_device:nth-of-type(1), .icon_device:nth-of-type(2) { padding-bottom: 5rem; }
.icon_device:nth-of-type(3), .icon_device:nth-of-type(4) { padding-top: 5rem; }

.icon_device:nth-of-type(3) .cyan_line, .icon_device:nth-of-type(4) .cyan_line { bottom: unset; top: 0; }
.icon_device:nth-of-type(3)::after, .icon_device:nth-of-type(4)::after { bottom: unset; top: 0; }




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

#s6_home .filter { height: 90%; }


.pic_design { overflow: hidden; }
.pic_design img { border-radius: 2rem; }



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

#s_blog { background: linear-gradient(to bottom, #F5F5F5, #fff); }
#s_blog .swiper-blog { padding: 1rem; }

#s_blog article:hover a { transform: scale(.95); }



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


.m_neg { margin-bottom: calc(var(--c5v) * -1); }




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

.s1_title h1.p { font-size: 1.2rem; font-weight: 700; color: var(--white); text-transform: uppercase; margin-bottom: 1.5rem; }
.pretitle { text-transform: uppercase; font-weight: 700; }


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

.grid_assistenza { display: grid; grid-template-columns: 1fr; grid-gap: 2rem; }
.box_assistenza_i { padding: 2rem; box-shadow: 0 0 2rem rgb(var(--grey-rgb) / 20%); border-radius: 2rem; background-color: var(--white); }

.box_assistenza .box_assistenza_i > div { width: 100%; }
.box_assistenza h3 { color: var(--grey); font-size: 2rem; text-transform: uppercase; }
.box_assistenza p { color: var(--black); }
.box_assistenza img { height: 4rem; width: auto; margin-bottom: 1.5rem; }
.box_assistenza .pretitle { font-size: 1.25rem; margin-bottom: 1rem; }



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

#s2_contatti .text p { font-size: 1.25rem; font-weight: 500; }
#s2_contatti .text p a { display: inline-block; font-size: 100%; }
#s2_contatti .text p a:hover { color: var(--blue); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CORSI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s3_corsi { background: linear-gradient(to bottom, #f8f8f8, #fff); }

.info_corsi { padding: 1rem 0; }
.info_corsi:nth-of-type(2) { border-top: 1px solid rgb(var(--white-rgb) / 25%); border-bottom: 1px solid rgb(var(--white-rgb) / 25%); }


.card_corso { margin: 2rem 0; }
.anteprima_corso { cursor: pointer; box-shadow: 0 0 2rem rgb(var(--grey-rgb) / 20%); }
.desc_corso { padding: 1rem; border-top: 1px solid #ccc; }

.tip_corso { padding: 1rem; }
.tip_corso::after { content: ""; width: 1.8rem; height: 1.8rem; position: absolute; right: 1rem; top: 1rem; background: url(../images/svg/arrow_down.svg) no-repeat center; background-size: contain; }
.tip_corso p { font-size: 1.2rem; text-transform: uppercase; color: var(--blue); font-weight: 700; }

.args_corso { display: none; padding: 1rem; padding-top: 1.5rem; }
.args_corso li { list-style-position: outside; margin: .5rem 0; margin-left: 1.5rem; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PRODOTTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s1_prodotti .s1_title { margin-bottom: 4rem; }
#s1_prodotti .s1_title h1 { color: var(--grey); font-size: calc(var(--h1-size) * .8); }
#s1_prodotti .bkg_thumb > img { width: 95%; max-height: 70vh; object-fit: contain; margin: 0 auto; display: block; }



.pic_contain img { object-fit: contain; max-height: 50vh; }
.alpha-target { -webkit-mask-image: url(../images/svg/id.svg); margin: 0 auto; margin-top: 7%; -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100%; -webkit-mask-position: center; width: 60%; padding-bottom: 90%; }

#s2_banco .ratio-4-3 { border-radius: 2rem; }
.play_video { width: 6rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }





.grid_motivi { display: grid; grid-template-columns: 1fr; grid-gap: 2rem; }
.box_motivo { box-shadow: 0 0 2rem rgb(var(--grey-rgb) / 20%); text-align: center; border-radius: 2rem; }
.box_motivo div { padding: 1.5rem; }
.box_motivo p:first-of-type { font-size: 1.1rem; }

.box_motivo.last { background-color: var(--blue); }
.box_motivo.last h3 { color: var(--white); font-size: 2rem; margin-bottom: .5rem; }
.box_motivo.last p { color: var(--white); }




.filter_small { height: 7.5%; bottom: 0; top: unset; background-color: var(--white); }


/* Tabella comparativa */


.wrapper_tabella { overflow-y: clip; overflow-x: scroll; padding: 1rem; }
.wrapper_tabella::-webkit-scrollbar { height: 5px; background-color: #f0f0f0; }
.wrapper_tabella::-webkit-scrollbar-thumb { height: 5px; background-color: #0489C4; }

.wrapper_tabella .tabella { border-radius: 2rem; box-shadow: 0 0 1rem rgb(30 30 30 / 10%); overflow: clip; min-width: 65rem; }

.tabella_row { border-bottom: 1px solid #ccc; }
.tabella_row:last-of-type { border-bottom: 0; }
.tabella_row li { border-right: 1px solid #ccc; }
.tabella_row li:last-of-type { border-right: 0; }

.tabella_row li { list-style: none; padding: 1rem; }
.tabella_row li.flex { text-align: center; }
.tabella_row li .ico_check { display: block; width: 1.5rem; height: 1.5rem;background: url(../images/svg/ico_check.svg) no-repeat center; background-size: contain; }
.tabella_row li .ico_x { display: block; width: 1.5rem; height: 1.5rem; background: url(../images/svg/ico_x.svg) no-repeat center; background-size: contain; }

.head_tab li { padding: .75rem; writing-mode: tb; font-weight: 600; }
.head_tab .flex { background-color: #f0f0f0; }




#s5_banco .tabella_row { grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr; }
#s6_portatili .tabella_row { grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr; }
#s6_software .tabella_row { grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }

#s6_software .tabella_row li { font-size: 75%; line-height: 1.4; }

#s5_servizi .tabella_row { grid-template-columns: 1fr 1fr 1fr; }
#s5_servizi .head_tab li:nth-of-type(2) { background-color: #a5a5a5; }
#s5_servizi .head_tab li:nth-of-type(3) { background-color: #b99310; }





.elenco_prodotti_slider .box_prodotto_i h2 { font-size: 1.9rem; }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SERVER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.page_server .icon_device img { filter: brightness(0.5); }











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


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






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


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


/* var(--link_color) */


/* Section 1 */


/* Tag List */
.tag_list { gap: 1em; }
.tag_list li { list-style: none; }
.tag_list li a { 
	padding: 0.5em 1em; border: 1px solid var(--grey); border-radius: 5em;
	font-size: 95%; line-height: 1.25; font-weight: 500; color: var(--grey);
}


/* Section 2 */
#s2_blog .grid { grid-template-columns: 1fr; grid-gap: 2em; }
@media screen and (min-width: 680px) { #s2_blog .grid { grid-template-columns: 1fr 1fr; } }
@media screen and (min-width: 1281px) { #s2_blog .grid { grid-template-columns: 1fr 1fr 1fr; } }


/* Section 3 */





#s2_news { padding-top: calc( 90px + ( 140 - 90 ) * ( (100vw - 320px) / 1600 ) ); }
#s2_news .container { max-width: 1281px; }

#s2_news h1 {}
#s2_news .sottotitolo { margin-top: 1rem; font-size: 1.5rem; font-weight: 500; }



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

#s3_single_blog .card_blog .card_content { min-height: 15rem; }


/*∞∞∞∞∞∞ Section 1 ∞∞∞∞∞∞*/
#s1_single_blog :where(h1, p) { text-shadow: 0 0 .5em rgb(30 30 30 / 50%); }
#s1_single_blog .s1_title h1 { font-size: calc(var(--h1-size) * .625); }
#s1_single_blog .s1_title p { max-width: 75ch; margin: 1.5em auto 0 auto; font-size: 112.5%; font-weight: 500; }


/*∞∞∞∞∞∞ Section 2 ∞∞∞∞∞∞*/
#s2_single_blog .wrapper > div { max-width: calc(75ch + var(--c10o)); margin: var(--c10v) auto 0 auto; }
#s2_single_blog .wrapper > div:last-of-type { padding-bottom: var(--c10v); }
#s2_single_blog .text :where( h2, h3, h4, h5, h6, li, p ) { color: #707070; font-family: var(--blog-font); }
#s2_single_blog .text :where( h2, h3, h4, h5, h6 ) { font-weight: bolder; }
#s2_single_blog .text :where( h2, .h2 ) { font-size: 170%; }
#s2_single_blog .text :where( h3, .h3, h4, .h4 ) { font-size: 140%; margin-top: 1.5rem; }
#s2_single_blog .text :where( h5, .h5, h6, .h6 ) { font-size: 100%; font-weight: bolder; }
#s2_single_blog .text a:not(.link, .tag_list li a) { display: inline-block; font: inherit; color: var(--link_color); text-decoration: underline; }
#s2_single_blog .text li:not(.tag_list li) { margin: .25em 0; list-style-position: outside; margin-left: 1.5em; }
#s2_single_blog .text li:first-of-type { margin-top: 0; }
#s2_single_blog .text li:last-of-type { margin-bottom: 0; }
#s2_single_blog .text p { line-height: 1.6; }
#s2_single_blog :where(.single_data, .single_intro, .single_paragraph, .single_subtitle) { padding: 0 var(--c5o); }
#s2_single_blog .single_data { gap: .5em; }
#s2_single_blog .single_data p { margin-top: 0; font-size: 85%; line-height: 1.25; font-weight: 400; }
#s2_single_blog .single_data p span { font-size: 100%; font-style: italic; }

#s2_single_blog .text img, #s2_single_blog picture img { border-radius: 2rem; }


/* Intro */
#s2_single_blog .single_subtitle p { font-size: 1.75rem; line-height: 1.2; font-weight: 700; }
#s2_single_blog .single_intro p { font-size: 112.5%; font-weight: 500; }

/* Paragrafo */
#s2_single_blog .single_paragraph {}

/* Citazione */
#s2_single_blog .single_cit { padding: 0 calc(var(--c5o) + 1.5rem); }
#s2_single_blog .single_cit p.h3 { font-size: 140%; line-height: 1.5; font-style: italic; color: var(--black); }
#s2_single_blog .single_cit p.h3::before { 
	content: '"'; position: absolute; top: 0; left: 0; transform: translateX(calc(-100% - .5ch));
	font-size: 175%; line-height: 1; color: var(--black);
}
#s2_single_blog .single_cit p.h3 big { font-size: 175%; line-height: .5; vertical-align: text-bottom; }
#s2_single_blog .single_cit p.author { text-align: right; font-size: 85%; line-height: 1.25; font-style: italic; }

/* Immagine */
#s2_single_blog .single_img { max-width: calc(75ch + var(--c10o)); margin: var(--c10v) auto 0 auto; }

/* Galleria */
#s2_single_blog .single_gallery .swiper-slide {}
#s2_single_blog .single_gallery .swiper-slide .filter_black { opacity: 0; transition: .25s ease; }
#s2_single_blog .single_gallery .swiper-slide svg { width: 25%; max-width: 4em; filter: drop-shadow(0 0 .5em rgb(30 30 30 / 50%)); opacity: 0; transition: .25s ease; }
#s2_single_blog .single_gallery .swiper-slide svg .zoom_path { fill: var(--white); transition: .25s ease; }
#s2_single_blog .single_gallery .gallery_thumb { margin-top: 5px; }
#s2_single_blog .single_gallery .gallery_thumb button { display: block; transition: .25s ease; }

/* Video */
#s2_single_blog .single_video {}

/* Articolo Correlato */
#s2_single_blog .single_link { padding: 0 var(--c5o); }
#s2_single_blog .single_link.text a { 
	padding: 1.5em;
    background-color: var(--blue);
    box-shadow: 0 0 1.5em rgb(30 30 30 / 25%);
    border: 0 0 1px solid #ccc;
    border-radius: 0.5em;
    text-decoration: none !important;
}
#s2_single_blog .single_link a > h3 { color: var(--white); }
#s2_single_blog .single_link a > h3::after {
	content: ''; display: inline-block; position: relative;
	width: 1.25rem; height: 1.25rem; margin-left: 1em;
	vertical-align: text-bottom; background: url(../images/svg/ico_link.svg) no-repeat center / contain;
}
#s2_single_blog .single_link a > p { color: var(--white); }


#s3_single_blog .card_blog .card_content h2 { font-size: 1.225rem; }


/* Newsletter */
#s2_single_blog .single_form { padding: 0 var(--c5o); }
#s2_single_blog .single_form #form { padding: 1.5rem; border-radius: 1rem; overflow: hidden; }

#s2_single_blog .single_form h3 {
	color: var(--white);
	font-family: var(--title-font);
	font-size: 2rem;
}

#s2_single_blog #form .form-field input { background-color: transparent; border: 1px solid var(--white); border-radius: 4rem; padding: .75rem .75rem .75rem 1rem; line-height: 1.4; color: var(--white); height: auto; }
#s2_single_blog #form .form-field input::placeholder { color: var(--white); }

#s2_single_blog #form .wpforms-field-checkbox li { display: flex; align-items: center; justify-content: flex-start; }
#s2_single_blog #form .wpforms-field-checkbox label { color: var(--white); }
#s2_single_blog #form .wpforms-field-checkbox label a { display: inline-block; }
#s2_single_blog #form .wpforms-field-checkbox label a:hover { color: var(--blue); }

#s2_single_blog #form .wpforms-field-checkbox input[type=checkbox] { -webkit-appearance: none; background-color: transparent; border: 1px solid var(--white); width: 1.25em; height: 1.25em; border-radius: .25rem; }
#s2_single_blog #form .wpforms-field-checkbox input[type=checkbox]:checked { background: url(../images/svg/checked.svg) no-repeat center; background-color: var(--blue); background-size: 1em; }

#s2_single_blog #form .wpforms-submit { font-size: 1.25rem; color: var(--black); text-transform: uppercase; background-color: var(--white); border: 1px solid var(--white); border-radius: 4rem; padding: 0.75rem 1rem; width: 100%; }
#s2_single_blog #form .wpforms-submit:hover { background-color: rgb(var(--white-rgb) / 20%); color: var(--white); }

/*∞∞∞∞∞∞ Sidebar ∞∞∞∞∞∞*/
#sidebar_blog { 
	position: fixed; top: 0; left: 0;
	display: flex; align-items: flex-start; justify-content: space-between; width: 100%; transform: translateY(-100%); 
	padding: 1em; transition: .25s ease;
	overflow: visible; z-index: 2;
}
#sidebar_blog.active { transform: translateY(0); top: 4.5rem; }

/* Overlay */
#sidebar_blog .mobile_overlay {
	display: none;
	position: fixed; top: 0; left: 0;
	width: 100vw; height: 100vh;
	background-color: rgb(var(--black-rgb) / 75%);
	z-index: 1;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
	#sidebar_blog .mobile_overlay { 
		-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); 
	}
}
#sidebar_blog .mobile_overlay.active { display: block; }

/* Sidebar Index */
#sidebar_blog .index { 
	display: block; flex: 1 1 auto; position: relative;
	padding: 0; border-radius: .5em; 
	background-color: var(--white); box-shadow: 0 0 .25em rgb(var(--black-rgb) / 25%), 0 0 2em rgb(var(--black-rgb) / 25%);
	transition: .25s ease; z-index: 2; overflow: hidden;
}

/* Icons */
#sidebar_blog .index:before, #sidebar_blog .index:after {
	display: inline-block; content: ''; 
	position: absolute; top: 0;
	width: 40px; height: 50px;
	transition: .25s ease;
}
#sidebar_blog .index:before { left: 0; background: url(../images/svg/index_icon.svg) no-repeat center / 1em; }
#sidebar_blog .index:after { right: 0; background: url(../images/svg/index_arrow.svg) no-repeat calc(100% - .75em) center / 1em; }
#sidebar_blog .index.opened:after { transform: scale(1, -1); }

/* Buttons */
#sidebar_blog .index li { list-style: none; }
#sidebar_blog .index li button {
	width: 100%; height: 50px; padding:  0 40px;
	font-size: 100%; line-height: 1.25; font-weight: 400; color: #707070;
	text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
	cursor: pointer; transition: .25s ease; font-family: var(--main-font);
}
#sidebar_blog .index li button br { display: none !important; }
#sidebar_blog .index li.active button { color: #707070; font-weight: 700; }

/* Index Select */
#sidebar_blog .index_select { height: 50px; overflow: hidden; z-index: 1; }
#sidebar_blog .index_select:before, #sidebar_blog .index_select:after {
	display: block; content: ''; z-index: 1;
	position: absolute; left: 0; top: 0;
	width: 100%; height: .625em; background-color: var(--white);
}
#sidebar_blog .index_select:after { top: auto; bottom: 0; }
#sidebar_blog .index_select > ul { will-change: transform; transition: .125s linear .025s; }
#sidebar_blog .index_select li.active button { opacity: 1; }

/* Index List */
#sidebar_blog .index_list { display: none; z-index: 1; }
#sidebar_blog .index_list:before {
	display: inline-block; content: '';
	position: absolute; top: 0; left: 10px;
	width: calc(100% - 20px); height: 1px;
	background-color: #ccc;
}
#sidebar_blog .index.opened .index_list { padding: 15px 0; }
#sidebar_blog .index_list p { padding: 0.75em 1.5em; color: #707070; font-weight: 500; }

/* Trigger */
#sidebar_blog .index_trigger { position: absolute; top: 0; right: 0; width: 100%; height: 50px; z-index: 1; }
#sidebar_blog .index_trigger.hide { display: none; }

/* Sidebar Prev / Next */
#sidebar_blog .post_nav { display: none; }

/* Sidebar Newsletter */
#sidebar_blog #side_form { display: none; }

/* Sidebar Share */
#sidebar_blog #side_share { display: none; }

/* Related */
.sec_related .nav_btn { display: block; width: 2.5em; height: 2.5em; padding: .25em; }
.sec_related .nav_btn :where(img, svg) { width: 100% }
.sec_related .nev_prev {}
.sec_related .nav_next {}

.sec_related .nav_dots { gap: .5em; }
.sec_related .nav_dots span.swiper-pagination-bullet { width: 0.75em; height: 0.75em; border: 1px solid #707070; background: transparent; transition: .25s ease; }
.sec_related .nav_dots span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #707070; transform: scale(1.25); }








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

.s_form { background-color: #f6f6f6; }
.s_form h3 { color: var(--grey); }

#contact_form { margin: 0 auto; margin-top: 2rem; max-width: 35rem; width: 100%; background-color: var(--white); border-radius: 2rem; box-shadow: 0 0 1rem rgb(var(--grey-rgb) / 20%); padding: 1rem 5%; }
#contact_form .form-field input, #contact_form .form-field select,#contact_form .form-field textarea {
	background-color: transparent; border: 1px solid var(--grey);
	border-radius: 4rem; padding: .75rem .75rem .75rem 1rem; line-height: 1.4; color: var(--grey); height: auto; 
}
#contact_form .form-field textarea { border-radius: 1.5rem; }
#contact_form .form-field input::placeholder, #contact_form .form-field textarea::placeholder { color: var(--grey); }

#contact_form .wpforms-field-checkbox li { display: flex; align-items: center; justify-content: flex-start; }
#contact_form .wpforms-field-checkbox label a { display: inline-block; }
#contact_form .wpforms-field-checkbox label a:hover { color: var(--blue); }

#contact_form .wpforms-field-checkbox input[type=checkbox] { -webkit-appearance: none; background-color: transparent; border: 1px solid var(--grey); width: 1.25em; height: 1.25em; border-radius: .25rem; }
#contact_form .wpforms-field-checkbox input[type=checkbox]:checked { background: url(../images/svg/checked.svg) no-repeat center; border-color: var(--white); background-color: var(--blue); background-size: 1em; }

#contact_form .wpforms-submit {
	display: block; font-size: 1.25rem; color: var(--blue); text-transform: uppercase;
	background-color: transparent; border: 2px solid var(--blue); border-radius: 4rem; padding: 0.75rem 1rem; width: 80%; margin: 0 auto; 
}
#contact_form .wpforms-submit:hover { background-color: var(--blue); color: var(--white); }




#newsletter_form .wpforms-confirmation-container-full, #newsletter_form div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) { background-color: var(--blue); border: 0; }
#newsletter_form .wpforms-confirmation-container-full p:last-of-type, #newsletter_form div[submit-success]>.wpforms-confirmation-container-full p:last-of-type { font-size: .9rem; }




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


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

#s1_grazie { text-align: center; }
.back_wrapper { margin-top: 2.5%; }
.go_back {
	display: inline-block;
	padding: .75em 1.25em .75em 4.5em;
	border: 1px solid #1e1e1e; border-radius: .5em;
	background: url(../images/svg/back.svg) no-repeat 1.25em center; background-size: 2em;
	font-size: 1.25em; font-weight: bolder; color: #1e1e1e; letter-spacing: .1em; text-transform: uppercase;
}
.go_back:hover, .go_back:active, .go_back:focus { background-color: #888; color: #fff; }




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




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












/**
 * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
 *
 * RESPONSIVE
 *
 * Settare se necessario regole fluid per minmax di elemtni 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 { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 360px) / 1560 ) ); }
.back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 360px) / 1560 ) ); }





/**
 *
 *  █▄ ▄█  ▄▀▀▄  █▀▀▄  ▀  █     █▀▀
 *  █ █ █  █  █  █▀▀█  █  █  ▄  █▀▀
 *  ▀   ▀   ▀▀   ▀▀▀   ▀  ▀▀▀▀  ▀▀▀ - MOBILE PORT | 601 -> 767
 *
 * Stylesheet: 601px and Up Stylesheet
 * This stylesheet is loaded for larger devices. 
 * It's set to 601px because at 480px it would load on a landscaped iPhone.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

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




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

	#s2_single_blog .single_data { justify-content: space-between; }


}






/**
 *
 *  ▀▀█▀▀  ▄▀▀▄  █▀▀▄  █     █▀▀  ▀▀█▀▀
 *    █    █▀▀█  █▀▀█  █  ▄  █▀▀    █
 *    ▀    ▀  ▀  ▀▀▀   ▀▀▀▀  ▀▀▀    ▀   - TABLET |  768 x 1024  ->  1023 x 1280
 *
 * Stylesheet: Tablet & Big Tablet Stylesheet
 * Here's where you can start getting into the good stuff.
 * This size will work on iPads, other tablets, and desktops.
 * So you can start working with more styles, background images, and other resources. 
 * You'll also notice the grid starts to come into play.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

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

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.head_menu a { font-size: 3em; }

	.prodotti_menu .link_prodotto p { font-size: 2rem; padding: 0 3rem; }
	.link_prodotto:nth-of-type(2) p { padding-right: 6rem;}


	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/

		/* Sec 2 */
		.elenco_prodotti { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0.25rem; }
		/*.box_prodotto { padding: 0 !important; }*/

		.box_prodotto { padding: 0; }
		.box_prodotto:nth-of-type(2) { padding-top: 0.25rem; }
		.box_prodotto a { height: 100%; }

		
		/* News 
		#s_news .nav_btn { width: 3.25em; }
		#s_news .nav_prev { left: .5rem; }*/
		#s_news .nav_next { right: .5rem; }

		/*.news_card { display: flex; align-items: center; justify-content: flex-start; padding: 1rem 4rem; }
		.news_card .news_date { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 7rem; margin: 0; }
		.news_card .card_content { width: calc(100% - 7rem); padding-left: 1rem; }

		.news_card .news_date .date_m { font-size: 4rem; }
		.news_card .news_date .date_y { font-size: 1.3rem; }*/


		/* Sec 3 */
		#s3_home picture { margin-top: 4rem; }


		/* Sec blog */
		.swiper_dots { margin-top: 1rem; }



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



}



/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀▀█▀▀  ▄▀▀▄  █▀▀▄      ▄▀▀  █▄ ▄█  ▄▀▀▄  █    █ 
 *  █  █  █▀▀   ▀▄  █▀▄     █    █  █  █  █       ▀▄  █ █ █  █▀▀█  █ ▄  █ ▄ 
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀    ▀     ▀▀   █▀▀       ▀▀   ▀   ▀  ▀  ▀  ▀▀▀  ▀▀▀  - LAPTOP |  1024 x 768  ->  1280 x 720
 * 
 * Stylesheet: Small Desktop Stylsheet
 * This is the SWITCH breakpoints between vertical layout and horizontal layout 
 * due to the change in screen size orientations.
 * It's larger than an iPad so it will only be seen on the Desktop.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

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

	/* Standard rules */
	.tac.notac { text-align: left; }
	.pic_contain img { max-height: 100vh; }



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







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

		/* Contents */
		footer .container { padding: var(--c10v) var(--c5o); }
		.foot_block { padding: 0; border: unset; }

		.foot_top { padding-bottom: 7%; margin-bottom: 7%; border-bottom: 1px solid rgb(var(--white-rgb) / 50%); }
		.foot_logo { width: 35%; }

		.grid_footer { display: grid; grid-template-columns: 1fr 1fr 1fr; }
		.foot_1 { padding-right: 10%; }
		.foot_2 { padding: 0 5%; display: flex; align-items: flex-start; justify-content: center; border-left: 1px solid rgb(var(--white-rgb) / 50%); border-right: 1px solid rgb(var(--white-rgb) / 50%); }
		.foot_3 { padding-left: 10%; }



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

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






	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/

	.s1 .s1_title { width: 80%; margin: 0 auto; }
	
	.max_text_cent { width: 80%; margin-left: auto; margin-right: auto; }
	.max_text_cent p { max-width: 65ch; margin-left: auto; margin-right: auto; }


		/* Sec 2 */
		.box_prodotto:hover .box_prodotto_i { background-color: #b9b9b9; }

		.box_prodotto_i img { transform: translate(50%, 0%); }
		.box_prodotto:nth-of-type(6) img { transform: translate(0); }


		.box_prodotto:nth-of-type(2), .box_prodotto:nth-of-type(1) { padding-top: 0.5rem; }
		.box_prodotto_i .text { padding: 2rem; padding-bottom: 15rem; }
		.elenco_prodotti { grid-gap: 0.5rem; }




		/*.news_card .news_date { width: 9rem;  }
		.news_card .card_content { width: calc(100% - 9rem); padding-left: 2rem; }*/



		/* Sec 3 */
		#s3_home .text { width: 70%; margin: 0 auto; }


		/* Sec 4 */
		#s4_home, #s4_software { overflow: hidden; }
		.server_cloud { margin: 0 auto; margin-top: 4rem; width: 48rem; }
		
		.server_cloud picture { width: 20rem; margin-bottom: -30%; }
		.server_cloud .icon_device { position: absolute; }

		.icon_device:nth-of-type(1), .icon_device:nth-of-type(2) { left: 0; padding: 0; }
		.icon_device:nth-of-type(3), .icon_device:nth-of-type(4) { right: 0; padding: 0; }

		.icon_device:nth-of-type(1), .icon_device:nth-of-type(3) { top: 0; }
		.icon_device:nth-of-type(2), .icon_device:nth-of-type(4) { bottom: 0; }

		.icon_device .device { width: 9rem; height: 9rem; }
		.icon_device .cyan_line { height: 1px; width: 5rem; right: 0; left: unset; top: 50%; transform: translate(100%, -50%); }
		.icon_device:nth-of-type(3) .cyan_line, .icon_device:nth-of-type(4) .cyan_line { top: 50%; left: 0; right: unset; transform: translate(-100%, -50%); }

		.icon_device::after { left: unset; right: 0; transform: translate(5rem, 50%); top: 50%; bottom: unset; }
		.icon_device:nth-of-type(3)::after, .icon_device:nth-of-type(4)::after { top: 50%; left: 0; transform: translate(-5rem, 50%); }



		/* Sec 5 */
		#s5_home { overflow: hidden; }
		/*#s5_home picture { transform: translateX(25%); }*/


		/* Sec 6 */
		#s6_home .filter { height: 100%; }
		/*#s6_home picture { transform: translateX(-25%); }*/


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

		/* Server software */
		.page_server.server_cloud { width: 40rem; }
		.page_server.server_cloud picture { width: 12rem; margin-bottom: 0; }


		#s3_serv_software .m7b, #s4_serv_software .m7b { margin-bottom: 0; }





		/* Azienda */
		#s4_azienda .text { width: 80%; margin: 0 auto; }
		#s4_azienda .text p { max-width: 75ch; margin-left: auto; margin-right: auto; }

		/* Corsi */
		.anteprima_corso { display: flex; align-items: center; justify-content: flex-start; }
		.tip_corso { width: 11rem; }
		.tip_corso::after { top: 50%; transform: translateY(-50%); }
		.desc_corso { width: calc(100% - 13rem); border: 0; border-left: 1px solid #ccc; }


		.args_corso { column-count: 2; column-gap: 5%; }

		.grid_info_corso { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0; }
		.info_corsi { padding: 0 2rem; }
		.info_corsi:nth-of-type(2) {
			border: 0; padding: 0 2.5rem;
		    border-right: 1px solid rgb(var(--white-rgb) / 25%);
		    border-left: 1px solid rgb(var(--white-rgb) / 25%);
		}

		/* Servizi */
		.grid_assistenza { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 2rem; }
		.box_assistenza_i { height: 100%; justify-content: space-between; }


		.grid_assistenza.grid_big { grid-template-columns: 1fr 1fr 1fr 1fr; }


		/* Software */
		/*#s3_software .pic_contain { transform: translateX(-25%); }*/

		#s5_software { overflow: hidden; }
		/*#s5_software .pic_contain { transform: translateX(25%); }*/


		/* app */
		/*#s3_app .pic_contain { transform: translateX(-25%); }*/

		.grid_motivi { grid-template-columns: 1fr 1fr 1fr; }


		/* Spettrofotometri - genitore */
		/*#s4_prodotti .pic_contain { transform: translateX(-20%); }*/

		/* Spettrofotometri - portatili */
		#s4_portatili .pic_contain img, #s5_portatili .pic_contain img { max-height: 70vh; }




		/* Tabella */
		.sec_tabella .container { padding-right: var(--c5o); }
		.wrapper_tabella { overflow: clip; }
		.head_tab li { writing-mode: initial; padding: 1.5rem; }


		#s6_software.sec_tabella .container { padding-right: 0; }
		#s6_software .wrapper_tabella { overflow-y: clip; overflow-x: scroll; }




	/*∞∞∞∞∞∞ BLOG ∞∞∞∞∞∞*/
	.grid_archive { grid-template-columns: 1fr 1fr; position: relative; }
	.grid_archive .card_blog a { min-height: 15rem; }
	.grid_archive .card_blog .card_content { padding: 2rem; }
	.grid_archive .card_blog .card_content h2 { font-size: 2rem; }


	
	.card_blog a { overflow: hidden; }
	.card_blog .bkg_abs { transition: .2s ease; }
	.card_blog a:hover .bkg_abs img { transform: scale(1.2) rotate(2deg); }

	.card_blog a, .card_blog .card_content { height: 100%; }
	.card_blog button { margin-top: 0; }




	/*∞∞∞∞∞∞ BLOG ∞∞∞∞∞∞*/
	#s2_single_blog .single_gallery .swiper-slide:hover .filter_black { opacity: .75; }
	#s2_single_blog .single_gallery .swiper-slide:hover svg { opacity: 1; }

	.swiper .card_blog button { margin-top: 1rem; }

}



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

	.hamburger_btn { display: none; }
		.head_menu .prodotti_button a::after { display: none; }
		.prodotti_menu { position: relative; transform: translateX(0); height: 100vh; width: 40%; }
		.prodotti_menu .link_prodotto p { font-size: 1.6rem; padding: 0 2rem; }
		.link_prodotto:nth-of-type(2) p { padding-right: 2rem; }
		.prodotti_menu .link_prodotto img { width: 40%; }


		.main_menu { width: 60%; padding-left: 4rem; }
		.head_menu a { font-size: 2.5em; padding: 0.2em 0; }
		.cont_menu { padding-left: 4rem; transform: translateY(200%); }
	


	.menu_ex { display: flex; align-items: center; justify-content: flex-end; }
	.menu_ex li { list-style: none; }
	.menu_ex a { color: var(--white); font-weight: 300; font-size: 1.2em; margin: 0 0.25em; padding: 0 0.25em; }
	.menu_ex a:hover { color: var(--blue); }

	.fixed .menu_ex a { font-size: 1em; }




	.no_desk { display: none; }
	.no_mob { display: block; }

	.head_wrapper { justify-content: space-between; align-items: center; }
	.head_wrapper .flex-el { flex: auto; justify-content: center; }

}





/**
 *
 *  █     ▄▀▀▄  █▀▀▄  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  ▄  █▀▀█  █  █   █   █  █  █  █
 *  ▀▀▀▀  ▀  ▀  █▀▀    ▀    ▀▀   █▀▀  - LAPTOP |  1281 x 720  ->  1366 x 768
 *
 * Stylesheet: Super Large Monitor Stylesheet
 * You can add some advanced styles here if you like. 
 * This kicks in on larger screens.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

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


	.pic_contain { margin: 0; }


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.prodotti_menu { overflow: hidden; }
	.prodotti_menu .link_prodotto { overflow: visible; }
	.prodotti_menu .link_prodotto p { font-size: 1.8rem; }
	.prodotti_menu .link_prodotto img { width: 60%; max-height: 95%; }

	.link_prodotto:nth-of-type(2) img { top: unset; bottom: 0; transform: translate(-20%, 0%); }
	.link_prodotto:nth-of-type(3) img { top: unset; bottom: 0; transform: translate(15%, 0%); }

	.link_prodotto:nth-of-type(2):hover img { transform: translate(-15%, 0); }
	.link_prodotto:nth-of-type(3):hover img { transform: translate(10%, 0); }

	
	.main_menu { margin-bottom: 2rem; padding-left: 5rem; }
	.head_menu a { font-size: 2.8em; }

	.cont_menu { padding-left: 5.2rem; }






	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/

	.server_cloud { margin-top: 5rem; }


		/* Sec 2 */
		.elenco_prodotti { grid-template-columns: 1fr 1fr 1fr; }
		.box_prodotto:nth-of-type(3) { padding-top: 0.5rem; }


		/* Sec 6 */
		#s6_home picture { position: absolute; left: 0; top: -5%; width: 45%; /*transform: translate(-5%,-15%);*/ }


		/* Sec 7 */
		#s7_home .container { padding-top: var(--c20v); padding-bottom: var(--c20v); }




		/* Sec blog */
		#s_blog .container { padding-top: 0; padding-bottom: 0; padding-right: var(--c2v); z-index: 1; }
		#s_blog .swiper-blog { padding: 0; overflow: visible; }
		#s_blog .swiper-wrapper { transform: unset;/* align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;*/ display: grid; grid-template-columns: 1fr 1fr; }
		#s_blog article { width: 100%; padding: .5rem; }

		#s_blog article:nth-of-type(1), #s_blog article:nth-of-type(3) { transform: translateY(-3rem); }

		.card .card_content { flex: 1 1 auto; display: flex; align-items: center; justify-content: space-between; flex-direction: column; }
		.card .card_content h2 { font-size: 1.2rem; }
		.card .card_content p { font-size: .8rem; }
		.card .card_content .btn { padding: .5em 1.75em; font-size: .9rem; }




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

	#s5_software, #s4_app, #s4_prodotti, #s5_portatili { padding-bottom: 5%; }



	#contact_form .wpforms-field { padding: 12px 0; width: 100%; }
	#contact_form .wpforms-field-container { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
	#contact_form .wpforms-field-textarea { width: 100%; }
	#contact_form .half_form { width: 50%; }
	#contact_form .half_form:nth-of-type(even) { width: 48%; margin-left: 2%; }



		/* Servizi */
		#s4_servizi .container { padding-top: var(--c20v); padding-bottom: var(--c20v); }


		/* Software */
		#s3_software .container { padding-bottom: 0; }
		/*#s3_software .pic_contain { width: 120%; }*/

		/*#s5_software .pic_contain { transform: translateX(5%); width: 120%; }*/



		/* App */
		#s3_app { margin-top: 5%; }
		#s3_app .filter_gradient { height: 95%; top: 5%; }

		#s3_app .container { padding-top: 0; }
		/*#s3_app .pic_contain { width: 110%; }*/


		.box_motivo { min-height: 12rem; }



		/* Spettrofotometri - genitore */
		#s4_prodotti .container { padding-top: var(--c15v); padding-bottom: var(--c20v); }
		/*#s4_prodotti .pic_contain { position: absolute; left: 0; top: 0; transform: translate(-10%, -5%); width: 50%; }*/




	/*∞∞∞∞∞∞ ARCHIVE NEWS ∞∞∞∞∞∞*/
	.grid_news { grid-template-columns: 1fr 1fr 1fr; }







	/*∞∞∞∞∞∞ SINGLE BLOG ∞∞∞∞∞∞*/
	
	#s2_single_blog .container { padding: 0 var(--c2o); }
	#s2_single_blog .wrapper { padding-right: var(--c2o); }

	.single_share, .single_form { display: none; }

	/* Sidebar */
	#sidebar_blog { position: sticky; top: 5.5em; left: auto; width: 25%; margin-top: var(--c5v); padding: 1em 0; flex-wrap: wrap; transform: none; }
	
	/* Sidebar Index */
	#sidebar_blog .index { box-shadow: unset; background-color: #FAFAFA; }
	#sidebar_blog .index:before, #sidebar_blog .index:after, #sidebar_blog .index_select { display: none; }
	#sidebar_blog .index_list { display: block; padding: 0.5em 0; }
	#sidebar_blog .index_list:before { display:none; }
	#sidebar_blog .index li button { height: auto; padding: 1em 1.5em; border-bottom: 1px solid #f0f0f0; }
	#sidebar_blog .index li:last-of-type button { border-bottom: 0; }
	
	/* Sidebar Prev / Next */
	#sidebar_blog .post_nav {
		display: block; margin-top: 2em;
		border-radius: 1rem; overflow: hidden; overflow: hidden;
		background: linear-gradient(200deg, #5C8AEA, #6BC9DB);
	}
	#sidebar_blog .post_nav h2 { font-size: 1.5rem; }
	#sidebar_blog .post_nav .text { bottom: 0; left: 0; padding: 1em; }
	#sidebar_blog .post_nav .text p { font-weight: 700; color: var(--white); }
	#sidebar_blog .post_nav button:hover { background-color: transparent; }

	/* Sidebar Newsletter */
	#sidebar_blog #side_form { display: block; margin-top: 2em; }

	#side_form { padding: 1.5rem; border-radius: 1rem; overflow: hidden; }
	#side_form p { color: var(--white); font-family: var(--title-font); font-size: 2rem; font-weight: 700; line-height: 1.1; }

	#side_form .form-field input { background-color: transparent; border: 1px solid var(--white); border-radius: 4rem; padding: .75rem .75rem .75rem 1rem; line-height: 1.4; color: var(--white); height: auto; }
	#side_form .form-field input::placeholder { color: var(--white); }

	#side_form .wpforms-field-checkbox li { display: flex; align-items: center; justify-content: flex-start; }
	#side_form .wpforms-field-checkbox label { color: var(--white); }
	#side_form .wpforms-field-checkbox label a { display: inline-block; }
	#side_form .wpforms-field-checkbox label a:hover { color: var(--blue); }

	#side_form .wpforms-field-checkbox input[type=checkbox] { -webkit-appearance: none; background-color: transparent; border: 1px solid var(--white); width: 1.25em; height: 1.25em; border-radius: .25rem; }
	#side_form .wpforms-field-checkbox input[type=checkbox]:checked { background: url(../images/svg/checked.svg) no-repeat center; background-color: var(--blue); background-size: 1em; }

	#side_form .wpforms-submit { font-size: 1.25rem; color: var(--black); text-transform: uppercase; background-color: var(--white); border: 1px solid var(--white); border-radius: 4rem; padding: 0.75rem 1rem; width: 100%; }
	#side_form .wpforms-submit:hover { background-color: rgb(var(--white-rgb) / 20%); color: var(--white); }



	
	/* Sidebar Share */
	#sidebar_blog #side_share { display: flex; margin-top: 1em; }











}






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

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

	
	.menu_ex a { font-size: 1.2em; }
	.fixed .menu_ex a { font-size: 1em; }


	.main_menu { padding-left: 6rem; }
	.cont_menu { padding-left: 6.45rem; }

	.prodotti_menu .link_prodotto p { font-size: 2rem; }
	.prodotti_menu .link_prodotto p { padding: 2.5rem !important; }


	.card .card_content h2 { font-size: 1.4rem; }


	
	.server_cloud { width: 53rem; }
	.server_cloud picture { width: 25rem; margin-bottom: -50%; }
	.icon_device:nth-of-type(2), .icon_device:nth-of-type(4) { bottom: -10%; }



	/*#s6_home picture { transform: translate(-15%,-10%); }*/




	.max_text_cent { width: 75%; }
	.max_text_cent p { max-width: 70ch; }





	/*∞∞∞∞∞∞ ARCHIVE NEWS ∞∞∞∞∞∞*/
	.grid_news { grid-template-columns: 1fr 1fr 1fr 1fr; }





	.page_server.server_cloud { width: 43rem; }
	.page_server.server_cloud picture { width: 15rem; }

	.page_server.server_cloud .icon_device:nth-of-type(2), 
	.page_server.server_cloud .icon_device:nth-of-type(4) { bottom: 20%; }



		/* Tabella */
		#s6_software.sec_tabella .container { padding-right: var(--c5o); }
		#s6_software .wrapper_tabella { overflow: clip; }

}






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

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


	.main_menu { padding-left: 7rem; }
	.cont_menu { padding-left: 7.45rem; }

	.menu_ex a { margin: 0 0.5em; padding: 0 0.5em; }



	.server_cloud { width: 56rem; }
	.server_cloud picture { width: 28rem; margin-bottom: -55%; }


}






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

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






/**
 *
 *  █▀▀▄  █▀▀  ▀▀█▀▀  ▀  █▄ █  ▄▀▀▄
 *  █▐█▀  █▀▀    █    █  █ ▀█  █▀▀█
 *  ▀ ▀▀  ▀▀▀    ▀    ▀  ▀  ▀  ▀  ▀ - RETINA (2x RESOLUTION DEVICES)
 *
 * This applies to the retina iPhone (4s) and iPad (2,3) along with other displays with a 2x resolution. 
 * You can also create a media query for retina AND a certain size if you want. 
 * Go Nuts.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

}






/**
 *
 *  █▀▀▄  █▀▀  ▐▌ ▐▌  ▀  ▄▀▀  █▀▀  ▄▀▀
 *  █  █  █▀▀   ▀▄▀   █  █    █▀▀   ▀▄
 *  ▀▀▀   ▀▀▀    ▀    ▀   ▀▀  ▀▀▀  ▀▀  - SPECIFIC DEVICES
 * __________________________________________________________________________________________________________________________________________________________________________
 */


/* If is Device */
@media screen and (max-device-width: 1280px){}
@media screen and (max-device-width: 768px){}
@media screen and (max-device-width: 480px){}