/*	colori

blu				#2e3b54		rgb(29,56,142) logo e tutti i testi
verde			#00954b		rgb(0,149,75)
verde-chiaro	#94c200
scuro			#2e3b54
giallo			#ffba3a		rgb(255,186,58)

rosa			#fce1db		sfondo modale 4

======================================*/
/*	fonts
======================================*/
/*
@font-face {
	font-family: 'helvetica-bold';
	src: url('../fonts/helvetica-bold-webfont.ttf') format('ttf'),
		url('../fonts/helvetica-bold-webfont.woff') format('woff'),
		url('../fonts/helvetica-bold-webfont.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'helvetica-black';
	src: url('../fonts/helvetica_black-webfont.ttf') format('ttf'),
		url('../fonts/helvetica_black-webfont.woff') format('woff'),
		url('../fonts/helvetica_black-webfont.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'helvetica-heavy';
	src: url('../fonts/helveticaneue_heavy-webfont.ttf') format('ttf'),
		url('../fonts/helveticaneue_heavy-webfont.woff') format('woff'),
		url('../fonts/helveticaneue_heavy-webfont.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
*/

:root {
    --col01: #8eba07;
    --col02: #e0e9c5;
    --col03: #06904a;
    --col04: #2d3a52;
    --col05: #e56347;
    --col06: #fac7bc;
    --col07: #f1d8d2;
    --col08: #6ea0a0;
    --col09: #c5d7d7;
    --col10: #d9e3e3;
    --col11: #c87214;
    --col12: #e4c7a4;
    --col13: #ecdac7;
    --col14: #dbb63c;
    --col15: #e9d9a0;
    --col16: #ece5c6;
}

.color-white {
    color: white;
}

.color01 {
    color: var(--col01);
}

.color02 {
    color: var(--col02);
}

.color03 {
    color: var(--col03);
}

.color04 {
    color: var(--col04);
}

.color05 {
    color: var(--col05);
}

.color06 {
    color: var(--col06);
}

.color07 {
    color: var(--col07);
}

.color08 {
    color: var(--col08);
}

.color09 {
    color: var(--col09);
}

.color10 {
    color: var(--col10);
}

.color11 {
    color: var(--col11);
}

.color12 {
    color: var(--col12);
}

.color13 {
    color: var(--col13);
}

.color14 {
    color: var(--col14);
}

.color15 {
    color: var(--col15);
}

.color16 {
    color: var(--col16);
}

.bg01 {
    background-color: var(--col01);
}

.bg02 {
    background-color: var(--col02);
}

.bg03 {
    background-color: var(--col03);
}

.bg04 {
    background-color: var(--col04);
}

.bg05 {
    background-color: var(--col05);
}

.bg06 {
    background-color: var(--col06);
}

.bg07 {
    background-color: var(--col07);
}

.bg08 {
    background-color: var(--col08);
}

.bg09 {
    background-color: var(--col09);
}

.bg10 {
    background-color: var(--col10);
}

.bg11 {
    background-color: var(--col11);
}

.bg12 {
    background-color: var(--col12);
}

.bg13 {
    background-color: var(--col13);
}

.bg14 {
    background-color: var(--col14);
}

.bg15 {
    background-color: var(--col15);
}

.bg16 {
    background-color: var(--col16);
}


@font-face {
    font-family: 'helvetica-bold';
    src: url('../fonts/helvetica-bold.ttf') format('ttf'),
    url('../fonts/helvetica-bold.woff') format('woff'),
    url('../fonts/helvetica-bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica-black';
    src: url('../fonts/helvetica-black.ttf') format('ttf'),
    url('../fonts/helvetica-black.woff') format('woff'),
    url('../fonts/helvetica-black.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica-heavy';
    src: url('../fonts/helvetica-heavy.ttf') format('ttf'),
    url('../fonts/helvetica-heavy.woff') format('woff'),
    url('../fonts/helvetica-heavy.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.heading01 {
    font-size: clamp(4rem, 4rem + 6vw, 12rem);
    line-height: 1.2;
}

.heading02 {
    font-size: clamp(3rem, 3rem + 5vw, 10rem);
    line-height: 1.2;
}

.heading03 {
    font-size: clamp(2rem, 2rem + 4vw, 8rem);
    line-height: 1.2;
}

.heading04 {
    font-size: clamp(2rem, 2rem + 3vw, 6rem);
    line-height: 1.2;
}

.heading05 {
    font-size: clamp(1rem, 1rem + 2vw, 4rem);
    line-height: 1.2;
}

.heading06 {
    font-size: clamp(1rem, 1rem + 2vw, 2rem);
    line-height: 1.2;
}

.heading07 {
    font-size: clamp(1rem, 1rem + 0.5vw, 2rem);
    line-height: 1.2;
}

.heading08 {
    display: inline-block;
    font-size: clamp(0.875rem, 0.7188rem + 0.625vw, 1.5rem);
    line-height: 1.2;
}



.bold {
    font-family: 'helvetica-bold';
}

.black {
    font-family: 'helvetica-black';
}

.heavy {
    font-family: 'helvetica-heavy';
}

.highlights {
    padding: 1rem;
}

.highlights p {
    margin: 0;
    line-height: 1.2;
}

.hr03 {
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px 0;
    border: 0;
    border-top: 2px solid var(--col03);
    width: 100%;
}

.hr05 {
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px 0;
    border: 0;
    border-top: 2px solid var(--col05);
    width: 100%;
}

/*	generici
======================================*/

.custom-container { /* da lasciare, anche se 'visual studio code' non riconosce la chiamata e la segnala come errore */
    @include make-container();
    --bs-gutter-x: 0;
}

html {
    overflow-x: hidden;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 180%;
    font-weight: 400;
    color: #2e3b54;
}

.helvetica-bold {
    font-family: 'helvetica-bold';
}

.helvetica-black {
    font-family: 'helvetica-black';
}

.helvetica-heavy {
    font-family: 'helvetica-heavy';
}

strong {
    font-weight: 700;
}

em {
    font-weight: 400i;
}

strong em {
    font-weight: 700i;
}

a, a > * {
    text-decoration: none;
    transition: all 0.45s ease-out 0s;
}

a:hover {
    text-decoration: underline;
}

.spacer-0vh {
    clear: both;
    height: 0vh;
}

.spacer-1vh {
    clear: both;
    height: 1vh;
}

.spacer-2vh {
    clear: both;
    height: 2vh;
}

.spacer-4vh {
    clear: both;
    height: 4vh;
}

.pointer {
    cursor: pointer;
}

.verde {
    color: #00954b;
}

.verde-chiaro {
    color: #94c200;
}

.blu {
    color: #2e3b54;
}

.mattone {
    color: #d0760e;
}

.rosso {
    color: #f26849;
}

.senape {
    color: #e4be3b;
}

h1, h2, h3, h4, h5, h6 {
    color: #2e3b54;
}

/*	fine generici
======================================*/
#header {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    color: #fff;
    background: #93c200;
    z-index: 9999;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 2rem 2rem 2rem 10vw;
}

#header:after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: 15vw;
    width: 16vw;
    height: 100px;
    display: block;
    background: url(../images/header-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

#header img.header-logo {
    position: relative;
    z-index: 99999;
    width: max(240px, 30vw);
}

#block-1 {
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 1;
}

#header-carousel {
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 1 !important;
}

.carousel-control-next,
.carousel-control-prev {
    width: 10%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 4em;
    height: 4em;
}

.header-txt-1 {
    color: #fff;
    line-height: 100% !important;
}

.header-txt-1 .titolo-impronta {
    font-size: 4em;
    line-height: 1.0 !important;
}

/*.header-txt-1 .titolo-bilancio	{
	margin: 2vh 0 0 0;
	font-size: 3em;
}*/

.titolo-bilancio {
    background-color: #ffffff;
    padding: 1rem;
    margin-block: 1rem;
    display: block;
}

.titolo-bilancio p:first-child {
    color: #2d374e;
    font-size: clamp(1.2rem, 0.9rem + 2.8vw, 1.8rem);
    line-height: 1;
    margin-bottom: 0;
}

.titolo-bilancio p:nth-child(2) {
    color: #8fba0c;
    font-weight: 700;
    font-size: clamp(1.2rem, 0.9rem + 2.8vw, 2rem);
    line-height: 1;
    margin-block: 8px 0;
}

.header-txt-1 .testo-elaborazioni {
    font-size: clamp(0.75rem, 0.75rem + 0.8vw, 1rem);;
}

