@import "fonts.css";
@import "colors.css";


:root {
	--font-family: Arimo, sans-serif;
	--margin-blocco: 40px;
	--transition-animazioni: .4s;
}



* { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
html { font-size: 10px; }
body { margin: 0; padding: 0 !important; font-family: var(--font-family); font-size: 15.5px; font-size: 1.55rem; font-weight: 300; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
/* textarea, input:not([type="checkbox"]), button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } */
/* input, textarea, select { appearance: none; -moz-appearance: none; -webkit-appearance: none; } */
input[type="checkbox"] { appearance: checkbox; -moz-appearance: checkbox; -webkit-appearance: checkbox; border-radius: 0; }
input[type="radio"] { appearance: radio; -moz-appearance: radio; -webkit-appearance: radio; }
input, textarea { appearance: button; -moz-appearance: button; -webkit-appearance: button; border-radius: 0; }
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; }
a { text-decoration:none; transition: 0.3s; }
#header li,
.bloccoMenu li,
#footer li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight:normal; }
h1 { text-align:center; font-size: 50px; font-size: 5rem; }
h2 { font-size:42px; font-size: 4.2rem; }
h3 { font-size:35px; font-size: 3.5rem; }
h4 { font-size: 28px; font-size: 2.8rem; }
h5 { font-size: 21px; font-size: 2.1rem; }
strong { font-weight: bold; }



#riga-3, #riga-6, #riga-9 { padding:0!important; justify-content: unset; }
.blocchi { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; padding:50px 0 10px; }
.blocco { margin-bottom: var(--margin-blocco); }
#riga-3 .blocco,
#riga-6 .blocco,
#riga-9  .blocco { margin: 0; }
#intro #contentInfo, 
.wrapper, 
#riga-3 .bloccoTesto,
#riga-6 .bloccoTesto,
#riga-9 .bloccoTesto,
#contenitoreTitoli { margin:0 auto; max-width:1400px; width:calc(100% - 40px); }
#contenitoreTitoli + div { padding: 30px 0; }
#contenitoreTitoli + div p:last-child { padding: 0; } 

.bottone, 
.bloccoForm input[type="submit"] { min-width: 100px; text-align: center; border: 2px solid; border-radius: 50px; padding: 10px 40px; transition: 0.3s; font-size: 14.5px; font-size: 1.45rem; cursor: pointer; font-weight: 500; }
.bloccoForm input[type="submit"] { border-radius: 0px; padding: 15px 35px; text-transform: uppercase; }
.mobilenav_hidden { display: none !important; }
#mobilenav { display: none; }
.overflowhidden { overflow: hidden; }
.closemenu { z-index: 1; background: url(/web/images/close.png) no-repeat center center !important; background-size: 40px !important; position: fixed; right: 0; top: 0; width: 40px !important; margin-top: 25px; }
.rigaconsfondo { background-position: center center !important; background-size: cover !important; background-attachment: fixed !important; }
#tornasu { position: fixed; visibility: hidden; opacity: 0; right: 30px; bottom: 30px; z-index: 2; width: 60px; height: 60px; transition: all var(--transition-animazioni); cursor: pointer; font-size: 20px; font-size: 2rem; text-align: center; padding-top: 13px; }
#tornasu.visibile { visibility: visible; opacity: 1; }
#tornasu i { transition: all var(--transition-animazioni); padding-top: 4px; font-size: 25px; padding-left: 1px; }



/* HEADER */
#intro #contentInfo { height: 20px; display: flex; align-items: center; justify-content: space-between; padding: 17px 0; font-size: 14px; font-size: 1.4rem; }
#intro #info { display: flex; justify-content: space-between; align-items: center; flex: 0 0 100%; }
#intro #info .headerIcon:first-child { padding-left: 0; }
#intro #info .headerIcon { padding-left: 15px; padding-top: 1px; font-size: 14px; font-size: 1.4rem; }
#intro #info #telefono-header,
#intro #info #orari-header { display: flex; align-items: center; font-weight: 500; }
#intro #info #telefono-header i,
#intro #info #orari-header i { padding-right: 8px; }
#intro #info #info-generali { padding-left: 6px; margin-left: auto; font-weight: 500; }

#intro #menulinguemobile { padding-top: 3px; }
#intro #menulinguemobile a { height: 100%; width: 100%; display: inline-block; color: var(--colore-testo); font-weight: bold; }
#intro #menulinguemobile ul { margin: 0; }
#intro #menulinguemobile li { display: none; }
#intro #menulinguemobile li.linguacorrente { display: block; text-transform: uppercase; font-size: 16.5px; font-size: 1.65rem; }

#intro #menulingue-cont { display: none; z-index: 102; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; }
#intro #menulingue-cont #overlay-menulingue { width: 100%; height: 100%; float: left; position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
#intro #menulingue-cont #sceltamenulingue { box-sizing: border-box; border-radius: 5px; width: 90%; max-width: 600px; transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; min-height: 14%; overflow: hidden; }
#intro #menulingue-cont #sceltamenulingue h5 { width: 100%; float: left; padding: 10px 20px; box-sizing: border-box; }
#intro #menulingue-cont #sceltamenulingue h5 .closelingue { cursor: pointer; background: url(/web/images/close_lingue.png) no-repeat center center !important; background-size: 30px !important; position: fixed; right: 20px; top: 8px; width: 30px !important; height: 30px; }
#intro #menulingue-cont #sceltamenulingue ul { margin: 0; padding: 0; }
#intro #menulingue-cont #sceltamenulingue li a { width: 100%; float: left; padding: 10px 20px; box-sizing: border-box; cursor: pointer; border-bottom: 1px solid; height: 43px; font-size: 16.5px; font-size: 1.65rem; }
#intro #menulingue-cont #sceltamenulingue li:last-child a { border-bottom: none; }

#intro { height: 100%;  }
#intro #header-fixed { position: fixed; top: 34px; width: 100%; transition: 0.5s; z-index:99; display: flex; justify-content: space-between; height: 72px; }
#intro .stickyHeader { top: 0 !important; }
#intro #header { display: flex; align-items: center; justify-content: space-between; height: 100% }
/* #intro #header #logo { margin-top: 10px; } */
#intro #header #logo a { font-size: 28px; font-size: 2.8rem; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; float: left; }
#intro #header #logo a img { float: left; }
#intro #header #logo a span { display: none; }
#intro #header nav ul { margin: 0; padding: 0; }
#intro #header nav ul li:first-child { padding: 0; }
#intro #header nav ul li { float:left; padding-left: 25px; font-size: 18px; font-size: 1.8rem; }
#intro #header nav ul li a { transition: 0.3s; font-weight: 500; }


/* INTRO */
/* @keyframes introAnimation { */
/*   0% { */
/*   	opacity: 0; */
/*     transform: scale(0.5, 0.5); */
/*   } */
/*   100% { */
/*   	opacity: 1; */
/*     transform: scale(1, 1); */
/*   } */
/* } */

#intro #intro-box-testi { height: 100%; width: 100%; display: flex; margin: 0 auto; padding-top:290px; } /* animation: 1s ease-in 0s 1 introAnimation; */
#intro #intro-box-testi #titolo-intro h1 { font-size: 50px; font-size: 5rem; text-align: left; padding-bottom: 18px; font-family: var(--font-family); }
#intro #intro-box-testi #testo-intro { font-size: 22px; font-size: 2.2rem; line-height: 30px; }
#intro #intro-box-testi #testo-intro p { margin-top: 0; margin-bottom: 35px; font-weight: 500; }
#intro #intro-box-testi #link-intro #intro-bottone:first-child { margin:0; }
#intro #intro-bottone { display: inline-flex; transition: 0.3s; margin-left: 20px; text-transform: uppercase; font-size: 15px; font-size: 1.5rem; font-weight: 600; height: 42px; justify-content: center; align-items: center; }
#intro #intro-box-testi #intro-bottone { height: 51px; margin-bottom: 0px; }

/* #intro #socials-header { position: absolute; left: 89%; transform: rotateZ(270deg); top: 50%; } */
/* #intro #socials-header a { padding: 15px; font-weight: 600; } */



/* FOOTER */
footer { display:flex; width:100%; border-bottom: 1px solid;  }
footer #footer { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; padding: 60px 0 30px 0; }
footer #footer #footer-box { flex: 0 0 calc(30% - 10px); }
footer #footer #link-rapidi,
footer #footer #pagina-footer,
footer #footer #social-footer { flex: 0 0 calc(20% - 10px); }
footer #footer #footer-box p { line-height: 25px; line-height: 2.5rem; margin: 0 0 15px; }
footer #footer #footer-box h2,
footer #footer #footer-box h3,
footer #footer #footer-box h4,
footer #footer #footer-box h5,
footer #footer #footer-box h6 { font-size: 35px; font-size: 3.5rem; line-height:35px; line-height: 3.5rem; letter-spacing: 3px; }
footer #footer #footer-box #logo_footer { display: block; margin-bottom: 15px; }
/* footer #footer #social-footer { display: flex; flex-wrap: wrap; } */
/* footer #footer #social-footer a:first-child { margin-left: 0; } */
/* footer #footer #social-footer a { display: flex; border-radius: 50%; margin-left: 15px; transition: 0.3s; width: 35px; height: 35px; justify-content: center; align-items: center ;font-size: 16px; font-size: 1.6rem; } */
/* footer #footer #social-footer a img { width: 20px; height: 20px; } */
footer #footer #link-rapidi h4,
footer #footer #pagina-footer h4,
footer #footer #social-footer h4 { margin-bottom: 15px; font-size: 28px; font-size: 2.8rem; }
footer #footer #link-rapidi ul,
footer #footer #pagina-footer ul,
footer #footer #social-footer ul { padding:0; margin: 0; }
footer #footer #link-rapidi ul li,
footer #footer #pagina-footer ul li,
footer #footer #social-footer ul li { padding: 8px 0; }
footer #footer #link-rapidi ul li a,
footer #footer #pagina-footer ul li a,
footer #footer #social-footer ul li a { transition: 0.2s; font-weight: 600; }
footer #footer #social-footer ul li a .iconSocial { width: 16px; height: 16px; margin-right: 20px; float: left; text-align: center; }
footer #footer #social-footer ul li a .iconSocial i { font-weight: lighter; }

#realizzato-da { display: flex; justify-content: center; text-align: center; padding: 1% 0; }
#realizzato-da a { font-size: 16.5px; font-size: 1.65rem; transition: 0.2s; }


/* PAGINA */
.pagina-interna { height: 500px !important; }
#containerIntro { /*background-size: cover; background-attachment: fixed;*/ font-family: var(--font-family); /*background-position: center center;*/ overflow: hidden; position: relative; }
#containerIntro .containerIntroImg { width: 100%; height: 100%; object-fit: cover; position: fixed; z-index: -1; }
#content { /*padding:25px 0 40px;*/ background: var(--colore-principale); }
#content p { font-size: 15px; font-size: 1.5rem; line-height: 30px; line-height:3rem; margin: 0; padding-bottom: 10px; }
#content h3 { margin-top: 20px; font-size: 35px; font-size: 3.5rem; }
#content #contenitoreTitoli { position: absolute; top: 225px; }
#content #contenitoreTitoli h1 { text-align: left; font-size: 60px; font-size: 6.0rem; }
#content #contenitoreTitoli h2 { text-align: left; font-size: 25px; font-size: 2.5rem; }
/* #content #contenitoreTitoli + div { margin-top: 50px; } */
#content h2 { text-align: center; margin-top: 20px; margin-bottom: 10px; }

/* CATEGORIA NEWS */
#content #categorianews { padding: 50px 0 20px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
#content #categorianews .news .newscategoria + .newsdata,
#content #categorianews .news .newscategoria + .newsdatavisualizzata { padding: 0 20px; }
#content #categorianews .news .newscategoria + h4,
#content #categorianews .news .newscategoria + .newsdata + h4,
#content #categorianews .news .newscategoria + .newsdatavisualizzata + h4,
#content #categorianews .news .newsdata + h4,
#content #categorianews .news .newsdatavisualizzata + h4 { padding: 0 20px 5px; transition: var(--transition-animazioni); }
#content #categorianews .news .newscontent .newssommario p { padding-bottom: 20px; }
#content #categorianews .news { flex: 0 0 calc(33% - 7.5px); min-width: 330px; margin-bottom: 15px; overflow: hidden; max-height: 426px; position: relative; min-height: 426px; max-height: 426px; }
#content #categorianews .news a { display: inline-block; height: 100%; }
#content #categorianews .news .newsBackgroundColor { height: 100%; transition: 0.2s; }
#content #categorianews .news .animazioneNews { position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; transition: all ease-out 0.4s; display: flex; flex-wrap: wrap; }
#content #categorianews .news .animazioneNews .boxTitle { text-align: center; font-size: 27px; font-size: 2.7rem; padding: 15px 20px 15px; width: 100%; }
#content #categorianews .news .animazioneNews .boxTitle h4 { line-height: 36px; line-height: 3.6rem; font-size: 30px; font-size: 3rem; transition: var(--transition-animazioni); text-align: left; padding-bottom: 15px; }
#content #categorianews .news .animazioneNews .boxTitle .news-data-categoria { display: flex; justify-content: left; align-items: center; }
/* #content #categorianews .news:hover .animazioneNews { padding: 10px 20px 70px; } */
#content #categorianews .news .animazioneNews .boxPad { font-size: 16.5px; font-size: 1.65rem; padding: 0 20px 0; max-height: 0; transition: 0.4s; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; }
#content #categorianews .news:hover .animazioneNews .boxPad { max-height: 426px; }
#content #categorianews .news .newscategoria { flex: 0 0 50%; text-transform:lowercase; font-weight:500; font-size: 16.5px; font-size: 1.65rem; }
#content #categorianews .news .newsdata,
#content #categorianews .news .newsdatavisualizzata { flex: 0 0 50%; font-size: 16.5px; font-size: 1.65rem; transition: var(--transition-animazioni); font-weight: 500; text-align: left; }
#content #categorianews .news .newsdata .giorno {  font-size:45px !important; font-size: 4.5rem !important; }
#content #categorianews .news .newsdata .mese-anno { width:calc(100% - 80px); margin-left:10px; margin-top:-14px; line-height:28px; }
#content #categorianews .news .newsdatavisualizzata,
#content #categorianews .news .newsdata .giorno,
#content #categorianews .news .newsdata .mese-anno { font-weight: 500; }
/* #content #categorianews .news:hover .newsdata .giorno, */
/* #content #categorianews .news h4 { font-size:20px; font-size: 2rem; } */
/* #content #categorianews .news:hover .newsdata .mese-anno { transition: var(--transition-animazioni); } */
/* #content #categorianews .news .newscontent .newssommario p { padding: 0 20px; line-height: 26px; line-height: 2.6rem; font-size: 16px; font-size: 1.6rem; transition: var(--transition-animazioni); } */
#content #categorianews .news .newscontent .newssommario p strong { font-weight: bold; }
/* #content #categorianews .news .newscontent .newssommario p strong, */
/* #content #categorianews .news .newscontent .newssommario p em { transition: var(--transition-animazioni); } */
#content #categorianews .news .newsimg { width:100%; height: 100%; }
#content #categorianews .news .newsimg a { display: block; background-size: cover !important; width: 100%; height: 100%; }
#content #categorianews .news .newsimg a img { display:none; }
#content #categorianews .news.vuota { min-height: 0 !important; margin: 0 !important;}

#content #paginazionenews { padding-bottom: 50px; }
#content #paginazionenews .swiper-slide a:first-child { margin-left: 0; }
#content #paginazionenews .swiper-slide a { border: 1px solid; display: inline-block; margin-left: 5px; width: 25px; height: 25px; text-align: center; border-radius: 3px; opacity: 0.8; }
#content #paginazionenews .swiper-slide a:hover,
#content #paginazionenews .swiper-slide a.sel { opacity: 1; }

/* NEWS */
#content #news { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 10px; flex-direction: column; }
#content #news #newsimg { height: 500px; background-position: center center; background-size: cover; background-repeat: no-repeat; margin-bottom: 60px; }
#content #news #newsimg img { display: none; }
#content #news #pag-news-data-categoria { display: flex; flex-direction: row; align-items: center; justify-content: start; }
#content #news #newsdata { margin-right: 25px; }
/* #content #news .newscategoria .blocco-news-categoria { padding-top: 10px; } */
#content #news .newscategoria .blocco-news-categoria i, 
#content #news #newsdata .newsdatavisualizzata i { margin-right: 15px; }
#content #news #newscontenuti #newsimg { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 400px; width: 50%; float: left; margin: 0 50px 10px 0; }
#content #news #newscontenuti #newsimg img { display: none; }
#content #news #newscontenuti { margin-top: 40px; width: 100%; }
#content #news #newscontenuti p:first-child { margin: 0; }
#content #news #newscontenuti p { margin: 0; margin-top: 15px; padding: 0; }
#content #news #newscontenuti p strong { font-weight: bold; }
#content #news #newscontenuti ul li { list-style-type: initial; }
#content #news #newscontenuti h3 { font-size: 35px; font-size: 3.5rem; }
#content #news .newsdata { display: flex; align-items: center; }
#content #news .newsdata .giorno { font-size:60px; height: 100%; }
#content #news .newsdata .mese-anno { margin-left: 10px; line-height: 28px; }

#newsprecedentesuccessiva { width:100%; display:flex; margin: 50px 0 50px; justify-content:space-between; }
#newsprecedentesuccessiva #news-gradient { display: flex; flex:0 0 calc(50% - 15px); max-height:200px; height: 200px; transition: 0.6s; border: 3px solid transparent; }
#newsprecedentesuccessiva #newsprecedente.vuota { flex: 0 0 50% !important; }
#newsprecedentesuccessiva #newsprecedente,
#newsprecedentesuccessiva #newssuccessiva { flex: 0 0 100%; height:100%; transition: 0.6s; }
#newsprecedentesuccessiva #newsprecedente,
#newsprecedentesuccessiva #newssuccessiva { background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; }
/* #newsprecedentesuccessiva #newsprecedente:hover { background-position: right !important; } */
/* #newsprecedentesuccessiva #newssuccessiva:hover { background-position: left !important; } */
#newsprecedentesuccessiva #newsprecedente { margin-right:30px; }
#newsprecedentesuccessiva #newsprecedente i { float: left; }
#newsprecedentesuccessiva #newsprecedente i,
#newsprecedentesuccessiva #newssuccessiva i { width: 150px; height: 150px; font-size: 70px; text-align: center; padding-top: 40px; transition: 0.5s; }
#newsprecedentesuccessiva #newsprecedente #contenitoredatatestonews,
#newsprecedentesuccessiva #newssuccessiva #contenitoredatatestonews { width: 100%; height: 100%; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: end; align-items: flex-start; }
#newsprecedentesuccessiva #newsprecedente #contenitoredatatestonews { float: right; }
#newsprecedentesuccessiva #newsprecedente .testo-menu,
#newsprecedentesuccessiva #newssuccessiva .testo-menu { padding: 0 25px; font-size: 34px; font-size: 3.4rem; line-height: 34px; line-height: 3.4rem; transition: 0.2s; }
#newsprecedentesuccessiva #newsprecedente .newsdatavisualizzata,
#newsprecedentesuccessiva #newssuccessiva .newsdatavisualizzata { padding: 15px 25px; }
#newsprecedentesuccessiva #newsprecedente .newsdatavisualizzata i,
#newsprecedentesuccessiva #newssuccessiva .newsdatavisualizzata i { width: auto; height: auto; padding: 0; background: none; margin-right: 10px; font-size: 16.5px; font-size: 1.65rem; }
#newsprecedentesuccessiva #newssuccessiva .newsdata,
#newsprecedentesuccessiva #newsprecedente .newsdata { padding: 0 20px; }
#newsprecedentesuccessiva #newssuccessiva .newsdata .giorno,
#newsprecedentesuccessiva #newsprecedente .newsdata .giorno { font-size:60px; font-size: 6rem; }
#newsprecedentesuccessiva #newssuccessiva .newsdata .mese-anno,
#newsprecedentesuccessiva #newsprecedente .newsdata .mese-anno { display: inline-block; width:calc(100% - 80px); text-align:left; margin-left:10px; margin-top:-14px; line-height:28px; }
#newsprecedentesuccessiva #newssuccessiva .newsdata .giorno,
#newsprecedentesuccessiva #newsprecedente .newsdata .giorno,
#newsprecedentesuccessiva #newssuccessiva .newsdata .mese-anno,
#newsprecedentesuccessiva #newsprecedente .newsdata .mese-anno { font-weight: 500; }
#newsprecedentesuccessiva #newssuccessiva:hover .newsdata .giorno,
#newsprecedentesuccessiva #newsprecedente:hover .newsdata .giorno,
#newsprecedentesuccessiva #newssuccessiva:hover .newsdata .mese-anno,
#newsprecedentesuccessiva #newsprecedente:hover .newsdata .mese-anno { transition: 0.6s; }

#newsprecedentesuccessiva .vuota:hover { box-shadow:none!important; }



/*******  BLOCCHI  *******/

/* BLOCCO TESTO */
#riga-3 .bloccoTesto .boxPad .boxTitle,
#riga-6 .bloccoTesto .boxPad .boxTitle,
#riga-9 .bloccoTesto .boxPad .boxTitle { padding-top: 15px; }
.bloccoTesto .boxPad .boxTitle h3 { font-size: 35px; font-size: 3.5rem; margin-bottom: 0.5em; }
.bloccoTesto .boxPad p { margin-top:0; line-height: 2.8rem; }
.bloccoTesto .boxPad p + h3,
.bloccoTesto .boxPad p + h4,
.bloccoTesto .boxPad p + h5 { margin-top: 18px; }
.bloccoTesto .boxPad .immagine-blocco { max-width: 50%; }
.bloccoTesto.col2 .boxPad .immagine-blocco,
.bloccoTesto.col3 .boxPad .immagine-blocco,
.bloccoTesto.col4 .boxPad .immagine-blocco,
.bloccoTesto.col5 .boxPad .immagine-blocco,
.bloccoTesto.col6 .boxPad .immagine-blocco { width: 100%; }
.bloccoTesto.col2 .boxPad .immagine-blocco.img-sx,
.bloccoTesto.col3 .boxPad .immagine-blocco.img-sx,
.bloccoTesto.col4 .boxPad .immagine-blocco.img-sx,
.bloccoTesto.col5 .boxPad .immagine-blocco.img-sx,
.bloccoTesto.col6 .boxPad .immagine-blocco.img-sx,
.bloccoTesto.col2 .boxPad .immagine-blocco.img-dx,
.bloccoTesto.col3 .boxPad .immagine-blocco.img-dx,
.bloccoTesto.col4 .boxPad .immagine-blocco.img-dx,
.bloccoTesto.col5 .boxPad .immagine-blocco.img-dx,
.bloccoTesto.col6 .boxPad .immagine-blocco.img-dx {margin: 0 0 10px 0; }
.bloccoTesto .boxPad .immagine-blocco.img-sx { margin: 0 25px 5px 0; }
.bloccoTesto .boxPad .immagine-blocco.img-dx { margin: 0 0 5px 25px; }
.bloccoTesto .boxPad .immagine-blocco .immaginediblocco { max-width: 100%; }
.bloccoTesto .boxPad .testo-t li { list-style-type: initial; }


/* BLOCCO IMMAGINE */
#riga-3 .bloccoImmagine.col2,
#riga-6 .bloccoImmagine.col2,
#riga-9 .bloccoImmagine.col2  { flex:0 0 16.666666666666664%; }
#riga-3 .bloccoImmagine.col3,
#riga-6 .bloccoImmagine.col3,
#riga-9 .bloccoImmagine.col3  { flex:0 0 25%; }
#riga-3.bloccoImmagine.col4,
#riga-6.bloccoImmagine.col4,
#riga-9.bloccoImmagine.col4  { flex:0 0 33.33333333333333% }
#riga-3.bloccoImmagine.col5,
#riga-6.bloccoImmagine.col5,
#riga-9.bloccoImmagine.col5  { flex:0 0 41.66666666666667%;  }
#riga-3.bloccoImmagine.col6,
#riga-6.bloccoImmagine.col6,
#riga-9.bloccoImmagine.col6  { flex:0 0 50%; }
#riga-3.bloccoImmagine.col7,
#riga-6.bloccoImmagine.col7,
#riga-9.bloccoImmagine.col7  { flex:0 0 58.333333333333336%; }
#riga-3.bloccoImmagine.col8,
#riga-6.bloccoImmagine.col8,
#riga-9.bloccoImmagine.col8  { flex:0 0 66.66666666666666% }
#riga-3.bloccoImmagine.col9,
#riga-6.bloccoImmagine.col9,
#riga-9.bloccoImmagine.col9  { flex:0 0 75%;                 }
#riga-3.bloccoImmagine.col10,
#riga-6.bloccoImmagine.col10,
#riga-9.bloccoImmagine.col10 { flex:0 0 83.33333333333334%;  }
#riga-3.bloccoImmagine.col11,
#riga-6.bloccoImmagine.col11,
#riga-9.bloccoImmagine.col11 { flex:0 0 91.66666666666666%;  }
#riga-3.bloccoImmagine.col12,
#riga-6.bloccoImmagine.col12,
#riga-9.bloccoImmagine.col12 { flex:0 0 100%; }
.bloccoImmagine .containerImmagine { height: 400px; overflow:hidden; }
.bloccoImmagine .containerImmagine #linkImmagine { display: flex; justify-content: center; align-items: center; width:100%; max-height:400px; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; }
.bloccoImmagine .containerImmagine #linkImmagine img { display: none; }
.bloccoImmagine .containerImmagine #linkImmagine .animazioneImmagine { width: 85%; height: 85%; font-size: 40px; text-align: center; margin: 5%; opacity: 0; transition: 0.2s; display: flex; justify-content: center; align-items: center; }
.bloccoImmagine .containerImmagine:hover #linkImmagine .animazioneImmagine { opacity: 1; width: 80%; height: 78%; }
.bloccoImmagine .containerImmagine:hover #linkImmagine .animazioneImmagine span { font-weight: 400; }
/* .bloccoImmagine[data-aos^="zoom"][data-aos^="zoom"].aos-animate { transform: translateZ(0) scale(1.001) !important; } */
.bloccoMenu .boxFiglio .linkCollegamento .boxText .boxTitle h3 { transition: var(--transition-animazioni); color: var(--colore-testo-titolo-collegamento-stile-1); padding-top: 12px; margin-bottom: 0px; font-size: 30px; font-size: 3rem; }


/* BLOCCO COLLEGAMENTO INTERNO / ESTERNO */

.bloccoColl .box { position: relative; max-height: 426px; height: 426px; overflow:hidden; }
.bloccoColl .box .linkCollegamento { display: block; height: 100%; background-size: cover !important; width: 100%; }
.bloccoColl .box .linkCollegamento .collAnimation { height: 100%; transition: 0.2s; }
.bloccoColl .box .linkCollegamento img { display:none; }
.bloccoColl .box .linkCollegamento .boxText { position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; transition: all ease-out 0.4s; display: flex; flex-wrap: wrap; justify-content: left; padding-bottom: 0 20px 0; }
.bloccoColl .box .linkCollegamento:hover .boxText { opacity: 1; padding-bottom: 20px; }
.bloccoColl .box .linkCollegamento .boxText .boxTitle { text-align: center; font-size: 27px; font-size: 2.7rem; padding: 0 20px 15px; }
.bloccoColl .box .linkCollegamento .boxText .boxTitle h3 { font-size: 30px; font-size: 3rem; }
.bloccoColl .box .linkCollegamento .boxText .boxPad { font-size: 14.5px; font-size: 1.45rem; padding: 0 20px 0; text-align: left; width: 100%; transition: 0.2s; max-height: 0; }
.bloccoColl .box .linkCollegamento .boxText .boxPad p { margin-top: 0; }
.bloccoColl .box .linkCollegamento .boxText .boxPad p strong { font-weight: bold; }
.bloccoColl .box .linkCollegamento:hover .boxText .boxPad { opacity: 1; max-height: 400px; }
.bloccoColl .box .linkCollegamento .boxText .boxPad a#visita-pagina { padding: 10px 25px; display: block; width: 200px; border: 2px solid transparent; text-transform: uppercase; font-size: 14.5px; font-size: 1.45rem; text-align: center; cursor: pointer; }


/* BLOCCO FORM */
.bloccoForm input, textarea, select { width:100%; outline:none; resize:none; padding:15px; transition: border-color 0.3s; border: 1px solid; margin: 5px 0; font-family: var(--font-family); font-size: 14.5px; font-size: 1.45rem; }
.bloccoForm form > div:first-child { display: none; }
.bloccoForm input:not([type="submit"]):not([type="checkbox"]):focus, textarea:focus, select:focus { border: 1px solid; }
.bloccoForm .boxTitle { width: 100%; margin-bottom: 10px; text-align: center; line-height: 50px; }
.bloccoForm .boxTitle h3 { font-size: 35px; font-size: 3.5rem; text-align: left; }
.bloccoForm table { width: 100%; }
.bloccoForm table tr:last-child .max { text-align: center; }
.bloccoForm div[id^=form] { width: 100%; }
.bloccoForm label:not(.labelcheckbox) { display:none; }
.bloccoForm label.labelcheckbox { padding:8px 0 6px; width:100%;  }
.bloccoForm label.labelcheckbox { margin:10px 0; }
.bloccoForm label.labelcheckbox a:hover { text-decoration: underline; }
.bloccoForm input[type="submit"] { display: block; margin: 20px 0 0; width:auto; }
.bloccoForm input[type="checkbox"] { width:auto; margin:7px 10px 0 0; height: 20px; width: 20px;}
.bloccoForm textarea { resize: vertical; }
.bloccoForm input::placeholder,
.bloccoForm textarea::placeholder { opacity: 1; }
.bloccoForm input::-webkit-input-placeholder,
.bloccoForm textarea::-webkit-input-placeholder { opacity: 1; }
.bloccoForm input::-ms-input-placeholder,
.bloccoForm textarea::-ms-input-placeholder { opacity: 1; }
.bloccoForm input::-moz-placeholder,
.bloccoForm textarea::-moz-placeholder { opacity: 1; }

.contenitoreformcontatti form { display: flex; justify-content: start; align-items: center; flex-wrap: wrap; flex-direction: row; }
.bloccoForm .blockConsole + .box .contenitoreformcontatti form .formrow { margin: 0 !important; flex: 0 0 100%; }

.bloccoForm.col2 .formrow.formrowinput,
.bloccoForm.col2 .formrow.formrowselect,
.bloccoForm.col3 .formrow.formrowinput,
.bloccoForm.col3 .formrow.formrowselect,
.bloccoForm.col4 .formrow.formrowinput,
.bloccoForm.col4 .formrow.formrowselect,
.bloccoForm.col5 .formrow.formrowinput,
.bloccoForm.col5 .formrow.formrowselect { flex: 0 0 100%; margin: 0; }
.bloccoForm.col6 .formrow.formrowinput,
.bloccoForm.col6 .formrow.formrowselect,
.bloccoForm.col7 .formrow.formrowinput,
.bloccoForm.col7 .formrow.formrowselect,
.bloccoForm.col8 .formrow.formrowinput,
.bloccoForm.col8 .formrow.formrowselect { flex: 0 0 49.2%; margin: 0; }
.bloccoForm.col9 .formrow.formrowinput,
.bloccoForm.col9 .formrow.formrowselect,
.bloccoForm.col10 .formrow.formrowinput,
.bloccoForm.col10 .formrow.formrowselect,
.bloccoForm.col11 .formrow.formrowinput,
.bloccoForm.col11 .formrow.formrowselect,
.bloccoForm.col12 .formrow.formrowinput,
.bloccoForm.col12 .formrow.formrowselect { flex: 0 0 32.65%; margin: 0; }
.bloccoForm.col6 .contenitoreformcontatti form .formrowinput:nth-child(2n), 
.bloccoForm.col6 .contenitoreformcontatti form .formrowselect:nth-child(2n),
.bloccoForm.col7 .contenitoreformcontatti form .formrowinput:nth-child(2n), 
.bloccoForm.col7 .contenitoreformcontatti form .formrowselect:nth-child(2n),
.bloccoForm.col8 .contenitoreformcontatti form .formrowinput:nth-child(2n), 
.bloccoForm.col8 .contenitoreformcontatti form .formrowselect:nth-child(2n) { margin-right: 1.5%; }
.bloccoForm.col9 .contenitoreformcontatti form .formrowinput:nth-child(3n), 
.bloccoForm.col9 .contenitoreformcontatti form .formrowselect:nth-child(3n),
.bloccoForm.col10 .contenitoreformcontatti form .formrowinput:nth-child(3n), 
.bloccoForm.col10 .contenitoreformcontatti form .formrowselect:nth-child(3n),
.bloccoForm.col11 .contenitoreformcontatti form .formrowinput:nth-child(3n), 
.bloccoForm.col11 .contenitoreformcontatti form .formrowselect:nth-child(3n),
.bloccoForm.col12 .contenitoreformcontatti form .formrowinput:nth-child(3n), 
.bloccoForm.col12 .contenitoreformcontatti form .formrowselect:nth-child(3n) { margin: 0 1%; }

.bloccoForm .formrow,
.bloccoForm .formrowinput:last-child { flex: 0 0 100%; margin: 0; }


/* BLOCCO NEWS */
.blocco.bloccoNews { margin-bottom: 20px; }

.bloccoNews .boxTop .boxBottom .box .boxPad .news .newscategoria + .newsdata,
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newscategoria + .newsdatavisualizzata { padding: 0 20px; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newscategoria + h4,
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newscategoria + .newsdata + h4,
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newscategoria + .newsdatavisualizzata + h4,
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newsdata + h4,
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newsdatavisualizzata + h4 { padding: 15px 20px 5px; }

.bloccoNews .boxTop .boxBottom .box { display:flex; flex-direction:column; }
.bloccoNews .boxTop .boxBottom .box .boxTitle { padding: 0 0 50px; width:100%; text-align:center; }
.bloccoNews .boxTop .boxBottom .box .boxTitle h3 { font-size:35px; font-size: 3.5rem; }
.bloccoNews .boxTop .boxBottom .box .boxPad { display:flex; justify-content:space-between; flex-direction:row; flex-wrap:wrap; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news { flex: 0 0 calc(33% - 7.5px); min-width: 330px; margin-bottom: 20px; overflow: hidden; max-height: 426px; position: relative; min-height: 426px; max-height: 426px; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news a { display: inline-block; height: 100%; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news .animazioneNews { transition: var(--transition-animazioni); position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; transition: all ease-out 0.4s; display: flex; flex-wrap: wrap; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news .animazioneNews .boxTitle { text-align: center; font-size: 27px; font-size: 2.7rem; padding: 15px 20px 15px; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news .animazioneNews .boxTitle .news-data-categoria { display: flex; justify-content: left; align-items: center; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news .animazioneNews .boxPad { font-size: 16.5px; font-size: 1.65rem; padding-bottom: 20px; max-height: 0; transition: 0.4s; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news:hover .animazioneNews .boxPad { max-height: 426px; }
/* .bloccoNews .boxTop .boxBottom .box .boxPad .news:hover .animazioneNews { padding: 10px 20px 70px; } */
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newscategoria { flex: 0 0 50%; text-transform:lowercase; font-weight:500; font-size: 16.5px; font-size: 1.65rem; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newsdata,
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newsdatavisualizzata { flex: 0 0 50%; font-size: 16.5px; font-size: 1.65rem; transition: var(--transition-animazioni); font-weight: 500; text-align: left; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newsdata .giorno {  font-size:45px; font-size: 4.5rem; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newsdata .mese-anno { width:calc(100% - 80px); margin-left:10px; margin-top:-14px; line-height:28px; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news h4 { line-height:36px; line-height:3.6rem; font-size:30px; font-size: 3rem; transition: var(--transition-animazioni); text-align: left; padding-bottom: 15px; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newssommario p { padding: 0 20px; line-height: 26px; line-height: 2.6rem; font-size: 14.5px; font-size: 1.45rem; transition: var(--transition-animazioni); margin-bottom: 0; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newssommario p strong,
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newssommario p em { transition: var(--transition-animazioni); }
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newsimg { width:100%; height: 100%; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newsimg a { display: block; background-size: cover!important; width: 100%; height: 100%; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newsimg a img { display: none; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news.vuota { min-height: 0 !important; margin: 0 !important; }
.bloccoNews .boxTop .boxBottom .box .boxPad .news .newsBackgroundColor { height: 100%; transition: 0.2s; transition: 0.2s; }


/* BLOCCO MENU */
.blocco.bloccoMenu { margin-bottom: 20px; }
.blocco.bloccoMenu h3 { margin-bottom: 30px; font-size: 35px; font-size: 3.5rem; }
.bloccoMenu .box { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; }
.bloccoMenu .figlio { margin-bottom: 20px; }
.bloccoMenu .figlio2 { flex:0 0 calc(50% - 10px); }
.bloccoMenu .figlio3 { flex:0 0 calc(33.33333333333333% - 9px); }
.bloccoMenu .figlio4 { flex:0 0 calc(25% - 9px); }
.bloccoMenu .boxFiglio { position: relative; max-height: 400px; height: 400px; overflow:hidden; }
.bloccoMenu .boxFiglio .linkCollegamento { display: block; height: 100%; background-size: cover !important; width: 100%; }
.bloccoMenu .boxFiglio .linkCollegamento .collAnimation { height: 100%; transition: 0.2s; opacity: 0; }
.bloccoMenu .boxFiglio .linkCollegamento:hover .collAnimation { opacity: 1; }
.bloccoMenu .boxFiglio .linkCollegamento img { display:none; }
.bloccoMenu .boxFiglio .linkCollegamento .boxText { position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; transition: all ease-out 0.4s; display: flex; flex-wrap: wrap; }
.bloccoMenu .boxFiglio .linkCollegamento:hover .boxText { opacity: 1; padding-bottom: 20px; background: none; }
.bloccoMenu .boxFiglio .linkCollegamento .boxText .boxTitle { text-align: left; font-size: 27px; font-size: 2.7rem; padding: 0 20px 15px; }
.bloccoMenu .boxFiglio .linkCollegamento .boxText .boxPad { line-height:20px; line-height: 2rem; font-size: 14px; font-size: 1.4rem; padding: 0 20px 0; width: 100%; transition: 0.4s; max-height: 0; }
.bloccoMenu .boxFiglio .linkCollegamento .boxText .boxPad p { margin-top: 0; }
.bloccoMenu .boxFiglio .linkCollegamento .boxText .boxPad p strong { font-weight: bold; }
.bloccoMenu .boxFiglio .linkCollegamento:hover .boxText .boxPad { opacity: 1; max-height: 400px; }
.bloccoMenu .boxFiglio .linkCollegamento .boxText .boxPad a#visita-pagina { font-weight: 500; padding: 10px 25px; display: block; width: 200px; border: 1px solid transparent; text-transform: uppercase; font-size: 15px; font-size: 1.5rem; text-align: center; cursor: pointer; }
.bloccoMenu .figlio.vuoto { min-height: 0 !important; margin: 0 !important; }

.bloccoMenu .listatoMenu { width: 100%; margin-bottom: 20px; }
.bloccoMenu .listatoMenu h3 { width:100%; text-align: left; font-size:35px; font-size: 3.5rem; margin-bottom: 20px; }
.bloccoMenu .listatoMenu ul,
.bloccoMenu .listatoMenu ul li,
.bloccoMenu .listatoMenu ul { padding:0; margin:0; }
.bloccoMenu .listatoMenu ul li a { padding: 14px 20px; width: 100%; display: inline-block; width: 100%; transition: 0.1s; }


/* BLOCCO YOUTUBE */
.blockYouTube object { min-height:300px; width:100%; }


/* BLOCCO ALLEGATO / ELENCO FILE ALLEGATI */
.bloccoAllegato .box .boxPad .attachment { display: flex; justify-content: center; flex-direction: column; }
.bloccoAllegato .box .boxPad .attachment a,
.bloccoFileAllegati .box .boxPad .attachment a { transition: 0.2s; font-size: 22px; font-size: 2.2rem; font-weight: 400; margin: 20px auto 0; }
.bloccoAllegato .box .boxPad .attachment a:hover,
.bloccoFileAllegati .box .boxPad .attachment a:hover { text-decoration: underline; }
.bloccoAllegato .box .boxPad .attachment a i,
.bloccoFileAllegati .box .boxPad .attachment a i { padding-right: 10px; }
.bloccoAllegato .box .boxPad .attachment p { line-height: 28px; line-height: 2.8rem; margin: 0; margin-top: 15px; }


/* ELENCO FILE ALLEGATI */
.bloccoFileAllegati .box p { line-height: 28px; line-height: 2.8rem; }
.bloccoFileAllegati .box .boxPad .attachment a { margin:0; display: block; width: 100%; height: 100%; }
.bloccoFileAllegati .box .boxPad ul { padding: 0; margin: 0; display: flex; justify-content: space-around; align-items: stretch; flex-wrap: wrap; flex-direction: row; }
.bloccoFileAllegati .box .boxPad ul li { flex: 0 0 calc(25% - 10px); }
.bloccoFileAllegati .box .boxPad ul li.file-allegati-interni.vuoti { max-height: 0; }


/* BLOCCO PARALLASSE */
/* .bloccoParallasse .parallasse { margin-top: 50px; } */
.bloccoParallasse .parallasse .wrapper { position: relative; z-index:60; display:flex; align-items: center; justify-content: center; height:100%; }
.bloccoParallasse .parallasse .testoparallasse { text-align:center; min-width:60%; padding:40px 10%; font-size: 16px; font-size:1.6rem; }
.bloccoParallasse .parallasse .testoparallasse h3 { margin-bottom: 10px; }

/* BLOCCO BOTTONE */
.bloccoBottone { width:100%; float:left; font-size:16.5px; font-size: 1.65rem; }
.bloccoBottone .sfondo-blocco-1 a.bottone,
.bloccoBottone .sfondo-blocco-2 a.bottone { text-decoration:none; text-align:center; width:100%; float:left; border-radius: 0px; text-transform: uppercase; line-height: 25px; font-size: 16.5px; font-size: 1.65rem; height: 60px; display: flex; align-items: center; justify-content: center; }
.bloccoBottone .sfondo-blocco-1 a.bottone i,
.bloccoBottone .sfondo-blocco-2 a.bottone i { margin-left: 10px; transition: 0.2s; }
.bloccoBottone .sfondo-blocco-1 a.bottone:hover i,
.bloccoBottone .sfondo-blocco-2 a.bottone:hover i { transform: translateX(5px); }