p {
    font-family: 'Inter', sans-serif!important;
}
.dialoghi_text, .dimanche_text {
    font-family: 'Eczar', serif!important;
    line-height: 26px;
    font-size: 24px;
}
.titolo_grillu {
    font-family: 'Eczar', serif!important;
    line-height: 45px;
    font-size: 24px;
}
.carta, .vicende {
    color: #ffffff;
    font-family: 'Inter', sans-serif!important;
    font-size: 28px;
}
.carta::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='30' width='25'%3E%3Ccircle cx='11' cy='20' r='10'  fill='%238C8C8C'/%3E%3C/svg%3E");
    padding-right: 10px;
}
.vicende::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M17.229 3.99995C17.018 4.00813 16.8166 4.09026 16.66 4.23195L9.06003 10.5519C8.93594 10.6752 8.78556 10.7687 8.62016 10.8255C8.45476 10.8823 8.27864 10.9009 8.10503 10.8799H3.20803C3.04909 10.8789 2.89153 10.9094 2.74449 10.9697C2.59745 11.0301 2.46386 11.119 2.35147 11.2314C2.23909 11.3438 2.15015 11.4774 2.08981 11.6244C2.02948 11.7715 1.99896 11.929 2.00003 12.0879V19.9139C1.99923 20.0727 2.02995 20.2301 2.0904 20.3769C2.15085 20.5237 2.23983 20.657 2.35219 20.7692C2.46455 20.8814 2.59805 20.9701 2.74496 21.0303C2.89187 21.0906 3.04926 21.121 3.20803 21.1199H8.10003C8.27365 21.099 8.44976 21.1176 8.61516 21.1744C8.78056 21.2312 8.93094 21.3247 9.05503 21.4479L16.655 27.7679C17.176 28.2009 17.736 27.9919 17.736 27.4789V4.52195C17.7399 4.45365 17.7296 4.38529 17.7057 4.32118C17.6818 4.25708 17.6449 4.19865 17.5972 4.14957C17.5495 4.1005 17.4922 4.06186 17.4288 4.03611C17.3654 4.01035 17.2974 3.99804 17.229 3.99995ZM27 6.29995L25.209 8.09295C26.7212 10.4585 27.5248 13.2074 27.5248 16.0149C27.5248 18.8225 26.7212 21.5714 25.209 23.9369L26.994 25.7129C28.951 22.8545 29.9986 19.4715 29.9997 16.0074C30.0008 12.5432 28.9552 9.15959 27 6.29995ZM22.667 10.6229L20.905 12.3999C21.6873 13.4441 22.1102 14.7137 22.1102 16.0184C22.1102 17.3232 21.6873 18.5928 20.905 19.6369L22.661 21.3929C23.8964 19.8708 24.5715 17.9706 24.5734 16.0102C24.5752 14.0499 23.9036 12.1483 22.671 10.6239L22.667 10.6229Z' fill='black'/%3E%3C/svg%3E");
    padding-right: 10px;
}
.vicende {
    color: #000000!important;
}
.miniera {
    color: #008A47!important;
}
.cinema {
    color: #000000!important;
}
.terra {
    color: #F3C04F!important;
}
.grillu {
    color: #3987AA!important;
}
.chanter {
    color: #D68D00!important;
}
.goulette {
    color: #9C534C!important;
}
.miniera::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='30' width='25'%3E%3Ccircle cx='11' cy='20' r='10' fill='%23008A47'/%3E%3C/svg%3E")
}
.miniera:hover,.miniera_sinossi:hover {
    text-decoration: underline;
    color: #008A47!important;
}
.cinema:hover,.cinema_sinossi:hover {
    text-decoration: underline;
    color: #000000!important;
}
.cinema::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='30' width='25'%3E%3Ccircle cx='11' cy='20' r='10' fill='%23000000'/%3E%3C/svg%3E")
}
.terra:hover,.terra_sinossi:hover {
    text-decoration: underline;
    color: #F3C04F!important;
}
.terra::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='30' width='25'%3E%3Ccircle cx='11' cy='20' r='10' fill='%23F3C04F'/%3E%3C/svg%3E")
}
.grillu:hover,.grillu_sinossi:hover {
    text-decoration: underline;
    color: #3987AA!important;
}
.grillu::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='30' width='25'%3E%3Ccircle cx='11' cy='20' r='10' fill='%233987AA'/%3E%3C/svg%3E")
}
.chanter:hover,.chanter_sinossi:hover {
    text-decoration: underline;
    color: #D68D00!important;
}
.chanter::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='30' width='25'%3E%3Ccircle cx='11' cy='20' r='10' fill='%23D68D00'/%3E%3C/svg%3E")
}
.goulette:hover, .dimanche_sinossi:hover {
    text-decoration: underline;
    color: #9C534C!important;
}
.goulette::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='30' width='25'%3E%3Ccircle cx='11' cy='20' r='10' fill='%239C534C'/%3E%3C/svg%3E")
}
.dialoghi_sinossi:hover{
	    text-decoration: underline;
    color: #666363!important;
}
.mappa img {
    margin-top: 0px!important;
}
.barra_top {
    background: #ffffff;
    width: 100%;
    display: inline-flex;
    height: 33px;
}
#element_772AF44B-EA85-5F3C-C05F-61FD7DDA8CA3 {
    width: 460px!important;
}
.titolo {
    font-family: 'Eczar', serif;
    font-size: 20px;
    padding-left: 30px;
    padding-top: 0px;
    width: 100%;
    height: 27px;
}
.menu_progetto {
    background: #ffffff;
    font-size: 16px!important;
    text-align: right;
    font-family: 'Inter'!important;
    padding-top: 3px;
    padding-right: 30px;
    height: 30px;
    width: 60%;
    color: #000000!important;
}
.video_in video {
    margin-top: 3%!important;
    height: 86%!important;
}