.header-download {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-block: 1rem;
    padding: 1rem 1rem 1rem 3rem;
    color: #fff;
    background: #94c200;
    cursor: pointer;
    height: 48px;
    position: relative;
}

.header-download:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 8px;
    width: 32px;
    height: 32px;
    background: url(../images/icona-download.svg) no-repeat center center / contain;
}

.modale-download {
    display: inline-block;
    margin: 0;
    padding: 5px 18px;
    color: #fff;
    background: #00954b url(../images/icona-download.svg) no-repeat center center / 25px;
    cursor: pointer;
}

.torna-a-visione-completa {
    display: inline-block;
    margin: 0 8px 0 0;
    padding: 5px 18px;
    background: url(../images/freccia-sx-sfondo-verde.svg) no-repeat center center / 40px;
    cursor: pointer;
}

.hide {
    visibility: hidden;
}

.show {
    visibility: visible;
}

.messaggio-del-presidente {
    margin: 0;
    padding: 0;
    font-size: 1.8em;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.nome-del-presidente {
    margin: 0;
    padding: 30px 0 0 0;
    font-size: 1.2em;
    color: #fff;
}

img.citazione-virgolette-alte {
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
    height: 30px;
}

img.citazione-virgolette-basse {
    display: inline-block;
    margin: 15px 0 0 5px;
    padding: 0;
    width: auto;
    height: 15px;
}

.citazione-txt {
    margin: 0;
    padding: 0 15px;
    font-size: 1.8em;
    line-height: 120%;
    color: #2e3b54;
}

.citazione-firma {
    margin: 0;
    padding: 0 15px;
    font-size: 1.6em;
    text-align: right;
    color: #2e3b54;
}

.titolo-primo-box-fisso {
    font-size: 2em;
    line-height: 100%;
    font-weight: bold;
}

.testo-primo-box-fisso {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    line-height: 120%;
}

#block-2 {
    margin: 0;
    padding: 50px 0;
    background: rgba(148, 194, 0, 0.15);
}

.width-90 {
    margin: 0 auto;
    width: 90%;
}

.bkg-white-1 {
    padding: 0;
    background: #fff url(../images/numero-1.svg) no-repeat right 0 / auto 150px;
}

.bkg-white-2 {
    padding: 0;
    background: #fff url(../images/numero-2.svg) no-repeat right 0 / auto 150px;
}

.bkg-white-3 {
    padding: 0;
    background: #fff url(../images/numero-3.svg) no-repeat right 0 / auto 150px;
}

.bkg-white-4 {
    padding: 0;
    background: #fff url(../images/numero-4.svg) no-repeat right 0 / auto 150px;
}

.bkg-white-5 {
    padding: 0;
    background: #fff url(../images/numero-5.svg) no-repeat right 0 / auto 150px;
}

.row.riquadri-bianchi {
    --bs-gutter-x: 0em !important;
}

.row.riquadri-bianchi > .col,
.row.txt-riquadri-bianchi > .col {
    padding: 0 !important;
}

.titolo-verde {
    font-size: 2em;
    line-height: 110%;
    font-weight: 700;
    color: #00954b;
    min-height: 150px;
}

.txt-riquadri-bianchi {
    font-size: 1.5em;
}

.riquadri-bianchi strong {
    font-size: 1.4em;
    font-family: 'helvetica-bold';
    color: #00954b;
}

.riquadri-bianchi strong.normal {
    font-family: 'helvetica-bold';
    font-size: 1.1em;
    color: #00954b;
}

.scopri-di-piu {
    display: inline-block;
    margin: 0;
    padding: 0.5rem 3.2rem 0.5rem 0.5rem;
    color: #fff;
    background: #00954b url(../images/freccia-dx-scopridipiu.svg) no-repeat right 8px center / 24px;
    cursor: pointer;
}

.scopri-di-piu:hover {
    color: #fff;
}

.scopri-di-piu.bluscuro {
    background: #00954b url(../images/freccia-dx-scopridipiu.svg) no-repeat right 8px center / 24px;
}

.discorso-assemblea {
    display: block;
    padding: 1rem;
    background: #2e3b54 url(../images/freccia-dx-scopridipiu.svg) no-repeat 95% center / auto 15%;
    font-size: 1.2em;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
}

.discorso-assemblea > span {
    font-weight: normal;
    font-size: 0.8em;
    color: #fff;
    font-style: italic;
}

.percentuale {
    white-space: nowrap;
}

/*	riquadri modali
==============================*/
.chiudi-modale {
    margin: 0;
    padding: 0 15px 15px 15px;
    text-transform: uppercase;
    background: none;
    cursor: pointer;
}

.chiudi-modale img.x-chiusura {
    width: 16px !important;
}

body.modal-open, html.modal-open {
    overflow: hidden !important;;
}

.modalpopup {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    transition: opacity .5s;
    opacity: 0;
}

.modalpopup.modal-active {
    display: block;
    opacity: 1;
    overflow-x: hidden;
}

.highlights-modale {
    cursor: pointer;
}

.anteprima .modalcontent {
    margin: 40px auto 0 auto;
    /*padding: 0;*/
    width: 80vw;
    /*background-color: #fff;*/
}

.padding-4vh {
    padding: 4vh 0;
}

.padding-8vh {
    padding: 8vh 0;
}

#box-rosa {
    padding: 40px;
    background: #fce1db;
    border-left: 2px solid #00954b;
    border-right: 2px solid #00954b;
}

#box-giallo {
    padding: 40px;
    background: #f8efce;
    border-left: 2px solid #00954b;
    border-right: 2px solid #00954b;
}

#box-arancione {
    padding: 40px;
    background: #f3ddc3;
    border-left: 2px solid #00954b;
    border-right: 2px solid #00954b;
}

.bkg-riquadro-1 {
    padding: 70px 40px;
    background: #f8efce;
    border-left: 2px solid #e4be3b;
    border-right: 2px solid #e4be3b;
}

.bkg-riquadro-5 {
    padding: 70px 60px;
    background: #fff;
    border-left: 2px solid #00954b;
    border-right: 2px solid #00954b;
}

.bkg-riquadro-5-1 {
    background: #fce1db;
    border-left: 2px solid #f26849;
    border-right: 2px solid #f26849;
}

.bkg-riquadro-5-2 {
    background: #f6e4cf;
    border-left: 2px solid #d0760e;
    border-right: 2px solid #d0760e;
}

.bkg-riquadro-5-3 {
    background: #faf2d8;
    border-left: 2px solid #e4be3b;
    border-right: 2px solid #e4be3b;
}

[id^='modale-cinque-approfondisci-'] {
    cursor: pointer;
}

img.riq-5-blocco-0-1 {
    display: block;
    margin: 0 auto;
    width: 80%;
}

img.riq-5-blocco-0-2 {
    display: block;
    margin: 190px 0 0 0;
    width: 80%;
}

.bkg-ellisse-tratteggiata {
    background: url(../images/5-0.svg) no-repeat center 0 / 80% 55%;
}

.riq-5-titolo-blocco-0 {
    margin: 120px 0 0 60px;
    font-family: 'helvetica-heavy';
    font-size: 2.3em;
}

.riq-5-titolo-blocco-0.blocco-0-1 {
    color: #f26849;
}

.riq-5-titolo-blocco-0.blocco-0-2 {
    margin: 70px 0 0 60px;
    color: #d0760e;
}

.riq-5-titolo-blocco-0.blocco-0-3 {
    color: #e4be3b;
}

#riquadro-quattro .modalcontent .txt-rosa {
    color: #f26849;
}

.riq-5-txt-blocco-0 {
    margin: 15px 0 0 60px;
    font-family: 'helvetica-bold';
    font-size: 1.6em;
}

.riq-5-blocco-0-approfondisci {
    display: inline-block;
    margin: 15px 0 0 60px;
    padding: 5px 50px 5px 10px;
    font-family: 'helvetica-bold';
    font-size: 1.4em;
    color: #fff;
    cursor: pointer;
}

.riq-5-blocco-0-approfondisci.approfondisci-blocco-0-1 {
    background: #f26849 url(../images/freccia-dx-scopridipiu.svg) no-repeat 93% center / auto 60%;
}

.riq-5-blocco-0-approfondisci.approfondisci-blocco-0-2 {
    background: #d0760e url(../images/freccia-dx-scopridipiu.svg) no-repeat 93% center / auto 60%;
}

