@font-face {
    font-family: "Proxima Nova";
    src: url(../font/ProximaNova-Regular.otf);
    font-weight: normal;
}

@font-face {
    font-family: "Proxima Nova Bold";
    src: url(../font/Proxima-Nova-Bold.otf);
}

@font-face {
    font-family: "Proxima Nova Black";
    src: url(../font/Proxima-Nova-Black.otf);
}

@font-face {
    font-family: "Proxima Nova Extrabold";
    src: url(../font/Proxima-Nova-Extrabold.otf);
}

@font-face {
    font-family: "Proxima Nova Alt";
    src: url(../font/ProximaNova-Alt-Regular.otf);
}

body {
    font-family: 'Proxima Nova Alt', sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 1.8;
}

a {
    transition: all 0.3s;
}

.page-link:focus {
    box-shadow: 0 0 0;
}

main {
    margin: 70px 0;
}

.bg-image-top {
    background-size: cover;
    min-height: 450px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.bg-home {
    padding: 30px 60px;
    font-size: 22px;
}

.bg-home a {
    color: #000;
    text-decoration: underline;
}

.bg-home a:hover {
    color: #000;
}


.bg-intesa {
    background-color: rgb(231, 98, 0);
    height: 70px;
}


.navbar-light .navbar-brand {
    text-transform: uppercase;
    font-family: "Proxima Nova Bold";
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.navbar-light .navbar-brand span {
    font-family: "Proxima Nova";
    padding-left: 15px;
    letter-spacing: 1px;
    font-weight: normal;
}

.navbar-light .navbar-brand:hover {
    color: #fff;
}

.btn-search i {
    color: #fff;
}

.btn-search-home.btn-search i {
    color: #E66100;
}

.fas.fa-bars {
    color: #fff;
}

.navbar-collapse {
    text-align: center;
    padding-top: 20px;
}

.navbar-collapse.collapse.show .nav-link {
    font-size: 22px;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: #fff;
    text-transform: lowercase;
    font-family: "Proxima Nova Alt";
}

.form-collapse {
    display: none;
}


.row-top-home {
    margin-left: -30px;
}

.row-top-home .col-md-4 {
    padding-right: 0;
    background-color: #fff;
}

.row-top-home .col-md-8 {
    background-color: #fff;
    padding-right: 0;
}

.bg-img-section {
    height: 500px;
    max-height: 500px;
    width: auto;
    background-size: cover;
    background-position: bottom;
}

.link-section {
    position: relative;
    display: block;
    margin-bottom: 21px;
}

.link-section .link-progetti h2 {
    color: #fff;
}

.title-intro-section {
    max-width: 400px;
    padding: 0px 0 0 0px;
    font-weight: bold;
    font-size: 42px;
    text-transform: uppercase;
}

.txt-intro {
    font-size: 18px;
}

.title-section {
    max-width: 400px;
    padding: 30px 0 0 60px;
    font-weight: bold;
    font-size: 26px;
}

a .title-section {
    color: #000;
    position: relative;
    text-decoration: none;
}

.title-section:before {
    content: '';
    height: 1px;
    width: 35px;
    background-color: #000;
    position: absolute;
    top: 45px;
    left: 0px;
}

a.link-section:hover .bg-img-section {
    opacity: .7;
}

a.link-section:hover {
    text-decoration: none;
}

a.link-section:hover .title-section {
    color: #e55f00;
    text-decoration: none;
}

a.link-section:hover .title-section:before {
    background-color: #e55f00;
}

.wrap-carousel-scheda {
    margin: 1rem 0;
}

.wrap-carousel-scheda .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.carousel {
    background: #fff !important;
    margin-bottom: 30px;
}

.carousel-image {
    display: block;
    height: 400px;
    min-width: 150px;
    max-width: 100%;
    margin-right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.link-esito {}

.link-esito {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.link-esito span {
    text-decoration: none;
    height: 60px;
    overflow: hidden;
    display: block;
    max-width: 280px;
}

.link-esito:hover {
    text-decoration: none;
    color: #000;
}

.link-esito:hover .bg-img-esito {
    opacity: .7;
}

.bg-img-esito {
    height: 280px;
    max-width: 280px;
    background-size: cover;
}

.wrap-search .input-search-top {
    background-color: #ddd;
    margin-top: 0;
    padding: 2rem;
}

.wrap-search .input-search-top .form-control {
    background-color: #ddd;
    border: 0;
    border-radius: 0;
    padding: 0;
    height: 40px !important;
}

.btn-search {
    background-color: transparent;
    border: 0;
}

.form-control:focus {
    box-shadow: 0 0 0;
}

.esito-top {
    background-color: #B8B8B8;
    padding: 2rem 0;
}

.termini-cercati span {
    display: block;
    margin-left: 30px;
    color: #fff;
}

.termini-cercati a {
    display: inline-block;
    color: #fff;
    font-family: "Proxima Nova Bold";
    font-size: 22px;
    margin-right: 30px;
    transition: all 0.3s;
}

.termini-cercati a i {
    font-size: 14px;
    margin-left: 5px;
}

.termini-cercati a:hover {
    text-decoration: none;
    color: #e55f00;
}

.esito-filtri {
    padding: 1rem 0;
    background-color: #dadada;
}

.esito-filtri a {
    font-size: 16px;
    color: #000;
    font-family: "Proxima Nova";
}

.esito-filtri a i {
    margin-right: 15px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
    background-color: transparent;
    color: #000;
    border: 0;
    border-radius: 0;
    font-size: 18px;
    font-family: "Proxima Nova";
}

.esito-top .wrap-search .input-search-top {
    background-color: transparent;
    margin-top: 0;
    padding: 0rem;
    border: 0;
    border-bottom: 0px solid #fff;
    border-radius: 0;
}

.esito-top .wrap-search .input-search-top .form-control {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    padding: 0;
    height: 40px !important;
    color: #fff;
    font-weight: 500;
}

.esito-top .wrap-search {
    margin-top: 15px;
}

.esito-top .wrap-search .btn.btn-search.btn-search-name i {
    color: #fff;
    padding-right: 0;
}

.list-esito {
    border-top: 0px solid #000;
    padding-top: 0rem;

}

.list-esito a {
    display: block;
    margin: 0 0 2rem 0;
    color: #000;
    position: relative;
}

.list-esito a h1 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}

.breadcrumb {
    background-color: transparent;
    padding: 0 0 0 1rem;
}

.list-esito a:hover {
    text-decoration: none;
    color: #E66100;
}

.list-esito a .breadcrumb-item {
    font-size: 14px;
}

.list-esito span {
    position: absolute;
    right: 0;
    top: 1rem;
    margin-left: 25px;
    font-size: 13px;
    text-transform: uppercase;
}

.page-link {
    border: 0;
    border-radius: 0;
    color: #000;
}

.page-item:last-child .page-link {
    border-radius: 0;
}

.page-link:hover {
    color: #000;
}

.title-scheda {
    font-size: 36px;
    font-family: "Proxima Nova Bold";
    margin-bottom: 3rem;
}


.btn.btn-collapse {
    border: 0;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    color: #000;
    text-decoration: none;
}

.btn.btn-collapse:hover {
    text-decoration: none;
    background-color: transparent;
    color: #000;
}

.btn.btn-collapse:focus {
    box-shadow: 0;
    outline: none;
}



.riga-scheda {
    margin-bottom: 0;
    border-top: 1px solid #efefef;
    padding: 15px 0;
}

.label-scheda {
    text-transform: uppercase;
    font-size: 12px;
    margin-left: 0;
    padding-top: 5px;
}

.campo-scheda {
    font-size: 18px;
    line-height: 26px;
}

.campo-scheda a {
    color: #e55f00;
    text-decoration: none;
}

.btn-back {
    color: #000;
    text-decoration: none;
    font-size: 14px;
}

.wrap-title {
    margin-top: 3rem;
}

.wrap-title h2 {
    max-width: 400px;
    padding: 0px 0 0 0px;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
}

footer {
    background-color:  rgb(231, 98, 0);
    padding: 30px 0;
    margin-top: 0rem;
}

footer p {
    color: #fff;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 14px;
    line-height: 18px;
}

footer p a {
    color: #fff;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 14px;
    border-bottom: 2px solid transparent;
    width: fit-content;
    transition: all 0.3s;
    display: inline-block;
    margin-bottom: 0.5rem;
}

footer p a:hover {

    color: #fff;
    text-decoration: underline;
}


footer h1 {
    text-transform: uppercase;
    font-family: "Proxima Nova Bold";
    font-size: 18px;
    color: #fff;
    margin: 0 0 20px 0;
}

footer h1 a {
    color: #fff;
}

footer h1 a:hover {
    color: #e55f00;
    text-decoration: none;
}

.container-progetti {
    margin-top: 100px;
    margin-bottom: 100px;
}

/*.full-width-row {
    overflow-x: hidden;
}*/

.full-width-row > .wrap-progetti {
    margin-left: 0px;
    margin-right: 0px;
    height: 500px;
    max-height: 500px;
    padding-right: 0;
}

.text-progetti {
    left: 15%;
    right: 15%;
    bottom: 40%;
    position: absolute;
}

.wrap-title-progetti h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 42px;
    font-family: "Proxima Nova Bold";
}

.wrap-title-progetti {
    background-color: #000;
}

.wrap-progetti {
    position: relative;
}

.wrap-title-progetti p {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    margin-top: 25px;
}

.img-progetti {
    height: 500px;
    max-height: 500px;
    width: auto;
}

.link-progetti {
    position: absolute;
    z-index: 10000;
    bottom: 0;
    font-family: "Proxima Nova Bold";
    background-color: rgba(0, 0, 0, 0.74);
    display: block;
    width: 100%;
    padding: 16px 30px;
    height: 90px;
}

.link-progetti h2 {
    font-size: 26px;
    font-family: "Proxima Nova Bold";
}

.link-progetti span {
    color: #fff;
    font-family: "Proxima Nova";
}

.wrap-carousel-home .container-fluid {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0px;
}

.full-width-row > .wrap-egeli {
    padding-left: 0;
}

.wrap-carousel-home {
    margin-top: 100px;
}

.single-cell {
    margin-right: 10px;
}

.single-cell a {
    color: #fff;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 22px;
}

.carousel img {
    display: block;
}

.caption-storie {
    position: absolute;
    z-index: 10000;
    bottom: 0;
    font-family: "Proxima Nova Bold";
    background-color: rgba(0, 0, 0, 0.74);
    display: block;
    width: 100%;
    padding: 20px 30px;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
    opacity: 0.7;
}

.wrap-txt-percorsi {
    padding-left: 120px;
    padding-right: 60px;
}

.wrap-carousel-home .container-fluid.wrap-tit-storie .row {
    margin-left: 15px;
    margin-right: 15px;
}

.wrap-tit-storie .title-intro-section {
    padding-left: 90px;
}

.input-search-top {
    background-color: #fff;
    margin-top: 0;
    border: 1px solid #fff;
    border-radius: 5px;

}

.input-search-top .form-control {
    background-color: #fff;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    padding: 0;
    height: 40px !important;
}

.btn-search.btn-search-home {
    padding-right: 0;
}

.btn-search.btn-search-home i {
    color: #E66100;

}

.search-name-hp {
    background-color: #9ea8af;
    padding: 100px 0;
    margin-top: 2rem;
}

.search-name-hp .input-search-top .form-control {
    height: 58px !important;
}

.intro-page {
    padding: 2rem 0;
}

.carousel-scheda .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.intro-page .title-scheda {
    margin-bottom: 2rem;
}

.intro-page p {
    text-align: justify;
}

.intro-page p a {
    color: #000;
    text-decoration: underline;
}

.intro-page p a:hover {
    color: #E66100;
    text-decoration: none;
}

.sidebar-link a {
    display: block;
    color: #000;
    padding: 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

.sidebar-link a:hover {
    text-decoration: none;
    color: #000;
}

.wrap-resources {
    background-color: #9ea8af;
    padding: 50px 0;
    color: #fff;
}

.wrap-resources .label-scheda {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding-left: 0;
}

.wrap-resources a {
    color: #fff;
    display: block;
    line-height: 28px;
}

.wrap-resources a:hover {
    text-decoration: none;
    color: #000;
}

.wrap-resources.correlati {
    background-color: #8a8f92;
}

.wrap-resources a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0c1";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
}

.wrap-resources.correlati a::before {
    display: none;
}

.link-w {
    color: #fff;
    display: block;
    margin-top: 1rem;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

.link-w:hover {
    color: #000;
    text-decoration: none;
}

.nav-item.item-search {
    margin-top: 5px;
}

.input-group-append a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding-left: 35px;
}

.esito-top .wrap-search .input-search-top .input-group-append {
    margin-top: 0px;
    margin-left: 10px;
}

.wrap-percorsi-hp {
    margin-top: 2rem;
}

.link-little {
    display: block;
    color: #000;
    padding: 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

.link-little:hover {
    color: #E66100;
    text-decoration: none;
}

.mt-25 {
    margin-top: 25px;
}

.link-more {

    padding: 15px 30px;
    /*    -webkit-box-shadow: 0px 0px 18px 2px rgba(173, 173, 173, 1);
    -moz-box-shadow: 0px 0px 18px 2px rgba(173, 173, 173, 1);
    box-shadow: 0px 0px 18px 2px rgba(173, 173, 173, 1);
*/
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
}

.gerarchia .campo-scheda .breadcrumb {
    padding-left: 0;
}

.gerarchia .campo-scheda a {
    color: #000;
    text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item::before {
    font-size: 13px;
}

.gerarchia .campo-scheda a:hover {
    color: #E66100;
}

.btn-beni-eb {
    padding: 30px 120px;
    -webkit-box-shadow: 0px 0px 18px 2px rgba(173, 173, 173, 1);
    -moz-box-shadow: 0px 0px 18px 2px rgba(173, 173, 173, 1);
    box-shadow: 0px 0px 18px 2px rgba(173, 173, 173, 1);
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    font-size: 22px;
    letter-spacing: 1px;
    display: block;
}

.btn-beni-ne {
    padding: 30px 120px;
    -webkit-box-shadow: 0px 0px 18px 2px rgba(173, 173, 173, 1);
    -moz-box-shadow: 0px 0px 18px 2px rgba(173, 173, 173, 1);
    box-shadow: 0px 0px 18px 2px rgba(173, 173, 173, 1);
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    font-size: 22px;
    letter-spacing: 1px;
    display: block;
}

.btn-beni-eb:hover,
.btn-beni-ne:hover {
    color: #E66100;
    text-decoration: none;
}

.btn-show {
    color: #E66100;
    text-decoration: none;
}

.card.card-body.card-list {
    border-radius: 0;
    border-top: 0;
}


.txt-redazionale {
    line-height: 34px;
}

.txt-redazionale a {
    color: #000;
    text-decoration: underline;
}

.txt-redazionale a:hover {
    color: #E66100;
    text-decoration: none;
}

.viewer-title {
    color: #fff !important;
    margin-bottom: 50px !important;
    font-family: "Proxima Nova Bold" !important;
    font-size: 18px !important;
}

/*
.viewer-title {
    max-width: 80% !important;
    margin: 0 10% 0 0 !important;
    position: absolute;
    top: 20px !important;
    width: 17% !important;
    height: 100% !important;
    text-align: justify !important;
    background: none !important;
    text-align: center;
    font-size: 16px !important;
    line-height: 24px !important;
    opacity: 1 !important;
    color: #fff !important;
    padding: .5% 1% 1% 1% !important;
    white-space: normal !important;
    text-overflow: clip !important;
}*/


.list-alphabet {
    border-bottom: 0px solid #E66100;

}

.list-alphabet a {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    margin-right: 12px;
}

.list-alphabet a:hover {
    text-decoration: none;
    color: #E66100;
}

.list-alphabet a.active {
    color: #E66100;
}

/*
.wrap-list-name {
    position: relative;
    overflow-y: scroll;
    height: 417px;
    min-height: 417px;
}*/

.wrap-list-name .card-body {
    padding: 20px 0 0 20px;
}

#section1 {
    width: 50px;
    text-transform: uppercase;
    font-size: 30px;
    color: #E66100;
    font-weight: bold;
    line-height: 30px;
}

.list-alphabet-name ul {
    list-style: none;
    margin: 0 0 0 30px;
    padding: 0;
}

.list-alphabet-name ul li {
    margin: 0 0 15px;
}

.list-alphabet-name ul li a {
    color: #000;
    display: block;

}

.list-alphabet-name ul li a h3 {
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 0;
    line-height: 17px;
}

.list-alphabet-name ul li a span {
    font-size: 16px;
    line-height: 14px;
}

.list-alphabet-name ul li a:hover,
.list-alphabet-name ul li a:hover h3,
.list-alphabet-name ul li a:hover h4,
.read-more {
    color: #E66100;
    text-decoration: none;
}


.section-list-name .nav-tabs .nav-item.show .nav-link,
.section-list-name .nav-tabs .nav-link.active {
    color: #000;
}

.section-list-name .nav-item.nav-link {
    color: #E66100;
    letter-spacing: .6px;
    font-size: 18px;
}


.btn-seleziona {}

.btn-seleziona h2 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
}

.btn-seleziona a {
    font-size: 18px;
    display: block;
    color: #000;
    line-height: 14px;

}

.btn-seleziona a::before {
    content: '— ';
    color: #9ea8af;
    margin: 7px 0 11px;
    display: block;
    height: 10px;
}

.btn-seleziona a:hover {
    text-decoration: none;
    color: #E66100;
}

.btn-seleziona a.active {
    color: #E66100;
}

.btn-search.btn-search-name i {
    color: #000;
}


.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: #fff;
}

#jsonVal {
    margin-top: 28px;
}

