/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Il nostro sito "

BASE (MOBILE) SIZE


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




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

.color_orange { color: var(--orange); }
.pretitle { text-transform: uppercase; font-size: 1rem; letter-spacing: 2px; font-family: var(--title-font); margin-bottom: 1em; }

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



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


.header { z-index: 4; background-color: var(--head-bkg-color); box-shadow: 0 0 .75rem rgb(var(--black-rgb) / 10%); position: fixed; }
.head_wrapper { z-index: 2; }
.head_wrapper .flex-el { padding: .25em 1em; }



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

.head_logo { 
	display: inline-block; 
	/*--head-logo-width: 150px;
	--head-logo-min: 150;
	--head-logo-max: 250;
	max-width: 250px;*/

    position: absolute;
    left: 0; top: 0;
    height: 4rem;
    max-height: 100%; height: 100%;
    z-index: 1;
}
.head_logo img, .foot_logo img, .head_logo svg, .foot_logo svg { width: 100%; height: 100%; object-fit: contain; object-position: left; }




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

.link_head { display: none; }



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

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

/* Tapped / Clicked animation */
/*
 * Copiare l'animazione scelta dal file hamburger.css
 * oppure utilizare quella base qui sotto
 */
#hamburger.tapped span { background-color: var(--white); transition: .25s ease; }
#hamburger.tapped .burger { opacity: 0; }
#hamburger.tapped .top_bun { top: 50%; transform: translate(-50%,-50%) rotate(45deg); }
#hamburger.tapped .bottom_bun { top: 50%; transform: translate(-50%,-50%) rotate(-45deg); }




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

.main_nav { 
	display: none; 
	position: absolute; top: 0; left: 0;
	z-index: 1;
}
.menu_wrapper { top: 0; left: 0; background: linear-gradient(45deg, var(--purple), var(--orange)); }
.menu_right { display: none; }
.head_menu { text-align: center; }

.head_menu li.current-menu-item a { opacity: .5; }
.head_menu a { display: inline-block; font-size: 2.125em; font-family: var(--title-font); font-weight: 500; color: var(--white); line-height: 1; padding: .2em; }
.head_menu li:not(.menu-item-16320):hover > a, .head_menu li:not(.menu-item-16320):active > a, .head_menu li:not(.menu-item-16320):focus > a { transform: scale(1.1); }

.head_menu li.menu-item-object-custom .sub-menu { display: flex; align-items: center; justify-content: center; gap: 1rem; margin: 0; margin-bottom: .5rem; }
.head_menu li.menu-item-object-custom .sub-menu a { font-size: 1.25em; }


.social_menu { border-top: 1px solid var(--white); margin-top: 1.5rem; padding-top: 2rem; gap: 1rem; }
.social_menu a { width: 2.75rem; height: 2.75rem; border: 1px solid var(--white); border-radius: 50%; padding: 0.6rem; display: flex; align-items: center; justify-content: center; }
.social_menu svg { display: inline-block; width: 100%; height: 100%; object-fit: contain; }
.social_menu svg .st0 { fill: var(--white); transition: .2s ease; }

.social_menu a:hover { background-color: var(--white); }
.social_menu a:hover svg .st0 { fill: var(--black); }


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








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


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

.btn {
	display: inline-block; position: relative;
	font: inherit; color: inherit;
	padding: .75em 1.5em;
	border: 2px solid var(--orange); border-radius: 5rem;
	background-color: var(--orange); color: var(--white); font-size: var(--rem); font-weight: 600;
}
.btn:hover, .btn:focus { background-color: var(--white); color: var(--orange); }
.btn:active { transform: translateY(1px); }

.btn_white { background-color: transparent; border-color: var(--white); color: var(--white); }
.btn_white:hover, .btn_white:focus { background-color: var(--orange); color: var(--white); }

.btn_border { background-color: transparent; color: var(--orange); }
.btn_border:hover, .btn_border:focus { background-color: var(--orange); color: var(--white); }




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

.link {
    display: inline-block; position: relative;
    font: inherit; color: inherit;
    padding: .75em 1.5em;
    border: 2px solid var(--orange); border-radius: 5rem;
    background-color: var(--orange); color: var(--white); font-size: var(--rem); font-weight: 600;
}
.link:hover, .link:focus { background-color: var(--white); color: var(--orange); }
.link:active { transform: translateY(1px); }

.link_white { background-color: transparent; border-color: var(--white); color: var(--white); }
.link_white:hover, .link_white:focus { background-color: var(--orange); color: var(--white); }

.link_border { background-color: transparent; color: var(--orange); }
.link_border:hover, .link_border:focus { background-color: var(--orange); color: var(--white); }






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

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




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

.text {}
.text {}




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

.breadcrumb { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .5em; }
.breadcrumb, .breadcrumb a, .breadcrumb span { color: var(--white); }




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

.scroll {
	display: inline-block;
	position: absolute; left: 50%; bottom: 0; 
	--scroll-px: 40px;
	--scroll-min: 40;
	--scroll-max: 60;
	max-width: 60px;
	transform: translateX(-50%);
	cursor: pointer; z-index: 1;
}
.scroll 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:hover svg, .scroll:focus svg, .scroll:active svg { animation-play-state: paused; }
.scroll svg .scroll-path { fill: var(--black); }




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




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

.card a { overflow: hidden; aspect-ratio: 1 / 1; height: 100%; }
.card .card_filter { opacity: 0; background: linear-gradient(to bottom, rgba(231,78,15,0.5) 0%,rgba(231,78,15,.85) 100%); transition: .2s ease; }
.card .sized { filter: brightness(.75); transition: .2s ease; }
.card .sized img { width: 100%; }

.card .card_content { padding: 1.5rem; }
.card .card_content h2 { color: var(--white); font-size: 2.5rem; text-shadow: 0 0 .75rem rgb(30 30 30 / 75%); word-break: break-word; }