.riq-5-blocco-0-approfondisci.approfondisci-blocco-0-3 {
    background: #e4be3b url(../images/freccia-dx-scopridipiu.svg) no-repeat 93% center / auto 60%;
}

img.riq-5-1,
img.riq-5-2,
img.riq-5-3 {
    margin: 0 auto;
    width: 95%;
    height: auto;
}

.riq-5-titolo-blocco-1-2-3 {
    margin: 0 0 0 60px;
    font-family: 'helvetica-heavy';
    font-size: 4.7em;
}

.riq-5-titolo-blocco-1-2-3.blocco-1 {
    color: #f26849;
}

.riq-5-titolo-blocco-1-2-3.blocco-2 {
    color: #d0760e;
}

.riq-5-titolo-blocco-1-2-3.blocco-3 {
    color: #e4be3b;
}

.riq-5-txt-blocco-1-2-3 {
    margin: 35px 0 0 60px;
    font-family: 'helvetica-black';
    font-size: 3.2em;
}

.riq-5-blocco-1-3-1-titolo {
    margin: 0 0 0 60px;
    font-family: 'helvetica-bold';
    font-size: 2em;
    line-height: 100%;
}

.riq-5-blocco-1-3-1-titolo span {
    font-family: 'helvetica-black';
    font-size: 1.4em;
    color: #f26849;
}

.riq-5-blocco-1-3-1-titolo span span {
    font-family: 'helvetica-bold';
    font-size: 0.7em;
    color: #f26849;
}

.riq-5-blocco-1-3-2-titolo {
    font-family: 'helvetica-bold';
    font-size: 2.5em;
    line-height: 100%;
}

.riq-5-blocco-1-3-2-txt {
    font-family: 'helvetica-bold';
    font-size: 1.4em;
    line-height: 100%;
}

.bkg-facabf {
    padding: 40px;
    background: #facabf;
}

.bkg-facabf .linea-dx {
    border-right: 2px solid #f26849;
}

img.riq-5-blocco-1-2 {
    margin: 0 auto;
    width: auto;
    max-width: 80%;
    height: auto;
    max-height: 80%;
}

.riq-5-blocco-1-1-titolo {
    font-family: 'helvetica-black';
    font-size: 3.2em;
    line-height: 100%;
    color: #f26849;
}

.riq-5-blocco-1-1-titolo span {
    font-family: 'helvetica-bold';
    font-size: 0.6em;
}

.riq-5-blocco-1-3-3-titolo {
    font-family: 'helvetica-black';
    font-size: 3.2em;
    line-height: 100%;
}

.riq-5-txt-blocco-1-1,
.riq-5-txt-blocco-1-3-3 {
    margin: 10px 0 0 0;
    font-family: 'helvetica-bold';
    font-size: 1.8em;
}

.bkg-eecfab {
    padding: 3vh 0;
    background: #eecfab;
}

img.riq-5-2-1 {
    margin: 0 auto;
    width: auto;
    height: auto;
}

.bkg-eecfab .linea-dx {
    border-right: 2px solid #d0760e;
}

.riq-5-txt-blocco-2-2-1 {
    margin: 10px 0 0 0;
    font-family: 'helvetica-bold';
    font-size: 1.8em;
}

.riq-5-txt-blocco-2-2-1 span.numero {
    font-family: 'helvetica-black';
    font-size: 1.8em;
    line-height: 100%;
}

.riq-5-txt-blocco-2-2-1 span.colore {
    color: #d0760e;
}

.bkg-f6e8ba {
    padding: 3vh 0;
    background: #f6e8ba;
}

img.riq-5-3-1 {
    margin: 0 auto;
    width: 90%;
    height: auto;
}

img.riq-5-blocco-3-2 {
    margin: 0 auto;
    width: auto;
    max-width: 50%;
    height: auto;
    max-height: 80%;
}

img.riq-5-blocco-3-3 {
    margin: 0 auto;
    width: auto;
    max-width: 80%;
    height: auto;
    max-height: 80%;
}

.riq-5-txt-blocco-3-2-1 {
    margin: 10px 0 0 0;
    font-family: 'helvetica-bold';
    font-size: 1.8em;
}

.riq-5-txt-blocco-3-2-1 span.numero {
    font-family: 'helvetica-black';
    font-size: 1.8em;
    line-height: 100%;
}

.riq-5-txt-blocco-3-2-1 span.colore {
    color: #e4be3b;
}

.bkg-riquadro-2 {
    padding: 70px 60px;
    background: #fff;
    border-left: 2px solid #00954b;
    border-right: 2px solid #00954b;
}

[class^='riq-2-blocco-0-riga-vert-'] {
    display: block;
    margin: 10px auto;
    width: 3px;
    height: 50px;
}

.riq-2-blocco-0-riga-vert-1 {
    border-right: 3px solid #f26849;
}

.riq-2-blocco-0-riga-vert-2 {
    border-right: 3px solid #71a6a6;
}

.riq-2-blocco-0-riga-vert-3 {
    border-right: 3px solid #d0760e;
}

.riq-2-blocco-0-riga-vert-4 {
    border-right: 3px solid #e4be3b;
}

.riq-2-numero-blocco-0 {
    font-family: 'helvetica-black';
    font-size: 3.2em;
    line-height: 100%;
    color: #f26849;
}

.riq-2-numero-blocco-0 span {
    font-family: 'helvetica-bold';
    font-size: 0.6em;
}

.riq-2-numero-blocco-0.blocco-0-1 {
    color: #f26849;
}

.riq-2-numero-blocco-0.blocco-0-2 {
    color: #71a6a6;
}

.riq-2-numero-blocco-0.blocco-0-3 {
    color: #d0760e;
}

.riq-2-numero-blocco-0.blocco-0-4 {
    color: #e4be3b;
}

.riq-2-txt-blocco-0 {
    margin: 0;
    height: 250px;
    font-family: 'helvetica-bold';
    font-size: 1.7em;
}

.riq-2-blocco-0-approfondisci {
    display: inline-block;
    margin: 0;
    padding: 5px 50px 5px 10px;
    font-family: 'helvetica-bold';
    font-size: 1.4em;
    color: #fff;
    cursor: pointer;
}

.riq-2-blocco-0-approfondisci.approfondisci-blocco-0-1 {
    background: #f26849 url(../images/freccia-dx-scopridipiu.svg) no-repeat 93% center / auto 60%;
}

.riq-2-blocco-0-approfondisci.approfondisci-blocco-0-2 {
    background: #71a6a6 url(../images/freccia-dx-scopridipiu.svg) no-repeat 93% center / auto 60%;
}

.riq-2-blocco-0-approfondisci.approfondisci-blocco-0-3 {
    background: #d0760e url(../images/freccia-dx-scopridipiu.svg) no-repeat 93% center / auto 60%;
}

.riq-2-blocco-0-approfondisci.approfondisci-blocco-0-4 {
    background: #e4be3b url(../images/freccia-dx-scopridipiu.svg) no-repeat 93% center / auto 60%;
}

.bkg-riquadro-2-1 {
    background: #fce1db;
    border-left: 2px solid #f26849;
    border-right: 2px solid #f26849;
}

.bkg-riquadro-2-2 {
    background: #e3eded;
    border-left: 2px solid #71a6a6;
    border-right: 2px solid #71a6a6;
}

.bkg-riquadro-2-3 {
    background: #f6e4cf;
    border-left: 2px solid #d0760e;
    border-right: 2px solid #d0760e;
}

.bkg-riquadro-2-4 {
    background: #f8efce;
    border-left: 2px solid #e4be3b;
    border-right: 2px solid #e4be3b;
}

.colore-riq-2-blocco-1 {
    color: #f26849;
}

.colore-riq-2-blocco-2 {
    color: #71a6a6;
}

.colore-riq-2-blocco-3 {
    color: #d0760e;
}

.colore-riq-2-blocco-4 {
    color: #e4be3b;
}

.riq-2-blocco-1-titolo {
    font-family: 'helvetica-black';
    font-size: 3.2em;
    line-height: 100%;
}

.riq-2-blocco-1-titolo .numero {
    font-size: 1.5em;
}

.riq-2-blocco-1-titolo-background-blocco-3 {
    margin: 15px 0 0 0;
    padding: 5px 20px;
    font-family: 'helvetica-bold';
    font-size: 2.5em;
    line-height: 100%;
    color: #fff;
    background: #d0760e;
}