a.filtro-attivo {
    color: #fff;
    font-size: 22px;
    margin-right: 15px;
}

a.filtro-attivo::after {
    font-family: "Font Awesome 5 Free";
    content: "\f00d";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 600;
    font-size: 10px;
    margin-left: 10px;
}

a.filtro-attivo:hover {
    color: #E66100;
    text-decoration: none;
}

/* inizio tree css */
.table-responsive {
    overflow-x: inherit;
}

.table#tree td,
.table#tree th {
    border-top: 1px solid #E66100;
    padding: .5rem 0;
    width: 100%;
    vertical-align: middle;
}

.table#tree tr:last-child {
    border-bottom: 1px solid #E66100;
}

table.fancytree-ext-table.fancytree-container > tbody > tr.fancytree-active > td {
    background-color: transparent !important;
}

.fancytree-plain.fancytree-container.fancytree-ext-wide span.fancytree-node.fancytree-active,
table.fancytree-ext-table.fancytree-colorize-selected > tbody > tr.fancytree-selected > td,
table.fancytree-ext-table.fancytree-colorize-selected > tbody > tr.fancytree-selected > td span.fancytree-title,
table.fancytree-ext-table.fancytree-container > tbody > tr.fancytree-active > td,
table.fancytree-ext-table.fancytree-container > tbody > tr.fancytree-active > td span.fancytree-title {
    color: #fff !important;
}