.card a:hover .card_filter { opacity: 1; }
.card a:hover .sized { filter: brightness(1); transform: scale(1.1); }

.tag_list { margin-top: 1rem; gap: .5rem; }
.tag_list li {
    padding: 0.25rem 0.75rem;
    background-color: transparent;
    border: 1px solid var(--white);
    border-radius: 3rem;
    font-size: .85rem;
    color: var(--white);
    font-family: var(--title-font);
    font-weight: 500;
}

.card_video svg { position: absolute; top: 1.5rem; right: 1.5rem; width: 4rem; z-index: 1; }
.card_video path { fill: var(--white); }





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

.card_blog a { border-radius: 1rem; box-shadow: 0 0 .75rem rgb(30 30 30 / 20%); }
.card_blog .sized { border-radius: 1rem; background-color: #f0f0f0; aspect-ratio: 4 / 2.5; }

.card_blog .sized mark {
    position: absolute; top: 1rem; left: 1rem; padding: 0.25rem 0.75rem; background-color: var(--orange); border-radius: 3rem;
    font-size: .85rem; color: var(--white); font-family: var(--title-font); font-weight: 500; text-transform: uppercase;
}

.card_blog .card_content mark {
    display: inline-block; position: relative; padding: 0.25rem 0.75rem; background-color: var(--orange); border-radius: 3rem; margin-bottom: 1rem;
    font-size: .85rem; color: var(--white); font-family: var(--title-font); font-weight: 500; text-transform: uppercase;
}

.card_blog .card_content { padding: 1.5rem; }
.card_blog .card_content p { text-transform: uppercase; font-weight: 500; font-family: var(--title-font); margin-bottom: 1rem; }
.card_blog .card_content h2 { font-size: 1.5rem; line-height: 1.1; margin-bottom: 1rem; }




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

.card_servizio .sized { filter: brightness(1); }
.card_servizio .card_filter { opacity: 1; background: linear-gradient(to bottom, rgba(231,78,15,0.7) 0%,rgba(231,78,15,1) 100%); }
.card_servizio .icona_servizio { width: 3.5rem; margin-bottom: 1.5rem; filter: drop-shadow(0 0 .5rem rgb(30 30 30 / 50%)); }
.card_servizio .excerpt { margin-top: 1.5rem; color: var(--white); }
.card_servizio .excerpt p { color: var(--white); }

.card_servizio a:hover .sized { filter: brightness(.75); }





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




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

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




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








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


footer { box-shadow: 0 0 1rem rgb(30 30 30 / 20%); }
.bkg_orange { background-color: var(--orange); background: linear-gradient(150deg,  rgb(232 123 48) 0%,rgb(193 48 133) 100%); }


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

.foot_logo { display: block; width: 45%; margin: 0 auto; }





.foot_block { padding: 1.5rem 0; }
.foot_block h4 { text-transform: uppercase; font-weight: 500; font-size: 1.5rem; margin-bottom: 1.25rem; }
.foot_block p { margin-bottom: .25rem; }
.foot_block p a { display: inline-block; }
.foot_block p a:hover { opacity: .75; color: var(--black); }

.social_foot { padding-bottom: 3rem; }
.social_foot a { margin-right: 1.25rem; width: 2.75rem; height: 2.75rem; border: 1px solid var(--white); border-radius: 50%; padding: 0.6rem; display: flex; align-items: center; justify-content: center; }
.social_foot svg { display: inline-block; width: 100%; height: 100%; object-fit: contain; }
.social_foot svg .st0 { fill: var(--white); transition: .2s ease; }

.social_foot a:hover { background-color: var(--white); }
.social_foot a:hover svg .st0 { fill: var(--black); }


#foot_privacy { font-size: .75rem; margin-top: 1.5rem; }
#foot_privacy a { font-size: 100%; }







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

.credits {
	font-size: .825em; line-height: 1.5;
	margin: 0 auto; text-align: center;
	opacity: .75; z-index: 1;
}
.credits .resp_sep { display: none; }
.credits a { display: inline-block; color: inherit; font-size: 1em; }
.credits a:active, .credits a:focus { opacity: 1; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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_title { text-align: center; }
.s1_title h1, .s1_title p { color: var(--white); }

.s1_title .alt_title h1:not(.title) { text-transform: uppercase; font-size: 1.25rem; color: var(--white); font-weight: 400; letter-spacing: 2px; margin-bottom: 1em; }
.double_btn { margin-top: 2rem; gap: 1rem; }
/*.double_btn button:nth-of-type(2) { margin-left: .5rem; margin-right: .5rem; }
.double_btn a:nth-of-type(2) { margin-left: .5rem; margin-right: .5rem; }*/



.social_home { display: none; }




.sec_trigger_custom h1, .sec_trigger_custom p.h1, .sec_trigger_custom p.pretitle, .sec_trigger_custom h1.title, .sec_trigger_custom .double_btn { transform: translateY(50%); opacity: 0; transition: .45s ease; }
.sec_trigger_custom.active h1, .sec_trigger_custom.active p.h1, .sec_trigger_custom.active p.pretitle, .sec_trigger_custom.active h1.title, .sec_trigger_custom.active .double_btn { transform: translateY(0); opacity: 1; }

.sec_trigger_custom.active h1:not(.title), .sec_trigger_custom.active p.pretitle { transition-delay: .3s; }
.sec_trigger_custom.active p.h1, .sec_trigger_custom.active h1.title { transition-delay: .1s; }
.sec_trigger_custom.active .double_btn { transition-delay: .2s; }


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


#s2_home .text h2 + p { display: block; margin-bottom: 1.5rem; font-size: 125%; }




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

#s3_home > .filter { background-color: var(--ottain); }
#s3_home .sized { opacity: .2; }


.box_servizi { position: relative; margin-top: 2rem; }
.box_servizi .excerpt { display: none; }

.box_servizi .card a, .box_servizi .card .filter, .box_servizi .card .sized { border-radius: 1rem; transform: scale(1) !important; }
.box_servizi .card a:hover { transform: scale(.95) !important; }

.box_servizi .card { width: calc(50% - .5rem); height: auto; margin-bottom: 1rem; }
.box_servizi .card a { aspect-ratio: initial; min-height: 14rem; }
.box_servizi .card .card_content { padding: 1rem; }
.box_servizi .card a h2 { font-size: 1.5rem; }


.box_servizi .card:nth-of-type(2) { position: absolute; top: 0; right: 0; }
.box_servizi .card:nth-of-type(4) { position: absolute; bottom: 0; right: 0; }





.box_servizi .card:nth-of-type(1), .box_servizi .card:nth-of-type(4) {  }
.box_servizi .card:nth-of-type(2), .box_servizi .card:nth-of-type(3) {  }





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

#s4_home p { font-size: 1.5rem; margin-top: 1rem; }





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

.logo_cliente { width: 33%; height: 7rem; filter: grayscale(1); opacity: .75; }
.logo_cliente img { width: 100%; height: 100%; object-fit: contain; padding: 1rem; }
.logo_cliente:hover { filter: grayscale(0); opacity: 1; transform: scale(1.1); }



#s5_home .logo { width: 10em; height: 4em; min-width: 10em; filter: grayscale(100%) opacity(65%); mix-blend-mode: luminosity; transition: .25s ease-out; }
#s5_home .logo img { object-fit: contain; }



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

.swiper-blog .card_blog { padding: 1rem 3rem; }
.swiper-blog .card_blog .card_content { min-height: 16rem; }

.swiper_dots { margin-top: 1rem; }
.swiper_dots .swiper-pagination-bullet { display: block; width: 12px; height: 12px; background-color: #ccc; opacity: 1; }
.swiper_dots .swiper-pagination-bullet-active { background-color: var(--orange); }



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

#s7_home { overflow: hidden; }

.shade_bkg_color { background: linear-gradient(to bottom, rgb(232 123 48) 0%, rgb(193 48 133) 100%); /*background: linear-gradient(to bottom, rgb(var(--orange-rgb)) 0%, rgb(var(--ottain-rgb)) );*/ }

.svg_shape_a { width: 20%; top: 15%; left: 35%; opacity: .25; mix-blend-mode: color-burn; }
.svg_shape_b { width: 20%; right: 5%; bottom: 22.5%; opacity: .25; mix-blend-mode: color-burn; }
.svg_shape_c { width: 3%; right: 6%; bottom: 40%; }
.svg_shape_d { width: 45%; top: -35%; left: -15%; opacity: .5; mix-blend-mode: color-burn; }
.svg_shape_e { width: 40%; top: -12%; right: -14.5%; opacity: .5; mix-blend-mode: color-burn; }
.svg_shape_f { width: 120%; bottom: -22.5%; left: -15%; opacity: .5; mix-blend-mode: color-burn; }
.svg_shape_g { width: 15%; bottom: 35%; left: 7.5%; opacity: .6; }
.svg_shape_h { width: 5%; bottom: 20%; left: 20%; }
.svg_shape_i { width: 7.5%; top: 12%; right: 6.5%; }
.svg_shape_j { width: 12.5%; right: 6%; bottom: 20%; }



.numero { width: calc(50% - 2rem); aspect-ratio: 1 / 1; border: 2px solid var(--white); border-radius: 50%; margin: 1rem; padding: 2%; text-align: center; }
.numero .num { font-size: 2.3em; font-weight: 600; font-family: var(--title-font); line-height: 1.3; white-space: nowrap; }
.numero .desc { line-height: 1.3; text-transform: uppercase; }






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


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

#s2_chi_siamo .text > h2 + p,
#s3_chi_siamo .text > h2 + p { font-size: 1.25rem; font-weight: 450; }

#s3_chi_siamo .text { background: linear-gradient(to top, rgb(var(--purple-rgb) / 90%), rgb(var(--orange-rgb) / 90%)); padding: 1.5rem; box-shadow: 0 0 1rem rgb(30 30 30 / 20%); }


.elenco_team { margin-top: 2rem; }
/*
.scheda_team { padding: 1rem; }
.scheda_team_i { padding: 1rem; box-shadow: 0 0 .2rem rgb(30 30 30 / 20%); }
.scheda_team_i picture { box-shadow: 0 0 0.25rem rgb(30 30 30 / 20%); }

.scheda_team .card_content { padding: 1.5rem 0; text-align: center; }
.scheda_team .card_content :where(h3, p) { font-family: 'Nanum Pen Script', sans-serif; text-transform: uppercase; }
.scheda_team .card_content h3 { font-size: 4rem; }
.scheda_team .card_content p { font-size: 1.25rem; line-height: 1.1; }
*/

.scheda_team { border-radius: 1.25rem; overflow: hidden; }
.scheda_team picture { aspect-ratio: 4 / 5; }

.scheda_team .card_content {
	block; position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%);
	width: max-content; max-width: 95%; background-color: var(--white); padding: 7px; padding-right: 10px; border-radius: 5rem;
}
.scheda_team .card_content p { font-size: 14px; gap: .5rem; line-height:  1.1; }
.scheda_team .card_content p .name { display: block; min-width: max-content; padding: 7px 10px; background-color: var(--orange); color: var(--white); border-radius: 5rem; }



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

#s1_contatti { padding-top: calc( 50px + ( 120 - 50 ) * ( (100vw - 320px) / 1600 ) ); }
#s1_contatti h1 { font-size: calc(var(--h2-size) * 0.9); }
#s1_contatti h2 { font-size: calc(var(--h2-size) * 0.9); color: var(--orange); margin-top: .75rem; }






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

#s2_aziende .nav_button_1 { background-color: #F27210; }
#s2_aziende .nav_button_2 { background-color: #e74e0f; }
#s2_aziende .nav_button_3 { background-color: #D3400E; }

#s2_aziende #svg_backpack_anim .st0.fill_o { fill: #D3400E; }



.nav_container { display: grid; grid-gap: 1rem; margin-top: 2rem; }
.nav_button { will-change: transform; transition: transform .3s ease, opacity .5s linear; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 1rem; text-align: right; }

.nav_button h3 { width: calc(100% - 4rem); margin-left: 1rem; color: var(--white); font-weight: 800; line-height: 1.1; text-shadow: 0 0 10px rgba(30,30,30,.2); border-left: 1px solid var(--white); }
.nav_button h3 span { display: block; font-weight: 400; font-size: 50%; }
.nav_button svg { width: 3rem; transition: .3s ease; }

.nav_button:nth-of-type(2) { text-align: left; flex-direction: row-reverse; }
.nav_button:nth-of-type(2) h3 { border-left: 0; border-right: 1px solid var(--white); margin-left: 0; margin-right: 1rem; }


/* Animation Ico People */
.nav_button.nav_on .svg_people_a {
    stroke-dasharray: 50px;
    stroke-dashoffset: 0px;
    animation: dash_a .75s ease-in-out .3s forwards, dash_b 1.5s ease-in-out 1.05s infinite;
}
@keyframes dash_a {
    0% { stroke-dashoffset: 0px; }
    100% { stroke-dashoffset: -35px; }
}
@keyframes dash_b {
    0% { stroke-dashoffset: 65px; opacity: 1; }
    75% { stroke-dashoffset: -35px; opacity: 1; }
    75.0001% { stroke-dashoffset: -65px; opacity: 0; }
    100% { stroke-dashoffset: -65px; opacity: 0; }
}
.nav_button.nav_on .svg_people_b { animation: filling 1.5s ease-out infinite; }
@keyframes filling {
    0% { fill: transparent; }
    25% { fill: transparent; }
    50% { fill: #ffffff; }
    75% { fill: #ffffff; }
    100% { fill: transparent; }
}



/* Animation Ico Speaker */
.nav_button.nav_on #svg_speak_anim { animation: speak_a .5s linear .3s forwards, speak_b 2s linear .8s infinite; }
@keyframes speak_a {
    0% { transform: /*translateX(-50%)*/ rotate(0deg); }
    100% { transform: /*translateX(-50%)*/ rotate(-20deg); }
}
@keyframes speak_b {
    0% { transform: /*translateX(-50%)*/ rotate(-20deg); }
    10% { transform: /*translateX(-50%)*/ rotate(-20deg); }
    50% { transform: /*translateX(-50%)*/ rotate(20deg); }
    60% { transform: /*translateX(-50%)*/ rotate(20deg); }
    100% { transform: /*translateX(-50%)*/ rotate(-20deg); }
}
.nav_button.nav_on .svg_speak_b {
    stroke-dasharray: 10px;
    stroke-dashoffset: 10px;
    animation: speak_c 2s ease .5s infinite;
}
@keyframes speak_c {
    0% { stroke-dashoffset: 10px; }
    10% { stroke-dashoffset: 10px; }
    25% { stroke-dashoffset: 0px; }
    40% { stroke-dashoffset: 10px; }
    50% { stroke-dashoffset: 10px; }
    60% { stroke-dashoffset: 10px; }
    75% { stroke-dashoffset: 0px; }
    90% { stroke-dashoffset: 10px; }
    100% { stroke-dashoffset: 10px; }
}



/* Animation Ico Backpack */
.nav_button.nav_on #svg_backpack_anim { overflow: initial; }
.nav_button.nav_on #svg_backpack_anim #zip { animation: svg_zip .4s ease .15s forwards; }
@keyframes svg_zip {
    0% { transform: translate(0,0); }
    25% { transform: translate(2.5%,-25%); }
    35% { transform: translate(15%,-45%); }
    65% { transform: translate(60%,-45%); }
    75% { transform: translate(77.5%,-25%); }
    100% { transform: translate(80%,0); }
}
.nav_button.nav_on #svg_backpack_anim #content { animation: svg_back_content_a 1s ease .5s forwards, svg_back_content_b 2s ease-in-out 1.5s infinite; }
@keyframes svg_back_content_a {
    to { transform: translate(0%, -30%); }
}
@keyframes svg_back_content_b {
    0% { transform: translate(0%, -30%); }
    50% { transform: translate(0%, -25%); }
    100% { transform: translate(0%, -30%); }
}
.nav_button.nav_on #svg_backpack_anim #svg_backpack_map { animation: svg_back_map 2s ease-in-out .5s infinite; }
@keyframes svg_back_map {
    0% { transform: translate(-5%, 0%); }
    50% { transform: translate(-12.5%, -5%); }
    100% { transform: translate(-5%, 0%); }
}
.nav_button.nav_on #svg_backpack_anim #svg_backpack_compass { animation: svg_back_compass 2s ease-in-out .5s infinite; }
@keyframes svg_back_compass {
    0% { transform: translate(0%, 0%) scale(1); }
    50% { transform: translate(45%, -50%) scale(1.25); }
    100% { transform: translate(0%, 0%) scale(1); }
}





#s4_aziende .text { background: linear-gradient(to top, rgb(var(--purple-rgb) / 90%), rgb(var(--orange-rgb) / 90%)); padding: 1.5rem; box-shadow: 0 0 1rem rgb(30 30 30 / 20%); }




.para_card_container { margin-top: 6rem; }

.sec_d .sec_dx { transform-style: preserve-3d; }
.para_card {
    width: 70%; aspect-ratio: 3 / 5;
    background-repeat: no-repeat; background-position: center; background-size: cover;
    box-shadow: 0 0 20px rgba(30,30,30,0.4);
}

.para_card_1 { background-image: url(../images/jpg/card_bkg_1.jpg); background-position: 60%; margin-left: 0%; top: 0; transform: translateZ(0px); transition: .3s ease; }
.para_card_2 { background-image: url(../images/jpg/card_bkg_2.jpg); left: 15%; top: -5%; opacity: .6; transform: translateZ(-30px); }
.para_card_3 { background-image: url(../images/jpg/card_bkg_3.jpg); left: 30%; top: -10%; opacity: .4; transform: translateZ(-60px); }
.para_text {
    left: 35%;
    top: 50%;
    display: inline-block;
    text-align: center;
    box-shadow: 0 0 40px rgba(30,30,30,.4);
    transform: translate3d(-50%,-50%,25px);
    transition: .3s ease;
}
.para_text p {
    text-transform: uppercase;
    font-weight: 800; font-size: 1.5rem;
    line-height: 1; color: #fff;
    padding: 5% 30px;
    border: 6px solid #fff;
    transition: .3s ease;
}
.click_svg {
    width: 12.5%;
    top: 50%; left: 25%;
    transform: translateZ(35px);
    filter: drop-shadow(0 0 5px rgba(30,30,30,.4));
}

/* Explosion Animation */
.sec_dx.explosion_active .para_text { background-color: #ffb75c; transform: translate3d(-50%,-50%,25px) scale(1.1); }
.sec_dx.explosion_active .para_text p { border-color: #ffb75c; }
#s5_aziende .sec_dx.explosion_active .para_text { background-color: var(--orange); }
#s5_aziende .sec_dx.explosion_active .para_text p { border-color: var(--orange); }
.ico_explosion {
    position: absolute;
    width: 10%;
    left: calc(52.5% - 5%);
    top: calc(47.5% - 5%);
    transform: translate(0%,0%) rotate(0deg) scale(1);
    opacity: 0;
    z-index: 2;
}

.sec_dx.explosion_active .ico_explosion_1 { animation: exp_a 2s ease infinite; }
@keyframes exp_a {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(-410%,-410%) rotate(-25deg) scale(1); opacity: 0; }
}

.sec_dx.explosion_active .ico_explosion_2 { animation: exp_b 2s ease 1s infinite; }
@keyframes exp_b {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(-380%,-200%) rotate(-55deg) scale(0.5); opacity: 0; }
}

.sec_dx.explosion_active .ico_explosion_3 { animation: exp_c 2s ease infinite; }
@keyframes exp_c {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(-420%,220%) rotate(-120deg) scale(0.75); opacity: 0; }
}

.sec_dx.explosion_active .ico_explosion_4 { animation: exp_d 2s ease 1s infinite; }
@keyframes exp_d {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(-210%,440%) rotate(-160deg) scale(0.5); opacity: 0; }
}

.sec_dx.explosion_active .ico_explosion_5 { animation: exp_e 2s ease infinite; }
@keyframes exp_e {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(110%,-460%) rotate(10deg) scale(.75); opacity: 0; }
}

.sec_dx.explosion_active .ico_explosion_6 { animation: exp_f 2s ease 1s infinite; }
@keyframes exp_f {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(380%,-300%) rotate(45deg) scale(0.5); opacity: 0; }
}