.riq-2-bkg-ellisse-tratteggiata {
    background: url(../images/2-ellisse.svg) no-repeat center center / contain;
}

img.riq-2-1-3 {
    margin: 0;
    width: 150px;
    height: auto;
}

.riq-2-blocco-1-txt-ellisse-1 {
    margin: 0;
    padding: 15px 0;
    font-size: 1.8em;
}

.riq-2-blocco-1-numero-ellisse-1 {
    font-family: 'helvetica-black';
    font-size: 3.2em;
    line-height: 100%;
}

.riq-2-blocco-1-numero-ellisse-1 span {
    font-size: 0.6em;
}

img.riq-2-1-4 {
    margin: 0;
    width: auto;
    height: 150px;
}

.riq-2-blocco-1-txt-ellisse-2 {
    padding: 0 0 20px 0;
    font-family: 'helvetica-bold';
    font-size: 1.8em;
    line-height: 100%;
}

img.riq-2-1-5 {
    margin: 0;
    width: auto;
    height: 120px;
}

img.riq-2-2-grafico {
    width: 100%;
    height: auto;
}

.riq-2-blocco-2-txt-5 {
    padding: 40px 0;
    font-family: 'helvetica-bold';
    font-size: 1.8em;
    line-height: 100%;
}

.riq-2-blocco-2-txt-5 span {
    padding: 40px 0;
    font-family: 'helvetica-bold';
    font-size: 2em;
    line-height: 100%;
}

.riq-2-linea-dx {
    border-right: 2px solid #71a6a6;
}

.riq-2-blocco-2-3-titolo {
    font-family: 'helvetica-bold';
    font-size: 1.8em;
    line-height: 120%;
}

.riq-2-blocco-2-3-titolo span.numero {
    font-family: 'helvetica-black';
    font-size: 2em;
}

.riq-2-blocco-2-3-titolo span.light {
    font-family: Arial, Helvetica, sans-serif;
}

.riq-2-txt-blocco-2-3 {
    margin: 10px 0 0 0;
    font-family: 'helvetica-bold';
    font-size: 1.8em;
}

img.riq-2-blocco-2-3 {
    margin: 0 auto;
    padding: 20px 0;
    width: auto;
    max-width: 80%;
    height: auto;
    max-height: 80%;
}

img.riq-2-blocco-2-3-1 {
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 80%;
}

.riq-2-blocco-2-3-titolo-1 {
    font-family: 'helvetica-black';
    font-size: 2.5em;
    line-height: 100%;
}

.riq-2-blocco-2-3-titolo-1 span {
    font-family: 'helvetica-bold';
    font-size: 0.6em;
}

.riq-2-bkg-eecfab {
    padding: 50px !important;
    background: #eecfab;
}

img.riq-2-3-loghi {
    margin: 0 auto;
    width: 100%;
}

.riq-2-blocco-3-3-txt {
    padding: 30px 0;
    font-family: 'helvetica-bold';
    font-size: 2.4em;
    line-height: 100%;
}

.riq-2-blocco-4-txt {
    font-size: 1.2em;
}

.riq-2-blocco-4-numero-grafico {
    font-family: 'helvetica-black';
    font-size: 2em;
}

img.riq-2-4-2 {
    margin: 20px 0 0 0;
    height: 60px;
}

img.riq-2-4-6 {
    margin: 0 auto;
    width: 90%;
}

.bkg-riquadro-3 {
    padding: 70px 60px;
    background: #fff;
    border-left: 2px solid #00954b;
    border-right: 2px solid #00954b;
}

img.riq-4-blocco-0-1 {
    display: block;
    margin: 0 auto;
    width: 65%;
}

img.riq-4-blocco-0-2 {
    display: block;
    margin: 190px auto 0 auto;
    width: 65%;
}

.riq-4-bkg-ellisse-tratteggiata {
    background: url(../images/5-0.svg) no-repeat center 0 / 80% 50%;
}

.riq-4-blocco-0-approfondisci {
    display: inline-block;
    margin: 0 0 0 90px;
    padding: 5px 50px 5px 10px;
    font-family: 'helvetica-bold';
    font-size: 1.4em;
    color: #fff;
    cursor: pointer;
}

.riq-4-blocco-0-approfondisci.approfondisci-blocco-0-1 {
    background: #f26849 url(../images/freccia-dx-scopridipiu.svg) no-repeat 93% center / auto 60%;
}

.riq-4-blocco-0-approfondisci.approfondisci-blocco-0-2 {
    background: #e4be3b url(../images/freccia-dx-scopridipiu.svg) no-repeat 93% center / auto 60%;
}

.riq-4-blocco-0-approfondisci.approfondisci-blocco-0-3 {
    background: #71a6a6 url(../images/freccia-dx-scopridipiu.svg) no-repeat 93% center / auto 60%;
}

.colore-riq-4-blocco-1 {
    color: #f26849;
}

.colore-riq-4-blocco-2 {
    color: #e4be3b;
}

.colore-riq-4-blocco-3 {
    color: #71a6a6;
}

img.riq-4-0-1 {
    margin: 0 auto;
    width: 90%;
    height: auto;
}

.riq-4-blocco-0-spacer {
    height: 250px;
}

.riq-4-blocco-0-txt {
    padding: 90px 0 30px 90px;
    font-family: 'helvetica-bold';
    font-size: 1.4em;
}

.riq-4-blocco-0-txt.centrale {
    padding: 50px 0 30px 90px;
}

.riq-4-blocco-0-txt span.numero {
    font-family: 'helvetica-black';
    font-size: 2em;
}

.riq-4-blocco-1-titolo {
    font-family: 'helvetica-black';
    font-size: 3.2em;
    line-height: 100%;
}

.riq-4-blocco-1-titolo .numero {
    font-size: 1.5em;
}

.bkg-riquadro-4-1 {
    background: #fce1db;
    border-left: 2px solid #f26849;
    border-right: 2px solid #f26849;
}

.bkg-riquadro-4-2 {
    background: #f8efce;
    border-left: 2px solid #e4be3b;
    border-right: 2px solid #e4be3b;
}

.bkg-riquadro-4-3 {
    background: #e3eded;
    border-left: 2px solid #71a6a6;
    border-right: 2px solid #71a6a6;
}

.riq-4-blocco-1-bkg-fac7bc {
    padding: 50px !important;
    background: #fac7bc;
}

img.riq-4-1-caritas {
    margin: 0 auto;
    width: 90%;
}

.riq-4-blocco-1-line-dx {
    border-right: 2px solid #f26849;
}

img.riq-4-1-ucraina {
    margin: 0 auto;
    width: 90%;
}

.riq-4-blocco-1-2-txt {
    font-family: 'helvetica-bold';
    font-size: 3em;
    line-height: 100%;
}

.riq-4-blocco-1-2-txt span.numero {
    font-family: 'helvetica-black';
    font-size: 1.2em;
}

img.riq-4-1-3 {
    display: block;
    margin: 0 0 30px 0;
    width: auto;
    height: 100px;
}

.riq-4-blocco-1-3-txt {
    font-family: 'helvetica-bold';
    font-size: 2em;
    line-height: 120%;
}

img.riq-4-blocco-2-1 {
    margin: 0 0 50px 0;
    width: auto;
    height: 200px;
}

.riq-4-blocco-2-2-titolo {
    font-family: 'helvetica-black';
    font-size: 3.2em;
    line-height: 100%;
}

.riq-4-blocco-2-2-titolo span {
    font-family: 'helvetica-bold';
    font-size: 0.6em;
}

.riq-4-blocco-2-2-titolo-2 {
    font-family: 'helvetica-bold';
    font-size: 2.5em;
}

.riq-4-blocco-2-2-txt {
    margin: 10px 0 60px 0;
    font-family: 'helvetica-bold';
    font-size: 1.7em;
    line-height: 120%;
}

.riq-4-linea-dx {
    border-right: 2px solid #e4be3b;
}

.riq-4-blocco-3-linea-dx {
    border-right: 2px solid #71a6a6;
}

img.riq-4-blocco-2-3 {
    margin: 0 auto;
    padding: 0 0 40px 0;
    width: auto;
    max-width: 80%;
    height: auto;
    max-height: 80%;
}

.riq-4-blocco-2-3-titolo {
    font-family: 'helvetica-black';
    font-size: 2em;
    line-height: 100%;
}

.riq-4-blocco-2-3-titolo .numero {
    font-family: 'helvetica-black';
    font-size: 1.8em;
    line-height: 100%;
}