:not(:root):fullscreen video {
 height: 100%!important;
 width: 100%!important;
 margin: 0px!important;
}
.chi_siamo_text, .progetto_text {
    padding-left: 20px;
}
.chi_siamo_text {
    width: 90%;
    margin: auto;
}
.chi_siamo_text h3, .contenuto_progetto h3 {
    font-family: 'Inter';
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 22px;
}
.chi_siamo_text p {
    font-family: 'Inter';
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 20px;
    text-align: justify;
    padding-right: 21px;
    min-height: 200px;

}
.foto-testo{
min-height: 260px;
    min-width: 100%;
    margin-top: 70px;}
.chi-siamo-foto img{
	break-after: column;
}
.contenuto_in {
    position: absolute;
    top: 0;
	
}
.chi_siamo_text h3, .contenuto_progetto h3 {
    font-family: 'Inter';
    margin-top: 60px;
    margin-bottom: 40px;
    font-size: 22px;
}
.persone p {
    font-size: 14px;
}
.protagonisti p {
    font-size: 13px;
}
.protagonisti, .ringraziamenti {
    column-count: 3;
    text-align: justify;
    padding-right: 30px;
}
.protagonisti h5 {
    margin-bottom: 5px;
}
h5.cinema_chisiamo {
    font-size: 13px;
    padding: 5px;
    border: 1 solid;
    background: #000000;
    color: #ffffff;
    font-weight: bold;
}
h5.miniera_chisiamo {
    font-size: 13px;
    padding: 5px;
    border: 1 solid;
    background: #008A47;
    color: #ffffff;
    font-weight: bold;
}
h5.senzaterra_chisiamo {
    font-size: 13px;
    padding: 5px;
    border: 1 solid;
    background: #F3C04F;
    color: #ffffff;
    font-weight: bold;
}
h5.grillu_chisiamo {
    font-size: 13px;
    padding: 5px;
    border: 1 solid;
    background: #3987AA;
    color: #ffffff;
    font-weight: bold;
}
h5.jadore_chisiamo {
    font-size: 13px;
    padding: 5px;
    border: 1 solid;
    background: #D68D00;
    color: #ffffff;
    font-weight: bold;
    break-before: column;
}
h5.dimanche_chisiamo {
    font-size: 13px;
    padding: 5px;
    border: 1 solid;
    background: #9C534C;
    color: #ffffff;
    font-weight: bold;
}
h5.dialoghi_chisiamo {
    font-size: 13px;
    padding: 5px;
    border: 1 solid;
    background: #dddddd;
    color: #000000;
    font-weight: bold;
}
.protagonisti p, .ringraziamenti p {
    margin-left: 0px;
    min-height: unset;
    padding-bottom: 5px;
}
.progetto_text h3 {
  text-align: center;
    font-family: 'Eczar';
    font-size: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
p.citazione {
    width: 50%;
    margin-left: 50%;
    text-align: right!important;
    padding-right: 21px;
   
}
.progetto_text p {
    text-align: justify;
    padding-right: 21px;
    padding-bottom: 10px;
    width: 80%;
    margin: auto;
}
.testo_progetto a{
	text-color:#3987AA!important;
}
.immagini_progetto {
    display: flex;
    width: 80%;
    margin: auto;
	
}
.immagini_progetto p {
    width: 50%;
    margin: auto;
}
.progetto_left {
    width: 50%;
    float: left;
	border-left: solid 5px #9f534e;
}

.progetto_right {
    width: 50%;
}
.progetto_left p, .progetto_right p{
	border:0px!important;
}
.image_side img {
    float: left;
    padding-right: 18px;
}
.partner {
    text-align: center;
    padding-top: 40px;
}
.partner p {
    text-align: center;
	margin-top:-26px;
}
.extra_text p {
    padding-right: 20px;
    padding-top: 10px;
    padding-left: 11px;
    text-align: justify;
}
.progetto_left_img p {
    width: 100%;
}
.progetto_left_img img {
    width: 480px;
    height: 100%;
}
.progetto_right_txt p {
    width: 100%;
	border: 0px!important;
}
.barra_top {
    border-bottom: 6px solid;
    border-image: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 18%, rgba(0,138,71,1) 18%, rgba(0,138,71,1) 34%, rgba(243,192,79,1) 34%, rgba(243,192,79,1) 50%, rgba(57,135,170,1) 50%, rgba(57,135,170,1) 66%, rgba(214,141,0,1) 66%, rgba(214,141,0,1) 82%, rgba(156,83,76,1) 82%) 5;
    border-right: solid 5px rgba(156,83,76,1);
    border-left: solid 5px rgba(0,0,0,1);
}
.credits {
    color: #000000;
    font-weight: 900;
}
.protagonisti p {
    font-size: 13px;
}
.credits_text {
    padding-right: 20px;
	    padding-top: 20px;
}
.credits_titolo {
    padding-top: 5px;
}
.top_grillu, .top_grillu_bordo {
    height: calc(100%/3.2)!important;
    background: url(./img/top_grillu_bg.png)!important;
    background-size: cover!important;
    background-position: 50%!important;
}
.raffaella_grillu, .raffaella_grillu_bordo {
 height: calc(100% - (100%/3.2))!important;
    width: calc(100%/3)!important;
    left: 0px!important;
    top: calc(100%/3.2)!important;
    background: url(./img/raffaella_grillu.png)!important;
    background-size: cover!important;
}
.caterina_grillu, .caterina_grillu_bordo {
    background: url(./img/caterina_grillu.png)!important;
    background-size: cover!important;
 height: calc(100% - (100%/3.2))!important;
    width: calc(100%/3)!important;
    left: calc(100%/3)!important;
    top: calc(100%/3.2)!important;
}
.annik_grillu, .annik_grillu_bordo {
    background: url(./img/annik_grillu.png)!important;
    background-size: cover!important;
 height: calc(100% - (100%/3.2))!important;
    top: calc(100%/3.2)!important;
    width: calc(100%/3)!important;
 left: calc(100% - (100%/3))!important;
}
.finzi_bg, .finzi_bordo {
    height: calc(100%/3)!important;
    background: url(./img/finzi_bg.png)!important;
    background-size: cover!important;
    background-position: 50%!important;
}
.pere_bg, .pere_bordo {
    height: calc(100%/3)!important;
    top: calc(100%/3)!important;
    background: url(./img/pere_bg.png)!important;
    background-size: cover!important;
    background-position: 50%!important;
}
.deplano_bg, .deplano_bordo {
    height: calc(100%/3)!important;
    background: url(./img/deplano_bg.png)!important;
    background-size: cover!important;
    background-position: 50%!important;
    top: calc(100% - (100%/3))!important;
}
.chiesa_bg, .chiesa_bordo {
    height: calc(100%/3)!important;
    background: url(./img/chiesa_bg.png)!important;
    background-size: cover!important;
    background-position: 50%!important;
}
.dimanche_bg, .dimanche_bordo {
    height: calc(100%/3)!important;
    top: calc(100%/3)!important;
    background: url(./img/dimanche_bg.png)!important;
    background-size: cover!important;
    background-position: 50%!important;
}
.piccola_sicilia_bg, .piccola_sicilia_bordo {
    height: calc(100%/3)!important;
    background: url(./img/piccola_sicilia_bg.png)!important;
    background-size: cover!important;
    background-position: 50%!important;
    top: calc(100% - (100%/3))!important;
}