.fancytree-active {
    background-color: #E66100;
}

.fancytree-active .fancytree-icon.fa {
    color: #fff;
}


.table-hover tbody tr.fancytree-active:hover {
    background-color: #E66100 !important;

}

.table#tree tr.fancytree-active:hover .itemTreeview {
    color: #fff;
}




.table-hover tbody tr:hover {
    background-color: transparent !important;
}

.itemTreeview {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
}

.itemTreeview:focus {
    outline: none;
}

.table#tree tr:hover .itemTreeview {
    color: #E66100;
    margin-top: 2px;
}

.fancytree-expanded span.fancytree-expander {
    display: none;
}

.fancytree-fade-expander span.fancytree-expander {
    display: none;
}


/*
table.fancytree-ext-table span.fancytree-node {
    padding-left: 0 !important;
}*/

span.fancytree-custom-icon {
    margin-left: 0;
}

img.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-icon {
    margin-left: 0 !important;
}

table.fancytree-ext-table span.fancytree-node {
    font-size: 14px;
    line-height: 16px;
    margin-left: -16px;
}

span.fancytree-title {

    font-weight: normal;
    font-size: 16px;
    color: #000;
    line-height: 18px;
}

span.fancytree-title {
    color: #000 !important;
}

span.fancytree-title strong {
    font-weight: normal;
}

