@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* Testi */
/* Titoli */
/* Lista delle famiglie di font, per ogni famiglia inserisco la variabile e la sua posizione */
@font-face { font-family: "Roboto-Black"; src: url("../font/Roboto-Black.eot"); src: url("../font/Roboto-Black.ttf") format("truetype"), url("../font/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Black.svg#Roboto-Black") format("svg"), url("../font/Roboto-Black.woff") format("woff"); }
@font-face { font-family: "Roboto-BlackItalic"; src: url("../font/Roboto-BlackItalic.eot"); src: url("../font/Roboto-BlackItalic.ttf") format("truetype"), url("../font/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-BlackItalic.svg#Roboto-BlackItalic") format("svg"), url("../font/Roboto-BlackItalic.woff") format("woff"); }
@font-face { font-family: "Roboto-Bold"; src: url("../font/Roboto-Bold.eot"); src: url("../font/Roboto-Bold.ttf") format("truetype"), url("../font/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Bold.svg#Roboto-Bold") format("svg"), url("../font/Roboto-Bold.woff") format("woff"); }
@font-face { font-family: "Roboto-BoldItalic"; src: url("../font/Roboto-BoldItalic.eot"); src: url("../font/Roboto-BoldItalic.ttf") format("truetype"), url("../font/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-BoldItalic.svg#Roboto-BoldItalic") format("svg"), url("../font/Roboto-BoldItalic.woff") format("woff"); }
@font-face { font-family: "Roboto-ExtraBold"; src: url("../font/Roboto-ExtraBold.eot"); src: url("../font/Roboto-ExtraBold.ttf") format("truetype"), url("../font/Roboto-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-ExtraBold.svg#Roboto-ExtraBold") format("svg"), url("../font/Roboto-ExtraBold.woff") format("woff"); }
@font-face { font-family: "Roboto-ExtraBoldItalic"; src: url("../font/Roboto-ExtraBoldItalic.eot"); src: url("../font/Roboto-ExtraBoldItalic.ttf") format("truetype"), url("../font/Roboto-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-ExtraBoldItalic.svg#Roboto-ExtraBoldItalic") format("svg"), url("../font/Roboto-ExtraBoldItalic.woff") format("woff"); }
@font-face { font-family: "Roboto-ExtraLight"; src: url("../font/Roboto-ExtraLight.eot"); src: url("../font/Roboto-ExtraLight.ttf") format("truetype"), url("../font/Roboto-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-ExtraLight.svg#Roboto-ExtraLight") format("svg"), url("../font/Roboto-ExtraLight.woff") format("woff"); }
@font-face { font-family: "Roboto-ExtraLightItalic"; src: url("../font/Roboto-ExtraLightItalic.eot"); src: url("../font/Roboto-ExtraLightItalic.ttf") format("truetype"), url("../font/Roboto-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-ExtraLightItalic.svg#Roboto-ExtraLightItalic") format("svg"), url("../font/Roboto-ExtraLightItalic.woff") format("woff"); }
@font-face { font-family: "Roboto-Italic"; src: url("../font/Roboto-Italic.eot"); src: url("../font/Roboto-Italic.ttf") format("truetype"), url("../font/Roboto-Italic.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Italic.svg#Roboto-Italic") format("svg"), url("../font/Roboto-Italic.woff") format("woff"); }
@font-face { font-family: "Roboto-Light"; src: url("../font/Roboto-Light.eot"); src: url("../font/Roboto-Light.ttf") format("truetype"), url("../font/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Light.svg#Roboto-Light") format("svg"), url("../font/Roboto-Light.woff") format("woff"); }
@font-face { font-family: "Roboto-LightItalic"; src: url("../font/Roboto-LightItalic.eot"); src: url("../font/Roboto-LightItalic.ttf") format("truetype"), url("../font/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-LightItalic.svg#Roboto-LightItalic") format("svg"), url("../font/Roboto-LightItalic.woff") format("woff"); }
@font-face { font-family: "Roboto-Medium"; src: url("../font/Roboto-Medium.eot"); src: url("../font/Roboto-Medium.ttf") format("truetype"), url("../font/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Medium.svg#Roboto-Medium") format("svg"), url("../font/Roboto-Medium.woff") format("woff"); }
@font-face { font-family: "Roboto-MediumItalic"; src: url("../font/Roboto-MediumItalic.eot"); src: url("../font/Roboto-MediumItalic.ttf") format("truetype"), url("../font/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-MediumItalic.svg#Roboto-MediumItalic") format("svg"), url("../font/Roboto-MediumItalic.woff") format("woff"); }
@font-face { font-family: "Roboto-Regular"; src: url("../font/Roboto-Regular.eot"); src: url("../font/Roboto-Regular.ttf") format("truetype"), url("../font/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Regular.svg#Roboto-Regular") format("svg"), url("../font/Roboto-Regular.woff") format("woff"); }
@font-face { font-family: "Roboto-SemiBold"; src: url("../font/Roboto-SemiBold.eot"); src: url("../font/Roboto-SemiBold.ttf") format("truetype"), url("../font/Roboto-SemiBold.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-SemiBold.svg#Roboto-SemiBold") format("svg"), url("../font/Roboto-SemiBold.woff") format("woff"); }
@font-face { font-family: "Roboto-SemiBoldItalic"; src: url("../font/Roboto-SemiBoldItalic.eot"); src: url("../font/Roboto-SemiBoldItalic.ttf") format("truetype"), url("../font/Roboto-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-SemiBoldItalic.svg#Roboto-SemiBoldItalic") format("svg"), url("../font/Roboto-SemiBoldItalic.woff") format("woff"); }
@font-face { font-family: "Roboto-Thin"; src: url("../font/Roboto-Thin.eot"); src: url("../font/Roboto-Thin.ttf") format("truetype"), url("../font/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Thin.svg#Roboto-Thin") format("svg"), url("../font/Roboto-Thin.woff") format("woff"); }
@font-face { font-family: "Roboto-ThinItalic"; src: url("../font/Roboto-ThinItalic.eot"); src: url("../font/Roboto-ThinItalic.ttf") format("truetype"), url("../font/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-ThinItalic.svg#Roboto-ThinItalic") format("svg"), url("../font/Roboto-ThinItalic.woff") format("woff"); }
@font-face { font-family: "RobotoSlab-Black"; src: url("../font/RobotoSlab-Black.eot"); src: url("../font/RobotoSlab-Black.ttf") format("truetype"), url("../font/RobotoSlab-Black.eot?#iefix") format("embedded-opentype"), url("../font/RobotoSlab-Black.svg#RobotoSlab-Black") format("svg"), url("../font/RobotoSlab-Black.woff") format("woff"); }
@font-face { font-family: "RobotoSlab-Bold"; src: url("../font/RobotoSlab-Bold.eot"); src: url("../font/RobotoSlab-Bold.ttf") format("truetype"), url("../font/RobotoSlab-Bold.eot?#iefix") format("embedded-opentype"), url("../font/RobotoSlab-Bold.svg#RobotoSlab-Bold") format("svg"), url("../font/RobotoSlab-Bold.woff") format("woff"); }
@font-face { font-family: "RobotoSlab-ExtraBold"; src: url("../font/RobotoSlab-ExtraBold.eot"); src: url("../font/RobotoSlab-ExtraBold.ttf") format("truetype"), url("../font/RobotoSlab-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../font/RobotoSlab-ExtraBold.svg#RobotoSlab-ExtraBold") format("svg"), url("../font/RobotoSlab-ExtraBold.woff") format("woff"); }
@font-face { font-family: "RobotoSlab-ExtraLight"; src: url("../font/RobotoSlab-ExtraLight.eot"); src: url("../font/RobotoSlab-ExtraLight.ttf") format("truetype"), url("../font/RobotoSlab-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../font/RobotoSlab-ExtraLight.svg#RobotoSlab-ExtraLight") format("svg"), url("../font/RobotoSlab-ExtraLight.woff") format("woff"); }
@font-face { font-family: "RobotoSlab-Light"; src: url("../font/RobotoSlab-Light.eot"); src: url("../font/RobotoSlab-Light.ttf") format("truetype"), url("../font/RobotoSlab-Light.eot?#iefix") format("embedded-opentype"), url("../font/RobotoSlab-Light.svg#RobotoSlab-Light") format("svg"), url("../font/RobotoSlab-Light.woff") format("woff"); }
@font-face { font-family: "RobotoSlab-Medium"; src: url("../font/RobotoSlab-Medium.eot"); src: url("../font/RobotoSlab-Medium.ttf") format("truetype"), url("../font/RobotoSlab-Medium.eot?#iefix") format("embedded-opentype"), url("../font/RobotoSlab-Medium.svg#RobotoSlab-Medium") format("svg"), url("../font/RobotoSlab-Medium.woff") format("woff"); }
@font-face { font-family: "RobotoSlab-Regular"; src: url("../font/RobotoSlab-Regular.eot"); src: url("../font/RobotoSlab-Regular.ttf") format("truetype"), url("../font/RobotoSlab-Regular.eot?#iefix") format("embedded-opentype"), url("../font/RobotoSlab-Regular.svg#RobotoSlab-Regular") format("svg"), url("../font/RobotoSlab-Regular.woff") format("woff"); }
@font-face { font-family: "RobotoSlab-SemiBold"; src: url("../font/RobotoSlab-SemiBold.eot"); src: url("../font/RobotoSlab-SemiBold.ttf") format("truetype"), url("../font/RobotoSlab-SemiBold.eot?#iefix") format("embedded-opentype"), url("../font/RobotoSlab-SemiBold.svg#RobotoSlab-SemiBold") format("svg"), url("../font/RobotoSlab-SemiBold.woff") format("woff"); }
@font-face { font-family: "RobotoSlab-Thin"; src: url("../font/RobotoSlab-Thin.eot"); src: url("../font/RobotoSlab-Thin.ttf") format("truetype"), url("../font/RobotoSlab-Thin.eot?#iefix") format("embedded-opentype"), url("../font/RobotoSlab-Thin.svg#RobotoSlab-Thin") format("svg"), url("../font/RobotoSlab-Thin.woff") format("woff"); }
/*** Colori Istituzionali: ***/
/*$smallTabletPort:585px;

$smallTabletLand:800px;*/
/*$more-add: 		3.5em;
$header-small:	4.2em;
$max-width:     1980px;*/
.cover-img { min-height: 0.1em; }

*:focus-visible { outline: blue solid 3px; outline-offset: -4px; }

* { margin: 0; padding: 0;   /*&:focus-visible{
		outline: 0px;
		position:relative;
		&::before{
			pointer-events: none;
			content:'';
			position:absolute;
			top:0px;
			left:0px;
			right:0px;
			bottom:0px;
			border: 2px solid yellow;
			z-index:1000;
			
		}
	}*/ }

.gm-style-cc { display: none; }

html { height: 100vh; width: 100%; font-family: "Roboto-Regular"; font-size: 16px; line-height: 24px; }
html body { min-width: 320px; font-size: 0.85rem; line-height: 1.25rem; color: #343434; /*valutare se inserirli in altro file comune*/     /*button, input, optgroup, select, textarea {
			font-family: inherit;
			font-feature-settings: inherit;
			font-variation-settings: inherit;
			font-size: 100%;
			font-weight: inherit;
			line-height: inherit;
			color: inherit;
			margin: 0;
			padding: 0;
			box-sizing: border-box; 		border: 0 solid #e5e7eb;
		}
		button, select {
			text-transform: none;
		}
		[role=button], button {
			cursor: pointer;
		}
		
		[type=button], [type=reset], [type=submit], button {
			-webkit-appearance: button;
			background-color: transparent;
			background-image: none;
		}
		
		.sr-only {
			position: absolute;
			width: 1px;
			height: 1px;
			padding: 0;
			margin: -1px;
			overflow: hidden;
			clip: rect(0, 0, 0, 0);
			white-space: nowrap;
			border-width: 0;
		}*/ /**/ /* componente Ractive ModalComponent */ }