.top_grillu_bordo:hover, .raffaella_grillu_bordo:hover, .caterina_grillu_bordo:hover, .annik_grillu_bordo:hover, .finzi_bordo:hover, .pere_bordo:hover, .deplano_bordo:hover,.chiesa_bordo:hover,.dimanche_bordo:hover,.piccola_sicilia_bordo:hover {
    border: solid 5px #ffffff;
    box-sizing: border-box;
    background: none!important;
}
.sinossi_content,.sinossi_body{
	margin:0px;
}
.content_in{
	margin-top: -10px;
}
.sinossi_back{position: fixed;
    top: 50px;
    left: 20px;
    z-index: 1000000;}
.titolo_sinossi{
height: 40px;

    color: #ffffff;
	position: fixed;
    top: 33px;
    width: 100%;
	   z-index: 10000000;
}
.titolo_sinossi p{
	    font-family: 'Eczar', serif!important;
    line-height: 26px;
    font-size: 24px;
    margin-top: 0px;
}

.credits_text {
    padding-right: 2%;
    margin-left: 620px;
    margin-top: 50px;
	min-height: 544px;
}
.credits_text p {
    font-size: 15px;
    font-family: 'Inter', sans-serif!important;
    text-align: justify;
    padding-bottom: 7px;
}
.protagonisti_sinossi{
	padding: 0px 2%; 
	    text-align: center;
	position: relative;
	background: #ffffff;
	z-index: 10000;
}