.fancytree-folder.fancytree-has-children.fancytree-lazy.fancytree-exp-cd.fancytree-ico-cf {
    padding-left: 16px !important;
}

.fancytree-icon.fa {
    color: #E66100;
    margin-top: 0;
    padding: 2px 0;
}

table.fancytree-ext-table > tbody > tr > td span.fancytree-title {
    margin-top: 0px;
    padding: 10px 0;
    width: 91%;
}

.fa-file-text-o:before {
    font-family: "Font Awesome 5 Free";
    content: "\f15c";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 500;
}

/* fine tree css */


.search-name-touch {
    padding: 50px 0;
}


.search-name-touch .link-w {
    font-size: 22px;
}


.wrap-ricerca-touch {
    margin: 30px 0;
}


.wrap-ricerca-touch .wrap-search .input-search-top {
    padding: 1rem;
}

.mark,
mark {
    padding: 0 2px;
    background-color: #E66100;
    color: #fff;
}


.wrap-resources .label-scheda.label-risorse {
    text-transform: none;
    font-size: 16px;
}

.wrap-resources .label-scheda.campo-scheda-txt {
    text-transform: none;
    font-size: 16px;
    line-height: 22px;
}

.pl-15 {
    padding-left: 15px;
}

.wrap-thumb-fondi {
    margin: 2rem 0 0 0;
}