.sec_dx.explosion_active .ico_explosion_7 { animation: exp_g 2s ease infinite; }
@keyframes exp_g {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(290%,60%) rotate(100deg) scale(1); opacity: 0; }
}

.sec_dx.explosion_active .ico_explosion_8 { animation: exp_h 2s ease 1s infinite; }
@keyframes exp_h {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(200%, 480%) rotate(-20deg) scale(0.75); opacity: 0; }
}



.sec_dx.explosion_active .ico_explosion_9 { animation: exp_i 2s ease 1.5s infinite; }
@keyframes exp_i {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(-440%, -20%) rotate(-86deg) scale(1); opacity: 0; }
}

.sec_dx.explosion_active .ico_explosion_10 { animation: exp_j 2s ease .5s infinite; }
@keyframes exp_j {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(-140%, -420%) rotate(-5deg) scale(.75); opacity: 0; }
}

.sec_dx.explosion_active .ico_explosion_11 { animation: exp_k 2s ease 1.5s infinite; }
@keyframes exp_k {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(300%, -460%) rotate(25deg) scale(1); opacity: 0; }
}

.sec_dx.explosion_active .ico_explosion_12 { animation: exp_l 2s ease .5s infinite; }
@keyframes exp_l {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(330%, -140%) rotate(70deg) scale(.75); opacity: 0; }
}