.protagonisti_sinossi p {
    font-size: 13px;
    padding-top: 20px;
	 text-align: justify;
}


.protagonisti_sinossi{
    column-count: 3;

   
}
.protagonisti_sinossi h5 {
    margin-top: 20px;
    margin-bottom: 5px;
	 text-align: justify;
}

.cinema_sin{
	padding-top:15px!important; 
	border-top:solid #000000 5px;
}
.miniera_sin{
	padding-top:15px!important; 
	border-top:solid #008A47 5px;
}
.terra_sin{
	padding-top:15px!important; 
	border-top:solid #F3C04F 5px;
}

.jadore_sin{
	padding-top:15px!important; 
	border-top:solid #D68D00 5px;
}

.contenuto_progetto{
	visibility: visible!important;
}
.dida_audio{
	font-size: 12px;
    text-align: right!important;
}

.dida img {
    width: 100%;
    height: auto;
}
p.dida {
   text-align: center;
    font-size: 11px;
    width: 100%;
    padding-bottom: 20px;
}
p.ringraziamenti_titolo {
    border: solid;
    padding: 2px;
    margin-bottom: 10px;
	margin-top: 10px;
}
.collaborazione img {
   
    height: auto;
    max-height: 102px;
    width: auto;
    vertical-align: middle;
}
.altri_partner{
	padding-top: 30px;
}
.altri_partner img {
    max-height: 75px;
    width: auto;
    margin: 16px;
	vertical-align: middle;
}
.partner img {
    scale: 69%;
}
.collaborazione img {
    scale: 80%;
}
.altri_partner img{
	scale:100%;
}
.tendina{
	padding: 10px;
	}