.big-hr {
    border-top: 5px solid #E66100;
    margin: 3rem 0;
}

.title-uppercase {
    text-transform: uppercase;
    font-family: "Proxima Nova Bold";
    font-size: 18px;
    color: #000;
    margin-bottom: 2rem;
}

.link-fondi {
    display: block;
    margin: 0 0 2rem 0;
}

.bg-img-fondi {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 350px;
}

.link-fondi h2 {
    margin: 1rem 0 .5rem 0;
    padding: 0 30px 0 0px;
    font-family: "Proxima Nova Bold";
    font-size: 22px;
    color: #000;
}

.link-fondi:hover h2 {
    transition: all 0.3s;
    color: #e55f00;
    text-decoration: none;
}

.info-fondi::before {
    display: inline-block;
    content: "";
    border-top: 2px solid #e55f00;
    width: 50px;
    margin: 5px 5px 5px 0;
}

.info-fondi p {
    display: inline-block;
    margin: 0;
    color: #000;
}

a:hover {
    text-decoration: none;
}



.wrap-map {
    margin-top: 0px;
    position: relative;
}

.wrap-timeline {
    margin: 100px 0;
}

h1.title-home {
    font-size: 26px;
    font-family: 'Proxima Nova Bold', sans-serif;
    font-weight: bold;
    margin-bottom: 30px;
    color: #E76200;
}