.sec_dx.explosion_active .ico_explosion_13 { animation: exp_m 2s ease 1.5s infinite; }
@keyframes exp_m {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(380%, 240%) rotate(115deg) scale(.5); opacity: 0; }
}

.sec_dx.explosion_active .ico_explosion_14 { animation: exp_n 2s ease .5s infinite; }
@keyframes exp_n {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(270%, 330%) rotate(135deg) scale(1); opacity: 0; }
}

.sec_dx.explosion_active .ico_explosion_15 { animation: exp_o 2s ease 1.5s infinite; }
@keyframes exp_o {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(30%, 440%) rotate(175deg) scale(.75); opacity: 0; }
}

.sec_dx.explosion_active .ico_explosion_16 { animation: exp_p 2s ease .5s infinite; }
@keyframes exp_p {
    0% { transform: translate(0,0) rotate(0) scale(0); opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(-420%, 450%) rotate(215deg) scale(1); opacity: 0; }
}



#s6_aziende .grid_archive { grid-gap: .75rem; }
#s6_aziende .grid_archive .card a { border-radius: 1rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE TURISMO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.nav_button_1 { background-color: #a9bb57; }
.nav_button_2 { background-color: #fc5e73; }
.nav_button_3 { background-color: #ffb75c; }


#s3_turismo .sec_dx h4 { color: #a9bb57; }


#s4_turismo .text { background: rgb(252 94 115 / 90%); padding: 1.5rem; box-shadow: 0 0 1rem rgb(30 30 30 / 20%); }




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


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

.s1_archive { padding-top: calc( 50px + ( 120 - 50 ) * ( (100vw - 320px) / 1600 ) ); }
.s1_archive h1 { color: var(--black); }







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

.grid_archive { display: grid; }
.grid_blog { grid-gap: 2rem; }


.filter_form .searchandfilter ul ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.filter_form  .searchandfilter ul li li input { position: absolute; left: -99999999px; }
.filter_form .searchandfilter ul li li label { padding: 0.25rem 1rem; border: 1px solid #ccc; border-radius: 3rem; margin: 0 0.5rem 0.25rem 0;  transition: .2s ease; cursor: pointer; }
.filter_form .searchandfilter ul li li label:hover { background-color: rgb(30 30 30 / 15%); }
.filter_form .searchandfilter ul li li.sf-option-active label { background-color: var(--orange); border-color: var(--orange); color: var(--white); }




#s2_archive_servizi .grid_archive { grid-gap: .75rem; }
#s2_archive_servizi .grid_archive .card a { border-radius: 1rem; }









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


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

.icon_serv { width: 7rem; height: 7rem; padding: 1rem; background-color: var(--orange); border-radius: .5rem; margin: 0 auto 2rem auto; }
#s1_single_servizi p { font-size: 1.5rem; margin-top: 1rem; }



.sec_img .contain { object-fit: contain; }


.box_serv_wrapper { display: grid; }
.box_serv { padding: 2rem 0; }
.box_2 { border-top: 1px solid rgb(var(--white-rgb) / 25%); border-bottom: 1px solid rgb(var(--white-rgb) / 25%); }
.box_serv img { height: 4.5rem; width: auto; margin-bottom: 1rem; }
.box_serv h3 { font-size: 2rem; font-weight: 500; }
.box_serv p { margin-top: 1rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PORTFOLIO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/


.tag_list_single { margin-top: 1rem; gap: .5rem; }
.tag_list_single li a {
    padding: 0.25rem 0.75rem;
    background-color: transparent;
    border: 1px solid var(--white);
    border-radius: 3rem;
    font-size: .85rem;
    color: var(--white);
    font-family: var(--title-font);
    font-weight: 500;
}

.tag_list_single li a.url_sito { background-color: var(--orange); border-color: var(--orange); }



.tag_list_int { margin-top: 2rem; gap: .5rem; list-style: none !important; }
.tag_list_int li { list-style: none !important; margin: 0; }
.tag_list_int li a {
    padding: 0.25rem 0.75rem;
    background-color: transparent;
    border: 1px solid var(--orange);
    border-radius: 3rem;
    font-size: .85rem;
    color: var(--orange);
    font-family: var(--title-font);
    font-weight: 500;
}



.single_row { display: grid; grid-gap: 2rem; }
.single_row h2 { font-size: 2.5rem; }






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

#s1_single_blog .container { min-height: 80vh; }
#s1_single_blog .filter { background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.8) 100%); opacity: 1; }
#s1_single_blog .s1_title h1 { font-size: calc(var(--h1-size) * .85); }

/*

#s2_single_blog .text img { margin: 1.5rem 0; }
#s2_single_blog .text ul + h2 { margin-top: 2rem; }
#s2_single_blog .text h2 { font-size: calc(var(--h2-size) * .75); font-weight: 600; color: var(--orange); }
#s2_single_blog .text h3 { font-size: calc(var(--h3-size) * .85); font-weight: 500; }
*/

#s2_single_blog .text .p1,
#s2_single_blog .text .p2 { padding: 0 !important; }


/*
#s2_single_blog { max-width: 1280px; margin: 0 auto; }

#s2_single_blog .pre_content, #s2_single_blog .content_blog { padding-bottom: var(--c10v); margin-bottom: var(--c10v); border-bottom: 1px solid #ccc; }
#s2_single_blog .tag_list_int { margin-bottom: 2rem; }
#s2_single_blog .incipit { margin-top: 1.5rem; }

#s2_single_blog .text h2 { font-size: calc(var(--h2-size) * .75); font-weight: 600; color: var(--orange); }
#s2_single_blog .text h3 { font-size: calc(var(--h3-size) * .85); font-weight: 600; }
#s2_single_blog .text h4, #s2_single_blog .text h5, #s2_single_blog .text h6 { font-weight: 600; }

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

#s2_single_blog .text .wp-caption { max-width: 100%; float: none; width: 100% !important; }
#s2_single_blog .text img { margin: 1.5rem 0; max-width: 100%; float: none; width: 100%; }
#s2_single_blog .text .wp-caption img { margin-bottom: 0; }
#s2_single_blog .wp-caption-text { margin: 0; padding: .2rem; background-color: #f0f0f0; }

#s2_single_blog blockquote { background-color: rgb(var(--orange-rgb) / 20%); }
*/



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ GRAFICA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.galleria_fotografica .filter { opacity: 0; background-color: rgb(var(--black-rgb) / 50%); transition: .2s ease; }
.galleria_fotografica img { transition: .2s ease; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 25%; height: auto; object-fit: contain; opacity: 0; }

.galleria_fotografica:hover .filter { opacity: 1; }
.galleria_fotografica:hover img { opacity: 1; } 






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

.s_form .text .h3 { font-size: 1.75rem; color: var(--orange); font-weight: 500; }



#form { background-color: var(--white); box-shadow: 0 0 1rem rgb(30 30 30 / 20%); padding: 1.5rem; margin-top: 2rem; border-radius: .5rem; }
#form .wpforms-field.w50 { width: calc(50% - 10px); }



#form .wpforms-field input, #form .wpforms-field textarea, #form .wpforms-field select {
    background-color: transparent; border: 1px solid #ccc; border-radius: .5rem;
    padding: .75rem; font-size: 1rem; color: var(--black);
}
#form .wpforms-field input::placeholder { color: #6d6d6d; }

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { margin: 0; margin-right: .75rem; }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { margin: 0; margin-right: .75rem; }
#form .wpforms-field.wpforms-field-checkbox li label { color: ; }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--orange); }

#form button[type=submit], #form input[type=submit] {
    padding: 1rem; font-size: 1.5rem; color: var(--white); font-weight: 500; font-family: var(--title-font);
    background-color: var(--orange);  border: 2px solid var(--orange); border-radius: .5rem; width: 100%;
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--white); color: var(--orange); }







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


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

#s1_grazie { text-align: center; }
#s1_grazie p { font-size: 1.5rem; color: var(--white); font-family: var(--title-font); line-height: 1.2; margin-top: 1.5rem; }
#s1_grazie .link { margin-top: 1rem; }

#articleSEO{ width: 1200px; margin: 0 auto; margin-top: 100px; margin-bottom: 50px; max-width: 90%;}
#articleSEO img{ width: 100%; height: auto; max-width: 1200px; margin: 0 auto; margin-bottom: 50px;}
#articleSEO h1{ text-align: center; color: #111;}
#articleSEO h2{ font-weight: 100; font-size: 30px; color: var(--orange); text-align: center; margin: 20px 0px 50px 0px;}
#articleSEO #s2_single{ text-align: center;}
#articleSEO #s2_single p, #articleSEO #s2_single h3{ text-align: left; margin-bottom: 20px;}
#articleSEO a{ color: var(--orange); display: inline-block;}
#articleSEO #s2_single h3{ margin-bottom: 15px; margin-top: 30px; font-size: 30px; font-weight: bold;}




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




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

#s2_single.single_page ol{ text-align: left; }
#s2_single.single_page ol li.cat_list{ margin-bottom: 30px;}










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

	.numero { width: calc(33% - 2rem); }

	
}#articleSEO h1 {
	font-size: 40px;
}