.riq-4-blocco-1-bkg-cde0e0 {
    padding: 50px !important;
    background: #cde0e0;
}

.riq-4-blocco-1-bkg-cde0e0-nopadding {
    padding: 0 !important;
    background: #cde0e0;
}

img.riq-4-3-1 {
    margin: 0;
    width: 95%;
}

.riq-4-blocco-3-1-txt {
    font-family: 'helvetica-bold';
    font-size: 1.7em;
    line-height: 120%;
}

.riq-4-blocco-3-riq-sfondo-colorato {
    position: relative;
}

.riq-4-blocco-3-titolo-sfondo-colorato {
    margin: 0 0 30px 0;
    font-family: 'helvetica-black';
    font-size: 2.5em;
    line-height: 100%;
}

.riq-4-blocco-3-1-txt span {
    font-family: 'helvetica-black';
}

.riq-4-blocco-3-2-txt-evidenziato {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    font-family: 'helvetica-bold';
    font-size: 2em;
    color: #fff;
    background: #71a6a6;
}

.riq-4-blocco-3-2-txt-evidenziato .numero {
    font-family: 'helvetica-black';
    font-size: 2em;
}

.riq-4-blocco-3-2-sub-2-txt {
    font-family: 'helvetica-bold';
    font-size: 1.6em;
    line-height: 100%;
}

.riq-4-blocco-3-2-sub-2-txt .numero {
    font-family: 'helvetica-black';
    font-size: 2.2em;
    line-height: 100%;
}

/*================================================================*/
.numero-big {
    font-size: 5em;
    font-weight: bold;
    opacity: 1;
}

.numero-big-trasparente {
    font-size: 5em;
    font-weight: bold;
    opacity: 0.2;
}

.numero-big-trasparente.padding1 {
    display: block;
    padding: 1vh 0 0 0;
}

.numero-big-trasparente.padding2 {
    display: block;
    padding: 2vh 0 0 0;
}

.numero-big.bigger,
.numero-big-trasparente.bigger {
    font-size: 7em;
}

.numero-big-modale {
    font-family: 'helvetica-bold';
    font-size: clamp(6rem, 6rem + 4.8vw, 12rem);
    line-height: 1;
}

h3.titolo-modale {
    font-family: 'helvetica-heavy';
    font-size: clamp(1.5rem, 1.5rem + 2vw, 4rem);
    line-height: 90%;
}

h3.titolo-modale.smaller {
    font-size: 3.4em;
}

.header-messaggio-presidente {
    /*cursor: pointer;*/
}

.bkg-riquadro-video {
    padding: 70px 40px;
    background: rgba(0, 0, 0, 0.8);
}

.bkg-riquadro-video .x-chiusura {
    background-color: #95c201;
    float: right;
}

.bkg-riquadro-0 {
    padding: 70px 40px;
    background: #eecfab;
    border-left: 2px solid #00954b;
    border-right: 2px solid #00954b;
}

.sdg-titolo {
    position: absolute;
    top: 30vh;
    left: 38%;
    font-family: 'helvetica-black';
    font-size: 4em;
    line-height: 100%;
}

.bkg-riquadro-01 {
    position: relative;
    padding: 50px 40px;
    background: #eecfab;
    border-left: 2px solid #00954b;
    border-right: 2px solid #00954b;
}

.sdg-titolo.sdg02 {
    color: #71a6a6;
}

.bkg-riquadro-02 {
    position: relative;
    padding: 50px 40px;
    background: #cde0e0;
    border-left: 2px solid #00954b;
    border-right: 2px solid #00954b;
}

.sdg-titolo.sdg03 {
    color: #94c200;
}

.bkg-riquadro-03 {
    position: relative;
    padding: 50px 40px;
    background: #daeaa6;
    border-left: 2px solid #00954b;
    border-right: 2px solid #00954b;
}

.sdg-titolo.sdg04 {
    color: #f26849;
}

.bkg-riquadro-04 {
    position: relative;
    padding: 50px 40px;
    background: #facabf;
    border-left: 2px solid #00954b;
    border-right: 2px solid #00954b;
}

.sdg-titolo.sdg01 {
    color: #d0760e;
}

.modale-1-txt-1-2-2 {
    font-family: 'helvetica-black';
    font-size: 3.2em;
}

.modale-1-txt-1-2-2-smaller {
    font-family: 'helvetica-black';
    font-size: 1.6em;
}

.modale-1-txt-1-2-1 {
    font-family: 'helvetica-bold';
    font-size: 1.5em;
}

img.modale-1-riq-1-2 {
    display: block;
    margin: 0 auto;
    width: 60%;
    height: auto;
}

.modale-1-colonna-sx-1-3 {
    padding: 70px 0 0 0;
    font-family: 'helvetica-bold';
    font-size: 1.3em;
    line-height: 110%;
    background: url(../images/1-10.svg) no-repeat center 0 / contain;
}

.modale-1-colonna-sx-1-3 span {
    font-family: 'helvetica-bold';
    font-size: 2em;
}

.modale-1-colonna-sx-1-3-secondo-txt {
    padding: 220px 30px 0 0;
    font-family: 'helvetica-bold';
    font-size: 1em;
    line-height: 150%;
    text-align: right !important;
}

.modale-1-colonna-sx-1-3-secondo-txt span {
    font-family: 'helvetica-bold';
    font-size: 2em;
}

.modale-1-colonna-dx-1-3 {
    padding: 60px 0 0 0;
    font-family: 'helvetica-bold';
    font-size: 1.3em;
    line-height: 110%;
    height: 450px;
    background: url(../images/1-11.svg) no-repeat center 0 / contain;
}

.modale-1-colonna-dx-1-3 span {
    font-family: 'helvetica-bold';
    font-size: 2em;
}

.modale-1-colonna-dx-1-3-2 {
    padding: 70px 0 0 0;
    font-family: 'helvetica-bold';
    font-size: 0.8em;
    line-height: 110%;
}

.modale-1-colonna-dx-1-3-2 span {
    font-family: 'helvetica-bold';
    font-size: 1.8em;
}

img.modale-1-colonna-sx-dx-curved-arrow-left-right {
    padding: 10px 0;
    width: 150px;
    height: auto;
}

img.modale-1-colonna-sx-dx-arrow-down {
    padding: 10px 0;
    width: auto;
    height: 100px;
}

img.colonna-cx-arrow-right {
    display: block;
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    height: auto;
}

.modale-1-colonna-cx-txt {
    font-family: 'helvetica-bold';
    font-size: 1.2em;
}

.modale-1-colonna-sx-dx-primo-dato {
    padding: 10px 0;
    font-family: 'helvetica-bold';
    font-size: 1.4em;
}

.modale-1-colonna-sx-dx-primo-dato span {
    font-family: 'helvetica-heavy';
    font-size: 2.2em;
}

.modale-1-colonna-sx-txt {
    padding: 25px 0;
    font-family: 'helvetica-bold';
    font-size: 1.4em;
}

.modale-1-colonna-sx-txt span {
    font-size: 1.8em;
}

.modale-1-colonna-dx-txt {
    font-family: 'helvetica-bold';
    font-size: 1.4em;
}

.bkg-f3e1a5 {
    background: #f3e1a5;
}

img.modale-1-colonna-sx-figure-tavolo {
    display: block;
    margin: 0 auto;
    padding: 5px 0;
    width: 50%;
    height: auto;
}

img.modale-1-colonna-dx-case-1 {
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    width: 20%;
    height: auto;
}

img.modale-1-colonna-dx-case-2 {
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    width: 40%;
    height: auto;
}

img.modale-1-colonna-dx-case-3 {
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    width: 50%;
    height: auto;
}

img.modale-1-colonna-dx-case-4 {
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    width: 50%;
    height: auto;
}