.wrap-timeline h3 {
    font-size: 16px;
    color: #777;
    font-weight: normal;
}

.timeline-row {
    cursor: pointer;
    height: auto;
    padding: 30px 0 30px 30px;
    margin-top: 5px;
    color: #fff;
}

.timeline-1 {
    background-color: #000;
}

.timeline-2 {
    background-color: #404040;
}

.timeline-3 {
    background-color: #2b2a2a;
}

.timeline-4 {
    background-color: #B8B8B8;
}

.timeline-5 {
    background-color: #8e8c8c;
}

.timeline-6 {
    background-color: #5a5c5d;
}

.timeline-7 {
    background-color: #5a5c5d;
}

.timeline-8 {
    background-color: #4b555a;
}

h1.year-timeline {
    font-weight: 800;
    font-size: 30px;
}

h1.year-timeline a {
    color: #fff;
}

h1.year-timeline .sub-titmeline {
    font-size: 20px;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 500;
    margin-left: 172px;
    margin-top: -30px;
    display: block;
}

.wrap-timeline .card.card-body {
    border: 0;
    border-radius: 0;
    padding-top: 0;
    color: #fff;
}

#collapseRowTimeline-3 .card.card-body {
    background-color: #2b2a2a;
}

.wrap-timeline .card.card-body a {
    color: #fff !important;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}

.link-vedi-tutti {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    padding-left: 0px;
    line-height: 20px;
}

.link-vedi-tutti:hover {
    color: #E66100;
}

.bg-img-timeline {
    height: 150px;
    max-height: 150px;
    width: 200px;
    background-size: cover;
    margin: 0 30px;
    display: inline-block;
}

h1 {
    font-family: "Proxima Nova Bold";
    font-size: 36px;
}

.wrap-risultati {
    margin: 2rem 0;
}

.mbr-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    margin-bottom: 2rem;
}

.card {
    position: relative;
    background-color: transparent;
    border: none;
    border-radius: 0;
    width: 100%;
}

.bg-color-esito {
    background: #ddd;
    height: 100%;
}

.body-esito {
    padding: 1rem;
    position: relative;
    min-height: 350px;
}

.body-esito a {
    color: #000;
    line-height: 20px;
    font-size: 14px;
    display: block;
}

.body-esito a small {
    text-transform: uppercase;
    letter-spacing: .5px;
}

.body-esito h2 {
    font-size: 22px;
    font-family: "Proxima Nova Bold";
    max-height: 102px;
    overflow: hidden;
    margin-bottom: 20px;
}

.body-esito ul {
    list-style: none;
    margin: -1rem;
    margin-bottom: 1rem;
    padding: 0;
    height: 200px;
}

.body-esito ul li {
    margin: 0;
    padding: 0;
}

.row-grid-img {
    position: relative;
}

.row-grid-img .bg-img-thumb-esito {
    position: relative;
    height: 100px;
    max-height: 100px;
    width: auto;
    background-size: cover;
    background-repeat: no-repeat;
}

.row-grid-img .layer-number {
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    position: absolute;
    width: 100.9%;
    height: 100%;
    font-size: 40px;
    text-align: center;
    padding-top: 30%;
    top: -1rem;
    left: -0.09rem;
}

.esito-hierarchy {
    height: 78px;
    display: block;
    overflow: hidden;
    opacity: .6;
    line-height: 20px;
}

.body-esito a.link-struttura {
    margin-top: 20px;
    color: #000;
    position: absolute;
    bottom: 20px;
    left: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-size: 12px;
}

.body-esito a.link-immagini {
    color: #000;
    font-family: "Proxima Nova Bold";
    left: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 50px;
    display: block;
}

.link-immagini span {
    position: absolute;
    left: -1000px;
    visibility: hidden;
    color: black;
    text-decoration: none;
    width: 250px;
    height: auto;
    -webkit-box-shadow: 0px 10px 54px -26px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 54px -26px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 54px -26px rgba(0, 0, 0, 0.75);
}

.link-immagini:hover span {
    visibility: visible;
    bottom: 0px;
    left: auto;
    z-index: 50;
    background-color: #fff;
    padding: 0;
    text-align: left;
    text-transform: none;
    font-size: 14px;
    margin-left: 5px;
}

.link-immagini span img {
    border-width: 0;
    padding: 0;
    max-width: 250px;
    height: auto;
    display: block;
}

.link-immagini span p {
    padding: .5rem;
    margin: 0;
    font-family: 'Proxima Nova Alt', sans-serif;
    max-height: 112px;
    overflow: hidden;
    line-height: 20px;
}

.esito-filtri a {
    font-size: 16px;
    color: #000;
    font-family: "Proxima Nova";
}