/**
 *
 *  ▀▀█▀▀  ▄▀▀▄  █▀▀▄  █     █▀▀  ▀▀█▀▀
 *    █    █▀▀█  █▀▀█  █  ▄  █▀▀    █
 *    ▀    ▀  ▀  ▀▀▀   ▀▀▀▀  ▀▀▀    ▀   - 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 ∞∞∞∞∞∞*/
	.link_head { display: inline-block; text-transform: uppercase; padding: 0 1em 0 1em; position: relative; font-family: var(--title-font); }
	.link_ev { font-weight: 700; color: var(--orange); }
	.link_head:hover { color: var(--orange); opacity: .5; }

	

	.link_head::after { content: ""; position: absolute; right: 0; top: -.5rem; height: calc(100% + 1rem); width: 1px; background-color: #ccc; }
	.link_head:last-of-type::after { display: none; }

	.menu_skin { color: var(--white); }
	.menu_skin:aftre { background-color: var(--white); }
	.menu_skin:hover { color: var(--white); opacity: .5; }


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

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





	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	.grid_archive { grid-template-columns: 1fr 1fr; }



	.swiper-blog .card_blog { padding: 1rem; }
	.swiper-blog .swiper-slide { filter: grayscale(1); opacity: .5; transition: .2s ease; }
	.swiper-blog .swiper-slide-active { filter: grayscale(0); opacity: 1; }

	
	#s6_home .nav_btn { width: 7em; }

	.numero .num { font-size: 3.75em; }
	.numero .desc { font-size: 1.2rem; }




	/*∞∞∞∞∞∞ CHI SIAMO ∞∞∞∞∞∞*/
	.elenco_team { display: grid; grid-gap: 1.5rem; grid-template-columns: 1fr 1fr; }
	.scheda_team { padding: 0; }





	
	#s3_single_blog .nav_btn { width: 7em; }



}