img.modale-1-blocco-2-riq-1-2-3 {
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.modale-1-blocco-2-txt-1-2-3 {
    font-family: 'helvetica-heavy';
    font-size: 1.8em;
}

.modale-1-blocco-2-dati-1-2-3 {
    margin: 20px 0 0 0;
    padding: 80px 0 0 0;
    width: 100%;
    height: 400px;
    font-family: 'helvetica-bold';
    font-size: 1.5em;
    background: url(../images/1-13.svg) no-repeat center 0 / contain;
}

.modale-1-blocco-2-dati-1-2-3-numero {
    font-size: 2em;
}

.modale-1-blocco-2-dati-1-2-3-2 {
    padding: 85px 0 0 0;
    font-family: 'helvetica-bold';
    font-size: 1em;
    line-height: 100%;
}

.modale-1-blocco-2-dati-1-2-3-2-numero-2 {
    font-size: 1.5em;
}

.modale-1-txt-strong-1-4 {
    padding: 8vh 0 3vh 0;
    font-family: 'helvetica-black';
    font-size: 2em;
    line-height: 100%;
}

.legenda-regioni {
    padding: 0 0 15px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.4em;
    line-height: 100%;
}

img.legenda-pallino {
    margin: 0;
    padding: 0 10px 0 0;
    width: 40px;
    height: auto;
    vertical-align: middle;
}

/* colori legenda
601 => #e4be3b
301 => #ebce6c
101 => #f2e0a1
51 => #f7edc8
1 => #faf4de
*/
.legenda-presidio-territoriale {
    padding: 0;
    color: #d0760e;
    background: #fff;
    width: 100%;
    max-width: 400px;
}

.presidio-territoriale-titolo {
    padding: 20px 0 0 20px;
    font-family: 'helvetica-bold';
    font-size: 1.5em;
}

#modale-uno-approfondisci {
    display: block;
    margin: 0;
    padding: 0.3vh 2.6vw 0.3vh 1vw;
    font-family: 'helvetica-bold';
    font-size: 1.5em;
    color: #fff;
    background: #d0760e url(../images/freccia-dx-scopridipiu.svg) no-repeat 98% center / auto 70%;
    cursor: pointer;
}

.modale-1-blocco-2-txt-1 {
    font-family: 'helvetica-black';
    font-size: 4.7em;
    line-height: 120%;
}

.modale-1-blocco-2-txt-2 {
    font-family: 'helvetica-black';
    font-size: 3.2em;
    line-height: 120%;
}

.modale-1-blocco-2-txt-3 {
    font-family: 'helvetica-bold';
    font-size: 1.4em;
    line-height: 120%;
}

.modale-1-blocco-2-bkg-e4be3b {
    display: block;
    padding: 15px 0;
    font-family: 'helvetica-bold';
    font-size: 1.6em;
    background: #e4be3b;
}

.txt-4-1 {
    font-family: 'helvetica-black';
    font-size: 3.2em;
}

.numero-4-1 {
    font-family: 'helvetica-black';
    font-size: 4.7em;
    line-height: 120%;
}

.line-through {
    background: url(../images/line-through.svg) no-repeat center center;
}

.line-through-titolo {
    padding: 0 1vw;
    font-family: 'helvetica-heavy';
    font-size: 3.1em;
    line-height: 100%;
}

.line-through-titolo.smaller {
    font-size: 0.7em;
}

.line-through-titolo .smaller-no-color {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.7em;
    color: #2e3b54;
}

img.riq-3-1,
img.riq-3-5,
img.riq-3-7 {
    width: 95%;
    height: auto;
}

.bkg-di-cui {
    padding: 70px 0 0 0;
    height: 200px;
    background: #f8efce url(../images/3-8-di-cui.svg) no-repeat center center / contain;
}

.numero-percento-3-2 {
    display: block;
    padding: 0 0 1vh 0;
    font-family: 'helvetica-black';
    font-size: 3.2em;
}

.numero-percento-3-2.margin-negativo {
    margin: 0 0 -20px 0;
    font-family: 'helvetica-heavy';
    font-size: 2.8em;
}

.numero-percento-3-2-percentuale {
    font-family: 'helvetica-bold';
    font-size: 0.6em;
}

.numero-3-2 {
    padding: 1vh 0 0 0;
    font-family: 'helvetica-bold';
    font-size: 2.7em;
}

.numero-3-2.smaller {
    font-family: 'helvetica-bold';
    font-size: 1.6em;
}

.bkg-3-2-1 {
    background: url(../images//3-2-1.svg) no-repeat center center / contain;
}

img.riq-3-2-0 {
    margin: 0 !important;
    width: 150px;
    height: auto;
}

img.riq-3-2-1 {
    width: 60%;
    height: auto;
}

img.riq-3-2-2 {
    width: 75%;
    height: auto;
}

img.riq-3-2-3 {
    width: 90%;
    height: auto;
}

.padding-left-3-2-1 {
    padding: 63px 0 0 13%;
    height: 250px;
}

.spacer-3-2-1 {
    height: 25px;
}

.numero-percento-3-2-txt {
    font-family: 'helvetica-bold';
    font-size: 1.2em;
}

img.riq-3-2-4 {
    float: left;
    padding: 0 0.7vw 0 0;
    width: 25%;
    height: auto;
}

img.riq-3-4-1 {
    padding: 2vh 0;
    width: 70%;
    height: auto;
}

.numero-percento-3-4 {
    display: block;
    padding: 0 0 1vh 0;
    font-family: 'helvetica-black';
    font-size: 3.2em;
}

.numero-percento-3-4-percentuale {
    font-family: 'helvetica-bold';
    font-size: 0.6em;
}

.txt-3-4 {
    padding: 0;
    font-family: 'helvetica-bold';
    font-size: 2em;
}

.bkg-f8efce {
    background: #f8efce;
}

.bkg-dd9d4b {
    padding: 25px 0;
    color: #fff;
    background: #dd9d4b;
}

.numero-3-5 {
    font-family: 'helvetica-black';
    font-size: 4.7em;
    line-height: 120%;
}

.sottotitolo-3-5 {
    padding: 2vh 0;
    font-family: 'helvetica-black';
    font-size: 3.2em;
    line-height: 110%;
}

.txt-3-5 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 2.3em;
    line-height: 100%;
}

img.riq-3-6 {
    width: 100%;
    height: auto;
}

.numero-percento-3-6 {
    font-family: 'helvetica-black';
    font-size: 3.2em;
}

.numero-percento-3-6-percentuale {
    font-size: 0.6em;
}

.txt-3-6 {
    font-family: 'helvetica-bold';
    font-size: 1.7em;
}

.txt-3-6 strong {
    font-family: 'helvetica-black';
    margin: -8px 0;
}

.numero-3-7 {
    font-family: 'helvetica-black';
    font-size: 4.7em;
    line-height: 120%;
}

.sottotitolo-3-7 {
    padding: 2vh 0;
    font-family: 'helvetica-black';
    font-size: 3.2em;
    line-height: 100%;
}

.txt-3-7 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 2.3em;
    line-height: 110%;
}

.bkg-ecc89f {
    padding: 3vh 0;
    background: #ecc89f;
}

.padding-left-20 {
    padding: 0 0 0 3vw;
}

.data-3-8 {
    padding: 0 0 4vh 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.4em;
}

.numero-3-8 {
    padding: 1vh 0 0.5vh 0;
    font-family: 'helvetica-black';
    font-size: 5em;
    line-height: 100%;
}

.numero-3-8 span {
    font-family: 'helvetica-heavy';
    font-size: 0.5em;
}

.txt-3-8 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 2em;
}

.txt-strong-3-8 {
    font-family: 'helvetica-bold';
    font-size: 2.1em;
}

.map {
    width: 98%;
}

.map .rimg {
    cursor: pointer;
}

#svg-mod-4 .rimg:not(.nodati):hover path,
#svg-mod-4 .rimg:not(.nodati).selected path {
    fill: #d17200;
}

.box-regioni {
    display: none;
}

[class^="panel-"] {
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30vh;
    font-size: 1em;
    color: #2e3b54;
    position: relative;
    z-index: 1;
}

.nome-regione {
    padding: 3vh 0 1vh 0;
    font-size: 2em;
    line-height: 100%;;
    font-weight: bold;
}

.numero-sportelli {
    display: block;
    font-size: 2.5em;
    line-height: 110%;;
    font-weight: bold;
}

.label-sportelli {
    font-size: 1.6em;
}

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

.arancio-svg-mod-4 {
    fill: #d0760e;
}