.esito-filtri-grey {
    background-color: #ddd;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
    background-color: transparent;
    color: #000;
    border: 0;
    border-radius: 0;
    font-size: 18px;
    font-family: "Proxima Nova";
}

.esito-filtri .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 16px;
}

.esito-filtri .bootstrap-select .dropdown-menu {
    border: 0;
    border-radius: 0;
    background-color: #fff;
}

.esito-filtri .bs-searchbox .form-control {
    border-radius: 0;
    border: 1px solid #B8B8B8;
}

.esito-filtri .bootstrap-select .dropdown-menu {
    border: 0;
    border-radius: 0;
    background-color: #fff;
}

.form-raffina {
    background-color: #fff;
    margin-top: -5px;
}

.form-raffina .form-control {
    border: 0;
    border-radius: 0;
    font-size: 18px;
}

.btn-search.btn-search-home {
    padding-right: 0;
}

.form-raffina .btn-search i {
    color: #666;
}

.esito-filtri a i {
    margin-right: 15px;
}

.subtitle-scheda {
    font-size: 15px;
    margin-left: 20px;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
}

.subtitle-scheda a {
    color: #e55f00;
    font-size: 18px;
    padding: 0 10px;
    font-family: "Proxima Nova Bold";
}


/** OLD **/
.bg-img-thumb-esitoOLD {
    position: relative;
    height: 200px;
    max-height: 200px;
    width: auto;
    background-size: cover;
    margin: -1rem;
    margin-bottom: 1rem;
}
/** OLD **/
.bg-img-thumb-esito {
    position: relative;
    height: 200px;
    max-height: 200px;
    width: auto;
    background-size: contain;
    margin: -1rem;
    margin-bottom: 1rem;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.wrap-dati-scheda .sidebar-link a {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    color: #e55f00;
    margin-bottom: 30px;
}

.sidebar-link a i {
    padding-left: 5px;
}

.sub-title-page {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 2rem;
    line-height: 22px;
}

.sub-title-page span {
    display: block;
}

.body-esito a:hover h2 {
    color: #E66100;
}

.mappa h3 {
    font-size: 16px;
    color: #777;
    font-weight: normal;
}

.una-foto {
    margin-bottom: 2rem;
}

.intro-page h5 {
    font-family: "Proxima Nova Bold";
    margin-top: 2rem;
}

.layer-number {
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 40px;
    text-align: center;
    padding-top: 29%;
}


.marker-cluster {
    border-radius: 50% !important;
}

.marker-cluster-large {
    background-color: rgba(230, 97, 0, .8) !important;
    padding: 18px !important;
    height: 80px !important;
    width: 80px !important;
}

.marker-cluster-medium {
    background-color: rgba(230, 97, 0, .8) !important;
    padding: 10px !important;
    height: 60px !important;
    width: 60px !important;
}

.marker-cluster div {
    font-family: "Proxima Nova Alt";
    color: #fff;
    font-size: 18px;
    margin-left: 0px;
    margin-top: 5px;
    text-align: center;
}

.marker-cluster span {
    line-height: 30px;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: rgba(230, 97, 0, 1) !important;
    color: #fff !important;
    font-family: "Proxima Nova Alt";
    font-weight: 400;
    font-size: 14px;
}

.leaflet-popup-content b {
    font-size: 16px;
}

.leaflet-container .leaflet-popup-content a {
    color: #fff !important;
    font-family: "Proxima Nova Alt";
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    margin-top: 20px;
}

.leaflet-container a.leaflet-popup-close-button {
    color: #fff !important;
}

.form-control:focus {
    border-color: #E66100;
}

.selFacet {
    padding: 22px 0;
}

.esito-filtri a.removeFilter {
    font-family: "Proxima Nova Bold";
    font-size: 18px;
    margin-right: 15px;
}

.esito-filtri a.removeFilter span {
    vertical-align: middle;
    font-weight: 700;
    font-size: 20px;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: 0;
    outline-offset: 0;
}


.wrap-risultati .title-uppercase {
    border-top: 5px solid #E66100;
    padding: 1rem 0;
}

.popover.fade.show.bs-popover-left {
    z-index: 100000;
    padding: 0;
}

.popover-body {
    padding: 1rem;
    color: #000;
}

.popover-body .title-uppercase {
    display: block;
    margin-bottom: 1rem;
    text-transform: none;
    font-size: 16px;
    font-family: 'Proxima Nova Alt', sans-serif;
}

.popover-body .title-uppercase:hover {
    color: #E66100;
}

/*
.viewer-title {
    max-width: 80% !important;
    margin: 0 10% 0 0 !important;
    position: absolute;
    top: 20px !important;
    width: 17% !important;
    height: 100% !important;
    text-align: justify !important;
    background: none !important;
    text-align: center;
    font-size: 16px !important;
    line-height: 24px !important;
    opacity: 1 !important;
    color: #fff !important;
    padding: .5% 1% 1% 1% !important;
    white-space: normal !important;
    text-overflow: clip !important;
}*/


/***************** inizio media queries ***********/


@media (min-width: 768px) {
    .mbr-col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

@media (min-width: 992px) {
    .mbr-col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

@media screen and (min-width: 768px) {
    .carousel img {
        height: 400px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
    }
}

@media (max-width: 768px) {
    .carousel img {
        height: 400px;
    }

    .link-section {
        margin-bottom: 3rem;
        display: block;
        height: 100%;
        /*min-height: 250px;*/
    }

    .bg-img-section {
        height: 240px;
    }

    .txt-intro {
        margin-bottom: 3rem;
    }

    .bg-home {
        padding: 15px;
        font-size: 16px;
    }

    /*.carousel-image {
        height: 200px;
        width: 100%;
    }*/

    .navbar-light .navbar-brand {
        font-size: 10px;
    }

    .navbar-light .navbar-brand span {
        display: block;
        font-size: 14px;
        padding-left: 0;
    }

    .navbar-collapse {
        background-color: rgba(0, 0, 0, 1);
        margin-left: -30px;
        margin-right: -30px;
    }

    .title-intro-section {
        font-size: 22px;
        padding: 0 15px;
    }

    .link-more {
        padding: 5px 10px;
        font-size: 12px;
    }

    .btn-search.btn-search-name i {
        color: #000;
    }

    .link-w {
        letter-spacing: 0;
    }

    .wrap-tit-storie .title-intro-section {
        padding-left: 0;
    }

    .full-width-row > .wrap-progetti {
        height: 240px;
        max-height: 240px;
        padding-left: 15px;
        margin-bottom: 15px;
    }

    .link-progetti {
        padding: 10px;
        height: auto;
    }

    .link-section .link-progetti h2 {
        font-size: 18px;
    }

    .wrap-percorsi-hp .row.mt-5 {
        margin-top: 0 !important;
    }

    .title-scheda {
        font-size: 22px;
    }

    .intro-page {
        padding-left: 15px;
        padding-right: 15px;
    }

    .intro-page .link-little.mt-25 {
        display: none;
    }

    .breadcrumb-item {
        display: inline-flex;
    }

    .riga-scheda.gerarchia {
        background-color: #efefef;
        padding-top: 10px;
    }

    .label-scheda {
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
    }

    .wrap-resources .label-scheda {
        padding-left: 15px;
    }

    .wrap-resources a {
        word-break: break-all;
        line-height: 20px;
    }

    .bg-home {
        padding: 30px 15px !important;
    }

    .search-name-hp {
        padding: 30px 0;
    }

    .subtitle-scheda {
        margin: 0;
        margin-left: -15px;
    }

    .subtitle-scheda a {
        padding-left: 0;
    }

    .intro-page .title-scheda {
        margin-left: -15px;
        margin-top: 1rem;
        margin-bottom: 0;
    }

}

/*  css 6 dicembre 2021 */

@media (min-width: 576px) {
    #vediTuttiPopOver .modal-dialog {
        max-width: 80%;
    }
    #vediTuttiPopOverPerson .modal-dialog {
        max-width: 80%;
    }

}

#vediTuttiPopOver {
    z-index: 20000;
}