/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀▀█▀▀  ▄▀▀▄  █▀▀▄      ▄▀▀  █▄ ▄█  ▄▀▀▄  █    █ 
 *  █  █  █▀▀   ▀▄  █▀▄     █    █  █  █  █       ▀▄  █ █ █  █▀▀█  █ ▄  █ ▄ 
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀    ▀     ▀▀   █▀▀       ▀▀   ▀   ▀  ▀  ▀  ▀▀▀  ▀▀▀  - 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) {


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.hamburger_btn:hover {  }
	.hamburger_btn.tapped:hover {  }

	.menu_left { width: 50%; padding: 0 5%; border-left: 2px solid var(--white); }
	.menu_left .head_menu { text-align: left; }
	.menu_left .social_menu { display: none; }

	.head_menu li.menu-item-object-custom .sub-menu { justify-content: flex-start; }

	.menu_right { display: block; width: 50%; text-align: right; padding: 0 5% 0 5%; }
	.menu_right .h2 { color: var(--white); }
	.menu_right .social_menu { margin-top: 1.5rem; padding-top: 1.5rem; margin-bottom: 1.5rem; }
	.menu_right .link_menu { background-color: transparent; border-color: var(--white); }
	.menu_right .link_menu:hover { color: var(--white); background-color: rgb(var(--white-rgb) / 25%); }



	

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	footer > .container:not(.bkg_orange) { align-items: center; }
	footer .tac { text-align: left; }

	.foot_logo { width: 70%; margin: 0; }

	.foot_block { padding: 0 0 0 1rem; }
	.foot_block h4 { font-size: 1.25rem; }

	.social_foot { justify-content: flex-start; }
	.social_foot a { margin-right: 0.75rem; width: 2.5rem; height: 2.5rem; }



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




	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	.s1 .filter_black { background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,.2) 100%); }
	.s1_title { text-align: left; }

	.double_btn.flex { justify-content: flex-start; }


	.social_home { display: flex; align-items: center; justify-content: center; flex-direction: column;  position: absolute; top: 0; right: 2.5%; }
	.social_home .line { width: 1px; height: 40vh; background-color: var(--white); }
	.social_home a { width: 1.5rem; height: 1.5rem; margin-top: 1.25rem; }
	.social_home svg { display: block; width: 100%; height: 100%; object-fit: contain; }
	.social_home svg .st0 { fill: var(--white); transition: .2s ease; }
	
	.social_home a:hover { transform: scale(1.1); }
	.social_home a:hover svg .st0 { fill: var(--orange); }



	.sec_dx.sphere { margin: 0 !important; }


	.box_servizi { margin-top: 0; }


	.logo_cliente { width: 25%; height: 8rem; margin-bottom: .75rem; padding: 0.75rem 0.5rem; }


	.swiper-blog .swiper-slide-next, 
	.swiper-blog .swiper-slide-prev { filter: grayscale(0); opacity: 1; }


	.i_nostri_numeri { max-width: 1024px; margin-left: auto; margin-right: auto; }
	.numero { padding: 1.5rem; }



	#s_form .tac { text-align: left; }
	#s_form #form { margin-top: 0; }



	/*∞∞∞∞∞∞ CHI SIAMO ∞∞∞∞∞∞*/
	.elenco_team { grid-template-columns: 1fr 1fr 1fr; }




	/*∞∞∞∞∞∞ CONTATTI ∞∞∞∞∞∞*/
	#s1_contatti .tac { text-align: left; }
	#s1_contatti #form { margin-top: 0; }





	/*∞∞∞∞∞∞ SERVIZI ∞∞∞∞∞∞*/
	#s1_single_servizi .s1_title { display: flex; align-items: center; justify-content: flex-start; width: 100%; }
	#s1_single_servizi .icon_serv { margin: 0; margin-right: 1.5rem; }


	.box_serv_wrapper { grid-template-columns: 1fr 1fr 1fr; grid-gap: 3rem; }
	.box_2 { border: 0; }






	/*∞∞∞∞∞∞ LANDING ∞∞∞∞∞∞*/
	.nav_container { grid-template-columns: 1fr 1fr 1fr; grid-gap: .5rem; margin-top: 3rem; }
	.nav_button { display: block; flex-wrap: wrap; text-align: left; padding: 6rem 1.5rem 2.5rem 1.5rem; }
	.nav_button svg { width: 4rem; position: absolute; top: 1.5rem; left: 1.5rem; }
	.nav_button h3 { width: 0; text-align: center; white-space: nowrap; margin: 0; border: 0 !important; position: relative; padding-top: 2rem; padding-bottom: .75rem; margin-top: 1rem; transition: .2s ease; }
	.nav_button h3 span { font-size: 40%; }

	.nav_button h3::before { content: ""; width: 4rem; height: 5px; background-color: var(--white); position: absolute; left: 0; top: 0; transition: .2s ease; }
	.nav_button h3::after { content: ""; width: 0; height: 4px; background-color: var(--white); position: absolute; left: 0; bottom: 0; transition: .2s ease; }

	.nav_button:hover svg { left: 50%; transform: scale(1.25) translate(-50%, 30%); }
	.nav_button:hover h3 { width: 100%; }
	.nav_button:hover h3::before { width: 0; }
	.nav_button:hover h3::after { width: 100%; }

	@keyframes speak_a {
	    0% { transform: scale(1.25) translate(-50%, 30%) rotate(0deg); }
	    100% { transform: scale(1.25) translate(-50%, 30%) rotate(-20deg); }
	}
	@keyframes speak_b {
	    0% { transform: scale(1.25) translate(-50%, 30%) rotate(-20deg); }
	    10% { transform: scale(1.25) translate(-50%, 30%) rotate(-20deg); }
	    50% { transform: scale(1.25) translate(-50%, 30%) rotate(20deg); }
	    60% { transform: scale(1.25) translate(-50%, 30%) rotate(20deg); }
	    100% { transform: scale(1.25) translate(-50%, 30%) rotate(-20deg); }
	}


	.nav_button.nav_on { transform: scale(1.025); }
	.nav_button.nav_off { transform: scale(.975); opacity: .5; }




	#s4_turismo .container, #s4_aziende .container { min-height: 100vh; }
	#s4_turismo .text, #s4_aziende .text { padding: 2.5rem 1.5rem; }





	/*∞∞∞∞∞∞ PORTFOLIO ∞∞∞∞∞∞*/
	.no_margin { margin-top: 0; }
	.single_row { grid-template-columns: 1fr 1fr 1fr; }


}