/* .panel-abruzzo	{
	background: url(../images/regione-abruzzo.svg) no-repeat 95% center / contain;
}
.panel-basilicata	{
	background: url(../images/regione-basilicata.svg) no-repeat 95% center / contain;
}
.panel-calabria	{
	background: url(../images/regione-calabria.svg) no-repeat 95% center / contain;
}
.panel-campania	{
	background: url(../images/regione-campania.svg) no-repeat 95% center / contain;
}
.panel-emiliaromagna	{
	background: url(../images/regione-emiliaromagna.svg) no-repeat 95% center / contain;
}
.panel-friuliveneziagiulia	{
	background: url(../images/regione-friuliveneziagiulia.svg) no-repeat 95% center / contain;
}
.panel-lazio	{
	background: url(../images/regione-lazio.svg) no-repeat 95% center / contain;
}
.panel-liguria	{
	background: url(../images/regione-liguria.svg) no-repeat 95% center / contain;
}
.panel-lombardia	{
	background: url(../images/regione-lombardia.svg) no-repeat 95% center / contain;
}
.panel-marche	{
	background: url(../images/regione-marche.svg) no-repeat 95% center / contain;
}
.panel-molise	{
	background: url(../images/regione-molise.svg) no-repeat 95% center / contain;
}
.panel-piemonte	{
	background: url(../images/regione-piemonte.svg) no-repeat 95% center / contain;
}
.panel-puglia	{
	background: url(../images/regione-puglia.svg) no-repeat 95% center / contain;
}
.panel-sardegna	{
	background: url(../images/regione-sardegna.svg) no-repeat 95% center / contain;
}
.panel-sicilia	{
	background: url(../images/regione-sicilia.svg) no-repeat 95% center / contain;
}
.panel-toscana	{
	background: url(../images/regione-toscana.svg) no-repeat 95% center / contain;
}
.panel-trentinoaltoadige	{
	background: url(../images/regione-trentinoaltoadige.svg) no-repeat 95% center / contain;
}
.panel-umbria	{
	background: url(../images/regione-umbria.svg) no-repeat 95% center / contain;
}
.panel-valledaosta	{
	background: url(../images/regione-valledaosta.svg) no-repeat 95% center / contain;
}
.panel-veneto	{
	background: url(../images/regione-veneto.svg) no-repeat 95% center / contain;
} */
.modale-titolo-icona {
    margin: 0;
    padding: 0;
    font-size: 2em;
    font-weight: 700;
}

.modale-titolo-icona span {
    font-size: 3.5em;
}

img.modale-icona {
    width: 25%;
    height: auto;
}

img.freccia-sx-dx-modale {
    height: 30px;
    width: auto;
}

.counter-init {
    display: inline-block;
}

/* Animations
======================================*/
@keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.animated {
    animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

@keyframes dash-line {
    from {
        opacity: 0;
        stroke-dashoffset: -var(--lenght);
    }
    to {
        opacity: 1;
        stroke-dashoffset: 0;
    }
}

@keyframes dash-grafico {
    from {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: -var(--pixelToY);
    }

}

@keyframes fadeInUp-grafico {
    from {
        transform: translate3d(0, var(--pixelToY), 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.animatedFadeIn {
    opacity: 0
}

@keyframes fadeInLeftToRight {
    from {
        transform: translate3d(-40px, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

/* End Animations
======================================*/
.st0 {
    fill: #f6972a;
}

.map .rimg.nodati .st0.nodati {
    fill: #fff;
}

.st1 {
    fill: none;
    stroke: #ecc89f;
    stroke-width: 2.6284;
    stroke-miterlimit: 21.0269;
}

.st2 {
    fill: none;
    stroke: #ecc89f;
    stroke-width: 2.628;
    stroke-miterlimit: 21.0269;
}

/* .st3 {
	fill: none;
	stroke: #ecc89f;
	stroke-width: 2.628;
	stroke-miterlimit: 21.0269;
	stroke-dasharray: 11.1604, 11.1604;
} */
.oltre600 {
    fill: #e4be3b;
}

.da301a600 {
    fill: #ebce6c;
}

.da101a300 {
    fill: #f2e0a0;
}

.da51a100 {
    fill: #f7edc7;
}

.fino50 {
    fill: #faf4dd;
}

/*	privacy policy
======================================*/
.page-privacy-policy {
    padding: 4vh 4vw !important;
}

.page-privacy-policy .txt-privacy {
    margin: 0 auto !important;
    max-width: 1100px;
}

.page-privacy-policy .txt-privacy a {
    color: #00954b !important;
}

/*	footer
======================================*/
#footer {
    margin: 0;
    padding: 5vh;
    color: #fff;
    background: #2e3b54;
}

#footer img.footer-logo {
    margin: 0;
    padding: 0 0 6vh 0;
    width: 20vw;
    height: auto;
}

#footer a.verde:hover {
    color: #00954b;
}

/*	fine footer
======================================*/

/*UIKit modifiers*/

.uk-card-default {
    color: inherit;
}

.uk-slideshow-items > * {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.50), transparent);
}

.uk-slideshow-items > div > img {
    mix-blend-mode: multiply;
}

#header-slideshow .uk-slidenav svg {
    width: 28px;
    height: 48px;
}

#header-slideshow .uk-slideshow-items {
    min-height: 100vh;
}

.uk-modal {
    z-index: 10100;
}

/*Slideshow*/

.header-messaggio-presidente {
    position: absolute;
    bottom: 0;
    right: 8vw;
    width: max(30%, 240px);
    background: #94c200;
}

.header-citazione {
    position: absolute;
    bottom: 0;
    right: 10vw;
    width: max(30%, 300px);
    background: rgba(255, 255, 255, 0.7);
    height: 300px;
    padding: 1rem;
}

@media (max-width: 1024px) {
    .header-messaggio-presidente, .header-citazione {
        right: 50%;
        transform: translateX(50%);
        width: 64%;
    }
}

/*Numeri Chiave*/

.numeri-chiave--title {
    color: #2e3b54;
    font-size: clamp(1.5rem, 1.5rem + 2vw, 4rem);
    font-weight: 700;
    margin-bottom: 1rem;
    text-align: center;
}

.numeri-chiave--btn, .numeri-chiave--btn:hover {
    display: flex;
    box-sizing: border-box;
    width: 200px;
    height: 52px;
    padding: 0.5rem 2rem 0.5rem 1rem;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

.numeri-chiave--btn:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: url(../images/freccia-dx-scopridipiu.svg) no-repeat center center;
    background-size: contain;
}

.numeri-chiave--btn__01 {
    background-color: #c06e13;
    margin-left: 24%;
}

.numeri-chiave--btn__02 {
    background-color: #6d9f9f;
    margin-left: 12%;
}

.numeri-chiave--btn__03 {
    background-color: #8db909;
    margin-right: 6%;
}

.numeri-chiave--btn__04 {
    background-color: #e76448;
    margin-right: 20%;
}

.modal-section-title {
    margin: 0;
    font-family: 'helvetica-heavy';
    font-size: clamp(1.5rem, 1.5rem + 1.2vw, 3rem);
    line-height: 1;
}

.modal-section-title__small {
    font-size: clamp(1rem, 1rem + 0.4vw, 1.5rem);
}

.modal-section-text {
    margin: 0;
    font-size: clamp(1rem, 1rem + 0.4vw, 1.5rem);
    line-height: 1.4;
    color: #2e3b54;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
}

/*Modal Impronta Economica*/

.bg-impronta-economica {
    background: #ecdac7;
    padding: 70px 40px;
    border-left: 2px solid #c57113;
    border-right: 2px solid #c57113;
    background-image: url(/wp-content/themes/federcasse/images/0-1-background.png);
    background-position: center;
    background-repeat: no-repeat;
}

#modale-impronta-economica img:not(.main-img),
#modale-impronta-sociale img:not(.main-img),
#modale-impronta-ambientale img:not(.main-img) {
    width: 100%;
    max-width: 90px !important;
}

#modale-impronta-cooperativa img:not(.main-img) {
    width: 100%;
    max-width: 140px !important;
}

h3.titolo-modale__impronta-economica {
    color: #bd6d17;
}

#modale-impronta-economica .uk-grid-divider > :not(.uk-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid #c57113;
}

.modal-section-title__impronta-economica {
    color: #c57113;
}

.hr-impronta-economica {
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px 0;
    border: 0;
    border-top: 2px solid #c57113;
    width: 100%;
}

/*Modal Impronta Sociale*/