#vediTuttiPopOverPerson {
    z-index: 20000;
}

#vediTuttiPopOver .title-uppercase {
    display: inline-block;
    margin: 0 20px 10px 0;
}

#vediTuttiPopOverPerson .title-uppercase {
    display: inline-block;
    margin: 0 20px 10px 0;
}

#vediTuttiPopOver .title-uppercase:nth-child(2n+1) {}

#vediTuttiPopOverPerson .title-uppercase:nth-child(2n+1) {}

#vediTuttiPopOver .title-uppercase:hover {
    color: #E66100;
}
#vediTuttiPopOverPerson .title-uppercase:hover {
    color: #E66100;
}

#containerPopOver .btn {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    padding: 0px;
    line-height: 20px;
    border: 0;
}

#vediTuttiPopOver .modal-header {
    padding: .5rem;
}

#vediTuttiPopOverPerson .modal-header {
    padding: .5rem;
}

.modal-menu {
    padding: 20px;
    border-bottom: 1px solid #dee2e6;
    text-align: center;
}

.modal-menu a {
    text-transform: uppercase;
    color: #000;
    font-size: 22px;
    padding: 0 30px 0 0;
    display: inline-block;
    text-align: center;
}

.modal-menu a:last-child {
    padding-right: 0;
}

.modal-menu a:hover {
    color: #E66100;
}

.modal-menu a.seletedV {
    color: #E66100;
}