/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " ___NOME_SITO___ "

BASE (MOBILE) SIZE


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


.ratio-1-1, .squared { padding-bottom: 100%; }		=>	1:1		-> padding-bottom: calc(100% * 1 / 1);
.ratio-16-9 { padding-bottom: 56.25%; }				=>	16:9	-> padding-bottom: calc(100% * 9 / 16);
.ratio-4-3 { padding-bottom: 75%; }					=>	4:3		-> padding-bottom: calc(100% * 3 / 4);
.ratio-3-2 { padding-bottom: calc(100% * 3 / 4); } 	=>	3:2		-> padding-bottom: calc(100% * 2 / 3);
.ratio-8-5 { padding-bottom: 62.5%; }				=>	8:5		-> padding-bottom: calc(100% * 8 / 5); 


*/



.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) { background: #69c944 !important; border: 1px solid #1e1e1e !important; }
.wpforms-confirmation-container-full p { color: var(--black); }

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


.sec_white h2, .sec_white p, .sec_white h3, .sec_white li { color: #fff; }
.color_orange { color: var(--orange) !important; font-weight: bold !important; }

h2 a { display: inline-block; }
h2 a:hover { opacity: .8; color: initial; }



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


header { z-index: 4; }
.head_wrapper { padding-left: 2.5%; z-index: 2; }




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

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

	padding-top: 1.2em;
}
.head_logo img, .foot_logo img { width: 100%; }
.head_logo img { filter: drop-shadow(0 0 10px rgba(30,30,30,.6)); }



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


.link_menu { display: none; }



.hamb_lang { background-color: var(--orange); }


.lang a { font-weight: 600; opacity: .5; }
.lang .wpml-ls-current-language a { opacity: 1; }
.lang span { color: #fff; display: flex; }



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

.hamburger_btn { 
	display: inline-block;
	font-size: 25px; line-height: 0;
	--hamburger-px: 20px;
	--hamburger-min: 20;
	--hamburger-max: 25;
	padding: .8em;

}

/* Included style from "hamburger.css"
.hamburger { position: relative; display: inline-flex; width: 2.5em; height: 2.5em; transition: .15s linear; }
.hamburger .circle { width: .6em; height: .6em; margin: 3px; background: #fff; border-radius: 50%; display: block; }

.tapped.hamburger_btn .hamburger { transform: rotate(45deg); }
 */




.hamburger {
	position: relative; display: inline-block;
	width: 2.5em; height: 2em;
	transition: .15s linear;
}
.top_bun, .burger, .bottom_bun {
	display: block; position: absolute;
	width: 2.5em; height: 3px;
	background-color: var(--white);
	border-radius: .2em;
	transition: .15s ease;
}
.top_bun { top: 2px; }
.burger { top: calc(50% - 1px); width: 2em; right: 0; }
.bottom_bun { bottom: 2px; }

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

/* Tapped / Clicked */
.tapped .hamburger--boring span { transition-property: none; transform-origin: center; background-color: var(--white); }
.tapped .hamburger--boring .burger { opacity: 0; }
.tapped .hamburger--boring .top_bun { top: 50%; left: 50%; transform-origin: center; transform: translate(-50%,-50%) rotate(45deg); }
.tapped .hamburger--boring .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 { background-color: var(--white); }

.head_menu { padding: 5%; }

.head_menu li:first-child:before { display: none; }
.head_menu li.current-menu-item a { color: rgba(255,255,255,.4); } 

.head_menu a { display: inline-block; font-size: 1.8em; line-height: 1; padding: .25em; color: var(--orange); font-weight: 700; }
.head_menu li:hover a, .head_menu li:active a, .head_menu li:focus a {}


.menu_text { bottom: 5%; }
.menu_text p { font-size: 5vw; color: #fff; text-shadow: .35rem .25rem .35rem rgb(30 30 30); }
.menu_text p:nth-of-type(1) { text-align: left; }
.menu_text p:nth-of-type(2) { text-align: right; }



.menu_right { display: none; }



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








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


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


.btn {
	display: inline-block; position: relative;
	font: inherit; color: inherit; padding: .6em 1.5em;
	border: 1px solid #3e3e3e; border-radius: 4rem; letter-spacing: 2px;
	background-color: #ccc; font-size: var(--rem); text-transform: uppercase; font-family: var(--title-font); font-weight: 600;
}

.btn_orange { background-color: var(--orange); color: #fff; border-color: var(--orange); }
.btn_orange:hover, .btn_orange:focus, .btn_orange:active { background-color: #fff; color: var(--orange); }




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

a.link_btn {
	display: inline-block; position: relative;
	font: inherit; color: inherit; padding: .6em 1.5em;
	border: 1px solid #3e3e3e; border-radius: 4rem;
	background-color: #ccc; font-size: var(--rem); text-transform: uppercase; font-family: var(--title-font); font-weight: 600;
}

a.link_orange { background-color: var(--orange); color: #fff; border-color: #fff; }
a.link_orange:hover, a.link_orange:focus, a.link_orange:active { background-color: #fff; color: var(--orange); }


a.link_white { background-color: transparent; color: #fff; border-color: #fff; }
a.link_white:hover, a.link_white:focus, a.link_white:active { background-color: #fff; color: var(--orange); }





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

.filter_bt { background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); }


.filter_or_bt { background: -moz-linear-gradient(top,  rgba(255,113,10,0.2) 0%, rgba(255,113,10,1) 78%, rgba(255,113,10,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,113,10,0.2) 0%,rgba(255,113,10,1) 78%,rgba(255,113,10,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,113,10,0.2) 0%,rgba(255,113,10,1) 78%,rgba(255,113,10,1) 100%); }


.filter_menu { background: rgb(48,48,48); background: -moz-linear-gradient(-45deg,  rgba(48,48,48,1) 26%, rgba(255,113,10,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(48,48,48,1) 26%,rgba(255,113,10,1) 100%);
	background: linear-gradient(135deg,  rgba(48,48,48,1) 26%,rgba(255,113,10,1) 100%); }



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

.slider_nav { width: 3em; top: 50%; transform: translateY(-50%); z-index: 1; }
.slider_prev { left: 0; }
.slider_next { right: 0; }
.slider_nav img { width: 100%; }

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




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

.breadcrumb { margin-bottom: .75rem; }

.breadcrumb, .breadcrumb a, .breadcrumb span { color: var(--white); }
.breadcrumb a { display: inline-block; }



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

.scroll {
	display: inline-block;
	position: absolute; left: 50%; bottom: 3%; 
	--scroll-px: 30px;
	--scroll-min: 30;
	--scroll-max: 35;
	max-width: 35px;
	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-home a { height: 25rem; }
.card-home .card_content { padding: 5% 2%; text-align: center; }


.card-mezzo a { height: 25rem; text-align: center; border-radius: 1rem; overflow: hidden; }
.card-mezzo .card_content { padding: 5% 2%; text-align: center; }
.card-mezzo .card_content h2 { color: #fff; font-size: 2rem; }

.card-mezzo a .filter_black { transition: .2s ease; }
.card-mezzo a:hover .filter_black { background-color: var(--orange); }

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


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




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




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








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


footer { background-color: var(--footer-bkg-color); }


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

.foot_logo { 
	display: block; 
	--foot-logo-width: 80px;
	--foot-logo-min: 80;
	--foot-logo-max: 120;
	max-width: 120px;
}


.foot_block { padding: 5% 0; }
.foot_block h3 { font-size: calc(var(--h3-size) * .9); }
.foot_block h4 { font-size: 1.3rem; color: #fff; }

.foot_block p { margin: .6rem 0; }
.foot_block p a { display: inline-block; }
.foot_block p a:hover { color: var(--red); }


.ico_social img { height: 2rem; margin: .7rem; margin-left: 0; }
.ico_social:hover { opacity: .5; transform: scale(.95); }


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

.credits {
	font-size: .725em; line-height: 1.5;
	margin: 0 auto; text-align: center;
	opacity: .75; z-index: 1; color: #fff;
}
.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 h1, .s1_title .h1 { color: #fff; }
.s1_title .pretitle { color: #fff; text-transform: uppercase; font-family: var(--title-font); font-size: 120%; letter-spacing: 2px; margin-bottom: 1.5rem; position: relative; }
.s1_title .pretitle:after { content: ""; width: calc(5% * var(--oriz-ratio)); height: 1px; }

.rimorchio_s1 { display: none; }




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

.sede-mappa { filter: drop-shadow(0 0 10px rgba(30,30,30,.1)); }
.pin_mappa { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }

.cards-mappa, .card-mappa { position: absolute; left: 0; top: 0; width: 100%; z-index: 2; }
.card-mappa { filter: drop-shadow(0 0 10px rgba(30,30,30,.1)); }




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

.text h2 { margin-bottom: 1rem; }
.text p { margin: .5rem 0; }
.text p a { display: inline-block; text-decoration: underline; }

#s3_home .text { text-align: center; }
#s3_home .text p { font-family: var(--title-font); font-size: 110%; }


.big_date { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 35vw; width: 100%; text-align: center; font-weight: 700; color: #eee; z-index: -1; }




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

#s4_home .categoria_container:nth-of-type(1) .text {
	background: rgb(255,180,127);
	background: -moz-linear-gradient(left,  rgba(255,180,127,1) 0%, rgba(255,113,10,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,180,127,1) 0%,rgba(255,113,10,1) 100%);
	background: linear-gradient(to right,  rgba(255,180,127,1) 0%,rgba(255,113,10,1) 100%);
}
#s4_home .categoria_container:nth-of-type(2) .text {
	background: rgb(0,149,0);
	background: -moz-linear-gradient(left,  rgba(0,149,0,1) 0%, rgba(118,158,0,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,149,0,1) 0%,rgba(118,158,0,1) 100%);
	background: linear-gradient(to right,  rgba(0,149,0,1) 0%,rgba(118,158,0,1) 100%);
}

.categoria_container { margin: 2.5rem 0; }
.categoria_container .text { text-align: center; border-radius: 1rem 1rem 0 0; }
.categoria_container .text .p5 { padding: 1.5rem; }



.slider_cat { margin-top: 1.5rem; }
.slider_cat .swiper { box-shadow: 0 0 10px rgba(30,30,30,.2); border-radius: 0 0 1rem 1rem; }




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

#s5_home .text { text-align: center; }



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






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


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

.storia_container { padding: 2% 0 8% 0; padding-left: 2rem; }
.storia_container img { width: 100%; margin-bottom: .7rem; max-width: 15rem; }
.bkg_year { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 6rem; font-weight: 700; color: #eee; z-index: -1; }
.anno { font-size: 150%; font-weight: 700; margin-bottom: 1rem; }

.storia_container:after { content: ""; width: 1rem; height: 1rem; position: absolute; left: 0; top: 0; background-color: #1e1e1e; border-radius: 50%; }
.storia_container:before { content: ""; width: 1px; height: 100%; background-color: var(--orange); position: absolute; left: .5rem; top: 0; }


picture.w50m { margin-top: 5%; }


.storia_container .storia_box { opacity: .1; transform: scale(.1); transition: .4s ease-in-out; }
.storia_container.active .storia_box { opacity: 1; transform: scale(1); }



picture.on_scroll, .on_scroll.text { opacity: .01; transform: scale(.1); transition: .8s cubic-bezier(0.42, 0, 0.01, 1); }
picture.on_scroll.active, .active.on_scroll.text { opacity: 1; transform: scale(1); }







/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE QUALITÀ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s4_qualita .text a.flex-l img { height: 2rem; margin-right: .5rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE MEZZI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.container_page_mezzi .text h2 { margin-bottom: 0; }


#s2_dumper .categoria_container .text { 
	background: rgb(255,180,127);
	background: -moz-linear-gradient(left,  rgba(255,180,127,1) 0%, rgba(255,113,10,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,180,127,1) 0%,rgba(255,113,10,1) 100%);
	background: linear-gradient(to right,  rgba(255,180,127,1) 0%,rgba(255,113,10,1) 100%);
}

#s2_dumper .categoria_container.green .text {
	background: rgb(0,149,0);
	background: -moz-linear-gradient(left,  rgba(0,149,0,1) 0%, rgba(118,158,0,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,149,0,1) 0%,rgba(118,158,0,1) 100%);
	background: linear-gradient(to right,  rgba(0,149,0,1) 0%,rgba(118,158,0,1) 100%);
}

#s2_dumper .categoria_container.blue .text {
	background: rgb(15,110,248);
	background: -moz-linear-gradient(left,  rgba(15,110,248,1) 1%, rgba(17,191,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(15,110,248,1) 1%,rgba(17,191,255,1) 100%);
	background: linear-gradient(to right,  rgba(15,110,248,1) 1%,rgba(17,191,255,1) 100%);
}




#s2_carri_botte .categoria_container .text { 
	background: rgb(0,149,0);
	background: -moz-linear-gradient(left,  rgba(0,149,0,1) 0%, rgba(118,158,0,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,149,0,1) 0%,rgba(118,158,0,1) 100%);
	background: linear-gradient(to right,  rgba(0,149,0,1) 0%,rgba(118,158,0,1) 100%);
}

#s2_carri_botte .categoria_container.green .text {
	background: rgb(255,180,127);
	background: -moz-linear-gradient(left,  rgba(255,180,127,1) 0%, rgba(255,113,10,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,180,127,1) 0%,rgba(255,113,10,1) 100%);
	background: linear-gradient(to right,  rgba(255,180,127,1) 0%,rgba(255,113,10,1) 100%);	
}

#s2_carri_botte .categoria_container.blue .text {
	background: rgb(15,110,248);
	background: -moz-linear-gradient(left,  rgba(15,110,248,1) 1%, rgba(17,191,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(15,110,248,1) 1%,rgba(17,191,255,1) 100%);
	background: linear-gradient(to right,  rgba(15,110,248,1) 1%,rgba(17,191,255,1) 100%);
}




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

#s2_contatti p { font-weight: 600; }
#s2_contatti p a { display: inline-block; }
#s2_contatti p a:hover { color: var(--orange); }


#form .input-form input, #form .input-form textarea { background-color: transparent; color: #fff; border: 0; border-bottom: 1px solid #fff; border-radius: 0; height: auto; padding: 1rem 0.2rem; } 
#form .input-form input::placeholder, #form .input-form textarea::placeholder { color: #fff; opacity: .8; }

#form .wpforms-field-checkbox label a { display: inline-block; text-decoration: underline; }


#form .wpforms-submit {
	display: block; position: relative;
	font: inherit; color: inherit; padding: .6em 1.5em;
	border: 1px solid var(--white); border-radius: 4rem; letter-spacing: 2px; color: #fff;
	background-color: var(--orange); font-size: var(--rem); text-transform: uppercase; font-family: var(--title-font); font-weight: 600; margin: 5% auto 0 auto;
}
#form .wpforms-submit:hover { background-color: var(--white); color: var(--orange); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE RIVENDITORI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.gruppo_stato {  }
.marker_stato { opacity: 0; transition: .2s ease; }
.nome_stato { opacity: 0; transition: .2s ease; }

.gruppo_stato:hover .marker_stato, .gruppo_stato:hover .nome_stato { opacity: 1; }





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


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

.arch_card p {
    font-size: 0.8rem !important;
    margin-bottom: 0.8rem !important;
}





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


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

.tabella { background-color: var(--orange); border-radius: 1rem ; overflow: hidden; box-shadow: 0 0 10px rgba(30,30,30,.2); margin: 1rem 0; }
.tabella p.tab_title { text-transform: uppercase; padding: 1.2rem 2rem; font-weight: 800; box-shadow: 0 0 10px rgba(30,30,30,.2); margin: 0; border: 0; }

.tab_title small { text-transform: lowercase; font-weight: 400; font-size: 65%; }

.elenco_scheda::-webkit-scrollbar { width: 10px; background-color: rgba(255,255,255,0.7); }
.elenco_scheda::-webkit-scrollbar-thumb { width: 10px; background-color: var(--white); }

.tabella p { color: #fff; padding: 1.1rem 1rem; margin: 0 1rem; border-bottom: 1px solid rgba(30,30,30,.2); font-size: .9rem; }
.tabella p:last-of-type { border: 0; }


.swiper-gallery { margin-top: 1rem; box-shadow: 0 0 10px rgba(30,30,30,.2); }
.swiper-gallery .swiper-slide { height: 35rem; }

.img_singola_mezzo { height: 29rem; }
.img_singola_mezzo img { width: 100%; height: 100%; object-fit: cover; }


.galleria_mezzo { margin: 0 auto; margin-top: 2rem; }
.galleria_mezzo .swiper { border-radius: 1rem; }

.galleria_mezzo .slider_nav { background-color: var(--orange); margin: 0 .5rem; border: 6px solid var(--orange); border-radius: 0.3rem; }




.box_colore { width: 4rem; height: 4rem; border-radius: 50%; margin: .5rem; }



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




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








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


input[type="..."],
select,
textarea {}

input[type="..."]:focus, input[type="..."]:active,
select:focus, select:active,
textarea:focus, textarea:active {}

/* Animazioni */
input:focus {
	/* animation-name / animation-duration / animation-delay / animation-iteration-count */
	-webkit-animation: formanim 0.25s forwards;
	animation: formanim 0.25s forwards;
}
@-webkit-keyframes formanim {
	0% {}
	100% {}
}
@keyframes formanim {
	0% {}
	100% {}
}


input[type="..."].wpforms-error {}
input[type="..."].wpforms-error:hover {}

input[type="..."].wpforms-valid {}

input[type="..."][disabled] {}

select {}

textarea {}



input[type="submit"] {}
input[type="submit"]:hover {}
input[type="submit"]:focus, input[type="submit"]:active {}



input[type=checkbox]:not(.switch):after { display: none; }


#form input[type=checkbox]:not(.switch), input[type=radio]:not(.switch), input[type="checkbox"] { border: 1px solid var(--white); width: 1.2em; height: 1.2em; background-color: transparent; }
#form input[type=checkbox]:checked { background: url(../images/svg/checked-w.svg) no-repeat center; background-size: 1em; }


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


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

#s1_grazie { text-align: center; }
#s1_grazie p { color: var(--white); }
.back_wrapper { margin-top: 2.5%; }
a.go_back {
	display: inline-block;
	padding: .75em 1.25em;
	border: 1px solid #fff; border-radius: .5em;
	font-size: 1.25em; font-weight: bolder; color: #fff; letter-spacing: .1em; text-transform: uppercase;
}
a.go_back:hover, a.go_back:active, a.go_back:focus { background-color: var(--orange); 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 - 320px) / (1920 - 320) ) )
 *	=>	CALC 1920px -> 320px	->	calc( 12px + (24 - 12) * ( (100vw - 320px) / 1600 ) )
 *	=>	CALC 1280px -> 320px	->	calc( 12px + (24 - 12) * ( (100vw - 320px) / 960 ) )
 *	=>	CALC 1024px -> 320px	->	calc( 12px + (24 - 12) * ( (100vw - 320px) / 704 ) )
 *
 * Da creare fluid dinamico con 2 step per i calc iniziali =   1920 -> 1024   1024 -> 320
 *
 * __________________________________________________________________________________________________________________________________________________________________________
 */


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

	.head_logo { width: calc( var(--head-logo-width) + ( var(--head-logo-max) - var(--head-logo-min) ) * ( (100vw - 320px) / 1600 ) ); }
	.hamburger_btn { font-size: calc( var(--hamburger-px) + ( var(--hamburger-max) - var(--hamburger-min) ) * ( (100vw - 320px) / 1600 ) ); }

	.scroll { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 320px) / 1600 ) ); }

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

}




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


/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
/* Contents */
/* Credits */
/* Back Top */


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


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


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


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


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


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


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




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

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






/**
 *
 *  ▀▀█▀▀  ▄▀▀▄  █▀▀▄  █     █▀▀  ▀▀█▀▀
 *    █    █▀▀█  █▀▀█  █  ▄  █▀▀    █
 *    ▀    ▀  ▀  ▀▀▀   ▀▀▀▀  ▀▀▀    ▀   - TABLET | 768 -> 1280
 *
 * Stylesheet: Tablet & Small Desktop 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) {

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

	.foot_block:nth-of-type(even) { padding: 0 0 0 5%; }
	.foot_block:nth-of-type(odd) { padding: 0 5% 0 0; }




	/*__ HEADER __*/
	a.link_menu { display: inline-block; color: #fff; text-transform: uppercase; text-shadow: 0 0 10px rgba(30,30,30,.3); font-size: 110%; margin-right: 1.5rem; font-weight: 600; }


	.head_menu a { font-size: 2.2em; }
	.head_menu a:hover { color: var(--white); transform: translateX(.125em); text-shadow: -.35rem .25rem .35rem rgb(30 30 30); }

	.menu_right { display: flex; align-items: center; justify-content: center; text-align: right; padding: 5%; }
	.menu_right:after { content: ""; height: 100%; width: 1px; position: absolute; top: 0; left: 0; background-color: var(--orange); }

	.menu_right hr { background-color: rgba(255,255,255,.5); margin: 5% 0; }
	.menu_right h2 { color: #fff; text-shadow: 5px 5px 10px rgba(30,30,30,.8); }
	.menu_right p { color: #fff; margin: .4rem 0; }
	.menu_right p a { display: inline-block; }
	.menu_right p a:hover { color: var(--red); }



	/*__ HOME __*/
	.s1_title .link_btn:nth-of-type(2) { margin-left: 1rem; }

	.big_date { top: 60%; font-size: 25vw; color: #f1f1f1; }


	#s4_home .categoria_container:nth-of-type(1) { margin-bottom: 7%; }

	.categoria_container .text { border-radius: 0; border-radius: 1rem 0 0 1rem; padding-bottom: 12rem; height: 25rem; position: relative; }
	.slider_cat .swiper { border-radius: 0; border-radius: 0 1rem 1rem 0; }
	.slider_cat { margin-top: 0; padding-left: 1rem; }

	.categoria_container .text img { position: absolute; left: -5%; bottom: -2rem; width: 150%; max-width: 150%; height: 13rem; object-fit: contain; object-position: left; }





	/*__ PAGE __*/
	#s2_qualita .flex-t .text:nth-of-type(1) { padding-right: 5%; }
	#s2_qualita .flex-t .text:nth-of-type(2) { padding-left: 5%; }
	.due_colonne:after { content: ""; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background-color: var(--orange); }

	#s4_qualita .text { padding-right: 5%; }





	.container_page_mezzi.categoria_container .text { padding-bottom: 0; height: 25rem; }
	.container_page_mezzi .slider_cat .swiper { border-radius: 0; border-radius: 0 1rem 1rem 0; }
	.container_page_mezzi .card-mezzo a { border-radius: 0; }


	.container_page_mezzi:nth-of-type(even) { flex-direction: row-reverse; }
	.container_page_mezzi:nth-of-type(even) .text { border-radius: 0 1rem 1rem 0; }
	.container_page_mezzi:nth-of-type(even) .slider_cat { padding-left: 0; padding-right: 1rem; }
	.container_page_mezzi:nth-of-type(even) .slider_cat .swiper { border-radius: 1rem 0 0 1rem; }





	.galleria_mezzo .swiper-gallery { margin-top: 0; }
	.galleria_mezzo { padding-left: 1.5rem; }



}



/**
 *
 * Stylesheet: Desktop Stylsheet
 * This is the desktop size. 
 * It's larger than an iPad so it will only be seen on the Desktop.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

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

	/*__ HEADER __*/
	/* Overlay */
	.hamburger_btn { font-size: 25px; }


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

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



	/*__ HOME __*/
	.pin_mappa circle { cursor: pointer; animation: pulse-orange 3s infinite; }
	/*.pin_mappa line { opacity: 0; transition: .2s ease; }
	.card-mappa { opacity: 0; transition: .2s ease; }*/

	.pin_mappa line.active, .card-mappa.active { opacity: 1; }


	@keyframes pulse-orange {
		0% { filter: drop-shadow(0 0 0 rgba(255, 121, 63, 1)); }
		70% { filter: drop-shadow(0 0 100px rgba(255, 121, 63, 0)); }
		100% { filter: drop-shadow(0 0 0 rgba(255, 121, 63, 0)); }
	}

	.map_container { transform-style: preserve-3d; }

	.element_3 { transform: translateZ(20px) }
	.element_2 { transform: translateZ(40px) }
	.element_1 { transform: translateZ(60px) }




	/*__ PAGE __*/
	.storia_container { padding: 2% 0; }

	.storia_container:before { left: 50%; transform: translateX(-50%); }
	.storia_container:after { left: 50%; top: 50%; transform: translate(-50%,-50%); }

	.storia_container:nth-of-type(even), .storia_container:nth-of-type(odd) .storia_box { flex-direction: row-reverse; }
	.storia_container:nth-of-type(odd) .text_anno { text-align: right; }

	.storia_box { display: flex; align-items: center; justify-content: center; }
	.storia_box .text_anno { padding: 0 5%; width: calc(100% - 5ch); }
	.storia_box .anno { width: 6ch; margin: 0; }





	.colori_disp { justify-content: space-around; height: 22rem; align-items: flex-start; }
	.colori_disp .box_colore_c p { position: absolute; left: 50%; transform: translate(-50%,800%) rotate(90deg); height: auto; width: 20rem; bottom: 0; }




	.galleria_mezzo { margin-top: 1rem; }


}






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

	.menu_text { width: 70%; }
	.menu_text p { font-size: 4.8vw; }


}






/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  █  █▀▀   ▀▄  █▀▄    █   █  █  █  █
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀   ▀    ▀▀   █▀▀  - LAPTOP | 1440 -> 1919
 * __________________________________________________________________________________________________________________________________________________________________________
 */

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



	.box_colore { width: 5rem; height: 5rem; }

}






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

@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){}