@media screen and (min-width: 1124px) { html body { font-family: "Roboto-Light"; font-size: 1rem; letter-spacing: 0.005rem; line-height: 1.4rem; } }
@media screen and (min-width: 1400px) { html body { font-size: 1.05rem; line-height: 1.5rem; } }
@media screen and (min-width: 1320px) { html body { font-size: 1.1rem; line-height: 1.65rem; } }
@media screen and (min-width: 1921px) { html body { font-size: 1.188rem; line-height: 2rem; } }
html body a { cursor: pointer; -webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */ transition: opacity 1s; color: #CA3927; }
html body a:active { opacity: 0.8; }
html body sup { font-size: 0.7em; line-height: 1em; vertical-align: top; }
html body strong { font-family: "Roboto-Bold"; }
html body strong em { font-family: "Roboto-BoldItalic"; }
html body em { font-family: "Roboto-Light"; font-style: italic; }
html body em strong { font-family: "Roboto-BoldItalic"; }
html body #CookielawBanner { width: 100%; background-color: rgba(245, 245, 245, 0.95); z-index: 999999; position: fixed; bottom: 0; padding: 20px 0; box-shadow: 0 0 10px #343434; }
html body #CookielawBanner .container { padding: 10px 10%; }
html body #CookielawBanner .container h6 { font-family: "RobotoSlab-Regular"; color: #CA3927; text-align: center; text-transform: uppercase; font-weight: 700; margin-bottom: 20px; }
html body #CookielawBanner .container p { color: #707070; font-size: 0.8em; line-height: 2em; }
html body #CookielawBanner .container a { color: #ffffff; background-color: #CA3927; border-radius: 3px; padding: 5px 8px; margin-top: 10px; text-transform: uppercase; font-weight: 700; }
html body .flex { display: flex; }
html body h1 { font-family: "Roboto-Bold"; font-size: 1.35rem; letter-spacing: 0.005rem; line-height: 2rem; color: #CA3927; }
@media screen and (min-width: 915px) { html body h1 { font-size: 1.65rem; line-height: 2.2rem; } }
@media screen and (min-width: 1124px) { html body h1 { font-size: 1.85rem; line-height: 2.4rem; } }
@media screen and (min-width: 1400px) { html body h1 { font-size: 2.05rem; line-height: 2.8rem; } }
@media screen and (min-width: 1320px) { html body h1 { font-size: 2.35rem; line-height: 3.2rem; } }
html body h2 { font-family: "Roboto-Bold"; font-size: 1.25rem; letter-spacing: 0.005rem; line-height: 1.45rem; color: #CA3927; }
@media screen and (min-width: 1124px) { html body h2 { font-size: 1.4rem; line-height: 1.7rem; } }
@media screen and (min-width: 1400px) { html body h2 { font-size: 1.55rem; line-height: 2rem; } }
@media screen and (min-width: 1320px) { html body h2 { font-size: 1.75rem; line-height: 2.15rem; } }
@media screen and (min-width: 1921px) { html body h2 { font-size: 2rem; line-height: 2.3rem; } }
html body h3, html body span.titolo { font-family: "Roboto-Bold"; font-size: 1.0125rem; margin-top: 8px; letter-spacing: 0.005rem; line-height: 1.4rem; color: #CA3927; }
@media screen and (min-width: 1124px) { html body h3, html body span.titolo { font-size: 1.134rem; } }
@media screen and (min-width: 1400px) { html body h3, html body span.titolo { font-size: 1.255rem; line-height: 1.7rem; } }
@media screen and (min-width: 1320px) { html body h3.cluster1-element, html body span.titolo.cluster1-element { margin-top: 16px; font-size: 1.415rem; line-height: 1.75rem; } }
@media screen and (min-width: 1921px) { html body h3.cluster1-element, html body span.titolo.cluster1-element { margin-top: 24px; font-size: 1.625rem; line-height: 2.188rem; } }
html body h4 { font-family: "Roboto-Bold"; font-size: 0.875rem; letter-spacing: 0.005rem; line-height: 1.2rem; color: #CA3927; }
@media screen and (min-width: 915px) { html body h4 { margin-top: 6.4px; margin-bottom: 6.4px; } }
@media screen and (min-width: 1124px) { html body h4 { font-size: 0.95rem; line-height: 1.3rem; } }
@media screen and (min-width: 1400px) { html body h4 { font-size: 1.05rem; line-height: 1.45rem; } }
@media screen and (min-width: 1320px) { html body h4 { font-size: 1.15rem; line-height: 1.55rem; } }
html body p { font-family: "Roboto-Regular"; font-size: 1rem; letter-spacing: 0.005rem; line-height: 1.5rem; }
@media screen and (min-width: 915px) { html body p { font-size: 1.1rem; line-height: 1.6rem; } }
@media screen and (min-width: 1124px) { html body p { font-size: 1.2rem; line-height: 1.7rem; } }
html body i { font-family: "Roboto-Italic"; font-size: 1rem; letter-spacing: 0.005rem; line-height: 1.5rem; }
@media screen and (min-width: 915px) { html body i { font-size: 1.1rem; line-height: 1.6rem; } }
@media screen and (min-width: 1124px) { html body i { font-size: 1.2rem; line-height: 1.7rem; } }
html body b { font-family: "Roboto-Bold"; font-size: 1rem; letter-spacing: 0.005rem; line-height: 1.5rem; }
@media screen and (min-width: 915px) { html body b { font-size: 1.1rem; line-height: 1.6rem; } }
@media screen and (min-width: 1124px) { html body b { font-size: 1.2rem; line-height: 1.7rem; } }
html body .button-link { width: fit-content; border: 1px solid #CA3927; background: #ffffff; text-align: center; display: block; padding: 10px 30px 8px 30px; pointer-events: all; font-family: "Roboto-Bold"; text-transform: uppercase; color: #CA3927; text-decoration: none; border-radius: 5px; font-size: 0.85rem; line-height: 1rem; }
html body .button-link:hover, html body .button-link:active { background: #CA3927 !important; color: #ffffff !important; border-color: #ffffff; }
@media screen and (min-width: 915px) { html body .button-link { font-size: 1rem; line-height: 1.3rem; } }
@media screen and (min-width: 1280px) { html body .button-link { font-size: 1.15rem; line-height: 1.3rem; } }
html body .accordion-body { display: block; overflow: auto; margin: 20px 0; }
html body .accordion-body .more-less { margin: 0 !important; }
html body .accordion-body .more-less a { background-color: #F2F2F2; display: none; padding: 0.5rem 0; text-decoration: none; color: #343434; border-bottom: 1px solid rgba(112, 112, 112, 0.5); border-top: 1px solid rgba(112, 112, 112, 0.5); font-family: "Roboto-Bold"; }
html body .accordion-body .more-less a.show { display: block; }
html body .accordion-body .more-less a span { margin: 0px 15px; font-family: "Roboto-Bold"; font-size: 100%; pointer-events: none; position: relative; display: block; }
html body .accordion-body .more-less a span::before { margin: 0px 15px; content: ""; position: absolute; bottom: 0; top: 0; right: 0; width: 20px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; }
html body .accordion-body .more-less a span.more { display: block; }
html body .accordion-body .more-less a span.more::before { background-image: url("../layout/plus-thin.svg"); }
html body .accordion-body .more-less a span.less { display: none; }
html body .accordion-body .more-less a span.less::before { background-image: url("../layout/minus-thin.svg"); }
html body .accordion-body .accordion-content { height: 0rem; overflow: hidden; }
html body .accordion-body .accordion-content #lista-img { margin-top: 1.5rem; }
html body .accordion-body .accordion-content #lista-cards { margin-top: 1.5rem; }
html body .accordion-body.open .more-less a span.more { display: none; }
html body .accordion-body.open .more-less a span.less { display: block; }
html body .accordion-body.open .accordion-content { height: auto; /*overflow:auto;*/ padding: 16px 0px; }
html body .accordion-body.open .accordion-content .content-image img { width: 100%; height: auto; }
html body ul.sitemap li { margin: 2em 0 1em 0; text-transform: uppercase; font-family: "RobotoSlab-Bold"; }
html body ul.sitemap li a { text-decoration: none; color: #CA3927; }
html body ul.sitemap li li { margin: 2em 0 1em 0; color: #CA3927; }
html body ul.sitemap li li li { margin: 1em 0 1em 1em; list-style-type: initial; }
html body ul.sitemap li li li a { color: #CA3927; font-family: "Roboto-Bold"; text-transform: none; }
html body header { overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; pointer-events: none; /*margin-left:$margin-default;
	margin-right:$margin-default;
	@include min-screen($TabletPort){
		margin-left:$margin-TabletPort;
		margin-right:$margin-TabletPort;
	}
	@include min-screen($TabletLand){
		margin-left:$margin-TabletLand;
		margin-right:$margin-TabletLand;
	}
	@include min-screen($cinema){
		margin-left:$margin-cinema;
		margin-right:$margin-cinema;
	}
	@include min-screen($full-hd){
		margin-left:auto;
		margin-right:auto;
	}*/ z-index: 2; -moz-transition: all 0.2s; transition: all 0.2s; }
html body header #shortcuts { position: absolute; top: 0; left: 0; right: 0; text-align: center; z-index: 5; }
html body header #shortcuts a { position: relative; top: -300px; background: rgba(52, 52, 52, 0.8); padding: 5px; color: #ffffff; font-size: 0.8rem; }
html body header #shortcuts a:focus-visible { top: 00px; }
html body header .content-section .inner-page { padding-top: 16px; padding-bottom: 16px; }
html body header .centrato { max-width: 1320px; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; }
@media screen and (min-width: 915px) { html body header .centrato { padding-left: 38px; padding-right: 38px; } }
@media screen and (min-width: 1124px) { html body header .centrato { padding-left: 94px; padding-right: 94px; } }
@media screen and (min-width: 1320px) { html body header .centrato { padding-left: 134px; padding-right: 134px; } }
html body header .grey { /*padding-top:$margin-default;
padding-bottom:$margin-default;*/ background-color: #F2F2F2; }
html body header .grey .element-container li { background: #ffffff; }
@media screen and (min-width: 1124px) { html body header .grey .arrows.left { background-image: linear-gradient(to left, rgba(242, 242, 242, 0), rgba(242, 242, 242, 0.3), rgba(242, 242, 242, 0.45)); } }
@media screen and (min-width: 1124px) { html body header .grey .arrows.right { background-image: linear-gradient(to right, rgba(242, 242, 242, 0), rgba(242, 242, 242, 0.3), rgba(242, 242, 242, 0.45)); } }
html body header .red { background-color: #CA3927; }
html body header .red h2, html body header .red h3, html body header .red h4 { color: #ffffff; }
html body header .red .content-text { color: #ffffff; }
html body header .red .element-container li { background: #ffffff; }
@media screen and (min-width: 915px) { html body header .red .arrows.left { background-image: linear-gradient(to left, rgba(202, 57, 39, 0), rgba(202, 57, 39, 0.3), rgba(202, 57, 39, 0.45)); } }
@media screen and (min-width: 915px) { html body header .red .arrows.right { background-image: linear-gradient(to right, rgba(202, 57, 39, 0), rgba(202, 57, 39, 0.3), rgba(202, 57, 39, 0.45)); } }
html body header .nero { position: absolute; top: 0; left: 0; display: block; background: rgba(0, 0, 0, 0.55); z-index: 1; height: 100%; width: 100%; opacity: 0; }
html body header .nero.active { opacity: 1; pointer-events: all; }
html body header #navbar { display: flex; justify-content: space-between; max-width: 1920px; margin: 0 auto; }
html body header #navbar .left .main-bar { pointer-events: all; position: relative; height: 104px; max-width: 1910px; margin: auto; background: #CA3927; -moz-transition: all 0.2s; transition: all 0.2s; /*@include min-screen($full-hd){

		&::after{
			content:'';
			position:absolute;
			top:0;
			right:0;
			width:$margin-default;
			bottom:0;
			background:$bianco;
		}
}*/ }
html body header #navbar .left .main-bar .logo-area { position: relative; background: #ffffff; }
html body header #navbar .left .main-bar .logo-area #logo { -moz-transition: all 0.2s; transition: all 0.2s; -moz-transition-property: background-color; transition-property: background-color; -moz-transition-delay: 0s; transition-delay: 0s; width: 140px; height: 100%; vertical-align: middle; background-image: url(../layout/logo-palazzo-pretorio_contratto.svg); background-color: #ffffff; background-repeat: no-repeat; background-position: 16px center; background-size: auto 41px; 		/*border-bottom:1px solid rgba($grigio-chiaro,1);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;*/ display: block; max-height: 100%; pointer-events: none; }
html body header #navbar .left .main-bar .logo-area #logo img { display: none; }
@media screen and (min-width: 915px) { html body header #navbar .left .main-bar .logo-area #logo { width: 195px; margin: 0; background-position: 38px center; background-size: auto 50px; } }
@media screen and (min-width: 1124px) { html body header #navbar .left .main-bar .logo-area { background-color: transparent; }
  html body header #navbar .left .main-bar .logo-area.top { background-color: #ffffff; }
  html body header #navbar .left .main-bar .logo-area.top #logo { background-image: url(../layout/logo-palazzo-pretorio.svg); background-color: #ffffff; }
  html body header #navbar .left .main-bar .logo-area #logo { width: 260px; margin: 0; background-image: none; background-color: transparent; background-repeat: no-repeat; background-size: auto 100px; } }
@media screen and (min-width: 1280px) { html body header #navbar .left .main-bar .logo-area #logo { width: 275px; margin: 0; background-repeat: no-repeat; } }
@media screen and (min-width: 1320px) { html body header #navbar .left .main-bar .logo-area #logo { width: 385px; margin: 0; background-repeat: no-repeat; background-position: 58px center; background-size: auto 135px; } }
html body header #navbar .left .main-bar .logo-area.bottom { -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
@media screen and (min-width: 1124px) { html body header #navbar .left .main-bar .logo-area.bottom #logo { width: 260px; margin: 0; background-image: url(../layout/logo-palazzo-pretorio_contratto_bianco.svg); background-color: #CA3927; background-repeat: no-repeat; background-position: 94px center; background-size: auto 53px; } }
@media screen and (min-width: 1280px) { html body header #navbar .left .main-bar .logo-area.bottom #logo { width: 275px; } }
@media screen and (min-width: 1320px) { html body header #navbar .left .main-bar .logo-area.bottom #logo { width: 385px; background-repeat: no-repeat; background-position: 134px center; background-size: auto 71px; } }
@media screen and (min-width: 915px) { html body header #navbar .left .main-bar { height: 120px; }
  html body header #navbar .left .main-bar .right-part { left: 195px; right: 38px; } }
@media screen and (min-width: 1124px) { html body header #navbar .left .main-bar { height: 135px; }
  html body header #navbar .left .main-bar .right-part { left: 260px; right: 94px; }
  html body header #navbar .left .main-bar .right-part .language { left: 8px; } }
@media screen and (min-width: 1200px) { html body header #navbar .left .main-bar .right-part .language { left: 16px; } }
@media screen and (min-width: 1280px) { html body header #navbar .left .main-bar { height: 145px; }
  html body header #navbar .left .main-bar .right-part { left: 275px; }
  html body header #navbar .left .main-bar .right-part .language { left: 47px; } }
@media screen and (min-width: 1320px) { html body header #navbar .left .main-bar { height: 165px; }
  html body header #navbar .left .main-bar .right-part { left: 385px; right: 134px; }
  html body header #navbar .left .main-bar .right-part .language { left: 67px; } }
html body header #navbar .left .main-bar.bottom { height: 60px; }
@media screen and (min-width: 1124px) { html body header #navbar .left .main-bar.bottom { height: 90px; } }
@media screen and (min-width: 1320px) { html body header #navbar .left .main-bar.bottom { height: 105px; } }
html body header #navbar .right { display: flex; flex-direction: column; }
html body header #navbar .right .right-top { -moz-transition: all 0.2s; transition: all 0.2s; }
html body header #navbar .right .right-top .language { pointer-events: all; -moz-transition: all 0.2s; transition: all 0.2s; background: #CA3927; text-align: right; opacity: 1; border-bottom: 1px solid rgba(255, 255, 255, 0.25); z-index: 2; margin-left: auto; font-family: "Roboto-Regular"; font-size: 1rem; }
html body header #navbar .right .right-top .language a { display: inline-block; color: #ffffff; position: relative; padding: 12px 15px 11px 15px; text-decoration: none; }
html body header #navbar .right .right-top .language a.selected { font-family: "Roboto-Regular"; pointer-events: none; }
html body header #navbar .right .right-top .language a.selected::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: #ffffff; pointer-events: none; }
html body header #navbar .right .right-top .language.bottom { opacity: 0; display: none !important; }
@media screen and (min-width: 1124px) { html body header #navbar .right .right-top .language { font-family: "Roboto-Regular"; font-size: 1.2rem; } }
html body header #navbar .right .right-top .main-menu .language { max-width: 552px; }
html body header #navbar .right .right-top.bottom { height: 0px; }
html body header #navbar .right .right-bottom { flex: 1; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; }
html body header #navbar .right .right-bottom .main-menu { pointer-events: all; -moz-transition: all 0.2s; transition: all 0.2s; width: 100%; z-index: 2; /* Stile per il bottone dell'hamburger */ }
html body header #navbar .right .right-bottom .main-menu .hamburger { display: block; position: relative; z-index: 3; width: 30px; height: 100%; cursor: pointer; background: none; border: none; outline: none; }
html body header #navbar .right .right-bottom .main-menu .hamburger-box { width: 30px; height: 24px; display: inline-block; position: relative; pointer-events: none; }
html body header #navbar .right .right-bottom .main-menu .hamburger-inner { display: flex; position: absolute; width: 30px; height: 3px; background-color: #ffffff; transition: all 0.3s; top: 50%; margin-top: -1.5px; pointer-events: none; }
html body header #navbar .right .right-bottom .main-menu .hamburger-inner::before, html body header #navbar .right .right-bottom .main-menu .hamburger-inner::after { content: ""; position: absolute; width: 30px; height: 3px; background-color: #ffffff; transition: all 0.3s; }
html body header #navbar .right .right-bottom .main-menu .hamburger-inner::before { top: -8px; }
html body header #navbar .right .right-bottom .main-menu .hamburger-inner::after { bottom: -8px; }
html body header #navbar .right .right-bottom .main-menu .hamburger.is-active .hamburger-inner { transform: rotate(45deg); }
html body header #navbar .right .right-bottom .main-menu .hamburger.is-active .hamburger-inner::before { transform: rotate(90deg); top: 0; }
html body header #navbar .right .right-bottom .main-menu .hamburger.is-active .hamburger-inner::after { transform: rotate(90deg); bottom: 0; }
html body header #navbar .right .right-bottom .main-menu.open ul.menu-lev1 { display: flex; opacity: 1; overflow-y: auto; }
html body header #navbar .right .right-bottom .main-menu.open .language { display: block; }
html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 { max-width: 552px; height: auto; margin-left: auto; z-index: 2; display: none; flex-direction: column; position: absolute; top: 104px; bottom: 0; right: 0; left: 32%; opacity: 0; }
html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li a.primary { display: flex; justify-content: space-between; align-items: center; font-family: "Roboto-Bold"; font-size: 1.05rem; text-decoration: none; background: #ffffff; padding: 20px; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li a.primary::after { content: ""; width: 30px; height: 30px; background-image: url(../layout/arrow-right.svg); background-repeat: no-repeat; background-position: center center; background-size: 10px auto; transform: rotate(90deg); display: inline-block; vertical-align: middle; }
html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li a.primary span { pointer-events: none; }
html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li a.primary.selected::after { transform: rotate(270deg); }
html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li .submenu { display: none; padding: 16px; z-index: 2; width: 100%; background-color: #ffffff; }
html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li .submenu li { padding: 1.5rem 0; border-bottom: 1px solid #DEDEDE; }
html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li .submenu li a { display: block; text-decoration: none; color: #343434; }
html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li .submenu li a span { family: "Roboto-Bold"; size: 0.9rem; }
html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 .language { display: flex; justify-content: space-between; gap: 30px; align-items: center; font-family: "Roboto-Bold"; font-size: 1.05rem; text-decoration: none; background: #ffffff; padding: 20px; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 .language .language-chooser { display: flex; flex-direction: column; align-items: end; justify-content: space-between; gap: 30px; width: 60%; }
html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 .language .language-chooser a { display: flex; align-items: center; justify-content: center; gap: 5px; }
html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 .language .language-chooser a.it::before { content: ""; width: 25px; height: 25px; background: url(../layout/icon-flag-ita.png) no-repeat; background-size: contain; background-position: center; display: inline-block; vertical-align: middle; }
html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 .language .language-chooser a.en::before { content: ""; width: 25px; height: 25px; background: url(../layout/icon-flag-eng.png) no-repeat; background-size: contain; background-position: center; display: inline-block; vertical-align: middle; }
@media screen and (min-width: 915px) { html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 { top: 120px; } }
@media screen and (min-width: 1124px) { html body header #navbar .right .right-bottom .main-menu { overflow: visible; pointer-events: none; }
  html body header #navbar .right .right-bottom .main-menu .hamburger { display: none; }
  html body header #navbar .right .right-bottom .main-menu .language, html body header #navbar .right .right-bottom .main-menu .open .language { display: none !important; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 { display: flex; justify-content: space-around; align-items: center; max-width: none; pointer-events: none; flex-direction: row; position: static; opacity: 1; top: 90px; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li { pointer-events: all; display: table-cell; display: inline-block; vertical-align: bottom; height: 100%; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li a.primary { z-index: 0; text-align: center; background: transparent; color: #ffffff; border: 0; position: relative; z-index: 3; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li a.primary:hover span::before { transform: scaleX(1); transform-origin: bottom left; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li a.primary span { display: inline-block; vertical-align: top; pointer-events: none; position: relative; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li a.primary span::before { content: ""; position: absolute; transform: scaleX(0); height: 1px; bottom: 0; left: 0; right: 0; background-color: #ffffff; transform-origin: bottom left; transition: transform 0.25s ease-out; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li a.primary::after { height: 100%; margin: 0 0px; display: none; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li a.primary.selected { background: #F2F2F2; color: #CA3927; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li ul.submenu { position: absolute; left: 0; top: 100%; margin: auto; padding: 16px; padding-top: 48px; column-count: 3; column-gap: 32px; pointer-events: none; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li ul.submenu li { width: 100%; -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */ }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li ul.submenu li:hover a > span::before { transform: scaleX(1); transform-origin: bottom left; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li ul.submenu li a span { font-size: 1rem; display: inline-block; position: relative; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li ul.submenu li a span::before { content: ""; position: absolute; transform: scaleX(0); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom left; transition: transform 0.25s ease-out; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 li ul.submenu li a p.descrizione { font-size: 0.85rem; } }
@media screen and (min-width: 1280px) { html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 .submenu-container ul.submenu::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } }
@media screen and (min-width: 1400px) { html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 > li a.primary { font-size: 1.15rem; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 .submenu-container ul.submenu { column-count: 3; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 .submenu-container ul.submenu li a span { font-size: 1.1rem; } }
@media screen and (min-width: 1320px) { html body header #navbar .right .right-bottom .main-menu { max-width: 1910px; margin: auto; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 > li a.primary { font-size: 1.3rem; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 .submenu-container ul.submenu { padding: 24px; padding-top: 56px; right: 134px; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 .submenu-container ul.submenu li > a span { font-size: 1.2rem; } }
@media screen and (min-width: 1320px) and (min-width: 1910px) { html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 > li a.primary { font-size: 1.5rem; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 .submenu-container ul.submenu li a span { font-size: 1.25rem; }
  html body header #navbar .right .right-bottom .main-menu ul.menu-lev1 .submenu-container ul.submenu li a p.descrizione { line-height: 1.2rem; } }

html body header #navbar .right .right-bottom .bt-acquista { width: 80px; padding: 10px 30px 8px 20px; z-index: 0; text-align: left; display: inline-block; margin: 12px 20px; vertical-align: middle; position: relative; }
html body header #navbar .right .right-bottom .bt-acquista::after { content: ''; position: absolute; top: 5px; right: 0; bottom: 5px; width: 20px; pointer-events: none; background-image: url(../layout/arrow-right.svg); background-repeat: no-repeat; background-position: center center; background-size: 8px auto; }
@media screen and (min-width: 1124px) { html body header #navbar .right .right-bottom .bt-acquista { width: 150px; } }
@media screen and (min-width: 1124px) { html body header #navbar .right { flex: 1; }
  html body header #navbar .right .right-bottom { flex-direction: row; position: relative; gap: 20px; } }
html body header::before { -moz-transition: all 0.2s; transition: all 0.2s; content: ''; background: #CA3927; position: absolute; top: 0; left: 0; right: 0; z-index: 0; width: 100%; pointer-events: none; box-shadow: 0 1px 50px rgba(52, 52, 52, 0.25); height: 104px; }
@media screen and (min-width: 915px) { html body header::before { height: 120px; } }
@media screen and (min-width: 1124px) { html body header::before { height: 135px; } }
@media screen and (min-width: 1280px) { html body header::before { height: 145px; } }
@media screen and (min-width: 1320px) { html body header::before { height: 165px; } }
html body header.bottom { position: fixed; }
html body header.bottom::before { height: 60px; border-bottom: 0; }
@media screen and (min-width: 1124px) { html body header.bottom::before { height: 90px; border-bottom: 0; } }
@media screen and (min-width: 1320px) { html body header.bottom::before { height: 105px; } }
html body #top-anchor { background: #F2F2F2; height: 104px; -moz-transition: all 0.2s; transition: all 0.2s; }
@media screen and (min-width: 915px) { html body #top-anchor { height: 120px; } }
@media screen and (min-width: 1124px) { html body #top-anchor { height: 135px; } }
@media screen and (min-width: 1280px) { html body #top-anchor { height: 145px; } }
@media screen and (min-width: 1320px) { html body #top-anchor { height: 165px; } }
@media screen and (min-width: 1124px) { html body #top-anchor.bottom::before { height: 90px; } }
@media screen and (min-width: 1320px) { html body #top-anchor.bottom::before { height: 105px; } }
html body #content { background: #ffffff; margin-top: 104px; /*margin-left:$margin-default;
	margin-right:$margin-default;
	@include min-screen($TabletPort){
		margin-left:$margin-TabletPort;
		margin-right:$margin-TabletPort;
	}
	@include min-screen($TabletLand){
		margin-left:$margin-TabletLand;
		margin-right:$margin-TabletLand;
	}
	@include min-screen($cinema){
		margin-left:$margin-cinema;
		margin-right:$margin-cinema;
	}
	@include min-screen($full-hd){
		margin-left:auto;
		margin-right:auto;
	}*/ }
@media screen and (min-width: 915px) { html body #content { margin-top: 120px; } }
@media screen and (min-width: 1124px) { html body #content { margin-top: 135px; } }
@media screen and (min-width: 1280px) { html body #content { margin-top: 145px; } }
@media screen and (min-width: 1320px) { html body #content { margin-top: 165px; } }
html body #content .content-section .inner-page { padding-top: 16px; padding-bottom: 16px; }
html body #content .centrato { max-width: 1320px; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; }
@media screen and (min-width: 915px) { html body #content .centrato { padding-left: 38px; padding-right: 38px; } }
@media screen and (min-width: 1124px) { html body #content .centrato { padding-left: 94px; padding-right: 94px; } }
@media screen and (min-width: 1320px) { html body #content .centrato { padding-left: 134px; padding-right: 134px; } }
html body #content .grey { /*padding-top:$margin-default;
padding-bottom:$margin-default;*/ background-color: #F2F2F2; }
html body #content .grey .element-container li { background: #ffffff; }
@media screen and (min-width: 1124px) { html body #content .grey .arrows.left { background-image: linear-gradient(to left, rgba(242, 242, 242, 0), rgba(242, 242, 242, 0.3), rgba(242, 242, 242, 0.45)); } }
@media screen and (min-width: 1124px) { html body #content .grey .arrows.right { background-image: linear-gradient(to right, rgba(242, 242, 242, 0), rgba(242, 242, 242, 0.3), rgba(242, 242, 242, 0.45)); } }
html body #content .red { background-color: #CA3927; }
html body #content .red h2, html body #content .red h3, html body #content .red h4 { color: #ffffff; }
html body #content .red .content-text { color: #ffffff; }
html body #content .red .element-container li { background: #ffffff; }
@media screen and (min-width: 915px) { html body #content .red .arrows.left { background-image: linear-gradient(to left, rgba(202, 57, 39, 0), rgba(202, 57, 39, 0.3), rgba(202, 57, 39, 0.45)); } }
@media screen and (min-width: 915px) { html body #content .red .arrows.right { background-image: linear-gradient(to right, rgba(202, 57, 39, 0), rgba(202, 57, 39, 0.3), rgba(202, 57, 39, 0.45)); } }
html body #content .container { background-color: #F2F2F2; }
html body #content .container .breadcrumb { display: flex; justify-content: space-between; align-items: center; min-height: 80px; }
html body #content .container .breadcrumb .path { flex: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 5px; width: 80%; }
html body #content .container .breadcrumb .path li { display: flex; align-items: center; gap: 5px; }
@media screen and (min-width: 915px) { html body #content .container .breadcrumb .path { width: 70%; } }
html body #content .container .breadcrumb #share { display: flex; justify-content: flex-end; gap: 10px; width: 20%; }
@media screen and (min-width: 915px) { html body #content .container .breadcrumb #share { width: 30%; } }
html body #content .container .breadcrumb #share .menu.topLeft { z-index: 1; position: relative; padding: 0; margin: 0; cursor: pointer; list-style-type: none; }
html body #content .container .breadcrumb #share .menu.topLeft .share.bottom .share-button.socials-menu { height: 50px; width: 50px; border: none; background-color: transparent; background-image: url("../layout/share.svg"); background-size: 25px; background-repeat: no-repeat; background-position: center center; cursor: pointer; }
@media screen and (max-width: 480px) { html body #content .container .breadcrumb #share .menu.topLeft .share.bottom.active .socials-submenu li:nth-child(1) { opacity: 1; top: 50px; margin: 5px 0; transform: rotate(0deg); transition-delay: 0.08s; }
  html body #content .container .breadcrumb #share .menu.topLeft .share.bottom.active .socials-submenu li:nth-child(2) { opacity: 1; top: 100px; margin: 5px 0; transform: rotate(0deg); transition-delay: 0.16s; }
  html body #content .container .breadcrumb #share .menu.topLeft .share.bottom.active .socials-submenu li:nth-child(3) { opacity: 1; top: 150px; margin: 5px 0; transform: rotate(0deg); transition-delay: 0.24s; }
  html body #content .container .breadcrumb #share .menu.topLeft .share.bottom.active .socials-submenu li:nth-child(4) { opacity: 1; top: 200px; margin: 5px 0; transform: rotate(0deg); transition-delay: 0.32s; }
  html body #content .container .breadcrumb #share .menu.topLeft .share.bottom.active .socials-submenu li:nth-child(5) { opacity: 1; top: 250px; margin: 5px 0; transform: rotate(0deg); transition-delay: 0.4s; } }
@media screen and (min-width: 915px) { html body #content .container .breadcrumb #share .menu.topLeft .share.bottom.active .socials-submenu li:nth-child(1) { opacity: 1; left: -60px; margin: 5px 0; transform: rotate(0deg); transition-delay: 0.08s; }
  html body #content .container .breadcrumb #share .menu.topLeft .share.bottom.active .socials-submenu li:nth-child(2) { opacity: 1; left: -120px; margin: 5px 0; transform: rotate(0deg); transition-delay: 0.16s; }
  html body #content .container .breadcrumb #share .menu.topLeft .share.bottom.active .socials-submenu li:nth-child(3) { opacity: 1; left: -180px; margin: 5px 0; transform: rotate(0deg); transition-delay: 0.24s; }
  html body #content .container .breadcrumb #share .menu.topLeft .share.bottom.active .socials-submenu li:nth-child(4) { opacity: 1; left: -240px; margin: 5px 0; transform: rotate(0deg); transition-delay: 0.32s; }
  html body #content .container .breadcrumb #share .menu.topLeft .share.bottom.active .socials-submenu li:nth-child(5) { opacity: 1; left: -300px; margin: 5px 0; transform: rotate(0deg); transition-delay: 0.4s; } }
html body #content .container .breadcrumb #share .menu.topLeft .socials-submenu { list-style-type: none; padding: 0; margin: 0; }
html body #content .container .breadcrumb #share .menu.topLeft .socials-submenu li { transition: all ease-in-out 0.5s; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; }
html body #content .container .breadcrumb #share .menu.topLeft .socials-submenu li a { color: #212121; display: block; width: 45px; height: 45px; text-align: center; line-height: 50px; border-radius: 50px; }
html body #content .container .breadcrumb #share .menu.topLeft .socials-submenu li a.facebook { background-color: #3b5999; background-image: url("../layout/fb.svg"); }
html body #content .container .breadcrumb #share .menu.topLeft .socials-submenu li a.twitter { background-color: #55acee; background-image: url("../layout/tw.svg"); }
html body #content .container .breadcrumb #share .menu.topLeft .socials-submenu li a.whatsapp { background-color: #25d366; background-image: url("../layout/wa.svg"); }
html body #content .container .breadcrumb #share .menu.topLeft .socials-submenu li a.telegram { background-color: #0088cc; background-image: url("../layout/tg.svg"); }
html body #content .container .breadcrumb #share .menu.topLeft .socials-submenu li a.mail { background-color: #dd4b39; background-image: url("../layout/mail.svg"); }
html body #content .container .breadcrumb #share .menu.topLeft .socials-submenu li a:hover { opacity: 0.5; color: #fff; }
html body #content .container .breadcrumb #share .menu.topLeft .socials-submenu li:nth-child(1) { transform: rotateX(45deg); }
html body #content .container .breadcrumb #share .menu.topLeft .socials-submenu li:nth-child(2) { transform: rotateX(90deg); }
html body #content .container .breadcrumb #share .menu.topLeft .socials-submenu li:nth-child(3) { transform: rotateX(135deg); }
html body #content .container .breadcrumb #share .menu.topLeft .socials-submenu li:nth-child(4) { transform: rotateX(180deg); }
html body #content .container .breadcrumb p { font-family: "Roboto-Regular"; font-size: 0.9rem; letter-spacing: -0.0010rem; line-height: 1.5rem; }
@media screen and (min-width: 915px) { html body #content .container .breadcrumb p { font-size: 1.1rem; line-height: 1.6rem; } }
@media screen and (min-width: 1124px) { html body #content .container .breadcrumb p { font-size: 1.2rem; line-height: 1.7rem; } }
html body #content .cover-img figure { display: block; width: 100%; position: relative; }
html body #content .cover-img figure video, html body #content .cover-img figure img { width: 100%; height: 100%; object-fit: cover; }
html body #content .cover-img figure figcaption { display: none; position: absolute; bottom: 1em; z-index: 10; left: 0.65em; background-color: rgba(202, 57, 39, 0.8); padding: 0.5em; font-size: 0.75em; line-height: 1.2em; color: #ffffff; font-family: "Roboto-Regular"; }
@media screen and (min-width: 915px) { html body #content .cover-img figure figcaption { left: 1.25em; padding-left: 1em; padding-right: 1em; } }
@media screen and (min-width: 1280px) { html body #content .cover-img figure figcaption { left: 2.7em; bottom: 2em; }
  html body #content .cover-img figure figcaption span { font-size: 1.5em; } }
@media screen and (min-width: 1320px) { html body #content .cover-img figure figcaption { left: 4.7em; padding-left: 2em; padding-right: 2em; bottom: 3em; }
  html body #content .cover-img figure figcaption span { font-size: 2em; } }
@media screen and (min-width: 915px) { html body #content .cover-img figure { height: 600px; } }
html body #content .content-section .content-text { display: flex; flex-direction: column; }
html body #content .content-section .content-text h1 { margin-top: 24px; margin-bottom: 16px; }
html body #content .content-section .content-text h2 { margin-top: 24px; margin-bottom: 16px; }
html body #content .content-section .content-text h3 { margin-top: 24px; margin-bottom: 16px; }
html body #content .content-section .content-text .store { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px; }
html body #content .content-section .content-text .store a img { padding: 0; height: 100%; width: 100%; max-width: 300px; }
@media screen and (min-width: 915px) { html body #content .content-section .content-text .store { flex-direction: row; justify-content: left; }
  html body #content .content-section .content-text .store a img { height: 60px; max-width: 560px; } }
html body #content .content-section .content-text img { padding: 16px; }
html body #content .content-section .content-text img.align-left { align-self: flex-start; }
html body #content .content-section .content-text img.align-right { align-self: flex-end; }
html body #content .content-section .content-text img.align-center { align-self: center; }
html body #content .content-section .content-text p { padding-bottom: 16px; }
html body #content .content-section .content-text ul { list-style: outside; padding-left: 1.2em; margin-bottom: 32px; display: flex; flex-direction: column; gap: 10px; }
html body #content .content-section .content-text ol { list-style: auto; margin-top: 16px; margin-bottom: 94px; }
html body #content .file_dl { border: 1px solid white; margin: 16px 0; }
html body #content .file_dl a { max-width: 500px; border: 1px solid #CA3927; background: #ffffff; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; padding: 5px 25px; font-family: "Roboto-Bold"; text-transform: uppercase; color: #CA3927; text-decoration: none; border-radius: 5px; font-size: 0.85rem; line-height: 1rem; }
html body #content .file_dl a::before { content: ""; display: inline-block; top: 0; left: 0; bottom: 0; width: 50px; height: 50px; pointer-events: none; background-image: url("../layout/icon-download-red.svg"); background-repeat: no-repeat; background-position: center center; background-size: 25px auto; }
html body #content .file_dl a:hover, html body #content .file_dl a:active { background: #CA3927 !important; color: #ffffff; border-color: #ffffff; }
html body #content .file_dl a:hover::before, html body #content .file_dl a:active::before { background-image: url("../layout/icon-download-white.svg"); }
@media screen and (min-width: 915px) { html body #content .file_dl a { font-size: 1rem; line-height: 1.3rem; } }
html body #content #scrollToTopBtn { position: fixed; z-index: 98; right: 0; bottom: 100px; border: none; border-radius: 0% 20% 20% 0%; width: 60px; height: 60px; font-size: 0; background-color: #CA3927; background-image: url(../layout/freccia.svg); transform: rotate(180deg); background-position: center center; background-repeat: no-repeat; background-size: 30px; pointer-events: none; opacity: 0; transition: opacity 0.5s; }
html body #content #scrollToTopBtn.visible { opacity: 1; cursor: pointer; pointer-events: visible; }
html body #content #newsletter-section .background { display: flex; flex-direction: column; justify-content: center; background-color: #DEDEDE; }
html body #content #newsletter-section .background form { width: auto; display: flex; flex-direction: column; justify-content: center; height: 300px; }
html body #content #newsletter-section .background form .newsletter-text { display: flex; flex-direction: column; gap: 20px; }
html body #content #newsletter-section .background form .newsletter-input { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
html body #content #newsletter-section .background form .newsletter-input label { font-family: "Roboto-Bold"; }
html body #content #newsletter-section .background form .newsletter-input .input-box { display: flex; flex-direction: column; gap: 10px; }
html body #content #newsletter-section .background form .newsletter-input .input-box input { padding: 10px 30px 8px 5px; font-size: 1.2rem; border-radius: 5px; border: 1px solid #343434; }
html body #content #newsletter-section .background form .newsletter-input .input-box button { padding: 15px 50px 15px 50px; background-color: #CA3927; color: #ffffff; border: none; border-radius: 5px; font-size: 16px; font-family: "Roboto-Bold"; text-transform: uppercase; cursor: pointer; }
@media screen and (min-width: 1124px) { html body #content #newsletter-section .background form .newsletter-input .input-box { flex-direction: row; }
  html body #content #newsletter-section .background form .newsletter-input .input-box input { width: 100%; } }
@media screen and (min-width: 915px) { html body #content #newsletter-section .background form { width: 50%; } }
html body #content #evaluating-section { margin-top: 94px; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 300px; background-color: #F2F2F2; }
html body #content #evaluating-section #rating { margin: 20px 0px; background-color: #ffffff; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; display: flex; flex-direction: column; justify-content: center; max-width: 700px; gap: 10px; }
html body #content #evaluating-section #rating #question { padding: 10px 0; }
html body #content #evaluating-section #rating #question h2 { color: #343434; font-size: 1.3rem; }
html body #content #evaluating-section #rating #form { padding: 10px 0; }
html body #content #evaluating-section #rating #form #radioButtons h3 { padding-bottom: 20px; display: flex; justify-content: space-between; box-shadow: 0 0.9375rem 1.325rem -0.9rem rgba(0, 0, 0, 0.1); }
html body #content #evaluating-section #rating #form #radioButtons .radio-list-item { position: relative; display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid rgba(200, 200, 200, 0.75); margin-bottom: 0.9rem; }
html body #content #evaluating-section #rating #form #radioButtons .radio-list-item input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; }
html body #content #evaluating-section #rating #form #radioButtons .radio-list-item input[type="radio"]:checked + label .custom-radio::after { background-color: #CA3927; /* Cambia colore qui */ }
html body #content #evaluating-section #rating #form #radioButtons .radio-list-item input[type="radio"]:checked + label .custom-radio { border-color: #CA3927; /* Cambia colore del bordo */ }
html body #content #evaluating-section #rating #form #radioButtons .radio-list-item label { display: flex; align-items: center; font-size: 1.2rem; font-family: "Roboto-Bold"; }
html body #content #evaluating-section #rating #form #radioButtons .radio-list-item label .custom-radio { position: relative; width: 20px; height: 20px; background-color: #eee; border-radius: 50%; border: 2px solid #ccc; transition: background-color 0.3s, border-color 0.3s; margin-right: 20px; /* Spazio tra il radio button e il testo */ }
html body #content #evaluating-section #rating #form #radioButtons .radio-list-item label .custom-radio::after { content: ""; position: absolute; width: 12px; height: 12px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: transparent; transition: background-color 0.3s; }
html body #content #evaluating-section #rating #form #radioButtons:focus-visible { outline: blue solid 3px; outline-offset: -4px; }
html body #content #evaluating-section #rating #form #detailInput h3 { padding-bottom: 20px; display: flex; justify-content: space-between; box-shadow: 0 0.9375rem 1.325rem -0.9rem rgba(0, 0, 0, 0.1); }
html body #content #evaluating-section #rating #form #detailInput .detail-input { display: flex; flex-direction: column; }
html body #content #evaluating-section #rating #form #detailInput .detail-input label { font-family: "Roboto-Bold"; font-size: 1.1rem; margin: 5px 0; display: flex; align-items: center; }
html body #content #evaluating-section #rating #form #detailInput .detail-input input { padding: 10px 20px; border: none; border-bottom: 1px solid #343434; margin-bottom: 10px; }
html body #content #evaluating-section #rating #form #navButtons { margin: 10px 0; }
html body #content #evaluating-section #rating #form #navButtons .button-group { display: flex; align-items: center; justify-content: center; gap: 20px; }
html body #content #evaluating-section #rating #form #navButtons .button-group button { padding: 8px 30px 8px 30px; border-radius: 5px; font-size: 16px; font-family: "Roboto-Bold"; text-transform: uppercase; cursor: pointer; }
html body #content #evaluating-section #rating #form #navButtons .button-group button:nth-child(1) { background-color: #ffffff; color: #CA3927; border: 1px solid #CA3927; }
html body #content #evaluating-section #rating #form #navButtons .button-group button:nth-child(2) { background-color: #CA3927; color: #ffffff; border: 1px solid #CA3927; }
html body #content #evaluating-section #rating #rating-feedback h2 { padding: 20px; }
html body #content #evaluating-section #rating-toggle-button { display: flex; position: relative; margin-top: 0; align-items: center; justify-content: center; font-size: 1.2rem; font-family: "Roboto-Bold"; color: #CA3927; cursor: pointer; border: 1px solid #CA3927; background-color: #ffffff; border-radius: 5px; padding: 15px 50px 15px 50px; }
html body #content #report-evaluation-section #rating-results { border: 2px solid #F2F2F2; margin-top: 94px; margin-bottom: 94px; padding-bottom: 94px; padding-top: 94px; width: 60%; gap: 50px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #ffffff; box-shadow: rgba(60, 64, 67, 0.5) 0px 1px 2px 0px, rgba(60, 64, 67, 0.3) 0px 3px 8px 3px; }
@media screen and (max-width: 768px) { html body #content #report-evaluation-section #rating-results { width: 90%; } }
html body #content #report-evaluation-section #rating-results .row { min-height: 100px; display: flex; flex-direction: column; width: 100%; }
html body #content #report-evaluation-section #rating-results .row.all-site-rating-average { background-color: #DEDEDE; padding: 10px; }
html body #content #report-evaluation-section #rating-results .row .empty-rating-content { width: 100%; display: flex; justify-content: center; align-items: center; font-family: "Roboto-Bold"; }
html body #content #report-evaluation-section #rating-results .row .single-page-ratings-comments { /* Webkit Browsers */ /* Firefox */ scrollbar-width: thin; scrollbar-color: #CA3927 #ffffff; }
html body #content #report-evaluation-section #rating-results .row .single-page-ratings-comments.active { border: 2px solid rgba(202, 57, 39, 0.5); }
html body #content #report-evaluation-section #rating-results .row .single-page-ratings-comments ::-webkit-scrollbar { width: 12px; }
html body #content #report-evaluation-section #rating-results .row .single-page-ratings-comments ::-webkit-scrollbar-track { background: #ffffff; }
html body #content #report-evaluation-section #rating-results .row .single-page-ratings-comments ::-webkit-scrollbar-thumb { background: #F2F2F2; border-radius: 5px; }
html body #content #report-evaluation-section #rating-results .row .single-page-ratings-comments ::-webkit-scrollbar-thumb:hover { background: #CA3927; }
html body #content #report-evaluation-section #rating-results .row .feedbacks-comments-section-title { margin: 10px; }
html body #content #report-evaluation-section #rating-results .row .feedbacks-comments-section-title span { color: #ffffff; cursor: pointer; background-color: #CA3927; border-radius: 5px; padding: 5px; }
html body #content #report-evaluation-section #rating-results .row .rating-container { display: flex; flex-direction: row; }
@media screen and (max-width: 1024px) { html body #content #report-evaluation-section #rating-results .row .rating-container { flex-direction: column; } }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-text { display: flex; flex-grow: 1; flex-basis: 65%; max-height: 45vh; margin-bottom: 5px; margin-right: 2%; overflow-y: auto; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-text #ratings-show { width: 100%; height: 100%; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-text #ratings-show .feedback-container { border: 2px solid rgba(202, 57, 39, 0.2); margin: 1%; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-text #ratings-show .feedback-container .stars-feedback .stars-feedback-container { width: auto; display: inline-block; vertical-align: middle; margin-left: 1%; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-text #ratings-show .feedback-container .stars-feedback p { display: inline-block; width: auto; margin: 1%; vertical-align: middle; font-family: "Roboto-Bold"; font-size: 1.3rem; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-text #ratings-show .feedback-container p { width: 100%; font-size: 1rem; margin-left: 1%; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-plots { display: flex; flex-grow: 1; flex-basis: 0; display: flex; flex-direction: column; margin-top: 1%; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-plots .average-ratings { margin-left: 2%; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-plots .average-ratings .average-feedbacks .average-stars-vote { display: flex; align-items: center; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-plots .average-ratings .average-feedbacks .average-stars-vote p { font-family: "Roboto-Bold"; font-size: 1rem; margin-left: 1%; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-plots .average-ratings .average-feedbacks .number-votes { margin-top: 2%; margin-bottom: 2%; font-size: 0.9rem; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-plots .ratings-chart { width: 100%; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-plots .ratings-chart .rating-row { margin: 2%; display: flex; align-items: center; margin-bottom: 5px; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-plots .ratings-chart .rating-row span:first-child { width: 20%; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-plots .ratings-chart .rating-row .bar-container { width: 60%; background-color: #ffffff; border: 1px solid #000000; border-radius: 5px; margin-right: 10px; position: relative; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-plots .ratings-chart .rating-row .bar-container .bar { height: 20px; background-color: #ca3927; width: 100%; border-radius: 4px; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-plots .ratings-chart .rating-row .bar-container span { position: absolute; right: -30px; top: 50%; transform: translateY(-50%); }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-feedbacks { flex-grow: 1; flex-basis: 30%; margin-left: 3%; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-feedbacks .feedback-average-section-title { margin: 3%; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-feedbacks .average-feedbacks { padding-left: 2%; display: flex; flex-wrap: wrap; justify-content: flex-start; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-feedbacks .average-feedbacks .single-feedback-average { display: inline-block; flex-grow: 0; white-space: nowrap; text-align: center; background-color: #F2F2F2; border: 2px solid rgba(202, 57, 39, 0.3); border-radius: 16px; padding: 4px 12px; margin: 4px; font-size: 14px; color: #202124; cursor: pointer; }
@media screen and (max-width: 1024px) { html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-feedbacks .average-feedbacks .single-feedback-average { white-space: unset; text-align: left; } }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-feedbacks .average-feedbacks .single-feedback-average.disabled { opacity: 0.4; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-feedbacks .average-feedbacks .single-feedback-average p { font-size: 0.9rem; color: #CA3927; font-family: "Roboto-Regular"; }
html body #content #report-evaluation-section #rating-results .row .rating-container .rating-content-feedbacks .average-feedbacks .single-feedback-average p span { color: #000000; font-size: 1rem; font-family: "Roboto-Bold"; margin-right: 2%; }
html body #content .it-timeline-wrapper { position: relative; }
html body #content .it-timeline-wrapper::after { content: ""; width: 5px; background: #DEDEDE; position: absolute; left: 22px; top: 0; bottom: -38px; }
html body #content .it-timeline-wrapper .timeline-element { padding: 18px 0px; position: relative; }
html body #content .it-timeline-wrapper .timeline-element .it-pin-wrapper { display: flex; align-items: center; position: relative; left: -10px; }
html body #content .it-timeline-wrapper .timeline-element .it-pin-wrapper .pin-icon { width: 38px; height: 38px; border-radius: 48px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); border: 8px solid #CA3927; margin-right: 16px; background: #CA3927; z-index: 1; }
html body #content .it-timeline-wrapper .timeline-element .it-pin-wrapper .pin-text { color: #fff; font-weight: 600; text-transform: uppercase; background: #CA3927; border-radius: 4px; font-family: "Roboto-Bold"; }
html body #content .it-timeline-wrapper .timeline-element .it-pin-wrapper .pin-text span { padding: 4px 16px; display: block; position: relative; }
html body #content .it-timeline-wrapper .timeline-element .it-pin-wrapper .pin-text span::after { content: ""; width: 10px; height: 10px; background: #CA3927; border-radius: 3px; position: absolute; left: -4px; top: 50%; transform: translateY(-50%) rotate(45deg); }
html body #content .it-timeline-wrapper .timeline-element .timeline-wrapper { display: flex; padding-bottom: 24px; position: relative; padding: 30px; }
html body #content .it-timeline-wrapper .timeline-element .timeline-wrapper .timeline { padding: 0; position: relative; width: 100%; }
html body #content .it-timeline-wrapper .timeline-element .timeline-wrapper .timeline .timeline-body { flex: 1 1 auto; }
html body #content .it-timeline-wrapper .timeline-element .timeline-wrapper .timeline .timeline-body img { max-height: 200px; width: auto; }
@media screen and (min-width: 1124px) { html body #content .it-timeline-wrapper::after { left: 50%; }
  html body #content .it-timeline-wrapper .timeline-element:nth-child(odd) { width: 50%; left: 0%; }
  html body #content .it-timeline-wrapper .timeline-element:nth-child(odd) .it-pin-wrapper { flex-direction: row-reverse; left: 43px; }
  html body #content .it-timeline-wrapper .timeline-element:nth-child(odd) .it-pin-wrapper .pin-icon { width: 48px; height: 48px; margin: 0px 16px; }
  html body #content .it-timeline-wrapper .timeline-element:nth-child(odd) .it-pin-wrapper .pin-text span::after { left: auto; right: -4px; }
  html body #content .it-timeline-wrapper .timeline-element:nth-child(odd) .timeline-wrapper .timeline .timeline-body { text-align: right; }
  html body #content .it-timeline-wrapper .timeline-element:nth-child(odd) .timeline-wrapper .timeline .timeline-body img { max-height: 400px; max-width: 600px; }
  html body #content .it-timeline-wrapper .timeline-element:nth-child(even) { width: 50%; left: 50%; }
  html body #content .it-timeline-wrapper .timeline-element:nth-child(even) .it-pin-wrapper { flex-direction: row; left: -36px; }
  html body #content .it-timeline-wrapper .timeline-element:nth-child(even) .it-pin-wrapper .pin-icon { width: 48px; height: 48px; margin: 0px 16px; }
  html body #content .it-timeline-wrapper .timeline-element:nth-child(even) .it-pin-wrapper .pin-text span::after { left: -4px; right: auto; }
  html body #content .it-timeline-wrapper .timeline-element:nth-child(even) .timeline-wrapper .timeline .timeline-body { text-align: left; }
  html body #content .it-timeline-wrapper .timeline-element:nth-child(even) .timeline-wrapper .timeline .timeline-body img { max-height: 400px; max-width: 600px; } }
html body #content #error-page .image-container { height: 400px; width: 100%; position: relative; }
html body #content #error-page .image-container .image-title { position: absolute; bottom: 30px; z-index: 1; background: rgba(0, 0, 0, 0.5); background-position: left bottom; background-repeat: repeat; background-position: center center; }
html body #content #error-page .image-container .image-title h3 { text-transform: uppercase; text-shadow: 0 0 3px #2c2c2c; padding: 0px 5px 0px 5px; }
html body #content #error-page .image-container .image-title h1 { color: #ffffff; display: inline; font-size: 2.9em; line-height: 1.19em; font-weight: normal; letter-spacing: -1px; text-shadow: 0 0 3px #2c2c2c; padding: 0px 5px 0px 5px; }
html body #content #error-page .image-container .full-bg { content: ""; width: 100%; height: 100%; position: absolute; background-image: url("../layout/42-palazzo-pretorio-esternon_header.jpg__3840x1260_q75_crop_subsampling-2.jpg"); background-repeat: no-repeat; background-size: cover; }
html body #content #error-page .advice-container { display: flex; flex-direction: column; gap: 16px; padding: 16px 0; }
html body #content #error-page .advice-container ul { list-style: inside; }
html body #content #comunicati-stampa .inner-page .page-text ul li { padding: 16px 0; }
html body #content #comunicati-stampa .inner-page .page-text ul li a { text-decoration: underline; font-family: "Roboto-Regular"; color: #343434; font-size: 18px; }
html body #content #comunicati-stampa .inner-page .page-text ul li:nth-child(even) { background-color: #F2F2F2; }
html body #content #comunicati-stampa .inner-page .page-text ul li:nth-child(odd) { background-color: #ffffff; }
html body #content #comunicati-lista ul li { padding: 16px 0; }
html body #content #comunicati-lista ul li a { text-decoration: underline; font-family: "Roboto-Regular"; color: #343434; font-size: 18px; }
html body #content #comunicati-lista ul li:nth-child(even) { background-color: #F2F2F2; }
html body #content #comunicati-lista ul li:nth-child(odd) { background-color: #ffffff; }
html body #content #changed_date { margin-top: 32px; }
html body #content #changed_date p { display: inline; padding-top: 5px; border-top: 1px solid #707070; }
html body #content .contenuto-area-stampa { border: none; margin: 16px 0; }
html body #content .contenuto-area-stampa p { padding-bottom: 16px; }
html body #content .contenuto-area-stampa .attachment a { border: 1px solid #CA3927; background: #ffffff; text-align: center; display: inline-flex; align-items: center; justify-content: center; position: relative; padding: 5px 25px; font-family: "Roboto-Bold"; text-transform: uppercase; border-radius: 5px; font-size: 0.85rem; line-height: 1rem; }
html body #content .contenuto-area-stampa .attachment a::before { content: ""; display: inline-block; top: 0; left: 0; bottom: 0; width: 50px; height: 50px; pointer-events: none; background-image: url("../layout/icon-download-red.svg"); background-repeat: no-repeat; background-position: center center; background-size: 25px auto; }
html body #content .contenuto-area-stampa .attachment a:hover, html body #content .contenuto-area-stampa .attachment a:active { background: #CA3927 !important; color: #ffffff; border-color: #ffffff; }
html body #content .contenuto-area-stampa .attachment a:hover::before, html body #content .contenuto-area-stampa .attachment a:active::before { background-image: url("../layout/icon-download-white.svg"); }
@media screen and (min-width: 915px) { html body #content .contenuto-area-stampa .attachment a { font-size: 1rem; line-height: 1.3rem; } }
html body #content .contenuto-area-stampa a { color: #CA3927; text-decoration: none; }
html body #content .attachment a { border: 1px solid #CA3927; background: #ffffff; text-align: center; display: inline-flex; align-items: center; justify-content: center; position: relative; padding: 5px 25px; font-family: "Roboto-Bold"; text-transform: uppercase; border-radius: 5px; font-size: 0.85rem; line-height: 1rem; }
html body #content .attachment a::before { content: ""; display: inline-block; top: 0; left: 0; bottom: 0; width: 50px; height: 50px; pointer-events: none; background-image: url("../layout/icon-download-red.svg"); background-repeat: no-repeat; background-position: center center; background-size: 25px auto; }
html body #content .attachment a:hover, html body #content .attachment a:active { background: #CA3927 !important; color: #ffffff; border-color: #ffffff; }
html body #content .attachment a:hover::before, html body #content .attachment a:active::before { background-image: url("../layout/icon-download-white.svg"); }
@media screen and (min-width: 915px) { html body #content .attachment a { font-size: 1rem; line-height: 1.3rem; } }
html body #content .audio-player { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-radius: 8px; width: 100%; max-width: 500px; }
html body #content .audio-player .progress-container { flex-grow: 1; margin: 0 10px; }
html body #content .audio-player input[type="range"] { width: 100%; -webkit-appearance: none; appearance: none; height: 8px; background: #ddd; border-radius: 3px; position: relative; }
html body #content .audio-player input[type="range"]::-webkit-slider-runnable-track { background: linear-gradient(to right, #ca3927 var(--progress), #dddddd var(--progress)); height: 8px; border-radius: 3px; }
html body #content .audio-player input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; opacity: 0; width: 18px; height: 18px; background: #CA3927; border-radius: 50%; cursor: pointer; }
html body #content .audio-player .current-time, html body #content .audio-player .duration { font-size: 20px; color: #333; }
html body #content .audio-player #play-pause-btn, html body #content .audio-player #mute-btn { background-color: transparent; border: none; cursor: pointer; }
html body #content .audio-player #play-pause-btn svg, html body #content .audio-player #mute-btn svg { width: 30px; height: 30px; fill: #CA3927; /* Colore dell'icona */ }
html body #content #reservation-form .reservation-text { margin-bottom: 16px; }
html body #content #reservation-form .reservation-text p { font-family: "Roboto-Bold"; }
html body #content #reservation-form form { display: flex; flex-direction: column; gap: 20px; }
html body #content #reservation-form form .field-group { display: flex; gap: 20px; }
html body #content #reservation-form form .field { display: flex; flex: 1; flex-direction: column; margin-bottom: 10px; }
html body #content #reservation-form form .field label { font-family: "Roboto-Bold"; font-size: 1.2rem; margin-bottom: 5px; color: #CA3927; }
html body #content #reservation-form form .field p { font-family: "Roboto-Regular"; font-size: 0.85rem; margin-bottom: 5px; }
html body #content #reservation-form form .field input, html body #content #reservation-form form .field textarea { border: 1px solid #343434; background: #ffffff; display: block; padding: 10px 5px; font-family: "Roboto-Regular"; border-radius: 5px; font-size: 0.85rem; line-height: 1rem; }
html body #content #reservation-form form button { margin-top: 16px; }
html body #content .eventi, html body #content #events-section { padding-top: 16px; padding-bottom: 16px; }
html body #content .eventi h1, html body #content #events-section h1 { font-size: 2em; line-height: 1.2; font-family: "Roboto-Bold"; color: #CA3927; }
html body #content .eventi .search-filters, html body #content #events-section .search-filters { display: none; overflow: auto; }
html body #content .eventi .search-filters .custom-select, html body #content #events-section .search-filters .custom-select { background: rgba(202, 57, 39, 0.1); border: 1px solid #CA3927; border-bottom: 0; }
html body #content .eventi .search-filters .custom-select:last-child, html body #content #events-section .search-filters .custom-select:last-child { border-bottom: 1px solid #CA3927; }
html body #content .eventi .search-filters .custom-select label, html body #content #events-section .search-filters .custom-select label { display: block; margin: 0.5rem 0.5rem 0 0.5rem; font-weight: 700; font-size: 0.95rem; }
html body #content .eventi .search-filters .custom-select input, html body #content .eventi .search-filters .custom-select select, html body #content #events-section .search-filters .custom-select input, html body #content #events-section .search-filters .custom-select select { width: calc(100% - 0.4rem); border: 0; background: transparent; padding: 0.5rem 0.2rem; margin: 0; font-family: "Roboto-Light"; font-size: 1.1rem; }
html body #content .eventi .search-filters .custom-select input, html body #content #events-section .search-filters .custom-select input { padding: 0.5rem; width: calc(100% - 1rem); }
html body #content .eventi .search-filters .button, html body #content #events-section .search-filters .button { display: block; width: 100%; padding: 1rem 30%; margin: 0.5rem 0 0 0; text-transform: uppercase; border: 0; font-size: 1.3rem; background-image: url(../layout/icon-search-bianca.svg); background-size: 25px auto; background-position: 27%; background-repeat: no-repeat; }
@media screen and (min-width: 915px) { html body #content .eventi .search-filters .custom-select, html body #content #events-section .search-filters .custom-select { display: inline-block; width: calc(50% - 4px); float: left; height: 4rem; margin-bottom: 1rem; border-bottom: 1px solid #CA3927; }
  html body #content .eventi .search-filters .custom-select.interval-from, html body #content .eventi .search-filters .custom-select.interval-to, html body #content #events-section .search-filters .custom-select.interval-from, html body #content #events-section .search-filters .custom-select.interval-to { width: calc(25% - 2px); border-left: 0; }
  html body #content .eventi .search-filters .custom-select:nth-child(2), html body #content #events-section .search-filters .custom-select:nth-child(2) { border-left: 0; }
  html body #content .eventi .search-filters .button, html body #content #events-section .search-filters .button { width: auto; padding: 1rem 2.5rem 1rem calc(2.5rem + 25px); background-position: 2rem; float: right; } }
html body #content .eventi #risultati .events-top-bar, html body #content .eventi #archivio .events-top-bar, html body #content #events-section #risultati .events-top-bar, html body #content #events-section #archivio .events-top-bar { display: flex; justify-content: space-between; }
html body #content .eventi #risultati .events-top-bar .risultati, html body #content .eventi #archivio .events-top-bar .risultati, html body #content #events-section #risultati .events-top-bar .risultati, html body #content #events-section #archivio .events-top-bar .risultati { font-size: 1.3rem; margin-bottom: 20px; }
html body #content .eventi #risultati .events-top-bar .vai_archivi, html body #content .eventi #archivio .events-top-bar .vai_archivi, html body #content #events-section #risultati .events-top-bar .vai_archivi, html body #content #events-section #archivio .events-top-bar .vai_archivi { text-decoration: none; text-transform: uppercase; }
html body #content .eventi #risultati .eventi-list, html body #content .eventi #archivio .eventi-list, html body #content #events-section #risultati .eventi-list, html body #content #events-section #archivio .eventi-list { /* adesso calcoliamo le personalizzazioni con nth- (numero di oggetti maggiore di 3), nth-1, nth-2, nth-3 nelle due visualizzazioni griglia e scorrimento*/ }
html body #content .eventi #risultati .eventi-list ul li, html body #content .eventi #archivio .eventi-list ul li, html body #content #events-section #risultati .eventi-list ul li, html body #content #events-section #archivio .eventi-list ul li { display: flex; flex-direction: column; margin-bottom: 1rem; background: #F2F2F2; }
html body #content .eventi #risultati .eventi-list ul li a, html body #content .eventi #archivio .eventi-list ul li a, html body #content #events-section #risultati .eventi-list ul li a, html body #content #events-section #archivio .eventi-list ul li a { flex: 1; text-decoration: none; display: flex; flex-direction: column; }
html body #content .eventi #risultati .eventi-list ul li a .contenuto-oggetto, html body #content .eventi #archivio .eventi-list ul li a .contenuto-oggetto, html body #content #events-section #risultati .eventi-list ul li a .contenuto-oggetto, html body #content #events-section #archivio .eventi-list ul li a .contenuto-oggetto { flex: 1; justify-content: space-between; }
html body #content .eventi #risultati .eventi-list ul li a .contenuto-oggetto .titolo, html body #content .eventi #archivio .eventi-list ul li a .contenuto-oggetto .titolo, html body #content #events-section #risultati .eventi-list ul li a .contenuto-oggetto .titolo, html body #content #events-section #archivio .eventi-list ul li a .contenuto-oggetto .titolo { margin-top: 0; }
html body #content .eventi #risultati .eventi-list ul li a .contenuto-oggetto.last, html body #content .eventi #archivio .eventi-list ul li a .contenuto-oggetto.last, html body #content #events-section #risultati .eventi-list ul li a .contenuto-oggetto.last, html body #content #events-section #archivio .eventi-list ul li a .contenuto-oggetto.last { margin-right: 0; background-color: rgba(242, 242, 242, 0.85); border-radius: 16px; transform-origin: center right; transform: scale(0.75); box-shadow: 0 0 16px rgba(202, 57, 39, 0.5); flex-basis: 250px !important; }
html body #content .eventi #risultati .eventi-list ul li a .contenuto-oggetto.last .contenuto-oggetto, html body #content .eventi #archivio .eventi-list ul li a .contenuto-oggetto.last .contenuto-oggetto, html body #content #events-section #risultati .eventi-list ul li a .contenuto-oggetto.last .contenuto-oggetto, html body #content #events-section #archivio .eventi-list ul li a .contenuto-oggetto.last .contenuto-oggetto { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
html body #content .eventi #risultati .eventi-list ul li a .contenuto-oggetto.last .contenuto-oggetto .titolo, html body #content .eventi #archivio .eventi-list ul li a .contenuto-oggetto.last .contenuto-oggetto .titolo, html body #content #events-section #risultati .eventi-list ul li a .contenuto-oggetto.last .contenuto-oggetto .titolo, html body #content #events-section #archivio .eventi-list ul li a .contenuto-oggetto.last .contenuto-oggetto .titolo { text-decoration: underline; transform: scale(1.25); }
html body #content .eventi #risultati .eventi-list ul li a .contenuto-oggetto.last figure, html body #content .eventi #archivio .eventi-list ul li a .contenuto-oggetto.last figure, html body #content #events-section #risultati .eventi-list ul li a .contenuto-oggetto.last figure, html body #content #events-section #archivio .eventi-list ul li a .contenuto-oggetto.last figure { height: 60%; width: 100%; position: relative; }
html body #content .eventi #risultati .eventi-list ul li a .contenuto-oggetto.last figure img, html body #content .eventi #archivio .eventi-list ul li a .contenuto-oggetto.last figure img, html body #content #events-section #risultati .eventi-list ul li a .contenuto-oggetto.last figure img, html body #content #events-section #archivio .eventi-list ul li a .contenuto-oggetto.last figure img { display: none; }
@media screen and (min-width: 480px) { html body #content .eventi #risultati .eventi-list ul li.in-evidenza, html body #content .eventi #archivio .eventi-list ul li.in-evidenza, html body #content #events-section #risultati .eventi-list ul li.in-evidenza, html body #content #events-section #archivio .eventi-list ul li.in-evidenza { grid-column: 1 / -1; }
  html body #content .eventi #risultati .eventi-list ul li.in-evidenza a, html body #content .eventi #archivio .eventi-list ul li.in-evidenza a, html body #content #events-section #risultati .eventi-list ul li.in-evidenza a, html body #content #events-section #archivio .eventi-list ul li.in-evidenza a { flex-direction: row; align-items: center; }
  html body #content .eventi #risultati .eventi-list ul li.in-evidenza a figure, html body #content .eventi #archivio .eventi-list ul li.in-evidenza a figure, html body #content #events-section #risultati .eventi-list ul li.in-evidenza a figure, html body #content #events-section #archivio .eventi-list ul li.in-evidenza a figure { width: 60%; height: 400px; }
  html body #content .eventi #risultati .eventi-list ul li.in-evidenza a .contenuto-oggetto, html body #content .eventi #archivio .eventi-list ul li.in-evidenza a .contenuto-oggetto, html body #content #events-section #risultati .eventi-list ul li.in-evidenza a .contenuto-oggetto, html body #content #events-section #archivio .eventi-list ul li.in-evidenza a .contenuto-oggetto { width: 40%; } }
@media screen and (min-width: 1124px) { html body #content .eventi #risultati .eventi-list ul li.in-evidenza, html body #content .eventi #archivio .eventi-list ul li.in-evidenza, html body #content #events-section #risultati .eventi-list ul li.in-evidenza, html body #content #events-section #archivio .eventi-list ul li.in-evidenza { grid-column: 1 / -1; flex-direction: row; align-items: center; }
  html body #content .eventi #risultati .eventi-list ul li.in-evidenza a, html body #content .eventi #archivio .eventi-list ul li.in-evidenza a, html body #content #events-section #risultati .eventi-list ul li.in-evidenza a, html body #content #events-section #archivio .eventi-list ul li.in-evidenza a { flex-direction: row; align-items: center; }
  html body #content .eventi #risultati .eventi-list ul li.in-evidenza a figure, html body #content .eventi #archivio .eventi-list ul li.in-evidenza a figure, html body #content #events-section #risultati .eventi-list ul li.in-evidenza a figure, html body #content #events-section #archivio .eventi-list ul li.in-evidenza a figure { width: 70%; height: 500px; }
  html body #content .eventi #risultati .eventi-list ul li.in-evidenza a .contenuto-oggetto, html body #content .eventi #archivio .eventi-list ul li.in-evidenza a .contenuto-oggetto, html body #content #events-section #risultati .eventi-list ul li.in-evidenza a .contenuto-oggetto, html body #content #events-section #archivio .eventi-list ul li.in-evidenza a .contenuto-oggetto { width: 30%; } }
html body #content .eventi #risultati .eventi-list.grid, html body #content .eventi #archivio .eventi-list.grid, html body #content #events-section #risultati .eventi-list.grid, html body #content #events-section #archivio .eventi-list.grid { display: flex; flex-direction: column; }
html body #content .eventi #risultati .eventi-list.grid .button, html body #content .eventi #archivio .eventi-list.grid .button, html body #content #events-section #risultati .eventi-list.grid .button, html body #content #events-section #archivio .eventi-list.grid .button { display: none; }
html body #content .eventi #risultati .eventi-list.grid ul.element-container, html body #content .eventi #archivio .eventi-list.grid ul.element-container, html body #content #events-section #risultati .eventi-list.grid ul.element-container, html body #content #events-section #archivio .eventi-list.grid ul.element-container { display: grid; grid-template-rows: auto auto; justify-content: space-between; }
@media screen and (min-width: 480px) { html body #content .eventi #risultati .eventi-list.grid ul.element-container, html body #content .eventi #archivio .eventi-list.grid ul.element-container, html body #content #events-section #risultati .eventi-list.grid ul.element-container, html body #content #events-section #archivio .eventi-list.grid ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px); } }
@media screen and (min-width: 1124px) { html body #content .eventi #risultati .eventi-list.grid ul.element-container, html body #content .eventi #archivio .eventi-list.grid ul.element-container, html body #content #events-section #risultati .eventi-list.grid ul.element-container, html body #content #events-section #archivio .eventi-list.grid ul.element-container { grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(25% - 10px); overflow: hidden; } }
html body #content .eventi #risultati .eventi-list.nth-, html body #content .eventi #archivio .eventi-list.nth-, html body #content #events-section #risultati .eventi-list.nth-, html body #content #events-section #archivio .eventi-list.nth- { position: relative; left: 0; right: 0; }
html body #content .eventi #risultati .eventi-list.nth- div, html body #content .eventi #archivio .eventi-list.nth- div, html body #content #events-section #risultati .eventi-list.nth- div, html body #content #events-section #archivio .eventi-list.nth- div { position: relative; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; white-space: nowrap; }
html body #content .eventi #risultati .eventi-list.nth- ul, html body #content .eventi #archivio .eventi-list.nth- ul, html body #content #events-section #risultati .eventi-list.nth- ul, html body #content #events-section #archivio .eventi-list.nth- ul { position: relative; top: 0; margin: 0; bottom: -1.5rem; overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; scroll-snap-type: inline mandatory; scroll-behavior: smooth; }
html body #content .eventi #risultati .eventi-list.nth- ul::-webkit-scrollbar, html body #content .eventi #archivio .eventi-list.nth- ul::-webkit-scrollbar, html body #content #events-section #risultati .eventi-list.nth- ul::-webkit-scrollbar, html body #content #events-section #archivio .eventi-list.nth- ul::-webkit-scrollbar { display: none; }
html body #content .eventi #risultati .eventi-list.nth- ul figure, html body #content .eventi #archivio .eventi-list.nth- ul figure, html body #content #events-section #risultati .eventi-list.nth- ul figure, html body #content #events-section #archivio .eventi-list.nth- ul figure { overflow: hidden; width: 100%; height: 200px; }
html body #content .eventi #risultati .eventi-list.nth- ul figure img, html body #content .eventi #archivio .eventi-list.nth- ul figure img, html body #content #events-section #risultati .eventi-list.nth- ul figure img, html body #content #events-section #archivio .eventi-list.nth- ul figure img { height: 100%; width: 100%; object-fit: cover; transition: transform 1s; }
html body #content .eventi #risultati .eventi-list.nth- ul figure img:hover, html body #content .eventi #archivio .eventi-list.nth- ul figure img:hover, html body #content #events-section #risultati .eventi-list.nth- ul figure img:hover, html body #content #events-section #archivio .eventi-list.nth- ul figure img:hover { -ms-transform: scale(1.05); /* IE 9 */ -webkit-transform: scale(1.05); /* Safari 3-8 */ transform: scale(1.05); }
html body #content .eventi #risultati .eventi-list.nth- ul .contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth- ul .contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth- ul .contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth- ul .contenuto-oggetto { flex: 1; display: flex; flex-direction: column; white-space: normal; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .eventi #risultati .eventi-list.nth- ul .contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth- ul .contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth- ul .contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth- ul .contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1921px) { html body #content .eventi #risultati .eventi-list.nth- ul .contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth- ul .contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth- ul .contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth- ul .contenuto-oggetto { padding: 40px; } }
html body #content .eventi #risultati .eventi-list.nth- ul .contenuto-oggetto .titolo, html body #content .eventi #archivio .eventi-list.nth- ul .contenuto-oggetto .titolo, html body #content #events-section #risultati .eventi-list.nth- ul .contenuto-oggetto .titolo, html body #content #events-section #archivio .eventi-list.nth- ul .contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .eventi #risultati .eventi-list.nth- ul .contenuto-oggetto .titolo a:hover, html body #content .eventi #risultati .eventi-list.nth- ul .contenuto-oggetto .titolo a:active, html body #content .eventi #archivio .eventi-list.nth- ul .contenuto-oggetto .titolo a:hover, html body #content .eventi #archivio .eventi-list.nth- ul .contenuto-oggetto .titolo a:active, html body #content #events-section #risultati .eventi-list.nth- ul .contenuto-oggetto .titolo a:hover, html body #content #events-section #risultati .eventi-list.nth- ul .contenuto-oggetto .titolo a:active, html body #content #events-section #archivio .eventi-list.nth- ul .contenuto-oggetto .titolo a:hover, html body #content #events-section #archivio .eventi-list.nth- ul .contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .eventi #risultati .eventi-list.nth- ul .contenuto-oggetto .data, html body #content .eventi #archivio .eventi-list.nth- ul .contenuto-oggetto .data, html body #content #events-section #risultati .eventi-list.nth- ul .contenuto-oggetto .data, html body #content #events-section #archivio .eventi-list.nth- ul .contenuto-oggetto .data { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Bold"; }
html body #content .eventi #risultati .eventi-list.nth- ul .contenuto-oggetto .dove, html body #content .eventi #archivio .eventi-list.nth- ul .contenuto-oggetto .dove, html body #content #events-section #risultati .eventi-list.nth- ul .contenuto-oggetto .dove, html body #content #events-section #archivio .eventi-list.nth- ul .contenuto-oggetto .dove { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Light"; }
html body #content .eventi #risultati .eventi-list.nth- ul .contenuto-oggetto .testo, html body #content .eventi #archivio .eventi-list.nth- ul .contenuto-oggetto .testo, html body #content #events-section #risultati .eventi-list.nth- ul .contenuto-oggetto .testo, html body #content #events-section #archivio .eventi-list.nth- ul .contenuto-oggetto .testo { margin-top: 0.5rem; display: block; color: #343434; }
html body #content .eventi #risultati .eventi-list.nth- ul .contenuto-oggetto a, html body #content .eventi #archivio .eventi-list.nth- ul .contenuto-oggetto a, html body #content #events-section #risultati .eventi-list.nth- ul .contenuto-oggetto a, html body #content #events-section #archivio .eventi-list.nth- ul .contenuto-oggetto a { text-decoration: none; }
html body #content .eventi #risultati .eventi-list.nth- ul .contenuto-oggetto span.goto, html body #content .eventi #archivio .eventi-list.nth- ul .contenuto-oggetto span.goto, html body #content #events-section #risultati .eventi-list.nth- ul .contenuto-oggetto span.goto, html body #content #events-section #archivio .eventi-list.nth- ul .contenuto-oggetto span.goto { display: block; width: fit-content; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .eventi #risultati .eventi-list.nth- ul .contenuto-oggetto span.goto::before, html body #content .eventi #archivio .eventi-list.nth- ul .contenuto-oggetto span.goto::before, html body #content #events-section #risultati .eventi-list.nth- ul .contenuto-oggetto span.goto::before, html body #content #events-section #archivio .eventi-list.nth- ul .contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .eventi #risultati .eventi-list.nth- ul .contenuto-oggetto span.goto:hover, html body #content .eventi #archivio .eventi-list.nth- ul .contenuto-oggetto span.goto:hover, html body #content #events-section #risultati .eventi-list.nth- ul .contenuto-oggetto span.goto:hover, html body #content #events-section #archivio .eventi-list.nth- ul .contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .eventi #risultati .eventi-list.nth- ul .contenuto-oggetto span.goto:hover::before, html body #content .eventi #archivio .eventi-list.nth- ul .contenuto-oggetto span.goto:hover::before, html body #content #events-section #risultati .eventi-list.nth- ul .contenuto-oggetto span.goto:hover::before, html body #content #events-section #archivio .eventi-list.nth- ul .contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
html body #content .eventi #risultati .eventi-list.nth-1 .element-container, html body #content .eventi #archivio .eventi-list.nth-1 .element-container, html body #content #events-section #risultati .eventi-list.nth-1 .element-container, html body #content #events-section #archivio .eventi-list.nth-1 .element-container { max-width: 1320px; margin: auto; display: block !important; }
html body #content .eventi #risultati .eventi-list.nth-1 figure, html body #content .eventi #archivio .eventi-list.nth-1 figure, html body #content #events-section #risultati .eventi-list.nth-1 figure, html body #content #events-section #archivio .eventi-list.nth-1 figure { overflow: hidden; width: 100%; height: 200px; }
html body #content .eventi #risultati .eventi-list.nth-1 figure img, html body #content .eventi #archivio .eventi-list.nth-1 figure img, html body #content #events-section #risultati .eventi-list.nth-1 figure img, html body #content #events-section #archivio .eventi-list.nth-1 figure img { height: 100%; width: 100%; object-fit: cover; transition: transform 1s; }
html body #content .eventi #risultati .eventi-list.nth-1 figure img:hover, html body #content .eventi #archivio .eventi-list.nth-1 figure img:hover, html body #content #events-section #risultati .eventi-list.nth-1 figure img:hover, html body #content #events-section #archivio .eventi-list.nth-1 figure img:hover { -ms-transform: scale(1.05); /* IE 9 */ -webkit-transform: scale(1.05); /* Safari 3-8 */ transform: scale(1.05); }
html body #content .eventi #risultati .eventi-list.nth-1 .contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth-1 .contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth-1 .contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth-1 .contenuto-oggetto { flex: 1; display: flex; flex-direction: column; white-space: normal; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .eventi #risultati .eventi-list.nth-1 .contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth-1 .contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth-1 .contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth-1 .contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1921px) { html body #content .eventi #risultati .eventi-list.nth-1 .contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth-1 .contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth-1 .contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth-1 .contenuto-oggetto { padding: 40px; } }
html body #content .eventi #risultati .eventi-list.nth-1 .contenuto-oggetto .titolo, html body #content .eventi #archivio .eventi-list.nth-1 .contenuto-oggetto .titolo, html body #content #events-section #risultati .eventi-list.nth-1 .contenuto-oggetto .titolo, html body #content #events-section #archivio .eventi-list.nth-1 .contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .eventi #risultati .eventi-list.nth-1 .contenuto-oggetto .titolo a:hover, html body #content .eventi #risultati .eventi-list.nth-1 .contenuto-oggetto .titolo a:active, html body #content .eventi #archivio .eventi-list.nth-1 .contenuto-oggetto .titolo a:hover, html body #content .eventi #archivio .eventi-list.nth-1 .contenuto-oggetto .titolo a:active, html body #content #events-section #risultati .eventi-list.nth-1 .contenuto-oggetto .titolo a:hover, html body #content #events-section #risultati .eventi-list.nth-1 .contenuto-oggetto .titolo a:active, html body #content #events-section #archivio .eventi-list.nth-1 .contenuto-oggetto .titolo a:hover, html body #content #events-section #archivio .eventi-list.nth-1 .contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .eventi #risultati .eventi-list.nth-1 .contenuto-oggetto .data, html body #content .eventi #archivio .eventi-list.nth-1 .contenuto-oggetto .data, html body #content #events-section #risultati .eventi-list.nth-1 .contenuto-oggetto .data, html body #content #events-section #archivio .eventi-list.nth-1 .contenuto-oggetto .data { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Bold"; }
html body #content .eventi #risultati .eventi-list.nth-1 .contenuto-oggetto .dove, html body #content .eventi #archivio .eventi-list.nth-1 .contenuto-oggetto .dove, html body #content #events-section #risultati .eventi-list.nth-1 .contenuto-oggetto .dove, html body #content #events-section #archivio .eventi-list.nth-1 .contenuto-oggetto .dove { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Light"; }
html body #content .eventi #risultati .eventi-list.nth-1 .contenuto-oggetto .testo, html body #content .eventi #archivio .eventi-list.nth-1 .contenuto-oggetto .testo, html body #content #events-section #risultati .eventi-list.nth-1 .contenuto-oggetto .testo, html body #content #events-section #archivio .eventi-list.nth-1 .contenuto-oggetto .testo { margin-top: 0.5rem; display: block; color: #343434; }
html body #content .eventi #risultati .eventi-list.nth-1 .contenuto-oggetto a, html body #content .eventi #archivio .eventi-list.nth-1 .contenuto-oggetto a, html body #content #events-section #risultati .eventi-list.nth-1 .contenuto-oggetto a, html body #content #events-section #archivio .eventi-list.nth-1 .contenuto-oggetto a { text-decoration: none; }
html body #content .eventi #risultati .eventi-list.nth-1 .contenuto-oggetto span.goto, html body #content .eventi #archivio .eventi-list.nth-1 .contenuto-oggetto span.goto, html body #content #events-section #risultati .eventi-list.nth-1 .contenuto-oggetto span.goto, html body #content #events-section #archivio .eventi-list.nth-1 .contenuto-oggetto span.goto { display: block; width: fit-content; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .eventi #risultati .eventi-list.nth-1 .contenuto-oggetto span.goto::before, html body #content .eventi #archivio .eventi-list.nth-1 .contenuto-oggetto span.goto::before, html body #content #events-section #risultati .eventi-list.nth-1 .contenuto-oggetto span.goto::before, html body #content #events-section #archivio .eventi-list.nth-1 .contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .eventi #risultati .eventi-list.nth-1 .contenuto-oggetto span.goto:hover, html body #content .eventi #archivio .eventi-list.nth-1 .contenuto-oggetto span.goto:hover, html body #content #events-section #risultati .eventi-list.nth-1 .contenuto-oggetto span.goto:hover, html body #content #events-section #archivio .eventi-list.nth-1 .contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .eventi #risultati .eventi-list.nth-1 .contenuto-oggetto span.goto:hover::before, html body #content .eventi #archivio .eventi-list.nth-1 .contenuto-oggetto span.goto:hover::before, html body #content #events-section #risultati .eventi-list.nth-1 .contenuto-oggetto span.goto:hover::before, html body #content #events-section #archivio .eventi-list.nth-1 .contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
html body #content .eventi #risultati .eventi-list.nth-1 li, html body #content .eventi #archivio .eventi-list.nth-1 li, html body #content #events-section #risultati .eventi-list.nth-1 li, html body #content #events-section #archivio .eventi-list.nth-1 li { max-height: 550px; }
html body #content .eventi #risultati .eventi-list.nth-1 li figure, html body #content .eventi #archivio .eventi-list.nth-1 li figure, html body #content #events-section #risultati .eventi-list.nth-1 li figure, html body #content #events-section #archivio .eventi-list.nth-1 li figure { grid-area: figure; }
html body #content .eventi #risultati .eventi-list.nth-1 li .contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth-1 li .contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth-1 li .contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth-1 li .contenuto-oggetto { align-self: center; grid-area: contenuto-oggetto; }
@media screen and (min-width: 480px) { html body #content .eventi #risultati .eventi-list.nth-1 li, html body #content .eventi #archivio .eventi-list.nth-1 li, html body #content #events-section #risultati .eventi-list.nth-1 li, html body #content #events-section #archivio .eventi-list.nth-1 li { padding-top: 0; display: grid; padding: 0; grid-template-columns: 50% calc(50%); grid-template-areas: "figure contenuto-oggetto"; }
  html body #content .eventi #risultati .eventi-list.nth-1 li figure, html body #content .eventi #archivio .eventi-list.nth-1 li figure, html body #content #events-section #risultati .eventi-list.nth-1 li figure, html body #content #events-section #archivio .eventi-list.nth-1 li figure { background: rgba(112, 112, 112, 0.5); } }
@media screen and (min-width: 915px) { html body #content .eventi #risultati .eventi-list.nth-1 li, html body #content .eventi #archivio .eventi-list.nth-1 li, html body #content #events-section #risultati .eventi-list.nth-1 li, html body #content #events-section #archivio .eventi-list.nth-1 li { grid-template-columns: 550px calc(100% - 550px); }
  html body #content .eventi #risultati .eventi-list.nth-1 li figure, html body #content .eventi #archivio .eventi-list.nth-1 li figure, html body #content #events-section #risultati .eventi-list.nth-1 li figure, html body #content #events-section #archivio .eventi-list.nth-1 li figure { overflow: hidden; height: 100%; max-height: 550px; }
  html body #content .eventi #risultati .eventi-list.nth-1 li figure a, html body #content .eventi #archivio .eventi-list.nth-1 li figure a, html body #content #events-section #risultati .eventi-list.nth-1 li figure a, html body #content #events-section #archivio .eventi-list.nth-1 li figure a { display: block; height: 100%; }
  html body #content .eventi #risultati .eventi-list.nth-1 li figure img, html body #content .eventi #archivio .eventi-list.nth-1 li figure img, html body #content #events-section #risultati .eventi-list.nth-1 li figure img, html body #content #events-section #archivio .eventi-list.nth-1 li figure img { height: 100%; width: 100%; object-fit: cover; } }
@media screen and (min-width: 1124px) { html body #content .eventi #risultati .eventi-list.nth-1 li, html body #content .eventi #archivio .eventi-list.nth-1 li, html body #content #events-section #risultati .eventi-list.nth-1 li, html body #content #events-section #archivio .eventi-list.nth-1 li { grid-template-columns: 600px calc(100% - 600px); }
  html body #content .eventi #risultati .eventi-list.nth-1 li span.contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth-1 li span.contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth-1 li span.contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth-1 li span.contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1280px) { html body #content .eventi #risultati .eventi-list.nth-1 li, html body #content .eventi #archivio .eventi-list.nth-1 li, html body #content #events-section #risultati .eventi-list.nth-1 li, html body #content #events-section #archivio .eventi-list.nth-1 li { grid-template-columns: 700px calc(100% - 700px); }
  html body #content .eventi #risultati .eventi-list.nth-1 li span.contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth-1 li span.contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth-1 li span.contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth-1 li span.contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1400px) { html body #content .eventi #risultati .eventi-list.nth-1 li, html body #content .eventi #archivio .eventi-list.nth-1 li, html body #content #events-section #risultati .eventi-list.nth-1 li, html body #content #events-section #archivio .eventi-list.nth-1 li { grid-template-columns: 950px calc(100% - 950px); }
  html body #content .eventi #risultati .eventi-list.nth-1 li span.contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth-1 li span.contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth-1 li span.contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth-1 li span.contenuto-oggetto { padding: 32px; } }
html body #content .eventi #risultati .eventi-list.nth-2 figure, html body #content .eventi #archivio .eventi-list.nth-2 figure, html body #content #events-section #risultati .eventi-list.nth-2 figure, html body #content #events-section #archivio .eventi-list.nth-2 figure { overflow: hidden; width: 100%; height: 200px; }
html body #content .eventi #risultati .eventi-list.nth-2 figure img, html body #content .eventi #archivio .eventi-list.nth-2 figure img, html body #content #events-section #risultati .eventi-list.nth-2 figure img, html body #content #events-section #archivio .eventi-list.nth-2 figure img { height: 100%; width: 100%; object-fit: cover; transition: transform 1s; }
html body #content .eventi #risultati .eventi-list.nth-2 figure img:hover, html body #content .eventi #archivio .eventi-list.nth-2 figure img:hover, html body #content #events-section #risultati .eventi-list.nth-2 figure img:hover, html body #content #events-section #archivio .eventi-list.nth-2 figure img:hover { -ms-transform: scale(1.05); /* IE 9 */ -webkit-transform: scale(1.05); /* Safari 3-8 */ transform: scale(1.05); }
html body #content .eventi #risultati .eventi-list.nth-2 .contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth-2 .contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth-2 .contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth-2 .contenuto-oggetto { flex: 1; display: flex; flex-direction: column; white-space: normal; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .eventi #risultati .eventi-list.nth-2 .contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth-2 .contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth-2 .contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth-2 .contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1921px) { html body #content .eventi #risultati .eventi-list.nth-2 .contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth-2 .contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth-2 .contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth-2 .contenuto-oggetto { padding: 40px; } }
html body #content .eventi #risultati .eventi-list.nth-2 .contenuto-oggetto .titolo, html body #content .eventi #archivio .eventi-list.nth-2 .contenuto-oggetto .titolo, html body #content #events-section #risultati .eventi-list.nth-2 .contenuto-oggetto .titolo, html body #content #events-section #archivio .eventi-list.nth-2 .contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .eventi #risultati .eventi-list.nth-2 .contenuto-oggetto .titolo a:hover, html body #content .eventi #risultati .eventi-list.nth-2 .contenuto-oggetto .titolo a:active, html body #content .eventi #archivio .eventi-list.nth-2 .contenuto-oggetto .titolo a:hover, html body #content .eventi #archivio .eventi-list.nth-2 .contenuto-oggetto .titolo a:active, html body #content #events-section #risultati .eventi-list.nth-2 .contenuto-oggetto .titolo a:hover, html body #content #events-section #risultati .eventi-list.nth-2 .contenuto-oggetto .titolo a:active, html body #content #events-section #archivio .eventi-list.nth-2 .contenuto-oggetto .titolo a:hover, html body #content #events-section #archivio .eventi-list.nth-2 .contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .eventi #risultati .eventi-list.nth-2 .contenuto-oggetto .data, html body #content .eventi #archivio .eventi-list.nth-2 .contenuto-oggetto .data, html body #content #events-section #risultati .eventi-list.nth-2 .contenuto-oggetto .data, html body #content #events-section #archivio .eventi-list.nth-2 .contenuto-oggetto .data { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Bold"; }
html body #content .eventi #risultati .eventi-list.nth-2 .contenuto-oggetto .dove, html body #content .eventi #archivio .eventi-list.nth-2 .contenuto-oggetto .dove, html body #content #events-section #risultati .eventi-list.nth-2 .contenuto-oggetto .dove, html body #content #events-section #archivio .eventi-list.nth-2 .contenuto-oggetto .dove { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Light"; }
html body #content .eventi #risultati .eventi-list.nth-2 .contenuto-oggetto .testo, html body #content .eventi #archivio .eventi-list.nth-2 .contenuto-oggetto .testo, html body #content #events-section #risultati .eventi-list.nth-2 .contenuto-oggetto .testo, html body #content #events-section #archivio .eventi-list.nth-2 .contenuto-oggetto .testo { margin-top: 0.5rem; display: block; color: #343434; }
html body #content .eventi #risultati .eventi-list.nth-2 .contenuto-oggetto a, html body #content .eventi #archivio .eventi-list.nth-2 .contenuto-oggetto a, html body #content #events-section #risultati .eventi-list.nth-2 .contenuto-oggetto a, html body #content #events-section #archivio .eventi-list.nth-2 .contenuto-oggetto a { text-decoration: none; }
html body #content .eventi #risultati .eventi-list.nth-2 .contenuto-oggetto span.goto, html body #content .eventi #archivio .eventi-list.nth-2 .contenuto-oggetto span.goto, html body #content #events-section #risultati .eventi-list.nth-2 .contenuto-oggetto span.goto, html body #content #events-section #archivio .eventi-list.nth-2 .contenuto-oggetto span.goto { display: block; width: fit-content; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .eventi #risultati .eventi-list.nth-2 .contenuto-oggetto span.goto::before, html body #content .eventi #archivio .eventi-list.nth-2 .contenuto-oggetto span.goto::before, html body #content #events-section #risultati .eventi-list.nth-2 .contenuto-oggetto span.goto::before, html body #content #events-section #archivio .eventi-list.nth-2 .contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .eventi #risultati .eventi-list.nth-2 .contenuto-oggetto span.goto:hover, html body #content .eventi #archivio .eventi-list.nth-2 .contenuto-oggetto span.goto:hover, html body #content #events-section #risultati .eventi-list.nth-2 .contenuto-oggetto span.goto:hover, html body #content #events-section #archivio .eventi-list.nth-2 .contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .eventi #risultati .eventi-list.nth-2 .contenuto-oggetto span.goto:hover::before, html body #content .eventi #archivio .eventi-list.nth-2 .contenuto-oggetto span.goto:hover::before, html body #content #events-section #risultati .eventi-list.nth-2 .contenuto-oggetto span.goto:hover::before, html body #content #events-section #archivio .eventi-list.nth-2 .contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
@media screen and (min-width: 480px) { html body #content .eventi #risultati .eventi-list.nth-2.grid .button, html body #content .eventi #archivio .eventi-list.nth-2.grid .button, html body #content #events-section #risultati .eventi-list.nth-2.grid .button, html body #content #events-section #archivio .eventi-list.nth-2.grid .button { display: none !important; }
  html body #content .eventi #risultati .eventi-list.nth-2.grid ul.element-container, html body #content .eventi #archivio .eventi-list.nth-2.grid ul.element-container, html body #content #events-section #risultati .eventi-list.nth-2.grid ul.element-container, html body #content #events-section #archivio .eventi-list.nth-2.grid ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px) !important; }
  html body #content .eventi #risultati .eventi-list.nth-2.scrollable ul.element-container, html body #content .eventi #archivio .eventi-list.nth-2.scrollable ul.element-container, html body #content #events-section #risultati .eventi-list.nth-2.scrollable ul.element-container, html body #content #events-section #archivio .eventi-list.nth-2.scrollable ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px) !important; } }
html body #content .eventi #risultati .eventi-list.nth-3 figure, html body #content .eventi #archivio .eventi-list.nth-3 figure, html body #content #events-section #risultati .eventi-list.nth-3 figure, html body #content #events-section #archivio .eventi-list.nth-3 figure { overflow: hidden; width: 100%; height: 200px; }
html body #content .eventi #risultati .eventi-list.nth-3 figure img, html body #content .eventi #archivio .eventi-list.nth-3 figure img, html body #content #events-section #risultati .eventi-list.nth-3 figure img, html body #content #events-section #archivio .eventi-list.nth-3 figure img { height: 100%; width: 100%; object-fit: cover; transition: transform 1s; }
html body #content .eventi #risultati .eventi-list.nth-3 figure img:hover, html body #content .eventi #archivio .eventi-list.nth-3 figure img:hover, html body #content #events-section #risultati .eventi-list.nth-3 figure img:hover, html body #content #events-section #archivio .eventi-list.nth-3 figure img:hover { -ms-transform: scale(1.05); /* IE 9 */ -webkit-transform: scale(1.05); /* Safari 3-8 */ transform: scale(1.05); }
html body #content .eventi #risultati .eventi-list.nth-3 .contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth-3 .contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth-3 .contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth-3 .contenuto-oggetto { flex: 1; display: flex; flex-direction: column; white-space: normal; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .eventi #risultati .eventi-list.nth-3 .contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth-3 .contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth-3 .contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth-3 .contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1921px) { html body #content .eventi #risultati .eventi-list.nth-3 .contenuto-oggetto, html body #content .eventi #archivio .eventi-list.nth-3 .contenuto-oggetto, html body #content #events-section #risultati .eventi-list.nth-3 .contenuto-oggetto, html body #content #events-section #archivio .eventi-list.nth-3 .contenuto-oggetto { padding: 40px; } }
html body #content .eventi #risultati .eventi-list.nth-3 .contenuto-oggetto .titolo, html body #content .eventi #archivio .eventi-list.nth-3 .contenuto-oggetto .titolo, html body #content #events-section #risultati .eventi-list.nth-3 .contenuto-oggetto .titolo, html body #content #events-section #archivio .eventi-list.nth-3 .contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .eventi #risultati .eventi-list.nth-3 .contenuto-oggetto .titolo a:hover, html body #content .eventi #risultati .eventi-list.nth-3 .contenuto-oggetto .titolo a:active, html body #content .eventi #archivio .eventi-list.nth-3 .contenuto-oggetto .titolo a:hover, html body #content .eventi #archivio .eventi-list.nth-3 .contenuto-oggetto .titolo a:active, html body #content #events-section #risultati .eventi-list.nth-3 .contenuto-oggetto .titolo a:hover, html body #content #events-section #risultati .eventi-list.nth-3 .contenuto-oggetto .titolo a:active, html body #content #events-section #archivio .eventi-list.nth-3 .contenuto-oggetto .titolo a:hover, html body #content #events-section #archivio .eventi-list.nth-3 .contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .eventi #risultati .eventi-list.nth-3 .contenuto-oggetto .data, html body #content .eventi #archivio .eventi-list.nth-3 .contenuto-oggetto .data, html body #content #events-section #risultati .eventi-list.nth-3 .contenuto-oggetto .data, html body #content #events-section #archivio .eventi-list.nth-3 .contenuto-oggetto .data { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Bold"; }
html body #content .eventi #risultati .eventi-list.nth-3 .contenuto-oggetto .dove, html body #content .eventi #archivio .eventi-list.nth-3 .contenuto-oggetto .dove, html body #content #events-section #risultati .eventi-list.nth-3 .contenuto-oggetto .dove, html body #content #events-section #archivio .eventi-list.nth-3 .contenuto-oggetto .dove { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Light"; }
html body #content .eventi #risultati .eventi-list.nth-3 .contenuto-oggetto .testo, html body #content .eventi #archivio .eventi-list.nth-3 .contenuto-oggetto .testo, html body #content #events-section #risultati .eventi-list.nth-3 .contenuto-oggetto .testo, html body #content #events-section #archivio .eventi-list.nth-3 .contenuto-oggetto .testo { margin-top: 0.5rem; display: block; color: #343434; }
html body #content .eventi #risultati .eventi-list.nth-3 .contenuto-oggetto a, html body #content .eventi #archivio .eventi-list.nth-3 .contenuto-oggetto a, html body #content #events-section #risultati .eventi-list.nth-3 .contenuto-oggetto a, html body #content #events-section #archivio .eventi-list.nth-3 .contenuto-oggetto a { text-decoration: none; }
html body #content .eventi #risultati .eventi-list.nth-3 .contenuto-oggetto span.goto, html body #content .eventi #archivio .eventi-list.nth-3 .contenuto-oggetto span.goto, html body #content #events-section #risultati .eventi-list.nth-3 .contenuto-oggetto span.goto, html body #content #events-section #archivio .eventi-list.nth-3 .contenuto-oggetto span.goto { display: block; width: fit-content; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .eventi #risultati .eventi-list.nth-3 .contenuto-oggetto span.goto::before, html body #content .eventi #archivio .eventi-list.nth-3 .contenuto-oggetto span.goto::before, html body #content #events-section #risultati .eventi-list.nth-3 .contenuto-oggetto span.goto::before, html body #content #events-section #archivio .eventi-list.nth-3 .contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .eventi #risultati .eventi-list.nth-3 .contenuto-oggetto span.goto:hover, html body #content .eventi #archivio .eventi-list.nth-3 .contenuto-oggetto span.goto:hover, html body #content #events-section #risultati .eventi-list.nth-3 .contenuto-oggetto span.goto:hover, html body #content #events-section #archivio .eventi-list.nth-3 .contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .eventi #risultati .eventi-list.nth-3 .contenuto-oggetto span.goto:hover::before, html body #content .eventi #archivio .eventi-list.nth-3 .contenuto-oggetto span.goto:hover::before, html body #content #events-section #risultati .eventi-list.nth-3 .contenuto-oggetto span.goto:hover::before, html body #content #events-section #archivio .eventi-list.nth-3 .contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
@media screen and (min-width: 480px) { html body #content .eventi #risultati .eventi-list.nth-3.grid .button, html body #content .eventi #archivio .eventi-list.nth-3.grid .button, html body #content #events-section #risultati .eventi-list.nth-3.grid .button, html body #content #events-section #archivio .eventi-list.nth-3.grid .button { display: none !important; }
  html body #content .eventi #risultati .eventi-list.nth-3.grid ul.element-container, html body #content .eventi #archivio .eventi-list.nth-3.grid ul.element-container, html body #content #events-section #risultati .eventi-list.nth-3.grid ul.element-container, html body #content #events-section #archivio .eventi-list.nth-3.grid ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px); } }
@media screen and (min-width: 915px) { html body #content .eventi #risultati .eventi-list.nth-3.grid ul.element-container, html body #content .eventi #archivio .eventi-list.nth-3.grid ul.element-container, html body #content #events-section #risultati .eventi-list.nth-3.grid ul.element-container, html body #content #events-section #archivio .eventi-list.nth-3.grid ul.element-container { grid-template-columns: calc(32.8% - 5px) calc(32.8% - 5px) calc( 32.8% - 5px ) !important; } }
html body #content .eventi #risultati .button.altri, html body #content .eventi #archivio .button.altri, html body #content #events-section #risultati .button.altri, html body #content #events-section #archivio .button.altri { margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #435d5c; background: #ffffff; border: 1px solid #CA3927; padding: 1rem; font-family: "Roboto-Bold"; text-transform: uppercase; color: #CA3927; text-decoration: none; border-radius: 5px; font-size: 1.2rem; line-height: 1.2rem; }
html body #content .eventi #risultati .button.altri:hover, html body #content .eventi #risultati .button.altri:active, html body #content .eventi #archivio .button.altri:hover, html body #content .eventi #archivio .button.altri:active, html body #content #events-section #risultati .button.altri:hover, html body #content #events-section #risultati .button.altri:active, html body #content #events-section #archivio .button.altri:hover, html body #content #events-section #archivio .button.altri:active { background: #CA3927 !important; color: #ffffff; border-color: #ffffff; }
html body #content .eventi #risultati .button.altri span, html body #content .eventi #archivio .button.altri span, html body #content #events-section #risultati .button.altri span, html body #content #events-section #archivio .button.altri span { font-family: "Roboto-Light"; font-size: 1rem; }
html body #content .eventi .button.altri, html body #content .eventi .allevents, html body #content #events-section .button.altri, html body #content #events-section .allevents { margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #435d5c; background: #ffffff; border: 1px solid #CA3927; padding: 1rem; font-family: "Roboto-Bold"; text-transform: uppercase; color: #CA3927; text-decoration: none; border-radius: 5px; font-size: 1.2rem; line-height: 1.2rem; }
html body #content .eventi .button.altri:hover, html body #content .eventi .button.altri:active, html body #content .eventi .allevents:hover, html body #content .eventi .allevents:active, html body #content #events-section .button.altri:hover, html body #content #events-section .button.altri:active, html body #content #events-section .allevents:hover, html body #content #events-section .allevents:active { background: #CA3927 !important; color: #ffffff; border-color: #ffffff; }
html body #content .eventi .button.altri span, html body #content .eventi .allevents span, html body #content #events-section .button.altri span, html body #content #events-section .allevents span { font-family: "Roboto-Light"; font-size: 1rem; }
html body #content .rassegne { padding-top: 16px; padding-bottom: 16px; }
html body #content .rassegne .inner-page { display: flex; flex-direction: column; gap: 20px; }
html body #content .rassegne h1 { font-size: 2em; line-height: 1.2; font-family: "Roboto-Bold"; color: #CA3927; }
html body #content .rassegne .content-box .risultati { font-size: 1.3rem; margin: 20px 0; }
html body #content .rassegne .content-box .eventi-list { /* adesso calcoliamo le personalizzazioni con nth- (numero di oggetti maggiore di 3), nth-1, nth-2, nth-3 nelle due visualizzazioni griglia e scorrimento*/ }
html body #content .rassegne .content-box .eventi-list ul li { display: flex; flex-direction: column; margin-bottom: 1rem; background: #F2F2F2; }
html body #content .rassegne .content-box .eventi-list ul li a { flex: 1; text-decoration: none; display: flex; flex-direction: column; }
html body #content .rassegne .content-box .eventi-list ul li a .contenuto-oggetto { flex: 1; justify-content: space-between; }
html body #content .rassegne .content-box .eventi-list ul li a .contenuto-oggetto .titolo { margin-top: 0; }
html body #content .rassegne .content-box .eventi-list ul li a .contenuto-oggetto.last { margin-right: 0; background-color: rgba(242, 242, 242, 0.85); border-radius: 16px; transform-origin: center right; transform: scale(0.75); box-shadow: 0 0 16px rgba(202, 57, 39, 0.5); flex-basis: 250px !important; }
html body #content .rassegne .content-box .eventi-list ul li a .contenuto-oggetto.last .contenuto-oggetto { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
html body #content .rassegne .content-box .eventi-list ul li a .contenuto-oggetto.last .contenuto-oggetto .titolo { text-decoration: underline; transform: scale(1.25); }
html body #content .rassegne .content-box .eventi-list ul li a .contenuto-oggetto.last figure { height: 60%; width: 100%; position: relative; }
html body #content .rassegne .content-box .eventi-list ul li a .contenuto-oggetto.last figure img { display: none; }
@media screen and (min-width: 480px) { html body #content .rassegne .content-box .eventi-list ul li.in-evidenza { grid-column: 1 / -1; }
  html body #content .rassegne .content-box .eventi-list ul li.in-evidenza a { flex-direction: row; align-items: center; }
  html body #content .rassegne .content-box .eventi-list ul li.in-evidenza a figure { width: 60%; height: 400px; }
  html body #content .rassegne .content-box .eventi-list ul li.in-evidenza a .contenuto-oggetto { width: 40%; } }
@media screen and (min-width: 1124px) { html body #content .rassegne .content-box .eventi-list ul li.in-evidenza { grid-column: 1 / -1; flex-direction: row; align-items: center; }
  html body #content .rassegne .content-box .eventi-list ul li.in-evidenza a { flex-direction: row; align-items: center; }
  html body #content .rassegne .content-box .eventi-list ul li.in-evidenza a figure { width: 70%; height: 500px; }
  html body #content .rassegne .content-box .eventi-list ul li.in-evidenza a .contenuto-oggetto { width: 30%; } }
html body #content .rassegne .content-box .eventi-list.grid .button { display: none; }
html body #content .rassegne .content-box .eventi-list.grid ul.element-container { display: grid; grid-template-rows: auto auto; justify-content: space-between; }
@media screen and (min-width: 480px) { html body #content .rassegne .content-box .eventi-list.grid ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px); } }
@media screen and (min-width: 1124px) { html body #content .rassegne .content-box .eventi-list.grid ul.element-container { grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(25% - 10px); overflow: hidden; } }
html body #content .rassegne .content-box .eventi-list.nth- { position: relative; left: 0; right: 0; }
html body #content .rassegne .content-box .eventi-list.nth- div { position: relative; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; white-space: nowrap; }
html body #content .rassegne .content-box .eventi-list.nth- ul { position: relative; top: 0; margin: 0; bottom: -1.5rem; overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; scroll-snap-type: inline mandatory; scroll-behavior: smooth; }
html body #content .rassegne .content-box .eventi-list.nth- ul::-webkit-scrollbar { display: none; }
html body #content .rassegne .content-box .eventi-list.nth- ul figure { overflow: hidden; width: 100%; height: 200px; }
html body #content .rassegne .content-box .eventi-list.nth- ul figure img { height: 100%; width: 100%; object-fit: cover; transition: transform 1s; }
html body #content .rassegne .content-box .eventi-list.nth- ul figure img:hover { -ms-transform: scale(1.05); /* IE 9 */ -webkit-transform: scale(1.05); /* Safari 3-8 */ transform: scale(1.05); }
html body #content .rassegne .content-box .eventi-list.nth- ul .contenuto-oggetto { flex: 1; display: flex; flex-direction: column; white-space: normal; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .rassegne .content-box .eventi-list.nth- ul .contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1921px) { html body #content .rassegne .content-box .eventi-list.nth- ul .contenuto-oggetto { padding: 40px; } }
html body #content .rassegne .content-box .eventi-list.nth- ul .contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .rassegne .content-box .eventi-list.nth- ul .contenuto-oggetto .titolo a:hover, html body #content .rassegne .content-box .eventi-list.nth- ul .contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .rassegne .content-box .eventi-list.nth- ul .contenuto-oggetto .data { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Bold"; }
html body #content .rassegne .content-box .eventi-list.nth- ul .contenuto-oggetto .dove { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Light"; }
html body #content .rassegne .content-box .eventi-list.nth- ul .contenuto-oggetto .testo { margin-top: 0.5rem; display: block; color: #343434; }
html body #content .rassegne .content-box .eventi-list.nth- ul .contenuto-oggetto a { text-decoration: none; }
html body #content .rassegne .content-box .eventi-list.nth- ul .contenuto-oggetto span.goto { display: block; width: fit-content; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .rassegne .content-box .eventi-list.nth- ul .contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .rassegne .content-box .eventi-list.nth- ul .contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .rassegne .content-box .eventi-list.nth- ul .contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
html body #content .rassegne .content-box .eventi-list.nth-1 .element-container { max-width: 1320px; margin: auto; display: block !important; }
html body #content .rassegne .content-box .eventi-list.nth-1 figure { overflow: hidden; width: 100%; height: 200px; }
html body #content .rassegne .content-box .eventi-list.nth-1 figure img { height: 100%; width: 100%; object-fit: cover; transition: transform 1s; }
html body #content .rassegne .content-box .eventi-list.nth-1 figure img:hover { -ms-transform: scale(1.05); /* IE 9 */ -webkit-transform: scale(1.05); /* Safari 3-8 */ transform: scale(1.05); }
html body #content .rassegne .content-box .eventi-list.nth-1 .contenuto-oggetto { flex: 1; display: flex; flex-direction: column; white-space: normal; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .rassegne .content-box .eventi-list.nth-1 .contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1921px) { html body #content .rassegne .content-box .eventi-list.nth-1 .contenuto-oggetto { padding: 40px; } }
html body #content .rassegne .content-box .eventi-list.nth-1 .contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .rassegne .content-box .eventi-list.nth-1 .contenuto-oggetto .titolo a:hover, html body #content .rassegne .content-box .eventi-list.nth-1 .contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .rassegne .content-box .eventi-list.nth-1 .contenuto-oggetto .data { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Bold"; }
html body #content .rassegne .content-box .eventi-list.nth-1 .contenuto-oggetto .dove { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Light"; }
html body #content .rassegne .content-box .eventi-list.nth-1 .contenuto-oggetto .testo { margin-top: 0.5rem; display: block; color: #343434; }
html body #content .rassegne .content-box .eventi-list.nth-1 .contenuto-oggetto a { text-decoration: none; }
html body #content .rassegne .content-box .eventi-list.nth-1 .contenuto-oggetto span.goto { display: block; width: fit-content; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .rassegne .content-box .eventi-list.nth-1 .contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .rassegne .content-box .eventi-list.nth-1 .contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .rassegne .content-box .eventi-list.nth-1 .contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
html body #content .rassegne .content-box .eventi-list.nth-1 li { max-height: 550px; }
html body #content .rassegne .content-box .eventi-list.nth-1 li figure { grid-area: figure; }
html body #content .rassegne .content-box .eventi-list.nth-1 li .contenuto-oggetto { align-self: center; grid-area: contenuto-oggetto; }
@media screen and (min-width: 480px) { html body #content .rassegne .content-box .eventi-list.nth-1 li { padding-top: 0; display: grid; padding: 0; grid-template-columns: 50% calc(50%); grid-template-areas: "figure contenuto-oggetto"; }
  html body #content .rassegne .content-box .eventi-list.nth-1 li figure { background: rgba(112, 112, 112, 0.5); } }
@media screen and (min-width: 915px) { html body #content .rassegne .content-box .eventi-list.nth-1 li { grid-template-columns: 550px calc(100% - 550px); }
  html body #content .rassegne .content-box .eventi-list.nth-1 li figure { overflow: hidden; height: 100%; max-height: 550px; }
  html body #content .rassegne .content-box .eventi-list.nth-1 li figure a { display: block; height: 100%; }
  html body #content .rassegne .content-box .eventi-list.nth-1 li figure img { height: 100%; width: 100%; object-fit: cover; } }
@media screen and (min-width: 1124px) { html body #content .rassegne .content-box .eventi-list.nth-1 li { grid-template-columns: 600px calc(100% - 600px); }
  html body #content .rassegne .content-box .eventi-list.nth-1 li span.contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1280px) { html body #content .rassegne .content-box .eventi-list.nth-1 li { grid-template-columns: 700px calc(100% - 700px); }
  html body #content .rassegne .content-box .eventi-list.nth-1 li span.contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1400px) { html body #content .rassegne .content-box .eventi-list.nth-1 li { grid-template-columns: 950px calc(100% - 950px); }
  html body #content .rassegne .content-box .eventi-list.nth-1 li span.contenuto-oggetto { padding: 32px; } }
html body #content .rassegne .content-box .eventi-list.nth-2 figure { overflow: hidden; width: 100%; height: 200px; }
html body #content .rassegne .content-box .eventi-list.nth-2 figure img { height: 100%; width: 100%; object-fit: cover; transition: transform 1s; }
html body #content .rassegne .content-box .eventi-list.nth-2 figure img:hover { -ms-transform: scale(1.05); /* IE 9 */ -webkit-transform: scale(1.05); /* Safari 3-8 */ transform: scale(1.05); }
html body #content .rassegne .content-box .eventi-list.nth-2 .contenuto-oggetto { flex: 1; display: flex; flex-direction: column; white-space: normal; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .rassegne .content-box .eventi-list.nth-2 .contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1921px) { html body #content .rassegne .content-box .eventi-list.nth-2 .contenuto-oggetto { padding: 40px; } }
html body #content .rassegne .content-box .eventi-list.nth-2 .contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .rassegne .content-box .eventi-list.nth-2 .contenuto-oggetto .titolo a:hover, html body #content .rassegne .content-box .eventi-list.nth-2 .contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .rassegne .content-box .eventi-list.nth-2 .contenuto-oggetto .data { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Bold"; }
html body #content .rassegne .content-box .eventi-list.nth-2 .contenuto-oggetto .dove { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Light"; }
html body #content .rassegne .content-box .eventi-list.nth-2 .contenuto-oggetto .testo { margin-top: 0.5rem; display: block; color: #343434; }
html body #content .rassegne .content-box .eventi-list.nth-2 .contenuto-oggetto a { text-decoration: none; }
html body #content .rassegne .content-box .eventi-list.nth-2 .contenuto-oggetto span.goto { display: block; width: fit-content; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .rassegne .content-box .eventi-list.nth-2 .contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .rassegne .content-box .eventi-list.nth-2 .contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .rassegne .content-box .eventi-list.nth-2 .contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
@media screen and (min-width: 480px) { html body #content .rassegne .content-box .eventi-list.nth-2.grid .button { display: none !important; }
  html body #content .rassegne .content-box .eventi-list.nth-2.grid ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px) !important; }
  html body #content .rassegne .content-box .eventi-list.nth-2.scrollable ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px) !important; } }
html body #content .rassegne .content-box .eventi-list.nth-3 figure { overflow: hidden; width: 100%; height: 200px; }
html body #content .rassegne .content-box .eventi-list.nth-3 figure img { height: 100%; width: 100%; object-fit: cover; transition: transform 1s; }
html body #content .rassegne .content-box .eventi-list.nth-3 figure img:hover { -ms-transform: scale(1.05); /* IE 9 */ -webkit-transform: scale(1.05); /* Safari 3-8 */ transform: scale(1.05); }
html body #content .rassegne .content-box .eventi-list.nth-3 .contenuto-oggetto { flex: 1; display: flex; flex-direction: column; white-space: normal; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .rassegne .content-box .eventi-list.nth-3 .contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1921px) { html body #content .rassegne .content-box .eventi-list.nth-3 .contenuto-oggetto { padding: 40px; } }
html body #content .rassegne .content-box .eventi-list.nth-3 .contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .rassegne .content-box .eventi-list.nth-3 .contenuto-oggetto .titolo a:hover, html body #content .rassegne .content-box .eventi-list.nth-3 .contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .rassegne .content-box .eventi-list.nth-3 .contenuto-oggetto .data { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Bold"; }
html body #content .rassegne .content-box .eventi-list.nth-3 .contenuto-oggetto .dove { margin-top: 0.5rem; display: block; color: #343434; font-family: "Roboto-Light"; }
html body #content .rassegne .content-box .eventi-list.nth-3 .contenuto-oggetto .testo { margin-top: 0.5rem; display: block; color: #343434; }
html body #content .rassegne .content-box .eventi-list.nth-3 .contenuto-oggetto a { text-decoration: none; }
html body #content .rassegne .content-box .eventi-list.nth-3 .contenuto-oggetto span.goto { display: block; width: fit-content; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .rassegne .content-box .eventi-list.nth-3 .contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .rassegne .content-box .eventi-list.nth-3 .contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .rassegne .content-box .eventi-list.nth-3 .contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
@media screen and (min-width: 480px) { html body #content .rassegne .content-box .eventi-list.nth-3.grid .button { display: none !important; }
  html body #content .rassegne .content-box .eventi-list.nth-3.grid ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px); } }
@media screen and (min-width: 915px) { html body #content .rassegne .content-box .eventi-list.nth-3.grid ul.element-container { grid-template-columns: calc(32.8% - 5px) calc(32.8% - 5px) calc( 32.8% - 5px ) !important; } }
html body #content .rassegne .content-box .button.altri { margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #435d5c; background: #ffffff; border: 1px solid #CA3927; padding: 1rem; font-family: "Roboto-Bold"; text-transform: uppercase; color: #CA3927; text-decoration: none; border-radius: 5px; font-size: 1.2rem; line-height: 1.2rem; }
html body #content .rassegne .content-box .button.altri:hover, html body #content .rassegne .content-box .button.altri:active { background: #CA3927 !important; color: #ffffff; border-color: #ffffff; }
html body #content .rassegne .content-box .button.altri span { font-family: "Roboto-Light"; font-size: 1rem; }
html body #content .rassegne .button.altri { margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #435d5c; background: #ffffff; border: 1px solid #CA3927; padding: 1rem; font-family: "Roboto-Bold"; text-transform: uppercase; color: #CA3927; text-decoration: none; border-radius: 5px; font-size: 1.2rem; line-height: 1.2rem; }
html body #content .rassegne .button.altri:hover, html body #content .rassegne .button.altri:active { background: #CA3927 !important; color: #ffffff; border-color: #ffffff; }
html body #content .rassegne .button.altri span { font-family: "Roboto-Light"; font-size: 1rem; }
html body #content #evento-app { background-color: #F2F2F2; }
html body #content #evento-app h1 { font-size: 2em; line-height: 1.2; font-family: "Roboto-Bold"; color: #CA3927; }
html body #content #evento-app .event-info { display: flex; flex-direction: column; }
html body #content #evento-app .event-info .appointment { display: flex; flex-direction: column; gap: 16px; font-family: "Roboto-Bold"; font-size: 1.25rem; }
html body #content #evento-app .event-preview { display: flex; flex-direction: column; margin: 30px 0; background-color: #ffffff; }
html body #content #evento-app .event-preview .cln-left { width: 100%; }
html body #content #evento-app .event-preview .cln-left img { width: 100%; height: 100%; object-fit: cover; }
html body #content #evento-app .event-preview .cln-left #tags { display: flex; gap: 10px; }
html body #content #evento-app .event-preview .cln-left #tags li { color: #ffffff; background-color: #CA3927; padding: 5px; border-radius: 10px; }
html body #content #evento-app .event-preview .cln-right { width: 100%; }
html body #content #evento-app .event-preview .cln-right .info { padding: 20px 15px; display: flex; flex-direction: column; gap: 40px; }
html body #content #evento-app .event-preview .cln-right .info .prenotazione { word-wrap: break-word; }
html body #content #evento-app .event-preview .cln-right .info .riferimenti { display: flex; flex-direction: column; gap: 20px; overflow-wrap: anywhere; }
html body #content #evento-app .event-preview .cln-right .info .riferimenti .mail { font-family: "Roboto-Bold"; font-size: 1rem; }
@media screen and (min-width: 1124px) { html body #content #evento-app .event-info .appointment { flex-direction: row; gap: 5px; }
  html body #content #evento-app .event-preview { flex-direction: row; }
  html body #content #evento-app .event-preview .cln-left { width: 70%; }
  html body #content #evento-app .event-preview .cln-right { width: 30%; }
  html body #content #evento-app .event-preview .cln-right .info { padding: 20px 30px; } }
html body #content .cluster { position: relative; /* adesso calcoliamo le personalizzazioni con nth- (numero di oggetti maggiore di 3), nth-1, nth-2, nth-3 nelle due visualizzazioni griglia e scorrimento*/ }
html body #content .cluster ul li { margin-bottom: 1rem; background: #F2F2F2; }
html body #content .cluster ul li a { text-decoration: none; display: block; }
html body #content .cluster ul li .titolo { margin-top: 0; }
html body #content .cluster ul li .testo { color: #343434; }
html body #content .cluster ul li.last { margin-right: 0; background-color: rgba(242, 242, 242, 0.85); border-radius: 16px; transform: scale(0.75); box-shadow: 0 0 16px rgba(202, 57, 39, 0.5); flex-basis: 250px !important; }
html body #content .cluster ul li.last .contenuto-oggetto { display: flex; align-items: center; justify-content: center; text-align: center; }
html body #content .cluster ul li.last .contenuto-oggetto .titolo { text-decoration: underline; transform: scale(1.25); }
html body #content .cluster ul li.last figure { width: 100%; position: relative; }
html body #content .cluster ul li.last figure img { display: none; }
html body #content .cluster ul li.last figure::before { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("../layout/freccia-nera.svg"); background-repeat: no-repeat; background-position: center center; background-size: 25% auto; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
html body #content .cluster.scrollable ul.element-container { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; }
html body #content .cluster.scrollable ul.element-container li { scroll-snap-align: center; scroll-snap-stop: always; overflow: hidden; width: calc(100%); text-align: left; flex-shrink: 0; flex-direction: column; flex-grow: 1; flex-basis: 100%; }
html body #content .cluster.scrollable ul.element-container li.last { height: auto; }
@media screen and (min-width: 915px) { html body #content .cluster.scrollable ul.element-container li { flex-basis: 200px; } }
@media screen and (min-width: 1124px) { html body #content .cluster.scrollable ul.element-container li { flex-basis: 250px; } }
@media screen and (min-width: 1280px) { html body #content .cluster.scrollable ul.element-container li { flex-basis: 300px; } }
@media screen and (min-width: 1320px) { html body #content .cluster.scrollable ul.element-container li { flex-basis: 350px; } }
@media screen and (min-width: 1400px) { html body #content .cluster.scrollable ul.element-container li { flex-basis: 400px; } }
html body #content .cluster.grid .button { display: none; }
html body #content .cluster.grid ul.element-container { display: grid; }
@media screen and (min-width: 480px) { html body #content .cluster.grid ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px); } }
@media screen and (min-width: 1124px) { html body #content .cluster.grid ul.element-container { grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc( 25% - 10px ) calc(25% - 10px); justify-content: space-between; overflow: hidden; } }
html body #content .cluster.nth- { position: relative; left: 0; right: 0; }
html body #content .cluster.nth- div { position: relative; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; white-space: nowrap; }
html body #content .cluster.nth- ul { position: relative; top: 0; margin: 0; bottom: -1.5rem; overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; scroll-snap-type: inline mandatory; scroll-behavior: smooth; }
html body #content .cluster.nth- ul::-webkit-scrollbar { display: none; }
html body #content .cluster.nth- ul figure { overflow: hidden; width: 100%; height: 200px; }
html body #content .cluster.nth- ul figure img { height: 100%; width: 100%; object-fit: cover; transition: transform 1s; }
html body #content .cluster.nth- ul figure img:hover { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
html body #content .cluster.nth- ul span.contenuto-oggetto { white-space: normal; display: block; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .cluster.nth- ul span.contenuto-oggetto { padding: 16px 32px; } }
@media screen and (min-width: 1921px) { html body #content .cluster.nth- ul span.contenuto-oggetto { padding: 16px 40px; } }
html body #content .cluster.nth- ul span.contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .cluster.nth- ul span.contenuto-oggetto .titolo a:hover, html body #content .cluster.nth- ul span.contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .cluster.nth- ul span.contenuto-oggetto .sottotitolo { margin-top: 0.5rem; display: block; font-family: "Roboto-Bold"; }
html body #content .cluster.nth- ul span.contenuto-oggetto .testo { margin-top: 0.5rem; display: block; }
html body #content .cluster.nth- ul span.contenuto-oggetto a { text-decoration: none; }
html body #content .cluster.nth- ul span.contenuto-oggetto span.goto { display: inline-block; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .cluster.nth- ul span.contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .cluster.nth- ul span.contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .cluster.nth- ul span.contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
html body #content .cluster.nth-1 .element-container { max-width: 1320px; margin: auto; display: block !important; }
html body #content .cluster.nth-1 figure { overflow: hidden; width: 100%; height: 200px; }
html body #content .cluster.nth-1 figure img { height: 100%; width: 100%; object-fit: cover; transition: transform 1s; }
html body #content .cluster.nth-1 figure img:hover { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
html body #content .cluster.nth-1 span.contenuto-oggetto { white-space: normal; display: block; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .cluster.nth-1 span.contenuto-oggetto { padding: 16px 32px; } }
@media screen and (min-width: 1921px) { html body #content .cluster.nth-1 span.contenuto-oggetto { padding: 16px 40px; } }
html body #content .cluster.nth-1 span.contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .cluster.nth-1 span.contenuto-oggetto .titolo a:hover, html body #content .cluster.nth-1 span.contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .cluster.nth-1 span.contenuto-oggetto .sottotitolo { margin-top: 0.5rem; display: block; font-family: "Roboto-Bold"; }
html body #content .cluster.nth-1 span.contenuto-oggetto .testo { margin-top: 0.5rem; display: block; }
html body #content .cluster.nth-1 span.contenuto-oggetto a { text-decoration: none; }
html body #content .cluster.nth-1 span.contenuto-oggetto span.goto { display: inline-block; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .cluster.nth-1 span.contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .cluster.nth-1 span.contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .cluster.nth-1 span.contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
html body #content .cluster.nth-1 li { max-height: 550px; }
html body #content .cluster.nth-1 li a { display: grid; }
html body #content .cluster.nth-1 li a figure { grid-area: figure; }
html body #content .cluster.nth-1 li a .contenuto-oggetto { align-self: center; grid-area: contenuto-oggetto; }
@media screen and (min-width: 480px) { html body #content .cluster.nth-1 li a { padding-top: 0; display: grid; padding: 0; grid-template-columns: 50% calc(50%); grid-template-areas: "figure contenuto-oggetto"; }
  html body #content .cluster.nth-1 li a figure { background: rgba(112, 112, 112, 0.5); } }
@media screen and (min-width: 915px) { html body #content .cluster.nth-1 li a { grid-template-columns: 550px calc(100% - 550px); }
  html body #content .cluster.nth-1 li a figure { display: block; height: 100%; overflow: hidden; max-height: 550px; }
  html body #content .cluster.nth-1 li a figure img { height: 100%; width: 100%; object-fit: cover; } }
@media screen and (min-width: 1124px) { html body #content .cluster.nth-1 li a { grid-template-columns: 600px calc(100% - 600px); }
  html body #content .cluster.nth-1 li a .contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1280px) { html body #content .cluster.nth-1 li a { grid-template-columns: 700px calc(100% - 700px); }
  html body #content .cluster.nth-1 li a .contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1400px) { html body #content .cluster.nth-1 li a { grid-template-columns: 950px calc(100% - 950px); }
  html body #content .cluster.nth-1 li a .contenuto-oggetto { padding: 32px; } }
html body #content .cluster.nth-2 figure { overflow: hidden; width: 100%; height: 200px; }
html body #content .cluster.nth-2 figure img { height: 100%; width: 100%; object-fit: cover; transition: transform 1s; }
html body #content .cluster.nth-2 figure img:hover { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
html body #content .cluster.nth-2 span.contenuto-oggetto { white-space: normal; display: block; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .cluster.nth-2 span.contenuto-oggetto { padding: 16px 32px; } }
@media screen and (min-width: 1921px) { html body #content .cluster.nth-2 span.contenuto-oggetto { padding: 16px 40px; } }
html body #content .cluster.nth-2 span.contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .cluster.nth-2 span.contenuto-oggetto .titolo a:hover, html body #content .cluster.nth-2 span.contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .cluster.nth-2 span.contenuto-oggetto .sottotitolo { margin-top: 0.5rem; display: block; font-family: "Roboto-Bold"; }
html body #content .cluster.nth-2 span.contenuto-oggetto .testo { margin-top: 0.5rem; display: block; }
html body #content .cluster.nth-2 span.contenuto-oggetto a { text-decoration: none; }
html body #content .cluster.nth-2 span.contenuto-oggetto span.goto { display: inline-block; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .cluster.nth-2 span.contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .cluster.nth-2 span.contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .cluster.nth-2 span.contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
@media screen and (min-width: 480px) { html body #content .cluster.nth-2.grid .button { display: none !important; }
  html body #content .cluster.nth-2.grid ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px) !important; }
  html body #content .cluster.nth-2.grid ul.element-container li a { display: block; }
  html body #content .cluster.nth-2.scrollable ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px) !important; }
  html body #content .cluster.nth-2.scrollable ul.element-container li a { display: block; } }
html body #content .cluster.nth-3 figure { overflow: hidden; width: 100%; height: 200px; }
html body #content .cluster.nth-3 figure img { height: 100%; width: 100%; object-fit: cover; transition: transform 1s; }
html body #content .cluster.nth-3 figure img:hover { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
html body #content .cluster.nth-3 span.contenuto-oggetto { white-space: normal; display: block; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .cluster.nth-3 span.contenuto-oggetto { padding: 16px 32px; } }
@media screen and (min-width: 1921px) { html body #content .cluster.nth-3 span.contenuto-oggetto { padding: 16px 40px; } }
html body #content .cluster.nth-3 span.contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .cluster.nth-3 span.contenuto-oggetto .titolo a:hover, html body #content .cluster.nth-3 span.contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .cluster.nth-3 span.contenuto-oggetto .sottotitolo { margin-top: 0.5rem; display: block; font-family: "Roboto-Bold"; }
html body #content .cluster.nth-3 span.contenuto-oggetto .testo { margin-top: 0.5rem; display: block; }
html body #content .cluster.nth-3 span.contenuto-oggetto a { text-decoration: none; }
html body #content .cluster.nth-3 span.contenuto-oggetto span.goto { display: inline-block; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .cluster.nth-3 span.contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .cluster.nth-3 span.contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .cluster.nth-3 span.contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
@media screen and (min-width: 480px) { html body #content .cluster.nth-3.grid .button { display: none !important; }
  html body #content .cluster.nth-3.grid ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px); }
  html body #content .cluster.nth-3.grid ul.element-container li a { display: block; } }
@media screen and (min-width: 915px) { html body #content .cluster.nth-3.grid ul.element-container { grid-template-columns: calc(32.8% - 5px) calc(32.8% - 5px) calc( 32.8% - 5px ) !important; }
  html body #content .cluster.nth-3.grid ul.element-container li a { display: block; } }
html body #content .arrows { position: absolute; top: auto; bottom: 0rem; width: 40%; display: flex; z-index: 1; }
html body #content .arrows span { border-radius: 100%; display: block; align-self: center; box-shadow: 0 2.4px 4.8px rgba(0, 0, 0, 0.18); background-color: #ffffff; background-image: url(../../../../../layout/freccia-nera.svg); background-repeat: no-repeat; background-position: center center; background-size: 40%; font-size: 0; color: transparent; width: 40px; height: 40px; margin: 0; }
@media screen and (min-width: 915px) { html body #content .arrows span { width: 40px; height: 40px; } }
@media screen and (min-width: 1280px) { html body #content .arrows span { width: 48px; height: 48px; } }
html body #content .arrows.left { left: 0; }
html body #content .arrows.left span { transform: rotate(90deg); margin-left: auto; }
html body #content .arrows.right { right: 0; text-align: right; }
html body #content .arrows.right span { transform: rotate(-90deg); margin-right: auto; }
html body #content .arrows.disabled { display: none; }
@media screen and (min-width: 915px) { html body #content .arrows { top: 0; bottom: 0; width: auto; }
  html body #content .arrows.left { background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.45)); }
  html body #content .arrows.left span { transform: rotate(90deg); margin-left: 16px; }
  html body #content .arrows.right { text-align: right; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.45)); }
  html body #content .arrows.right span { transform: rotate(-90deg); margin-right: 16px; } }
html body #content .cluster-opere { position: relative; /*questa opzione permette di scegliere se mostrare gli elementi a scorrimento sulla stessa riga o sotto forma di griglia su più righe, specialmente nelle risoluzioni più piccole*/ /* adesso calcoliamo le personalizzazioni con nth- (numero di oggetti maggiore di 3), nth-1, nth-2, nth-3 nelle due visualizzazioni griglia e scorrimento*/ }
html body #content .cluster-opere ul li { margin-bottom: 1rem; }
html body #content .cluster-opere ul li .titolo { margin-top: 0; }
html body #content .cluster-opere.scrollable ul.element-container { display: flex; }
html body #content .cluster-opere.scrollable ul.element-container li { border: 1px solid #ffffff; scroll-snap-align: center; overflow: hidden; width: calc(100%); text-align: left; flex-shrink: 0; flex-direction: column; flex-basis: 200px; }
html body #content .cluster-opere.scrollable ul.element-container li figure { height: 250px; }
html body #content .cluster-opere.scrollable ul.element-container li figure img { object-fit: contain; }
@media screen and (min-width: 480px) { html body #content .cluster-opere.scrollable ul.element-container li { flex-basis: 300px; } }
@media screen and (min-width: 915px) { html body #content .cluster-opere.scrollable ul.element-container li figure { height: 290px; } }
@media screen and (min-width: 1280px) { html body #content .cluster-opere.scrollable ul.element-container li { flex-basis: 340px; }
  html body #content .cluster-opere.scrollable ul.element-container li figure { height: 310px; } }
@media screen and (min-width: 1400px) { html body #content .cluster-opere.scrollable ul.element-container li { flex-basis: 370px; } }
html body #content .cluster-opere.grid div.centrato .more-less { border-top: 2px solid #CA3927; margin: 16px 0; display: flex; align-items: center; justify-content: center; }
html body #content .cluster-opere.grid div.centrato .more-less .button { margin-top: 16px; border: 1px solid #CA3927; background: #ffffff; text-align: center; display: block; padding: 10px 30px 8px 30px; font-family: "Roboto-Bold"; text-transform: uppercase; color: #CA3927; text-decoration: none; border-radius: 5px; font-size: 0.85rem; line-height: 1rem; }
html body #content .cluster-opere.grid div.centrato .more-less .button span.more { display: none; }
html body #content .cluster-opere.grid div.centrato .more-less .button span.less { display: none; }
html body #content .cluster-opere.grid div.centrato .more-less .button span.active { display: block; }
html body #content .cluster-opere.grid ul.element-container { display: grid; height: 483px; }
html body #content .cluster-opere.grid ul.element-container li { min-height: 483px; }
html body #content .cluster-opere.grid ul.element-container li figure { height: 250px; }
html body #content .cluster-opere.grid ul.element-container li figure img { object-fit: contain; }
html body #content .cluster-opere.grid ul.element-container.expanded { height: auto; }
@media screen and (min-width: 320px) { html body #content .cluster-opere.grid ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px); } }
@media screen and (min-width: 700px) { html body #content .cluster-opere.grid ul.element-container { grid-template-columns: calc(32.8% - 5px) calc(32.8% - 5px) calc( 32.8% - 5px ); overflow: hidden; } }
@media screen and (min-width: 915px) { html body #content .cluster-opere.grid ul.element-container li figure { height: 290px; } }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.grid ul.element-container { overflow: hidden; height: 516px; }
  html body #content .cluster-opere.grid ul.element-container li { min-height: 516px; } }
@media screen and (min-width: 1200px) { html body #content .cluster-opere.grid ul.element-container { overflow: hidden; height: 548px; }
  html body #content .cluster-opere.grid ul.element-container li { min-height: 548px; } }
@media screen and (min-width: 1280px) { html body #content .cluster-opere.grid ul.element-container { height: 564px; }
  html body #content .cluster-opere.grid ul.element-container li { min-height: 564px; }
  html body #content .cluster-opere.grid ul.element-container li figure { height: 340px; } }
@media screen and (min-width: 1400px) { html body #content .cluster-opere.grid ul.element-container { grid-template-columns: calc(25% - 12px) calc(25% - 12px) calc( 25% - 12px ) calc(25% - 12px); height: 623px; }
  html body #content .cluster-opere.grid ul.element-container li { min-height: 623px; }
  html body #content .cluster-opere.grid ul.element-container li figure { height: 370px; } }
@media screen and (min-width: 1320px) { html body #content .cluster-opere.grid ul.element-container { overflow: hidden; }
  html body #content .cluster-opere.grid ul.element-container li figure { height: 420px; } }
html body #content .cluster-opere.nth- { position: relative; left: 0; right: 0; }
html body #content .cluster-opere.nth- div { position: relative; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; white-space: nowrap; }
html body #content .cluster-opere.nth- ul { position: relative; top: 0; margin: 0; column-gap: 16px; bottom: -1.5rem; overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; scroll-snap-type: inline mandatory; scroll-behavior: smooth; }
html body #content .cluster-opere.nth- a { user-select: none; -webkit-user-drag: none; color: #343434; text-decoration: none; }
html body #content .cluster-opere.nth- a figure { position: relative; display: flex; width: 100%; background: #F2F2F2; }
html body #content .cluster-opere.nth- a figure .etichetta-stato { position: absolute; display: block; background-image: url("../layout/icon-hidden.png"); background-repeat: no-repeat; background-position: center center; background-size: 50px auto; width: 50px; height: 50px; top: 0; left: 0; font-family: "Roboto-Bold"; font-size: 0; transform: scale(0.85); transform-origin: top left; color: #ffffff; padding: 5.6px 16px; z-index: 1; }
html body #content .cluster-opere.nth- a figure .etichetta-stato.stato-1 { background-image: none; }
html body #content .cluster-opere.nth- a figure img { -webkit-user-drag: none; user-select: none; -webkit-user-select: none; max-width: 95%; max-height: 95%; transition: transform 1s; width: auto; height: auto; margin: 8px auto; display: inline-block; vertical-align: middle; }
html body #content .cluster-opere.nth- a .contenuto-oggetto { background: #ffffff; white-space: normal; display: block; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .cluster-opere.nth- a .contenuto-oggetto { padding: 16px 32px; } }
@media screen and (min-width: 1921px) { html body #content .cluster-opere.nth- a .contenuto-oggetto { padding: 16px 40px; } }
html body #content .cluster-opere.nth- a .contenuto-oggetto span { display: block; margin-bottom: 8px; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth- a .contenuto-oggetto span.autore { transform: scale(0.95); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth- a .contenuto-oggetto span.titolo.cluster-opera-element { color: #343434; }
html body #content .cluster-opere.nth- a .contenuto-oggetto span.titolo.cluster-opera-element a { color: #343434 !important; }
html body #content .cluster-opere.nth- a .contenuto-oggetto span.titolo.cluster-opera-element a:hover, html body #content .cluster-opere.nth- a .contenuto-oggetto span.titolo.cluster-opera-element a:active { text-decoration: underline; }
html body #content .cluster-opere.nth- a .contenuto-oggetto span.museo, html body #content .cluster-opere.nth- a .contenuto-oggetto span.piano { margin: 0; font-family: "Roboto-Bold"; font-size: 14px; color: #CA3927; }
html body #content .cluster-opere.nth- a .contenuto-oggetto span.collocazione { font-family: "Roboto-Bold"; color: #CA3927; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth- a .contenuto-oggetto span.collocazione { transform: scale(0.85); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth- a .contenuto-oggetto span.stato { font-family: "Roboto-Bold"; color: #CA3927; margin-bottom: 0; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth- a .contenuto-oggetto span.stato { transform: scale(0.85); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth- a .contenuto-oggetto span.note { color: #CA3927; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth- a .contenuto-oggetto span.note { transform: scale(0.8); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth- a .contenuto-oggetto span a { text-decoration: none; }
html body #content .cluster-opere.nth-1 .element-container { max-width: 1320px; margin: auto; display: block !important; }
@media screen and (min-width: 1320px) { html body #content .cluster-opere.nth-1 .element-container { padding-left: 134px; padding-right: 134px; } }
html body #content .cluster-opere.nth-1 li figure { grid-area: figure; }
html body #content .cluster-opere.nth-1 li .contenuto-oggetto { align-self: center; grid-area: contenuto-oggetto; }
@media screen and (min-width: 480px) { html body #content .cluster-opere.nth-1 li { padding-top: 0; display: grid; padding: 0; grid-template-columns: 50% calc(50%); grid-template-areas: 'figure contenuto-oggetto'; }
  html body #content .cluster-opere.nth-1 li figure { background: rgba(112, 112, 112, 0.5); } }
@media screen and (min-width: 915px) { html body #content .cluster-opere.nth-1 li { grid-template-columns: 550px calc(100% - 550px); }
  html body #content .cluster-opere.nth-1 li a { display: block; height: 100%; }
  html body #content .cluster-opere.nth-1 li a figure { overflow: hidden; height: 100%; max-height: 550px; }
  html body #content .cluster-opere.nth-1 li a figure img { height: 100%; width: 100%; object-fit: cover; } }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth-1 li { grid-template-columns: 600px calc(100% - 600px); }
  html body #content .cluster-opere.nth-1 li span.contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1280px) { html body #content .cluster-opere.nth-1 li { grid-template-columns: 700px calc(100% - 700px); }
  html body #content .cluster-opere.nth-1 li span.contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1400px) { html body #content .cluster-opere.nth-1 li { grid-template-columns: 950px calc(100% - 950px); }
  html body #content .cluster-opere.nth-1 li span.contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1320px) { html body #content .cluster-opere.nth-1 li { grid-template-columns: 1050px calc(100% - 1050px); }
  html body #content .cluster-opere.nth-1 li span.contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1921px) { html body #content .cluster-opere.nth-1 li { grid-template-columns: 1190px calc(100% - 1190px); }
  html body #content .cluster-opere.nth-1 li span.contenuto-oggetto { padding: 48px 64px; } }
html body #content .cluster-opere.nth-1 a { user-select: none; -webkit-user-drag: none; color: #343434; text-decoration: none; }
html body #content .cluster-opere.nth-1 a figure { position: relative; display: flex; width: 100%; background: #F2F2F2; }
html body #content .cluster-opere.nth-1 a figure .etichetta-stato { position: absolute; display: block; background-image: url("../layout/icon-hidden.png"); background-repeat: no-repeat; background-position: center center; background-size: 50px auto; width: 50px; height: 50px; top: 0; left: 0; font-family: "Roboto-Bold"; font-size: 0; transform: scale(0.85); transform-origin: top left; color: #ffffff; padding: 5.6px 16px; z-index: 1; }
html body #content .cluster-opere.nth-1 a figure .etichetta-stato.stato-1 { background-image: none; }
html body #content .cluster-opere.nth-1 a figure img { -webkit-user-drag: none; user-select: none; -webkit-user-select: none; max-width: 95%; max-height: 95%; transition: transform 1s; width: auto; height: auto; margin: 8px auto; display: inline-block; vertical-align: middle; }
html body #content .cluster-opere.nth-1 a .contenuto-oggetto { background: #ffffff; white-space: normal; display: block; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .cluster-opere.nth-1 a .contenuto-oggetto { padding: 16px 32px; } }
@media screen and (min-width: 1921px) { html body #content .cluster-opere.nth-1 a .contenuto-oggetto { padding: 16px 40px; } }
html body #content .cluster-opere.nth-1 a .contenuto-oggetto span { display: block; margin-bottom: 8px; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth-1 a .contenuto-oggetto span.autore { transform: scale(0.95); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth-1 a .contenuto-oggetto span.titolo.cluster-opera-element { color: #343434; }
html body #content .cluster-opere.nth-1 a .contenuto-oggetto span.titolo.cluster-opera-element a { color: #343434 !important; }
html body #content .cluster-opere.nth-1 a .contenuto-oggetto span.titolo.cluster-opera-element a:hover, html body #content .cluster-opere.nth-1 a .contenuto-oggetto span.titolo.cluster-opera-element a:active { text-decoration: underline; }
html body #content .cluster-opere.nth-1 a .contenuto-oggetto span.museo, html body #content .cluster-opere.nth-1 a .contenuto-oggetto span.piano { margin: 0; font-family: "Roboto-Bold"; font-size: 14px; color: #CA3927; }
html body #content .cluster-opere.nth-1 a .contenuto-oggetto span.collocazione { font-family: "Roboto-Bold"; color: #CA3927; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth-1 a .contenuto-oggetto span.collocazione { transform: scale(0.85); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth-1 a .contenuto-oggetto span.stato { font-family: "Roboto-Bold"; color: #CA3927; margin-bottom: 0; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth-1 a .contenuto-oggetto span.stato { transform: scale(0.85); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth-1 a .contenuto-oggetto span.note { color: #CA3927; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth-1 a .contenuto-oggetto span.note { transform: scale(0.8); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth-1 a .contenuto-oggetto span a { text-decoration: none; }
@media screen and (min-width: 480px) { html body #content .cluster-opere.nth-2.grid .button { display: none !important; }
  html body #content .cluster-opere.nth-2.grid ul.element-container { column-gap: 16px; grid-template-columns: calc(50% - 8px) calc(50% - 8px) !important; }
  html body #content .cluster-opere.nth-2.scrollable ul.element-container { column-gap: 16px; grid-template-columns: calc(50% - 8px) calc(50% - 8px) !important; } }
html body #content .cluster-opere.nth-2 a { user-select: none; -webkit-user-drag: none; color: #343434; text-decoration: none; }
html body #content .cluster-opere.nth-2 a figure { position: relative; display: flex; width: 100%; background: #F2F2F2; }
html body #content .cluster-opere.nth-2 a figure .etichetta-stato { position: absolute; display: block; background-image: url("../layout/icon-hidden.png"); background-repeat: no-repeat; background-position: center center; background-size: 50px auto; width: 50px; height: 50px; top: 0; left: 0; font-family: "Roboto-Bold"; font-size: 0; transform: scale(0.85); transform-origin: top left; color: #ffffff; padding: 5.6px 16px; z-index: 1; }
html body #content .cluster-opere.nth-2 a figure .etichetta-stato.stato-1 { background-image: none; }
html body #content .cluster-opere.nth-2 a figure img { -webkit-user-drag: none; user-select: none; -webkit-user-select: none; max-width: 95%; max-height: 95%; transition: transform 1s; width: auto; height: auto; margin: 8px auto; display: inline-block; vertical-align: middle; }
html body #content .cluster-opere.nth-2 a .contenuto-oggetto { background: #ffffff; white-space: normal; display: block; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .cluster-opere.nth-2 a .contenuto-oggetto { padding: 16px 32px; } }
@media screen and (min-width: 1921px) { html body #content .cluster-opere.nth-2 a .contenuto-oggetto { padding: 16px 40px; } }
html body #content .cluster-opere.nth-2 a .contenuto-oggetto span { display: block; margin-bottom: 8px; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth-2 a .contenuto-oggetto span.autore { transform: scale(0.95); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth-2 a .contenuto-oggetto span.titolo.cluster-opera-element { color: #343434; }
html body #content .cluster-opere.nth-2 a .contenuto-oggetto span.titolo.cluster-opera-element a { color: #343434 !important; }
html body #content .cluster-opere.nth-2 a .contenuto-oggetto span.titolo.cluster-opera-element a:hover, html body #content .cluster-opere.nth-2 a .contenuto-oggetto span.titolo.cluster-opera-element a:active { text-decoration: underline; }
html body #content .cluster-opere.nth-2 a .contenuto-oggetto span.museo, html body #content .cluster-opere.nth-2 a .contenuto-oggetto span.piano { margin: 0; font-family: "Roboto-Bold"; font-size: 14px; color: #CA3927; }
html body #content .cluster-opere.nth-2 a .contenuto-oggetto span.collocazione { font-family: "Roboto-Bold"; color: #CA3927; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth-2 a .contenuto-oggetto span.collocazione { transform: scale(0.85); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth-2 a .contenuto-oggetto span.stato { font-family: "Roboto-Bold"; color: #CA3927; margin-bottom: 0; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth-2 a .contenuto-oggetto span.stato { transform: scale(0.85); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth-2 a .contenuto-oggetto span.note { color: #CA3927; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth-2 a .contenuto-oggetto span.note { transform: scale(0.8); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth-2 a .contenuto-oggetto span a { text-decoration: none; }
@media screen and (min-width: 480px) { html body #content .cluster-opere.nth-3.grid .button { display: none !important; }
  html body #content .cluster-opere.nth-3.grid ul.element-container { column-gap: 16px; grid-template-columns: calc(50% - 8px) calc(50% - 8px); } }
@media screen and (min-width: 915px) { html body #content .cluster-opere.nth-3.grid ul.element-container { column-gap: 16px; grid-template-columns: calc(32.8% - 5px) calc(32.8% - 5px) calc(32.8% - 5px) !important; } }
html body #content .cluster-opere.nth-3 a { user-select: none; -webkit-user-drag: none; color: #343434; text-decoration: none; }
html body #content .cluster-opere.nth-3 a figure { position: relative; display: flex; width: 100%; background: #F2F2F2; }
html body #content .cluster-opere.nth-3 a figure .etichetta-stato { position: absolute; display: block; background-image: url("../layout/icon-hidden.png"); background-repeat: no-repeat; background-position: center center; background-size: 50px auto; width: 50px; height: 50px; top: 0; left: 0; font-family: "Roboto-Bold"; font-size: 0; transform: scale(0.85); transform-origin: top left; color: #ffffff; padding: 5.6px 16px; z-index: 1; }
html body #content .cluster-opere.nth-3 a figure .etichetta-stato.stato-1 { background-image: none; }
html body #content .cluster-opere.nth-3 a figure img { -webkit-user-drag: none; user-select: none; -webkit-user-select: none; max-width: 95%; max-height: 95%; transition: transform 1s; width: auto; height: auto; margin: 8px auto; display: inline-block; vertical-align: middle; }
html body #content .cluster-opere.nth-3 a .contenuto-oggetto { background: #ffffff; white-space: normal; display: block; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .cluster-opere.nth-3 a .contenuto-oggetto { padding: 16px 32px; } }
@media screen and (min-width: 1921px) { html body #content .cluster-opere.nth-3 a .contenuto-oggetto { padding: 16px 40px; } }
html body #content .cluster-opere.nth-3 a .contenuto-oggetto span { display: block; margin-bottom: 8px; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth-3 a .contenuto-oggetto span.autore { transform: scale(0.95); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth-3 a .contenuto-oggetto span.titolo.cluster-opera-element { color: #343434; }
html body #content .cluster-opere.nth-3 a .contenuto-oggetto span.titolo.cluster-opera-element a { color: #343434 !important; }
html body #content .cluster-opere.nth-3 a .contenuto-oggetto span.titolo.cluster-opera-element a:hover, html body #content .cluster-opere.nth-3 a .contenuto-oggetto span.titolo.cluster-opera-element a:active { text-decoration: underline; }
html body #content .cluster-opere.nth-3 a .contenuto-oggetto span.museo, html body #content .cluster-opere.nth-3 a .contenuto-oggetto span.piano { margin: 0; font-family: "Roboto-Bold"; font-size: 14px; color: #CA3927; }
html body #content .cluster-opere.nth-3 a .contenuto-oggetto span.collocazione { font-family: "Roboto-Bold"; color: #CA3927; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth-3 a .contenuto-oggetto span.collocazione { transform: scale(0.85); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth-3 a .contenuto-oggetto span.stato { font-family: "Roboto-Bold"; color: #CA3927; margin-bottom: 0; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth-3 a .contenuto-oggetto span.stato { transform: scale(0.85); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth-3 a .contenuto-oggetto span.note { color: #CA3927; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
@media screen and (min-width: 1124px) { html body #content .cluster-opere.nth-3 a .contenuto-oggetto span.note { transform: scale(0.8); transform-origin: top left; line-height: 1.4rem; } }
html body #content .cluster-opere.nth-3 a .contenuto-oggetto span a { text-decoration: none; }
html body #content .arrows { position: absolute; top: auto; bottom: 0rem; width: 40%; display: none; z-index: 1; }
html body #content .arrows span { border-radius: 100%; display: block; align-self: center; box-shadow: 0 2.4px 4.8px rgba(0, 0, 0, 0.18); background-color: #ffffff; background-image: url(../layout/freccia-nera.svg); background-repeat: no-repeat; background-position: center center; background-size: 40%; font-size: 0; color: transparent; width: 40px; height: 40px; margin: 0; }
@media screen and (min-width: 915px) { html body #content .arrows span { width: 40px; height: 40px; } }
@media screen and (min-width: 1280px) { html body #content .arrows span { width: 48px; height: 48px; } }
html body #content .arrows.left { left: 0; }
html body #content .arrows.left span { transform: rotate(90deg); margin-left: auto; }
html body #content .arrows.right { right: 0; text-align: right; }
html body #content .arrows.right span { transform: rotate(-90deg); margin-right: auto; }
html body #content .arrows.disabled { display: none; }
@media screen and (min-width: 915px) { html body #content .arrows { display: flex; top: 0; bottom: 0; width: auto; }
  html body #content .arrows.left { background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.45)); }
  html body #content .arrows.left span { transform: rotate(90deg); margin-left: 16px; }
  html body #content .arrows.right { text-align: right; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.45)); }
  html body #content .arrows.right span { transform: rotate(-90deg); margin-right: 16px; } }
html body #content #cluster-intro-title { padding-top: 16px; }
html body #content #museum-opening-hours-section { background-color: #F2F2F2; display: flex; align-items: center; }
html body #content #museum-opening-hours-section .opening-hours { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
html body #content #museum-opening-hours-section .opening-hours .text { display: flex; align-items: center; justify-content: space-between; gap: 50px; font-family: "Roboto-Light"; font-size: 0.8rem; padding: 16px 0; }
html body #content #museum-opening-hours-section .opening-hours .text strong { font-family: "Roboto-Medium"; }
html body #content #museum-opening-hours-section .opening-hours a { margin-bottom: 16px; }
@media screen and (min-width: 700px) { html body #content #museum-opening-hours-section .opening-hours { align-items: center; flex-direction: row; height: 100px; }
  html body #content #museum-opening-hours-section .opening-hours .text { gap: 20px; }
  html body #content #museum-opening-hours-section .opening-hours a { margin-bottom: 0; } }
@media screen and (min-width: 915px) { html body #content #museum-opening-hours-section .opening-hours .text { gap: 50px; font-size: 1rem; } }
@media screen and (min-width: 1124px) { html body #content #museum-opening-hours-section .opening-hours .text { font-size: 1.15rem; } }
@media screen and (min-width: 1280px) { html body #content #museum-opening-hours-section .opening-hours .text { font-size: 1.3rem; } }
@media screen and (min-width: 1921px) { html body #content #museum-opening-hours-section .opening-hours { max-width: 1320px; } }
html body #content #intro-video-section { height: 550px; width: 100%; position: relative; }
html body #content #intro-video-section #home-intro-video { height: 100%; }
html body #content #intro-video-section #home-intro-video video { width: 100%; height: 100%; object-fit: cover; background-color: #000000; }
html body #content #intro-video-section .title { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); color: #ffffff; text-shadow: 0px 0px 20px #000000bf; }
html body #content #intro-video-section .title h1 { color: #ffffff; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 30px; font-family: "Roboto-Medium"; }
html body #content #intro-video-section .title h1 span { font-family: "Roboto-Thin"; font-size: 30px; padding-bottom: 20px; }
html body #content #intro-video-section .play-pause button { display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; position: absolute; bottom: 20px; right: 20px; font-size: 32px; font-family: "Roboto-Bold"; background-color: #ffffff; border-radius: 50%; cursor: pointer; transition: background-color 0.3s ease; }
html body #content #intro-video-section .play-pause button svg { height: 30px; width: 30px; }
html body #content #intro-video-section .scroll-down #arrow { position: absolute; bottom: 0px; right: 50%; transform: translate(50%, -20%); border: none; width: 80px; height: 80px; font-size: 0; background-color: transparent; background-image: url(../layout/freccia.svg); background-position: center center; background-repeat: no-repeat; background-size: 30px; cursor: pointer; }
@media screen and (min-width: 700px) { html body #content #intro-video-section .title h1 { font-size: 50px; }
  html body #content #intro-video-section .title h1 span { font-size: 35px; padding-bottom: 30px; } }
@media screen and (min-width: 915px) { html body #content #intro-video-section { height: 650px; } }
@media screen and (min-width: 1124px) { html body #content #intro-video-section .title h1 { font-size: 60px; }
  html body #content #intro-video-section .title h1 span { font-size: 35px; padding-bottom: 30px; }
  html body #content #intro-video-section .scroll-down #arrow { background-size: 50px; } }
@media screen and (min-width: 1280px) { html body #content #intro-video-section .title h1 { font-size: 80px; }
  html body #content #intro-video-section .title h1 span { font-size: 40px; padding-bottom: 40px; } }
@media screen and (min-width: 1320px) { html body #content #intro-video-section { height: 750px; }
  html body #content #intro-video-section .title h1 { font-size: 80px; }
  html body #content #intro-video-section .title h1 span { font-size: 40px; padding-bottom: 40px; } }
html body #content .banner-centered-text { position: relative; /* adesso calcoliamo le personalizzazioni con nth- (numero di oggetti maggiore di 3), nth-1, nth-2, nth-3 nelle due visualizzazioni griglia e scorrimento*/ }
html body #content .banner-centered-text ul { padding-left: 16px; padding-right: 16px; gap: 16px; }
@media screen and (min-width: 915px) { html body #content .banner-centered-text ul { padding-left: 38px; padding-right: 38px; } }
@media screen and (min-width: 1124px) { html body #content .banner-centered-text ul { padding-left: 94px; padding-right: 94px; } }
@media screen and (min-width: 1320px) { html body #content .banner-centered-text ul { padding-left: 134px; padding-right: 134px; } }
@media screen and (min-width: 1921px) { html body #content .banner-centered-text ul { padding-left: calc((100% - min( calc( 85vw - (100vw - 100%)) , 1320px ) ) / 2); padding-right: calc((100% - min( calc( 85vw - (100vw - 100%)) , 1320px ) ) / 2); } }
html body #content .banner-centered-text ul li { background: #F2F2F2; }
html body #content .banner-centered-text ul li figure img { height: 100%; width: 100%; object-fit: cover; }
html body #content .banner-centered-text ul li .titolo { margin-top: 0; }
html body #content .banner-centered-text ul li.last { margin-right: 0; background-color: rgba(242, 242, 242, 0.85); border-radius: 16px; transform-origin: center right; transform: scale(0.75); box-shadow: 0 0 16px rgba(202, 57, 39, 0.5); flex-basis: 250px !important; }
html body #content .banner-centered-text ul li.last .contenuto-oggetto { text-align: center; }
html body #content .banner-centered-text ul li.last .contenuto-oggetto .titolo { text-decoration: underline; transform: scale(1.25); }
html body #content .banner-centered-text ul li.last figure { height: 60%; width: 100%; position: relative; }
html body #content .banner-centered-text ul li.last figure img { display: none; }
html body #content .banner-centered-text ul li.last figure::before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
html body #content .banner-centered-text.grid .button { display: none; }
html body #content .banner-centered-text.grid ul.element-container { display: grid; }
@media screen and (min-width: 480px) { html body #content .banner-centered-text.grid ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px); } }
@media screen and (min-width: 1124px) { html body #content .banner-centered-text.grid ul.element-container { grid-template-columns: calc(32.8% - 5px) calc(32.8% - 5px) calc(32.8% - 5px); overflow: hidden; } }
html body #content .banner-centered-text.nth- { position: relative; left: 0; right: 0; }
html body #content .banner-centered-text.nth- div { position: relative; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; white-space: nowrap; }
html body #content .banner-centered-text.nth- ul { position: relative; top: 0; margin: 0; gap: 16px; bottom: -1.5rem; overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; scroll-snap-type: inline mandatory; scroll-behavior: smooth; }
html body #content .banner-centered-text.nth- ul::-webkit-scrollbar { display: none; }
html body #content .banner-centered-text.nth- ul a { display: block; height: 100%; text-decoration: none; }
html body #content .banner-centered-text.nth- ul a figure { overflow: hidden; }
html body #content .banner-centered-text.nth- ul a figure img { width: 100%; max-width: 1190px; max-height: 550px; object-fit: cover; transition: transform 1s; width: 100%; max-width: 1190px; max-height: 550px; }
html body #content .banner-centered-text.nth- ul a figure img:hover { -ms-transform: scale(1.05); /* IE 9 */ -webkit-transform: scale(1.05); /* Safari 3-8 */ transform: scale(1.05); }
html body #content .banner-centered-text.nth- ul span.contenuto-oggetto { white-space: normal; display: block; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .banner-centered-text.nth- ul span.contenuto-oggetto { padding: 16px 32px; } }
@media screen and (min-width: 1921px) { html body #content .banner-centered-text.nth- ul span.contenuto-oggetto { padding: 16px 40px; } }
html body #content .banner-centered-text.nth- ul span.contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .banner-centered-text.nth- ul span.contenuto-oggetto .titolo a:hover, html body #content .banner-centered-text.nth- ul span.contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .banner-centered-text.nth- ul span.contenuto-oggetto .sottotitolo { margin-top: 0.5rem; display: block; font-family: "Roboto-Bold"; }
html body #content .banner-centered-text.nth- ul span.contenuto-oggetto .testo { word-wrap: break-word; margin-top: 0.5rem; display: block; }
html body #content .banner-centered-text.nth- ul span.contenuto-oggetto a { text-decoration: none; }
html body #content .banner-centered-text.nth- ul span.contenuto-oggetto span.goto { display: inline-block; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .banner-centered-text.nth- ul span.contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .banner-centered-text.nth- ul span.contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .banner-centered-text.nth- ul span.contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
html body #content .banner-centered-text.nth-1 .element-container { max-width: 1320px; margin: auto; display: block !important; }
@media screen and (min-width: 1320px) { html body #content .banner-centered-text.nth-1 .element-container { padding-left: 134px; padding-right: 134px; } }
html body #content .banner-centered-text.nth-1 a { display: block; height: 100%; text-decoration: none; }
html body #content .banner-centered-text.nth-1 a figure { overflow: hidden; }
html body #content .banner-centered-text.nth-1 a figure img { width: 100%; max-width: 1190px; max-height: 550px; object-fit: cover; transition: transform 1s; width: 100%; max-width: 1190px; max-height: 550px; }
html body #content .banner-centered-text.nth-1 a figure img:hover { -ms-transform: scale(1.05); /* IE 9 */ -webkit-transform: scale(1.05); /* Safari 3-8 */ transform: scale(1.05); }
html body #content .banner-centered-text.nth-1 span.contenuto-oggetto { white-space: normal; display: block; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .banner-centered-text.nth-1 span.contenuto-oggetto { padding: 16px 32px; } }
@media screen and (min-width: 1921px) { html body #content .banner-centered-text.nth-1 span.contenuto-oggetto { padding: 16px 40px; } }
html body #content .banner-centered-text.nth-1 span.contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .banner-centered-text.nth-1 span.contenuto-oggetto .titolo a:hover, html body #content .banner-centered-text.nth-1 span.contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .banner-centered-text.nth-1 span.contenuto-oggetto .sottotitolo { margin-top: 0.5rem; display: block; font-family: "Roboto-Bold"; }
html body #content .banner-centered-text.nth-1 span.contenuto-oggetto .testo { word-wrap: break-word; margin-top: 0.5rem; display: block; }
html body #content .banner-centered-text.nth-1 span.contenuto-oggetto a { text-decoration: none; }
html body #content .banner-centered-text.nth-1 span.contenuto-oggetto span.goto { display: inline-block; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .banner-centered-text.nth-1 span.contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .banner-centered-text.nth-1 span.contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .banner-centered-text.nth-1 span.contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
html body #content .banner-centered-text.nth-1 li a { color: #343434; }
html body #content .banner-centered-text.nth-1 li a figure { grid-area: figure; }
html body #content .banner-centered-text.nth-1 li a .contenuto-oggetto { align-self: center; grid-area: contenuto-oggetto; }
@media screen and (min-width: 480px) { html body #content .banner-centered-text.nth-1 li a { padding-top: 0; padding: 0; }
  html body #content .banner-centered-text.nth-1 li a figure { background: rgba(112, 112, 112, 0.5); overflow: hidden; width: 100%; height: 200px; } }
@media screen and (min-width: 915px) { html body #content .banner-centered-text.nth-1 li a { max-height: 550px; display: grid; grid-template-areas: 'figure contenuto-oggetto'; grid-template-columns: 550px calc(100% - 550px); }
  html body #content .banner-centered-text.nth-1 li a figure { height: auto; overflow: hidden; height: 100%; max-height: 550px; }
  html body #content .banner-centered-text.nth-1 li a figure a { display: block; height: 100%; }
  html body #content .banner-centered-text.nth-1 li a figure img { height: 100%; width: 100%; object-fit: cover; } }
@media screen and (min-width: 1124px) { html body #content .banner-centered-text.nth-1 li a { grid-template-columns: 600px calc(100% - 600px); }
  html body #content .banner-centered-text.nth-1 li a span.contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1280px) { html body #content .banner-centered-text.nth-1 li a { grid-template-columns: 700px calc(100% - 700px); }
  html body #content .banner-centered-text.nth-1 li a span.contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1320px) { html body #content .banner-centered-text.nth-1 li a { grid-template-columns: 800px calc(100% - 800px); }
  html body #content .banner-centered-text.nth-1 li a span.contenuto-oggetto { padding: 32px; } }
@media screen and (min-width: 1400px) { html body #content .banner-centered-text.nth-1 li a { grid-template-columns: 900px calc(100% - 900px); }
  html body #content .banner-centered-text.nth-1 li a span.contenuto-oggetto { padding: 32px; } }
html body #content .banner-centered-text.nth-2 a { display: block; height: 100%; text-decoration: none; }
html body #content .banner-centered-text.nth-2 a figure { overflow: hidden; }
html body #content .banner-centered-text.nth-2 a figure img { width: 100%; max-width: 1190px; max-height: 550px; object-fit: cover; transition: transform 1s; width: 100%; max-width: 1190px; max-height: 550px; }
html body #content .banner-centered-text.nth-2 a figure img:hover { -ms-transform: scale(1.05); /* IE 9 */ -webkit-transform: scale(1.05); /* Safari 3-8 */ transform: scale(1.05); }
html body #content .banner-centered-text.nth-2 span.contenuto-oggetto { white-space: normal; display: block; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .banner-centered-text.nth-2 span.contenuto-oggetto { padding: 16px 32px; } }
@media screen and (min-width: 1921px) { html body #content .banner-centered-text.nth-2 span.contenuto-oggetto { padding: 16px 40px; } }
html body #content .banner-centered-text.nth-2 span.contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .banner-centered-text.nth-2 span.contenuto-oggetto .titolo a:hover, html body #content .banner-centered-text.nth-2 span.contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .banner-centered-text.nth-2 span.contenuto-oggetto .sottotitolo { margin-top: 0.5rem; display: block; font-family: "Roboto-Bold"; }
html body #content .banner-centered-text.nth-2 span.contenuto-oggetto .testo { word-wrap: break-word; margin-top: 0.5rem; display: block; }
html body #content .banner-centered-text.nth-2 span.contenuto-oggetto a { text-decoration: none; }
html body #content .banner-centered-text.nth-2 span.contenuto-oggetto span.goto { display: inline-block; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .banner-centered-text.nth-2 span.contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .banner-centered-text.nth-2 span.contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .banner-centered-text.nth-2 span.contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
@media screen and (min-width: 480px) { html body #content .banner-centered-text.nth-2.grid .button { display: none !important; }
  html body #content .banner-centered-text.nth-2.grid ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px) !important; }
  html body #content .banner-centered-text.nth-2.scrollable ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px) !important; } }
html body #content .banner-centered-text.nth-3 a { display: block; height: 100%; text-decoration: none; }
html body #content .banner-centered-text.nth-3 a figure { overflow: hidden; }
html body #content .banner-centered-text.nth-3 a figure img { width: 100%; max-width: 1190px; max-height: 550px; object-fit: cover; transition: transform 1s; width: 100%; max-width: 1190px; max-height: 550px; }
html body #content .banner-centered-text.nth-3 a figure img:hover { -ms-transform: scale(1.05); /* IE 9 */ -webkit-transform: scale(1.05); /* Safari 3-8 */ transform: scale(1.05); }
html body #content .banner-centered-text.nth-3 span.contenuto-oggetto { white-space: normal; display: block; padding: 16px; }
@media screen and (min-width: 1400px) { html body #content .banner-centered-text.nth-3 span.contenuto-oggetto { padding: 16px 32px; } }
@media screen and (min-width: 1921px) { html body #content .banner-centered-text.nth-3 span.contenuto-oggetto { padding: 16px 40px; } }
html body #content .banner-centered-text.nth-3 span.contenuto-oggetto .titolo { color: #CA3927; display: block; }
html body #content .banner-centered-text.nth-3 span.contenuto-oggetto .titolo a:hover, html body #content .banner-centered-text.nth-3 span.contenuto-oggetto .titolo a:active { text-decoration: underline; }
html body #content .banner-centered-text.nth-3 span.contenuto-oggetto .sottotitolo { margin-top: 0.5rem; display: block; font-family: "Roboto-Bold"; }
html body #content .banner-centered-text.nth-3 span.contenuto-oggetto .testo { word-wrap: break-word; margin-top: 0.5rem; display: block; }
html body #content .banner-centered-text.nth-3 span.contenuto-oggetto a { text-decoration: none; }
html body #content .banner-centered-text.nth-3 span.contenuto-oggetto span.goto { display: inline-block; margin-top: 1rem; position: relative; padding: 0.25rem 0; font-family: "Roboto-Bold"; color: #343434; }
html body #content .banner-centered-text.nth-3 span.contenuto-oggetto span.goto::before { content: ''; position: absolute; transform: scaleX(1); height: 1px; bottom: 0; left: 0; right: 0; background-color: #343434; transform-origin: bottom right; transition: transform 0.25s ease-out; }
html body #content .banner-centered-text.nth-3 span.contenuto-oggetto span.goto:hover { color: #CA3927; }
html body #content .banner-centered-text.nth-3 span.contenuto-oggetto span.goto:hover::before { transform: scaleX(0); transform-origin: bottom right; }
@media screen and (min-width: 480px) { html body #content .banner-centered-text.nth-3.grid .button { display: none !important; }
  html body #content .banner-centered-text.nth-3.grid ul.element-container { grid-template-columns: calc(50% - 8px) calc(50% - 8px); } }
@media screen and (min-width: 915px) { html body #content .banner-centered-text.nth-3.grid ul.element-container { grid-template-columns: calc(32.8% - 5px) calc(32.8% - 5px) calc(32.8% - 5px) !important; } }
html body #content .side-banner { margin: 16px 0; height: 360px; position: relative; }
html body #content .side-banner .inner-page { height: 100%; padding: 0; }
html body #content .side-banner a { height: 100%; background-color: #CA3927; display: flex; flex-direction: column; align-items: center; justify-content: center; }
html body #content .side-banner a .content-text { flex: 1; display: flex; align-items: center; justify-content: center; z-index: 1; color: #ffffff; -webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */ transition: all 0.5s; }
html body #content .side-banner a .content-text:hover, html body #content .side-banner a .content-text:active { background: rgba(202, 57, 39, 0.4); }
html body #content .side-banner a .content-text p { width: 100%; text-align: center; display: inline-block; vertical-align: middle; font-family: "Roboto-Bold"; font-size: 170%; line-height: 140%; pointer-events: none; padding: 0; }
html body #content .side-banner a figure { flex: 2; display: flex; overflow: hidden; z-index: 0; pointer-events: none; height: 100%; width: 100%; }
html body #content .side-banner a figure img { width: 100%; height: 100%; object-fit: cover; }
@media screen and (min-width: 915px) { html body #content .side-banner a { flex-direction: row; }
  html body #content .side-banner a .content-text { width: 40%; }
  html body #content .side-banner a figure { width: 60%; } }
html body #content .banner { margin: 16px 0; position: relative; height: 360px; }
html body #content .banner figure { position: absolute; display: block; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; z-index: 0; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; }
html body #content .banner figure img { display: none; }
html body #content .banner a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; text-align: center; color: #ffffff; -webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */ transition: all 0.5s; }
html body #content .banner a::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 1px; pointer-events: none; }
html body #content .banner a > p { max-width: calc(100% - 6rem); background: rgba(0, 0, 0, 0.7); padding: 0.5rem 1rem; display: inline-block; vertical-align: middle; margin: 0 auto; pointer-events: none; font-family: "Roboto-Bold"; font-size: 170%; line-height: 140%; }
html body #content .banner a:hover, html body #content .banner a:active { background: rgba(202, 57, 39, 0.2); }
html body #content #main { max-width: 1320px; margin: 0 auto; padding-top: 16px; }
html body #content #main .search-main { display: flex; flex-direction: column; gap: 20px; margin: 15px; }
html body #content #main .search-main h2 { color: #000000; }
html body #content #main .search-main .search-form { padding-top: 16px; }
html body #content #main .search-main .search-form .base-search-fieldset { display: flex; flex-direction: column; gap: 1.5rem; }
html body #content #main .search-main .search-form .base-search-fieldset .form-row { display: flex; flex-direction: column; width: 50%; }
html body #content #main .search-main .search-form .base-search-fieldset .form-row label { font-size: 1rem; font-family: "Roboto-Bold"; color: #343434; margin-bottom: 0.5rem; }
html body #content #main .search-main .search-form .base-search-fieldset .form-row .input-row { display: flex; gap: 0.5rem; align-items: center; }
html body #content #main .search-main .search-form .base-search-fieldset .form-row .input-row input, html body #content #main .search-main .search-form .base-search-fieldset .form-row .input-row select { width: 100%; font-size: 1rem; padding: 0.75rem; border: 1px solid #ccc; border-radius: 4px; outline: none; transition: border-color 0.3s ease; }
html body #content #main .search-main .search-form .base-search-fieldset .form-row .input-row input:focus, html body #content #main .search-main .search-form .base-search-fieldset .form-row .input-row select:focus { border-color: #CA3927; box-shadow: 0 0 0 3px rgba(255, 60, 0, 0.25); }
html body #content #main .search-main .search-form .base-search-fieldset .form-row .input-row input:disabled, html body #content #main .search-main .search-form .base-search-fieldset .form-row .input-row select:disabled { background-color: #f9f9f9; cursor: not-allowed; }
html body #content #main .search-main .search-form .base-search-fieldset .form-row input, html body #content #main .search-main .search-form .base-search-fieldset .form-row select { font-size: 1rem; padding: 0.75rem; border: 1px solid #ccc; border-radius: 4px; outline: none; transition: border-color 0.3s ease; }
html body #content #main .search-main .search-form .base-search-fieldset .form-row input:focus, html body #content #main .search-main .search-form .base-search-fieldset .form-row select:focus { border-color: #CA3927; box-shadow: 0 0 0 3px rgba(255, 60, 0, 0.25); }
html body #content #main .search-main .search-form .base-search-fieldset .form-row input:disabled, html body #content #main .search-main .search-form .base-search-fieldset .form-row select:disabled { background-color: #f9f9f9; cursor: not-allowed; }
html body #content #main .search-main .search-form .buttons-container { display: flex; gap: 20px; }
html body #content #main .search-main .search-form .buttons-container button { height: 100%; }
html body #content #main .search-main .search-form .buttons-container button.search { padding: 5px 20px 6px 20px; }
html body #content #main .search-main .search-form .buttons-container button.search img { width: 25px; }
html body #content #main .search-main .search-form .advanced-button-container { padding: 20px 0; }
html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-table-container .entrypoint-row { display: flex; gap: 1rem; align-items: center; padding: 0.5rem; border-bottom: 1px solid #ddd; }
html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-table-container .entrypoint-row label { font-size: 1rem; font-family: "Roboto-Bold"; color: #343434; min-width: 200px; }
html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-table-container .entrypoint-row input, html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-table-container .entrypoint-row select { font-size: 1rem; padding: 0.75rem; border: 1px solid #ccc; border-radius: 4px; outline: none; transition: border-color 0.3s ease; }
html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-table-container .entrypoint-row input:focus, html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-table-container .entrypoint-row select:focus { border-color: #CA3927; box-shadow: 0 0 0 3px rgba(255, 60, 0, 0.25); }
html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-table-container .entrypoint-row input:disabled, html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-table-container .entrypoint-row select:disabled { background-color: #f9f9f9; cursor: not-allowed; }
html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-order-container { display: flex; gap: 1rem; align-items: center; padding: 0.5rem; }
html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-order-container label { font-size: 1rem; font-family: "Roboto-Bold"; color: #343434; min-width: 200px; }
html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-order-container input, html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-order-container select { font-size: 1rem; padding: 0.75rem; border: 1px solid #ccc; border-radius: 4px; outline: none; transition: border-color 0.3s ease; }
html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-order-container input:focus, html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-order-container select:focus { border-color: #CA3927; box-shadow: 0 0 0 3px rgba(255, 60, 0, 0.25); }
html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-order-container input:disabled, html body #content #main .search-main .search-form .entrypoints-fields .entrypoints-order-container select:disabled { background-color: #f9f9f9; cursor: not-allowed; }
html body #content #main .search-main .search-form .pagination { display: flex; justify-content: space-between; align-items: center; padding: 1rem; margin-top: 1rem; background-color: #f8f9fa; border: 1px solid #ddd; border-radius: 8px; }
html body #content #main .search-main .search-form .pagination span { font-size: 1rem; color: #333; }
html body #content #main .search-main .search-form .pagination .pagination-controller { display: flex; align-items: center; gap: 0.5rem; }
html body #content #main .search-main .search-form .pagination .pagination-controller .pagination-prev-button, html body #content #main .search-main .search-form .pagination .pagination-controller .pagination-next-button { padding: 0.5rem 1rem; border: 1px solid #ddd; background-color: #fff; color: #CA3927; font-size: 1rem; border-radius: 4px; cursor: pointer; transition: background-color 0.3s, border-color 0.3s; }
html body #content #main .search-main .search-form .pagination .pagination-controller .pagination-prev-button:hover:not([disabled]), html body #content #main .search-main .search-form .pagination .pagination-controller .pagination-next-button:hover:not([disabled]) { background-color: #CA3927; color: #fff; border-color: #CA3927; }
html body #content #main .search-main .search-form .pagination .pagination-controller .pagination-prev-button:disabled, html body #content #main .search-main .search-form .pagination .pagination-controller .pagination-next-button:disabled { background-color: #f1f1f1; color: #999; border-color: #ccc; cursor: not-allowed; }
html body #content #main .search-main .search-form .pagination .pagination-controller .page-input { width: 3rem; text-align: center; padding: 0.5rem; border: 1px solid #ddd; border-radius: 4px; font-size: 1rem; outline: none; }
html body #content #main .search-main .search-form .pagination .pagination-controller .page-input:focus { border-color: #007bff; box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); }
html body #content #main .search-main .search-form .pagination .pagination-controller .pages-text { font-size: 1rem; color: #555; }
html body #content #main .search-main .search-form .pagination#pagination-bottom span { display: none; }
html body #content #main .search-main .search-form .pagination#pagination-bottom .pagination-controller { width: 100%; justify-content: center; gap: 1rem; }
html body #content #main .search-main ul.cards-grid { display: flex; flex-wrap: wrap; gap: 40px; }
html body #content #main .search-main ul.cards-grid li { display: inline-block; list-style: none; width: 100%; vertical-align: top; padding: 10px; background-color: #F2F2F2; border-radius: 20px; }
html body #content #main .search-main ul.cards-grid li a { width: 100%; height: 100%; display: flex; }
html body #content #main .search-main ul.cards-grid li a .card-box { display: flex; flex-direction: column; align-items: center; height: 100%; width: 100%; margin: 20px; }
html body #content #main .search-main ul.cards-grid li a .card-box .card-box-img { width: 100%; height: auto; }
html body #content #main .search-main ul.cards-grid li a .card-box .card-box-text { background-color: #F2F2F2; width: 100%; text-align: center; font-family: "Roboto-Bold"; text-decoration: none; }
@media screen and (min-width: 1124px) { html body #content #main .search-main ul.cards-grid li { width: calc((100% / 3) - 50px); } }
@media screen and (min-width: 1280px) { html body #content #main .search-main ul.cards-grid li { width: calc(25% - 50px); } }
html body #content #main .search-main ul.cards-grid .card-results-loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; background-image: url("../layout/loading.gif"), linear-gradient(to bottom, rgba(255, 255, 255, 0.8), #ffffff); background-repeat: no-repeat; background-position: center center; background-size: 180px 180px, 100% 100%; -webkit-filter: grayscale(1); filter: grayscale(1); }
html body #content #main .search-main .pagination { display: flex; justify-content: space-between; align-items: center; padding: 1rem; margin-top: 1rem; background-color: #f8f9fa; border: 1px solid #ddd; border-radius: 8px; }
html body #content #main .search-main .pagination span { font-size: 1rem; color: #333; }
html body #content #main .search-main .pagination .pagination-controller { display: flex; align-items: center; gap: 0.5rem; }
html body #content #main .search-main .pagination .pagination-controller .pagination-prev-button, html body #content #main .search-main .pagination .pagination-controller .pagination-next-button { padding: 0.5rem 1rem; border: 1px solid #ddd; background-color: #fff; color: #CA3927; font-size: 1rem; border-radius: 4px; cursor: pointer; transition: background-color 0.3s, border-color 0.3s; }
html body #content #main .search-main .pagination .pagination-controller .pagination-prev-button:hover:not([disabled]), html body #content #main .search-main .pagination .pagination-controller .pagination-next-button:hover:not([disabled]) { background-color: #CA3927; color: #fff; border-color: #CA3927; }
html body #content #main .search-main .pagination .pagination-controller .pagination-prev-button:disabled, html body #content #main .search-main .pagination .pagination-controller .pagination-next-button:disabled { background-color: #f1f1f1; color: #999; border-color: #ccc; cursor: not-allowed; }
html body #content #main .search-main .pagination .pagination-controller .page-input { width: 3rem; text-align: center; padding: 0.5rem; border: 1px solid #ddd; border-radius: 4px; font-size: 1rem; outline: none; }
html body #content #main .search-main .pagination .pagination-controller .page-input:focus { border-color: #007bff; box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); }
html body #content #main .search-main .pagination .pagination-controller .pages-text { font-size: 1rem; color: #555; }
html body #content #main .search-main .pagination#pagination-bottom span { display: none; }
html body #content #main .search-main .pagination#pagination-bottom .pagination-controller { width: 100%; justify-content: center; gap: 1rem; }
html body #content #main .card-results-loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; background-image: url("../layout/loading.gif"), linear-gradient(to bottom, rgba(255, 255, 255, 0.8), #ffffff); background-repeat: no-repeat; background-position: center center; background-size: 180px 180px , 100% 100%; -webkit-filter: grayscale(1); filter: grayscale(1); }
html body #content #main .print-header { display: none; }
html body #content #main .card { min-height: 300px; margin: 0 15px; }
html body #content #main .card .card-loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; background-image: url("../layout/loading.gif"), linear-gradient(to bottom, rgba(255, 255, 255, 0.8), #ffffff); background-repeat: no-repeat; background-position: center center; background-size: 180px 180px, 100% 100%; -webkit-filter: grayscale(1); filter: grayscale(1); }
html body #content #main .card-header > h2 { font-size: 1.5em; font-family: "Roboto-Bold"; line-height: 1.5em; color: #000000; }
html body #content #main .card-header > img { float: right; width: auto; height: auto; max-height: 180px; margin-bottom: 16px; }
html body #content #main .card-header + p { display: none; }
html body #content #main .card-table { width: 100%; clear: both; font-size: 18px; font-family: "Roboto-Light"; margin-top: 20px; }
html body #content #main .card-table > tr > th { display: none; }
html body #content #main .card-table > tr > td { padding: 3px 4px; }
html body #content #main .card-table > tr > td.card-field-name-col { width: 10%; }
html body #content #main .card-table > tr > td.card-field-title-col { width: 43%; }
html body #content #main .card-table > tr > td.card-field-value-col { width: 47%; }
html body #content #main .card-table > tr > td > img { cursor: pointer; border: 1px solid #707070; max-width: 100%; height: auto; }
html body #content #main .card-table > tr > td > .card-link { background-repeat: no-repeat; background-position: right center; background-size: 15px auto; padding-right: 22px; padding-bottom: 4px; padding-top: 4px; }
html body #content #main .card-table > tr > td > .card-link:hover { cursor: pointer; color: #CA3927; }
html body #content #main .card-table > tr > td a.card-link { background-image: url("../img/link_doc.png"); }
html body #content #main .card-table > tr > td span.card-link { background-image: url("../img/marker.png"); }
html body #content #main .card-table > tr.card-field-depth-0 { color: #ffffff; background: #000000; }
html body #content #main .card-table > tr.card-field-depth-0 > td { font-family: "Roboto-Bold"; }
html body #content #main .card-table > tr.card-field-depth-0 > td.card-field-title-col { text-transform: uppercase; font-style: italic; }
html body #content #main .card-table > tr.card-field-depth-1 { border-bottom: 1px solid #707070; }
html body #content #main .card-table > tr.card-field-depth-1.card-field-structured { background: #F2F2F2; }
html body #content #main .card-table > tr.card-field-depth-1 > td.card-field-name-col { padding-left: 0.75em; }
html body #content #main .card-table > tr.card-field-depth-1 > td.card-field-title-col { text-transform: uppercase; }
html body #content #main .card-table > tr.card-field-depth-2 { /*@include bg($bg_card_field_2, 0, 0, no-repeat, none, none, none);*/ border-bottom: 1px solid #707070; }
html body #content #main .card-table > tr.card-field-depth-2 > td.card-field-name-col { padding-left: 1.25em; }
html body #content #main .card-table > tr.card-field-depth-3 { /*@include bg($bg_card_field_3, 0, 0, no-repeat, none, none, none);*/ border-bottom: 1px solid #707070; }
html body #content #main .card-table > tr.card-field-depth-3 > td.card-field-name-col { padding-left: 1.75em; }
html body #content #main .card-table > tr.card-field-structured > td { font-style: italic; }
html body #content #main .attachments-container { display: none; }
html body #content #main .attachments-container .card-attachment { margin-top: 2em; }
html body #content #main .attachments-container .card-attachment > h3 { float: left; clear: left; margin-bottom: 0.5em; font-size: 1.3em; font-weight: bold; line-height: 1.5em; }
html body #content #main .print-buttons-line { margin: 15px; }
html body #content #main .print-buttons-line a { margin: 15px; }
html body #content #main .print-buttons-line a:first-child { margin-left: 0; }
html body #content #main .print-buttons-line .print-buttons { display: flex; align-items: center; justify-content: center; gap: 20px; }
html body #content .breadcrumbs { display: none !important; max-width: 1320px; margin: 0 auto; display: flex; flex-direction: row-reverse; }
html body #content .breadcrumbs .breadcrumbs-right-part { padding-top: 1%; }
html body #content .breadcrumbs .breadcrumbs-right-part a { color: #CA3927; cursor: pointer; }
html body footer { background: #DEDEDE; position: relative; }
html body footer #rating { background: #efefef; padding: 3rem; }
html body footer #rating div { background: #ffffff; margin: auto; padding: 1rem; max-width: 600px; }
html body footer #rating div span { display: block; }
html body footer #rating div span.domanda { display: block; padding-bottom: 1rem; margin: 0; }
html body footer #rating div span.feedback { padding-top: 1rem; }
html body footer #rating div ul { position: relative; width: 500px; height: 31.02px; background-image: url("../layout/icon-stars.svg"); background-repeat: no-repeat; background-size: auto 100%; width: 235px; }
html body footer #rating div ul li { position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; }
html body footer #rating div ul li.five a { width: 235px; }
html body footer #rating div ul li.four a { width: 188px; }
html body footer #rating div ul li.three a { width: 141px; }
html body footer #rating div ul li.two a { width: 94px; }
html body footer #rating div ul li.one a { width: 47px; }
html body footer #rating div ul li a { pointer-events: all; position: absolute; top: 0; left: 0; bottom: 0; }
html body footer #rating div ul li a span { position: absolute; top: 0; bottom: 0; opacity: 0; pointer-events: none; }
html body footer #rating div ul li a span.stars { left: 0; right: 0; background-image: url("../layout/icon-stars_selected.svg"); background-repeat: no-repeat; background-size: auto 100%; }
html body footer #rating div ul li a span.label { left: 235px; width: 235px; padding: 4.7px; font-weight: 700; }
html body footer #rating div ul li a:hover span, html body footer #rating div ul li a:focus span { opacity: 1; }
html body footer #footer-content { background: #DEDEDE; padding-top: 1rem; }
html body footer #footer-content h3 { color: #343434; font-family: "Roboto-Bold"; padding: 16px 0; }
html body footer #footer-content a { color: #343434; }
html body footer #footer-content .margin-container { margin: 16px; }
html body footer #footer-content .margin-container #contacts .info { line-height: 2.5rem; font-family: "Roboto-Light"; }
html body footer #footer-content .margin-container #contacts .printarea { display: flex; align-items: center; font-family: "Roboto-Bold"; height: 100px; border-bottom: 1px solid #707070; padding-bottom: 16px; }
@media screen and (min-width: 915px) { html body footer #footer-content .margin-container #contacts .printarea { border-bottom: none; } }
@media screen and (min-width: 1124px) { html body footer #footer-content .margin-container #contacts .info { padding-bottom: 38px; }
  html body footer #footer-content .margin-container #contacts .printarea { border-bottom: none; } }
html body footer #footer-content .margin-container #links ul { padding-bottom: 16px; border-bottom: 1px solid #707070; }
html body footer #footer-content .margin-container #links ul li { line-height: 2.5rem; font-family: "Roboto-Bold"; }
html body footer #footer-content .margin-container #links ul li img { height: 40px; filter: invert(1); }
html body footer #footer-content .margin-container #links .social ul { display: flex; }
html body footer #footer-content .margin-container #links .social ul li { line-height: normal; padding-right: 16px; }
@media screen and (min-width: 915px) { html body footer #footer-content .margin-container #links { padding-left: 38px; border-left: 1px solid #707070; }
  html body footer #footer-content .margin-container #links ul { border-bottom: none; } }
@media screen and (min-width: 1124px) { html body footer #footer-content .margin-container #links { padding-left: 0; border-left: none; display: flex; justify-content: space-between; }
  html body footer #footer-content .margin-container #links ul { padding-bottom: 94px; border-bottom: none; } }
html body footer #footer-content .margin-container #accessibility ul { padding-bottom: 16px; }
html body footer #footer-content .margin-container #accessibility ul li { line-height: 2.5rem; font-family: "Roboto-Bold"; }
html body footer #footer-content .margin-container #accessibility ul li img { height: 30px; filter: invert(1); }
@media screen and (min-width: 915px) { html body footer #footer-content .margin-container #accessibility ul { display: flex; align-items: center; justify-content: space-between; height: 100px; } }
@media screen and (min-width: 1124px) { html body footer #footer-content .margin-container #accessibility ul { padding-left: 0; border-top: 1px solid #707070; } }
html body footer #footer-content .margin-container #printarea { line-height: 2.5rem; font-family: "Roboto-Bold"; display: flex; flex-direction: column; justify-content: center; }
html body footer #footer-content .margin-container #contacts { grid-area: contacts; }
html body footer #footer-content .margin-container #links { grid-area: links; }
html body footer #footer-content .margin-container #accessibility { grid-area: accessibility; }
html body footer #footer-content .margin-container #printarea { grid-area: printarea; }
@media screen and (min-width: 915px) { html body footer #footer-content .margin-container { margin: 16px 38px; display: grid; grid-template-columns: 50% 50%; grid-template-areas: "contacts links" "contacts links" "printarea links" "accessibility accessibility"; } }
@media screen and (min-width: 1124px) { html body footer #footer-content .margin-container { margin: 16px 94px; display: grid; grid-template-columns: 30% 70%; grid-template-areas: "contacts links" "contacts links" "printarea links" "accessibility accessibility"; }
  html body footer #footer-content .margin-container h3 { padding-bottom: 38px; } }
@media screen and (min-width: 1280px) { html body footer #footer-content .margin-container { margin: 16px 94px; display: grid; grid-template-columns: 30% 70%; grid-template-areas: "contacts links" "contacts links" "printarea accessibility"; } }
@media screen and (min-width: 1320px) { html body footer #footer-content .margin-container { margin: 16px 134px; } }
@media screen and (min-width: 1921px) { html body footer #footer-content .margin-container { margin: 16px auto; max-width: 1910px; padding-left: calc((100% - min(calc(85vw - (100vw - 100%)), 1640px)) / 2); padding-right: calc( (100% - min(calc(85vw - (100vw - 100%)), 1640px)) / 2 ); } }
html body footer #footer-financing { background: #343434; padding-top: 1rem; }
html body footer #footer-financing p { color: #ffffff; }
html body footer #footer-financing .margin-container { margin: 16px; }
html body footer #footer-financing .margin-container #financing-content ul li { display: flex; justify-content: center; height: 100%; }
html body footer #footer-financing .margin-container #financing-content ul li div.comune, html body footer #footer-financing .margin-container #financing-content ul li div.regione, html body footer #footer-financing .margin-container #financing-content ul li div.pratomusei { display: flex; flex-direction: column; justify-content: center; padding: 16px; }
html body footer #footer-financing .margin-container #financing-content ul li div.comune img, html body footer #footer-financing .margin-container #financing-content ul li div.regione img, html body footer #footer-financing .margin-container #financing-content ul li div.pratomusei img { width: 150px; }
@media screen and (min-width: 700px) { html body footer #footer-financing .margin-container #financing-content ul { display: flex; align-items: center; justify-content: center; height: 100px; }
  html body footer #footer-financing .margin-container #financing-content ul li div.comune, html body footer #footer-financing .margin-container #financing-content ul li div.regione, html body footer #footer-financing .margin-container #financing-content ul li div.pratomusei { padding: 0 16px; }
  html body footer #footer-financing .margin-container #financing-content ul li div.comune img, html body footer #footer-financing .margin-container #financing-content ul li div.regione img, html body footer #footer-financing .margin-container #financing-content ul li div.pratomusei img { width: 200px; } }
@media screen and (min-width: 915px) { html body footer #footer-financing .margin-container #financing-content ul { justify-content: left; }
  html body footer #footer-financing .margin-container #financing-content ul li div.comune, html body footer #footer-financing .margin-container #financing-content ul li div.regione, html body footer #footer-financing .margin-container #financing-content ul li div.pratomusei { font-size: 0.9rem; }
  html body footer #footer-financing .margin-container #financing-content ul li div.comune img, html body footer #footer-financing .margin-container #financing-content ul li div.regione img, html body footer #footer-financing .margin-container #financing-content ul li div.pratomusei img { width: 150px; }
  html body footer #footer-financing .margin-container #financing-content ul li div.regione { border-left: 1px solid #707070; border-right: 1px solid #707070; } }
@media screen and (min-width: 1124px) { html body footer #footer-financing .margin-container #financing-content ul { justify-content: left; margin-bottom: 16px; }
  html body footer #footer-financing .margin-container #financing-content ul li div.comune, html body footer #footer-financing .margin-container #financing-content ul li div.regione, html body footer #footer-financing .margin-container #financing-content ul li div.pratomusei { font-size: 0.9rem; }
  html body footer #footer-financing .margin-container #financing-content ul li div.comune img, html body footer #footer-financing .margin-container #financing-content ul li div.regione img, html body footer #footer-financing .margin-container #financing-content ul li div.pratomusei img { width: 180px; }
  html body footer #footer-financing .margin-container #financing-content ul li div.regione { border-left: 1px solid #707070; border-right: 1px solid #707070; } }
@media screen and (min-width: 1400px) { html body footer #footer-financing .margin-container #financing-content ul li div.comune img, html body footer #footer-financing .margin-container #financing-content ul li div.regione img, html body footer #footer-financing .margin-container #financing-content ul li div.pratomusei img { width: 200px; } }
html body footer #footer-financing .margin-container #copyright { text-align: center; font-size: 1rem; padding: 16px; }
@media screen and (min-width: 915px) { html body footer #footer-financing .margin-container #copyright { display: flex; align-items: end; justify-content: end; padding: 0; } }
html body footer #footer-financing .margin-container #financing-text { display: flex; flex-direction: column; padding: 16px 0; border-top: 1px solid #707070; }
html body footer #footer-financing .margin-container #financing-text .image { display: flex; align-items: center; justify-content: center; padding: 16px 0; }
html body footer #footer-financing .margin-container #financing-text .image img { width: 60%; height: 100%; }
html body footer #footer-financing .margin-container #financing-text .text { font-size: 0.9rem; }
@media screen and (min-width: 915px) { html body footer #footer-financing .margin-container #financing-text .text { font-size: 0.8rem; } }
@media screen and (min-width: 1124px) { html body footer #footer-financing .margin-container #financing-text { flex-direction: row; }
  html body footer #footer-financing .margin-container #financing-text .image { padding-left: 16px; width: 40%; }
  html body footer #footer-financing .margin-container #financing-text .image img { width: 100%; height: 100%; }
  html body footer #footer-financing .margin-container #financing-text .text { width: 60%; } }
html body footer #footer-financing .margin-container #financing-content { grid-area: financing-content; }
html body footer #footer-financing .margin-container #copyright { grid-area: copyright; }
html body footer #footer-financing .margin-container #financing-text { grid-area: financing-text; }
@media screen and (min-width: 915px) { html body footer #footer-financing .margin-container { margin: 16px 38px; display: grid; grid-gap: 20px 0; grid-template-columns: 60% 40%; grid-template-areas: "financing-content copyright" "financing-text financing-text"; } }
@media screen and (min-width: 1124px) { html body footer #footer-financing .margin-container { margin: 16px 94px; } }
@media screen and (min-width: 1320px) { html body footer #footer-financing .margin-container { margin: 16px 134px; } }
@media screen and (min-width: 1921px) { html body footer #footer-financing .margin-container { margin: 16px auto; max-width: 1910px; padding-left: calc((100% - min(calc(85vw - (100vw - 100%)), 1640px)) / 2); padding-right: calc( (100% - min(calc(85vw - (100vw - 100%)), 1640px)) / 2 ); } }
html body .gallery_new { margin: 1rem auto; }
html body .gallery_new .content-section { margin-top: 0; }
html body .gallery_new .content-section .gallery-elements { display: flex; flex-direction: row; flex-wrap: wrap; gap: 15px; }
html body .gallery_new figure.item { cursor: pointer; /*width:100%;
height:15rem;*/ position: relative; float: left; width: calc(50% - 15px); height: 125px; }
html body .gallery_new figure.item img { width: 100%; height: 100%; object-fit: cover; }
@media screen and (min-width: 480px) { html body .gallery_new figure.item { height: 160px; } }
@media screen and (min-width: 915px) { html body .gallery_new figure.item { height: 180px; } }
@media screen and (min-width: 1124px) { html body .gallery_new figure.item { width: calc(33% - 15px); height: 200px; } }
@media screen and (min-width: 1280px) { html body .gallery_new figure.item { width: calc(25% - 15px); } }
@media screen and (min-width: 1320px) { html body .gallery_new figure.item { height: 215px; } }
html body .gallery_new figcaption, html body .gallery_new .chiudi { display: none; }
@media screen and (min-width: 1280px) { html body .gallery_new .nth-2 figure.item { width: 50%; } }
html body .gallery-zoom.gallery { display: none; position: fixed; z-index: 99993; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.85); }
html body .gallery-zoom.gallery.visible { display: block; }
html body .gallery-zoom.gallery .chiudi { display: block; position: fixed; top: 0; right: 0; z-index: 99999; background-image: url(../layout/icon-close.svg); background-repeat: no-repeat; background-position: center 47%; background-size: 60% auto; background-color: rgba(202, 57, 39, 0.7); width: 3rem; height: 3rem; }
html body .gallery-zoom.gallery .gallery-window { -webkit-transition: opacity 750ms ease; -moz-transition: opacity 750ms ease; -o-transition: opacity 750ms ease; -ms-transition: opacity 750ms ease; transition: opacity 750ms ease; position: absolute; top: 3rem; bottom: 3rem; left: 0; right: 0; width: 100%; font-size: 18px; line-height: 30px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
html body .gallery-zoom.gallery .gallery-window::-webkit-scrollbar { width: 0; height: 0; }
html body .gallery-zoom.gallery .gallery-window .gallery-elements { height: 100%; width: 100%; white-space: nowrap; display: inline-block; }
html body .gallery-zoom.gallery .gallery-window .gallery-elements .item { width: 100%; height: 100%; position: relative; display: inline-block; margin: 0; float: none; text-align: center; }
html body .gallery-zoom.gallery .gallery-window .gallery-elements .item::before { content: ''; width: 1px; height: 100%; display: inline-block; vertical-align: middle; }
html body .gallery-zoom.gallery .gallery-window .gallery-elements .item img { max-height: 100%; max-width: 100%; display: inline-block; vertical-align: middle; }
html body .gallery-zoom ul.pagination { position: absolute; bottom: 0; left: 3rem; right: 3rem; z-index: 97; text-align: center; height: 3rem; }
html body .gallery-zoom ul.pagination::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 1px; pointer-events: none; }
html body .gallery-zoom ul.pagination li { display: inline-block; vertical-align: middle; pointer-events: all; width: 0.5rem; height: 0.5rem; margin: 0.25rem; vertical-align: middle; border-radius: 5rem; color: transparent; background-color: #CA3927; }
html body .gallery-zoom ul.pagination li.selected { background-color: #CA3927; border: 0; }
html body .gallery-zoom ul.arrows, html body .gallery-zoom ul.arrow-gallery { position: absolute; bottom: 0; left: 0em; right: 0rem; pointer-events: none; background: transparent; height: 3rem; }
html body .gallery-zoom ul.arrows li, html body .gallery-zoom ul.arrow-gallery li { height: 3rem; width: 3rem; position: absolute; pointer-events: all; background-image: url(../layout/icon-down.svg); background-repeat: no-repeat; background-position: center 47%; background-size: 60% auto; background-color: rgba(202, 57, 39, 0.7); }
html body .gallery-zoom ul.arrows li.left, html body .gallery-zoom ul.arrow-gallery li.left { transform: rotate(90deg); left: 0rem; }
html body .gallery-zoom ul.arrows li.right, html body .gallery-zoom ul.arrow-gallery li.right { transform: rotate(-90deg); right: 0rem; }
html body .gallery-zoom ul.arrows li.disabled, html body .gallery-zoom ul.arrow-gallery li.disabled { opacity: 0; pointer-events: none; }
html body .gallery-zoom figcaption { display: inline; position: absolute; bottom: 0rem; z-index: 10; left: 0rem; right: 0rem; background-color: rgba(0, 0, 0, 0.5); padding: 1rem; white-space: normal; min-width: 30%; font-size: 1rem; line-height: 1.3rem; pointer-events: none; color: #ffffff; }
html body .modal-background { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; background-color: rgba(0, 0, 0, 0.8); text-align: center; }
html body .modal-background .modal-outer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
html body .modal-background .modal-outer .modal { position: relative; background-color: #ffffff; padding: 0em; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); margin: 0 auto; display: inline-block; max-width: 97%; max-height: 80%; overflow-y: auto; margin: auto; }
html body .modal-background .modal-outer .modal p, html body .modal-background .modal-outer .modal section { margin: 2%; }
html body .modal-background .modal-outer .modal .modal-close-btn-container { display: flex; align-items: center; justify-content: center; margin: 7px 0; }
html body .modal-background .modal-outer .modal .modal-close-btn-container .modal-close-btn { width: fit-content; border: 1px solid #CA3927; background: #ffffff; text-align: center; display: block; padding: 10px 30px 8px 30px; pointer-events: all; font-family: "Roboto-Bold"; text-transform: uppercase; color: #CA3927; text-decoration: none; border-radius: 5px; font-size: 0.85rem; line-height: 1rem; }
html body .modal-background .modal-outer .modal .modal-close-btn-container .modal-close-btn:hover, html body .modal-background .modal-outer .modal .modal-close-btn-container .modal-close-btn:active { background: #CA3927 !important; color: #ffffff !important; border-color: #ffffff; }
html body .modal-background .modal-outer .modal.zoom { /*gestisco lo zoom immagine relativo alla finestra di popup. Si chiude cliccando ovunque*/ pointer-events: none; overflow: hidden; object-fit: contain; position: fixed; top: 10% !important; bottom: 10%; left: 10%; right: 10%; box-shadow: none; background: transparent; }
html body .modal-background .modal-outer .modal.zoom img { max-height: 100%; max-width: 100%; width: auto; height: auto; border: 10px solid #ffffff; }
html body .modal-background .modal-outer .modal.zoom .modal-close-btn-container { display: none; }
html body #scrollToTopBtn { position: fixed; z-index: 98; right: 0; bottom: 100px; border: none; border-radius: 0% 20% 20% 0%; width: 60px; height: 60px; font-size: 0; background-color: #CA3927; background-image: url(../layout/freccia.svg); transform: rotate(180deg); background-position: center center; background-repeat: no-repeat; background-size: 30px; pointer-events: none; opacity: 0; transition: opacity 0.5s; }
html body #scrollToTopBtn.visible { opacity: 1; cursor: pointer; pointer-events: visible; }