.tendina a{
	line-height: 25px;
color:#000000;
}
p#ftn1 {
    padding: 15px;
    font-size: 13px;
}
.progetto_paragrafo_uno,.progetto_paragrafo_due,.progetto_paragrafo_tre,.progetto_paragrafo_quattro,.progetto_paragrafo_cinque{
	padding-bottom: 20px;
}
.progetto_paragrafo_uno p {
    border-left: 5px solid #008A47 ;
    padding-left: 30px;
	
}
.progetto_paragrafo_due p {
    border-left: 5px solid #f3c04f;
    padding-left: 30px;
}
.progetto_paragrafo_tre p {
    border-left: 5px solid #3987aa;
    padding-left: 30px;
}
.progetto_paragrafo_quattro p {
    border-left: 5px solid #d68d00;
    padding-left: 30px;
}
.progetto_paragrafo_cinque p {
    border-left: 5px solid #9c534c;
    padding-left: 30px;
}
.credits_titolo{
	color: #ffffff!important;
}

.credits_text a {
  color: darkblue;
}
.protagonisti_sinossi a:first-child {
  color: darkblue;
}
.biblio_paragrafo_uno, .biblio_paragrafo_due, .biblio_paragrafo_tre, .biblio_paragrafo_quattro, .biblio_paragrafo_cinque, .biblio_paragrafo_sei, .biblio_paragrafo_sette {
  padding-bottom: 20px;
}
.biblio_paragrafo_uno p {
  border-left: 5px solid #000000;
  padding-left: 30px;
}
.indice{
  margin-bottom: 30px!important;
}
.link_indice_uno{
  color:#000000;
}
.biblio_paragrafo_due p {
  border-left: 5px solid #008A47;
  padding-left: 30px;
}.link_indice_due,.biblio_paragrafo_due p:first-child{
  color:#008A47;
}
.biblio_paragrafo_tre p {
  border-left: 5px solid #f3c04f;
  padding-left: 30px;
}
.link_indice_tre,.biblio_paragrafo_tre p:first-child{
  color:#f3c04f;
}
.biblio_paragrafo_quattro p {
  border-left: 5px solid #3987AA;
  padding-left: 30px;
}
.link_indice_quattro,.biblio_paragrafo_quattro p:first-child{
  color:#3987AA;
}
.biblio_paragrafo_cinque p {
  border-left: 5px solid #D68D00;
  padding-left: 30px;
}
.link_indice_cinque,.biblio_paragrafo_cinque p:first-child{
  color:#D68D00;
}
.biblio_paragrafo_sei p {
  border-left: 5px solid #9C534C;
  padding-left: 30px;
}
.link_indice_sei, .biblio_paragrafo_sei p:first-child{
  color:#9C534C;
}
.biblio_paragrafo_sette p {
  border-left: 5px solid #717176;;
  padding-left: 30px;
}.link_indice_sette,.biblio_paragrafo_sette p:first-child{
 color:#717176;
}

.torna_su {
  width: 32px!important;
  height: 32px!important;
  cursor: pointer;
  position: fixed;
  bottom: 10px;
  right: 50px;
}
.link_indice_uno,.link_indice_due,.link_indice_tre,.link_indice_quattro,.link_indice_cinque,.link_indice_sei,.link_indice_sette {

    font-weight: 700;
  cursor:pointer;
} 


.chi_testo img{
	break-after: column;
clear: both;
}
.chi_testo{
	width: 100%;
}