.bg-impronta-sociale {
    background: #d9e2e2;
    padding: 70px 40px;
    border-left: 2px solid #6ea0a0;
    border-right: 2px solid #6ea0a0;
    background-image: url(/wp-content/themes/federcasse/images/0-2-background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

h3.titolo-modale__impronta-sociale {
    color: #6ea0a0;
}

#modale-impronta-sociale .uk-grid-divider > :not(.uk-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid #6ea0a0;
}

.modal-section-title__impronta-sociale {
    color: #6ea0a0;
}

.hr-impronta-sociale {
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px 0;
    border: 0;
    border-top: 2px solid #6ea0a0;
    width: 100%;
}

/*Modal Impronta Ambientale*/

.bg-impronta-ambientale {
    background: #e0e9c6;
    padding: 70px 40px;
    border-left: 2px solid var(--col01);
    border-right: 2px solid var(--col01);
    background-image: url(/wp-content/themes/federcasse/images/0-3-background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;
}

h3.titolo-modale__impronta-ambientale {
    color: var(--col01);
}

#modale-impronta-ambientale .uk-grid-divider > :not(.uk-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid var(--col01);
}

.modal-section-title__impronta-ambientale {
    color: var(--col01);
}

.hr-impronta-ambientale {
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px 0;
    border: 0;
    border-top: 2px solid var(--col01);
    width: 100%;
}

/*Modal Impronta Cooperativa*/

.bg-impronta-cooperativa {
    background: var(--col07);
    padding: 70px 40px;
    border-left: 2px solid var(--col05);
    border-right: 2px solid var(--col05);
    background-image: url(/wp-content/themes/federcasse/images/0-4-background.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 75%;
}

h3.titolo-modale__impronta-cooperativa {
    color: var(--col05);
}

#modale-impronta-cooperativa .uk-grid-divider > :not(.uk-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid var(--col05);
}

.modal-section-title__impronta-cooperativa {
    color: var(--col05);
}

.hr-impronta-cooperativa {
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px 0;
    border: 0;
    border-top: 2px solid var(--col05);
    width: 100%;
}

@media (min-width: 960px){
    .impronta-cooperartiva-border-right {
        border-right: 1px solid var(--col05);
    }
}

/*Headings*/

.heading-big {
    font-size: clamp(1.6rem, 1.6rem + 0.64vw, 2.4rem);
    line-height: 1;
}

.heading-bigger {
    font-size: clamp(3.6rem, 3.6rem + 0.96vw, 4.8rem);
    line-height: 1;
}

.uk-grid-divider.divider14 > :not(.uk-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 2px solid var(--col14);
}

.padding-vert {
    padding-block: 48px;
}

@media (max-width: 640px) {
    #grid-ecuador-togo > div:nth-child(2) {
        order: 9;
    }

    #grid-ecuador-togo > div:nth-child(4) {
        order: 10;
    }

    #grid-ecuador-togo > div:nth-child(6) {
        order: 11;
    }

    #grid-ecuador-togo > div:nth-child(8) {
        order: 12;
    }

    #grid-ecuador-togo > div:nth-child(10) {
        order: 13;
    }

    #grid-ecuador-togo > div:nth-child(12) {
        order: 14;
    }

    #grid-ecuador-togo > div:nth-child(14) {
        order: 15;
    }

    #grid-ecuador-togo > div:nth-child(16) {
        order: 16;
    }

    #grid-ecuador-togo > div:nth-child(18) {
        order: 17;
    }
}

.grid-presidio-container {
    background-image: url(../images/1-61.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    aspect-ratio: 16 / 12;
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
}

.grid-presidio {
    display: grid;
    grid-template-columns: 6% 25% 6% 26% 6% 25% 6%;
    grid-template-rows: 45% 1fr;
    height: 100%;
    align-items: center;
}

.btn-arrow {
    display: inline-block;
    margin: 0;
    padding: 0.5rem 3.2rem 0.5rem 0.5rem;
    color: unset;
    background-image: url(../images/freccia-dx-scopridipiu.svg);
    background-repeat: no-repeat;
    background-position:  right 8px center;
    background-size: 24px;
    cursor: pointer;
}

.btn-arrow-blue{
    background-image: url(../images/freccia-dx-blue.svg);
}

.presidio-circle {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    aspect-ratio: 1 / 1;
    width: 100%;
    max-width: 480px;
    margin-inline: auto;
}

.presidio-circle > div {
    padding: 20%;
}

.presidio-circle--01{
    background-image: url(../images/1-62.svg);
}

.presidio-circle--02{
    background-image: url(../images/1-63.svg);
}

.presidio-circle--03{
    background-image: url(../images/1-64.svg);
}

.presidio-circle--04{
    background-image: url(../images/1-65.svg);
}

.cap-pres-container {
    background-image: url(../images/1-71.svg);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
    aspect-ratio: 1 / 1;
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    position: relative;
}

.cap-pres-container > div > div:first-child {
    padding-inline: 5%;
}

.cap-pres--data1 {
    position: absolute;
    top: -4%;
    left: 22%;
    width: 100%;
}

.cap-pres--circle1 {
    position: relative;
    aspect-ratio: 1 / 1;
    background-image: url(../images/1-72.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform-origin: center;
}

.cap-pres--circle1--data1 {
    padding-top: 12%;
    padding-left: 2%;
}

.cap-pres--data2 {
    position: absolute;
    top: 20%;
    left: 4%;
    width: 100%;
}

.cap-pres--circle2 {
    position: relative;
    aspect-ratio: 1 / 1;
    background-image: url(../images/1-73.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform-origin: center;
}

.cap-pres--circle2--data2 {
    padding-top: 14%;
    padding-left: 2%;
}

.cap-pres--data3 {
    position: absolute;
    top: 44%;
    left: -2%;
    width: 100%;
}

.cap-pres--circle3 {
    position: relative;
    aspect-ratio: 1 / 1;
    background-image: url(../images/1-74.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform-origin: center;
}

.cap-pres--circle3--data3 {
    padding-top: 12%;
    padding-left: 0%;
}

.cap-pres--data4 {
    position: absolute;
    top: 72%;
    left: 36%;
    width: 100%;
}

.cap-pres--circle4 {
    position: relative;
    aspect-ratio: 1 / 1;
    background-image: url(../images/1-75.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform-origin: center;
}

.cap-pres--circle4--data4 {
    padding-top: 6%;
    padding-left: 2%;
}


.cap-pres--circle5 {
    position: absolute;
    top: 30%;
    right: -2%;
    width: 42%;
    aspect-ratio: 1 / 1;
    background-image: url(../images/1-76.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform-origin: center;
}

.numeri-chiave-grid-container {
    background-image: url(../images/0-0-0.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    aspect-ratio: 16 / 5;
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
}

.numeri-chiave-grid {
    display: grid;
    grid-template-columns: 4% 20% 4% 20% 4% 20% 4% 20% 4%;
    grid-template-rows: 1fr;
    height: 100%;
    align-items: center;
    padding-top: 5%;
}

.impronta-economica-single {
    background-image: url(../images/0-0-mobile-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    aspect-ratio: 1 / 1;
    width: 100%;
    max-width: 85vw;
    margin-inline: auto;
    padding: 10% 0 0 0;
}

.impronta-sociale-single {
    background-image: url(../images/0-0-mobile-2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    aspect-ratio: 1 / 1;
    width: 100%;
    max-width: 85vw;
    margin-inline: auto;
    padding: 10% 0 0 0;
}

.impronta-ambientale-single {
    background-image: url(../images/0-0-mobile-3.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    aspect-ratio: 1 / 1;
    width: 100%;
    max-width: 85vw;
    margin-inline: auto;
    padding: 10% 0 0 0;
}

.impronta-cooperativa-single {
    background-image: url(../images/0-0-mobile-4.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    aspect-ratio: 1 / 1;
    width: 100%;
    max-width: 85vw;
    margin-inline: auto;
    padding: 10% 0 0 0;
}

@media (max-width: 959px) {
    .numeri-chiave--btn__01, .numeri-chiave--btn__02, .numeri-chiave--btn__03, .numeri-chiave--btn__04 {
        margin: 0;
    }

    .cap-pres--circle5 {
        position: unset;
        width: 90%;
        margin-inline: auto;
    }

    .cap-pres-container {
        background-image: unset;
    }
}

#card-slider .uk-card {
    height: 650px;
}

.regions svg {
    max-height: 480px;
}

.width-90 {
    width: 100%;
    max-width: 90px;
}

.uk-lightbox.uk-open {
    z-index: 99999;
}

#card-slider .uk-slidenav svg {
    width: 20px;
    height: 30px;
}

#card-slider .uk-slidenav svg polyline {
    stroke-width: 3px;
}

#card-slider .uk-slidenav {
    color: var(--col03);
    padding: 6px;
}

@media (max-width: 575px) {
    .riq-4-blocco-3-linea-dx {
        border: 0;
    }

    #card-slider .uk-card {
        height: auto;
    }
}