/**
 *
 *  █     ▄▀▀▄  █▀▀▄  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  ▄  █▀▀█  █  █   █   █  █  █  █
 *  ▀▀▀▀  ▀  ▀  █▀▀    ▀    ▀▀   █▀▀  - 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) {

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.menu_left, .menu_right { width: 40%; }


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	.foot_logo { width: 60%; }




	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	#s2_home .text img { margin: 1.5rem 0; }


	.box_servizi .card:nth-of-type(1), .box_servizi .card:nth-of-type(4) { height: 18rem; }
	.box_servizi .card:nth-of-type(2), .box_servizi .card:nth-of-type(3) { height: 13rem; }
	.box_servizi .card a { min-height: auto; }


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

	.logo_cliente { width: 20%; height: 7rem; }


	#s7_home h2 { max-width: 20ch; margin: 0 auto; }







	/*∞∞∞∞∞∞ CHI SIAMO ∞∞∞∞∞∞*/
	.elenco_team { grid-template-columns: 1fr 1fr 1fr 1fr; }
	.scheda_team:nth-of-type(even) { transform: translateY(4rem); }



	/*∞∞∞∞∞∞ SERVIZI ∞∞∞∞∞∞*/
	#s1_single_servizi .icon_serv { width: 8rem; height: 8rem; }
	.card .card_content h2 { font-size: 2rem; }





	/*∞∞∞∞∞∞ LANDING ∞∞∞∞∞∞*/
	.nav_button h3 { font-size: 3rem; }





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

	#articleSEO h1 {
		font-size: 60px;
	}
}






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

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






	.sec_dx li { font-size: 1.25rem !important; max-width: 160px !important; }




	.fascia_3_icone { display: flex; align-items: flex-start; justify-content: center; }
	.fascia_3_icone > .text { text-align: left; width: 35%; padding-right: 5%; }
	.fascia_3_icone .box_serv_wrapper { grid-gap: 4rem; width: 65%; margin: 0; text-align: left; }


}






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

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






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