/*
 *
 * BY ing. Nicolò Chiellini n.chiellini@4sigma.it
 * dott. Valeria La Mantia v.lamantia@4sigma.it
 * dott. Livia Ranzini l.ranzini@4sigma.it
 *
 */
:root {
    --scrollbar-width: 0px;
    --vh: 1vh;
    --bianco: #fff;
    --nero: #000;
    --bianco-sporco: #FFFCF9;
    --grigio-chiaro: #EAEAEA;
    --grigio-scuro: #555555;
    --grigio: #bdbdbd;
    --blu-scuro: #01161e;
    --verde-chiarissimo: #e6eeec;
    /*
    colori sezioni archivio
    --diario: #C9D5C5;
    --card-diario: #91AF87;
    --card-opacity-diario: rgba(161, 194, 150, 0.3);
    --autobiografia: #ECFFEC;
    --card-autobiografia: #C6DEC6;
    --card-opacity-autobiografia: rgba(198, 222, 198, 0.3);
    --memoria: #FFE6CD;
    --card-memoria: #FFB267;
    --card-opacity-memoria: rgba(255, 178, 103, 0.3);
    --epistolario: #E5EAFD;
    --card-epistolario: #B8C6FA;
    --card-opacity-epistolario: rgba(184, 198, 250, 0.3);
    --esercitazione-scolastica: #F2F1E9;
    --card-esercitazione-scolastica: #B8B3AE;
    --card-opacity-esercitazione-scolastica: rgba(184, 179, 174, 0.3);
    */
    --progetto-percorso-loop-width: 408px;
}
html {
    width: 100%;
    min-height: 100%;
    margin: 0px;
    float: left;
    padding: 0px;
    font-family: 'GeneralSans-Regular';
    font-size: 16px;
    line-height: 20px;
    background-color: var(--bianco-sporco);
    color: var(--blu-scuro);
    overflow-x: hidden;
    scroll-behavior: smooth;
}
body {
    border: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    min-height: 100vh;
    float: left;
    -webkit-text-size-adjust: 100%;
    font-weight: 400;
    position: relative;
    color: var(--blu-scuro);
    overflow-x: hidden;
}

td {
    border: none;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
div, p, h1, h2, h3, h4, h5, h6, ul,
footer, header, nav, article, main, aside,
section, form, fieldset, marquee,
figure, figcation {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    -webkit-text-size-adjust: 100%;
}
img {
    text-decoration: none;
    border: none;
    vertical-align: middle;
}
svg {
    border: none;
    border-image-width: 0;
    stroke-width: 0px;
}
iframe {
    margin: 0px;
    padding: 0px;
    border: none;
/*    height: auto;
    width: 100%;*/
}
video[poster] {
    height:100%;
    object-fit: cover;
}
video {
    max-width: 100%;
}
table, td, tr {
    margin: 0px;
    padding: 0px;
    border: none;
}
table {
    float: left;
}
label {
    cursor: pointer;
}
a {
    outline: none;
    text-decoration: none;
    cursor: pointer;
    /* TODO Colore Stile Link */
    color: var(--blu-scuro);
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
}
button {
    color: var(--blu-scuro);
}
li {
    outline: none;
}

i, em, .italic {
    font-style: italic;
    font-weight: inherit;
}
i strong, em strong {
    font-style: italic;
}
.underline {
    text-decoration: underline;
}
*:-placeholder
{
    color: #bdbdbd;
}
button::-moz-focus-inner {
  border: 0;
}
a:focus {
    outline: none;
}
input:focus:-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder  { color:transparent; }

input,
textarea,
select,
button {
    outline: none;
    border: none;
    padding: 0px;
    -webkit-border-radius: 0px;
    font-family: 'GeneralSans-Regular';
}
select {
    -webkit-appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAWCAYAAAAW5GZjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozYWZiZjdlZi01YWI5LTQxOTgtYWM4NS03NjY3MTY0OTY4MzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFGNzc5RkEzNjI0MTFFQkEyMjdCNDFBRUE1NjNBNkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFGNzc5RjkzNjI0MTFFQkEyMjdCNDFBRUE1NjNBNkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRUM3M0JFODJEOTYxMUVCQThENkYzNzEzNEFCMjA0NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRUM3M0JFOTJEOTYxMUVCQThENkYzNzEzNEFCMjA0NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PivKHYoAAACeSURBVHjaYvz//z8DsYCJgQQwSBSzgAhGLU9ksQwgngDEBUA8Ayb4/9p2iGIkkAnE06Ds6SBzoDSGM5AVwsA0qDiKYmwKMTTAFHcT8Fs33INAoAnEwngUv0VW/BiKCQcdEMgSYfJjmOLrQMyNR/FXIOaBebCUgAtKkUMDFPBZOBRmwSIGOVKwacjCFYMwDaAI+AmlpyNLMg7BnAIQYADcuSEq6NODFQAAAABJRU5ErkJggg==);
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat;
    background-size: 11px 22px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=date] {
    -moz-appearance:textfield;
}
button {
    cursor: pointer;
    -webkit-appearance: none;
    background-color: transparent;
    font-family: 'GeneralSans-Regular';
}
input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -webkit-border-radius: auto;
    vertical-align: middle;
}
input[type="radio"] {
/*    -webkit-appearance: checkbox;
    -webkit-border-radius: auto;*/
    vertical-align: middle;
}
input[type=submit] {
    -webkit-border-radius:0px;
    -webkit-appearance: none;
}
.hidden,
#login-form .hidden {
    display: none;
}
.over_hidden {
    overflow: hidden;
}
.block {
    display: block;
}
.flex {
    display: flex;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile {
    display: none;
}
.opacity_0 {
    opacity: 0;
}
.opacity_03 {
    opacity: 0.3;
}
.opacity_05 {
    opacity: 0.5;
}
.opacity_06 {
    opacity: 0.6;
}
.inline-block {
    display: inline-block;
}
.inline-desktop {
    display: inline;
}
.table {
    display: table;
    float: none;
    table-layout: fixed;
}
.table-cell {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.table-row {
    display: table-row;
    float: none;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.pointer {
    cursor: pointer;
}
.wait {
    cursor: wait;
}
.left {
    float: left;
}
.right {
    float: right;
}
.none {
    float: none;
}
.clear {
    clear: both;
}
.v_top {
    vertical-align: top;
}
.text_top {
    vertical-align: text-top;
}
.v_middle {
    vertical-align: middle;
}
.v_bottom {
    vertical-align: bottom;
}
.m_auto {
    margin: 0px auto
}
.w_auto {
    width: auto;
}
.max_w100pe {
    max-width: 100%;
}
.max_w80pe {
    max-width: 80%;
}
.max_w75pe {
    max-width: 75%;
}
.max_w70pe {
    max-width: 70%;
}
.max_w50pe {
    max-width: 50%;
}
.w_33pe {
    width: 33.333333%;
}
.maxw_100pe {
    max-width: 100%;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.extralight {
    font-weight: 200;
    font-family: 'GeneralSans-Extralight';
}
.light {
    font-weight: 300;
    font-family: 'GeneralSans-Light';
}
.normal {
    font-weight: 400;
    font-family: 'GeneralSans-Regular';
}
.style-normal {
    font-style: normal;
}
.strike {
    text-decoration: line-through;
}
.medium {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
}
.semibold {
    font-weight: 600;
    font-family: 'GeneralSans-Semibold';
}
.bold,
strong,
b {
    font-weight: 700;
    font-family: 'GeneralSans-Semibold';
}
.extrabold {
    font-weight: 900;
    font-family: 'GeneralSans-Bold';
}
.red {
    color: red;
}
.black,
.nero {
    color: var(--nero);
}
.white, .bianco {
    color: var(--bianco);
}
.grigio {
    color: var(--grigio);
}
.grigio-chiaro {
    color: var(--grigio-chiaro);
}
.grigio-scuro {
    color: var(--grigio-scuro);
}
.bianco-sporco {
    color: var(--bianco-sporco);
}
.blu-scuro {
    color: var(--blu-scuro);
}
.cover {
    background-size: 100% 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.cover-picture img {
    object-fit: cover;
    width: 100%;
    height: auto;
}
.cover-picture-full img {
    object-fit: cover;
    min-width: 100%;
    height: 100%;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}
.two-column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
.ritch-cont {
    overflow: hidden;
}
.ritch-cont * {
}

.ritch-cont a {
    font-weight: bold;
}
.ritch-cont a[name] {
    color: #000000;
    font-weight: inherit;
}
.ritch-cont ul {
    width: 100%;
    box-sizing: border-box;
    list-style-type: disc;
    padding-left: 20px;
    display: block;
}
.ritch-cont ol {
    width: 100%;
    box-sizing: border-box;
    list-style-type:decimal;
    padding-left: 20px;
}
.ritch-cont li {
    float: left;
    width: 100%;
}
.ritch-cont img {
    max-width: 100% !important;
    height: auto !important;
}
.gen-text-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-reverse-row {
    flex-direction: row-reverse;
}
.video-cover-image {
    display: none !important;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
/* Honey POT anti SPAM */
.hnpt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: transparent;
    height: 100%;
    z-index: 100;
}
#over-box {
    display: none;
    position: fixed;
    z-index: 9998;
    background-color: rgba(102,102,102, 0.6);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
#over-box.show {
    display: block;
}
#login-password.hide {
    display: none;
}
#switch-recupera-login.hide {
    display: none;
}
#switch-close.hide {
    display: none;
}
#login-form.hide {
    display: none;
}
#registration-form.hide {
    display: none;
}
.noscroll {
    position: fixed;
    overflow-y:scroll
}
.modal-box {
    display: none;
    position: fixed;
    background-color: var(--bianco-sporco);
    color: var(--blu-scuro);
    text-align: center;
    z-index: 9999;
    top: -500px;
    opacity: 1;
    width: 680px;
    min-height: 355px;
    left: 50%;
    margin-left: -340px;
    border-radius: 10px;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 15%);
    max-height: 70vh;
}
#login-modal.show {
    display: block;
    top: calc((100vh - 405px) / 2);
}
#logo-modal {
    display: block;
    float: left;
    width: 60px;
}
#logo-modal img {
    width: 100%;
    border-radius: 10px 0px 0px 0px;
}
#btn-close-modal {
    display: block;
    float: right;
    margin: 20px 30px;
    font-size: 24px;
}
#modal-int {
    padding: 50px 100px 50px 100px;
    box-sizing: border-box;
}
#modal-int .form-input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: var(--blu-scuro);
    font-family: 'GeneralSans-Regular';
    font-size: 12px;
    border-radius: 5px;
    border: 1.5px solid var(--blu-scuro);
    padding: 0px 20px;
    box-sizing: border-box;
    background-color: transparent;
}
#modal-int .form-input::placeholder {
    color: var(--grigio);
}
#modal-int a {
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    text-decoration: underline;
}
input:autofill,
input:auto-fill,
input:-webkit-autofill,
input:-webkit-auto-fill {
    background-color: transparent !important;
    background-image: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 40rem #ffff inset;
}


#id_nl-email:autofill,
#id_nl-email:auto-fill,
#id_nl-email:-webkit-autofill,
#id_nl-email:-webkit-auto-fill {
    background-color: var(--bianco-sporco) !important;
    background-image: none !important;
}

#id_nl-email:-webkit-autofill,
#id_nl-email:-webkit-autofill:hover,
#id_nl-email:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 40rem var(--bianco-sporco) inset;
}

.form-half-input-cont {
    width: calc(50% - 10px);
}
.form-half-input-cont:last-child {
    width: calc(50% - 10px);
    float: right;
}
.form-two-third-input-cont {
    width: calc(((100% - 10px) / 3) * 2 - 20px);
    margin-right: 10px;
}
.form-third-input-cont {
    width: calc(100% / 3);
}
.form-input {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: var(--grigio-scuro);
    font-family: 'GeneralSans-Medium';
    font-size: 16px;
    border-radius: 10px;
    padding: 0px 20px;
    box-sizing: border-box;
    background-color: var(--grigio-chiaro);
}
.form-input-footer {
    width: 100%;
    height: 33px;
    line-height: 33px;
    border-bottom: 1px solid var(--bianco-sporco);
    color: var(--bianco-sporco);
    font-family: 'GeneralSans-Medium';
    max-width: 318px;
    display: block;
    float: left;
    font-size: 14px;
    background-color: transparent;
}
.form-input-textarea {
    width: 100%;
    height: 120px;
    border: 0.5px solid var(--grigio-filetti);
    border-radius: 5px;
    font-size: 12px;
    padding: 24px 10px 10px 10px;
    box-sizing: border-box;
    background-color: transparent;
    position: relative;
    z-index: 10;
}
.form-error .form-input {
    border: 0.5px solid red;
}
.form-error-span {
    display: block;
    float: left;
    margin-top: 5px;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    color: red;
}
.form-input:focus,
.form-input-textarea:focus {
/*     border: 0.5px solid var(--azzurro); */
}
.form-input-label {
    position: absolute;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    font-weight: 900;
    left: 10px;
    top: 10px;
    box-sizing: border-box;
}
.btn {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    font-size: 16px;
    font-family: 'GeneralSans-Medium';
    box-sizing: border-box;
    padding: 0px 20px;
}
.btn-border {
    color: var(--blu-scuro);
    border: 1px solid var(--blu-scuro);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.btn-grigio {
    color: var(--blu-scuro);
    background-color: var(--grigio);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.btn-grigio-chiaro {
    color: var(--blu-scuro);
    background-color: var(--grigio-chiaro);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.btn-bianco-sporco {
    color: var(--blu-scuro);
    background-color: var(--bianco-sporco);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.btn-footer {
    height: 33px;
    line-height: 33px;
    border-radius: 17px;
    font-size: 14px;
    font-family: 'GeneralSans-Medium';
    text-align: center;
    box-sizing: border-box;
    padding: 0px 20px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    color: var(--blu-scuro);
    background-color: var(--bianco-sporco);
}
/* MAIN */
footer {
    padding: 40px 60px;
    box-sizing: border-box;
}
#logo-header {
    height: 80px;
    display: block;
    float: left;
}
#logo-header img {
    height: 80px;
}
#header-top {
    height: 80px;
}
#header-nav {
    height: 80px;
    width: auto;
    float: right;
}
#header-nav .sel {
    text-decoration: underline;
}
#header-nav a {
    height: 80px;
    line-height: 80px;
    display: block;
    float: left;
    margin-right: 40px;
    font-size: 16px;
    font-family: 'GeneralSans-Medium';
}
#header-marquee {
    font-size: 18px;
    line-height: 56px;
    height: 56px;
    text-transform: uppercase;
    background-color: var(--blu-scuro);
    color: var(--bianco-sporco);
}
#header-marquee span svg {
    height: 14px;
    padding: 0px 10px;
    box-sizing: border-box;
    color: var(--bianco-sporco);
}
#header-marquee a {
    color: var(--bianco-sporco);
}

#footer-int {
    width: 100%;
    float: none;
    margin: 0px auto;
    border-radius: 24px;
    background-color: var(--blu-scuro);
    min-height: 300px;
    padding: 24px 40px 20px 40px;
    box-sizing: border-box;
}
#footer-title {
    font-size: 32px;
    line-height: 36px;
    font-family: 'GeneralSans-Medium';
    color: var(--bianco-sporco);
}
#footer-cols {
    display: flex;
    gap: 20px;
}
#footer-col1 {
    width: 50%;
    position: relative;
}
#footer-nav-credits {
    position: absolute;
    bottom: 20px;
    left: 0px;
    padding-left: 40px;
    box-sizing: border-box;
    display: flex;
    font-size: 12px;
    line-height: 15px;
}
#footer-nav-credits a {
    color: var(--grigio);
    display: inline-block;
    float: left;
    margin-right: 20px;
}
#footer-nav-credits a:last-child {
    margin-right: 0px;
}
#footer-col1 form {
    display: flex;
    margin-top: 25px;
    width: 100%;
}
#logo-footer {
    display: block;
    float: left;
    height: 56px;
    margin-top: 22px;
}
#logo-banca {
    display: block;
    float: left;
    color: white;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 22px;
}
#logo-banca img {
    height: 50px;
}
#logo-footer-mobile,
#burger-menu {
    display: none;
}
#logo-footer img {
    height: 100%;
}
#footer-col2,
#footer-col3 {
    width: 25%;
}
#footer-disclaimer {
    padding-left: 50%;
    box-sizing: border-box;
}
.footer-nav {
    display: block;
    float: left;
    width: 50%;
}
.footer-nav li,
.footer-nav a {
    display: block;
    float: left;
    width: 100%;
}
.footer-nav a {
    color: var(--bianco-sporco);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    font-family: 'GeneralSans-Medium';
}
#footer-col3-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    color: var(--bianco-sporco);
}
#footer-col3-testo {
    color: var(--bianco-sporco);
    font-size: 14px;
    line-height: 17px;
    font-family: 'GeneralSans-Regular';
}
#footer-col3-testo a {
    color: var(--bianco-sporco);
}
main {
    min-height: 50vh;
}
.page {
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
    padding-right: 60px;
    box-sizing: border-box;
}
.page-contenuti {
/*   width: 1440px;
 *  Era fissa, messa in max width
 */
    max-width: 1440px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
    padding-right: 60px;
    box-sizing: border-box;
}
#page-link-full-about {
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.first-big-image {
    height: calc(100vh - 80px);
}
.first-big-image.has_marquee { /* Marquee Presente */
    height: calc(100vh - 80px - 56px);
}
.slider-obj-percorsi-img {
    background-image: url('../img/image 74.png');
}
.slider-obj-hp-text-cont {
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
}
.slider-obj-hp-title,
.progetto-percorso-loop-title {
    font-size: 28px;
    line-height: 32px;
    font-family: 'GeneralSans-Semibold';
    margin-bottom: 16px;
}
.slider-obj-percorsi-text {
    /*max-height: 100px;
    height: 100px;*/
    max-height: 80px;
    height: 80px;
    overflow: hidden;
}
.slider-obj-progetti-text {
    max-height: 80px;
    height: 80px;
    overflow: hidden;
}
.hp-big-page {
    height: 100vh;
}
.hp-page-int {
    padding-top: 40px;
    box-sizing: border-box;
    position: absolute;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    z-index: 2;
    width: 100%;
    height: 100%;
    color: var(--bianco-sporco);
}
.linear-gradient-abs {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}
.titolo-top-page-full {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 20px;
}
.titolo-big {
    font-size: 40px;
    line-height: 54px;
    font-family: 'GeneralSans-Semibold';
}
.testo-spaziato {
    font-size: 16px;
    line-height: 27px;
}
.sub-titolo-big {
    font-size: 18px;
    line-height: 21px;
    font-family: 'GeneralSans-Semibold';
}
.testo-full-page {
    max-width: 485px;
    font-size: 16px;
    line-height: 20px;
}
.link-full-page {
    position: fixed;
    bottom: 0px;
    right: 60px;
    z-index: 9998;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    display: block;
    float: right;
    font-family: 'GeneralSans-Medium';
    color: var(--blu-scuro);
    background-color: var(--bianco-sporco);
    font-size: 16px;
    line-height: 20px;
    padding: 14px 24px 12px 24px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 15%);
}
.link-leggi {
    font-size: 16px;
    line-height: 20px;
    text-decoration: underline;
    font-family: 'GeneralSans-Semibold';
}
.archivio-hp-text {
    max-height: 200px;
}

.slider-column-text {
    width: 300px;
    padding-right: 20px;
    box-sizing: border-box;
    min-height: 200px;
/*     background-color: pink; */
}
.slider-parent-cont {
    position: relative;
    min-height: 300px;
}
.slider-cont {
    position: absolute;
    right: 0px;
    top: 0px;
    width: calc(100% - 360px); /* Mezza Windows + Mezzo Page - Colonna Testo */
    overflow: hidden;
    height: 300px;
    z-index: 10;
}
.slider-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bianco-sporco); /* TODO Gestire colore della sezione archivio */
    display: none;
}
.slider {
    height: 300px;
}
.slider-obj {
    width: 338px;
    padding-right: 20px;
    box-sizing: border-box;
    float: none;
}
.slider-obj-int {
    width: 318px;
    height: 300px;
    position: relative;
}

.slider-obj-percorsi {
/*     width: 538px; */
    width: 408.5px;
    padding-right: 20px;
    box-sizing: border-box;
    float: none;
}
.slider-obj-percorsi-int {
/*    height: 640px;
    width: 518px;*/
    height: 480px;
    width: 388.5px;
    position: relative;
    border-radius: 16px;
    background-color: var(--bianco-sporco);
    overflow: hidden;
    display: inline-block;
}

.slider-obj-percorsi-img {
/*     height: 406px; */
    height: 304.5px;
    width: 100%;
}
#btn-hp-archivio-slider-cont,
#btn-percorsi-slider-cont,
.btn-archivio-slider-cont {
    width: calc(100% - 360px);
    float: right;
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
}
.btn-hp-archivio-slider,
.btn-percorsi-slider,
.btn-archivio-slider,
#diario-prefazione-cont-close {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 38px;
    border: 1px solid var(--blu-scuro);
    box-sizing: border-box;
    border-radius: 40px;
    text-align: center;
    margin-right: 10px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
#diario-prefazione-cont-close {
    position: fixed;

}
#hp-archivio {
    background-color: var(--grigio-chiaro);
    padding: 70px 0px;
}
#hp-percorsi {
    background-color: var(--verde-chiarissimo);
    padding: 150px 0px;
}
#hp-percorsi .slider,
#hp-percorsi .slider-cont {
/*     height: 640px; */
    height: 480px;
}
#hp-percorsi .slider-parent-cont {
/*     min-height: 640px; */
    min-height: 480px;
}
#hp-progetti {
    padding: 50px 0px;
    background-color: var(--bianco-sporco);
}
#hp-progetti .slider,
#hp-progetti .slider-cont {
    height: 525px;
}
#hp-progetti .slider-parent-cont {
    min-height: 525px;
}
.slider-obj-progetti {
    width: 428px;
    padding-right: 20px;
    box-sizing: border-box;
    float: none;
}
.slider-obj-progetti-int {
    height: 525px;
    width: 408px;
    position: relative;
    border-radius: 16px;
    background-color: var(--grigio-chiaro);
    overflow: hidden;
    display: inline-block;
    float: left;
}
.slider-obj-progetti-img {
    height: 330px;
    width: 100%;
    background-image: url('../img/image 75.png');
}
.fascia-sezione-cont {
    background-color: var(--grigio-chiaro);
    height: 290px;
}
#fascia-sezione-archivio .form-input {
    border-radius: 100px;
    background-color: var(--grigio);
    color: var(--blu-scuro);
}
#fascia-sezione-archivio .form-input::placeholder {
    color: var(--blu-scuro);
}
#fascia-percorsi-cont {
    height: 114px;
}
#fascia-profilo-cont {
    background-color: var(--verde-chiarissimo);
    height: 245px;
}
#fascia-percorsi-int {
    padding-top: 30px;
    box-sizing: border-box;
}
.fascia-sezione-int {
    padding-top: 211px;
    box-sizing: border-box;
}
.icona-freccia-esplora {
    rotate: 135deg;
}
.icona-freccia-esplora-diari {
    rotate: -45deg;
}
.archivio-section-cont {
    padding: 40px 0px;
    box-sizing: border-box;
}
.archivio-section-title {
    font-size: 22px;
    line-height: 22px;
    font-family: 'GeneralSans-SemiBold';
    text-transform: uppercase;
    margin-bottom: 10px;
}
.card-info-cont {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    height: 300px;
    padding: 30px 20px 15px 20px;
    box-sizing: border-box;
}
.card-info-hidden-cont {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 15px 20px;
    box-sizing: border-box;
    bottom: -300px;
    height: 300px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.card-info-hidden-cont.show {
    bottom: 0px;
}
.card-info-hidden-chiavi {
    font-size: 14px;
    line-height: 20px;
    font-family: 'GeneralSans-SemiBold';
}
.card-info-hidden-valori {
    font-size: 14px;
    line-height: 20px;
}
.card-info-hidden-go-btn {
    display: block;
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-family: 'GeneralSans-Medium';
    text-align: center;
    border-radius: 100px;
    padding: 0px 10px;
    border: 1px solid var(--blu-scuro);
    box-sizing: border-box;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.card-title {
    width: calc(100% - 40px);
    font-size: 18px;
    line-height: 24px;
    font-family: 'GeneralSans-Semibold';
    padding-right: 20px;
    box-sizing: border-box;
}
.card-bookmark {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 38px;
    border: 1px solid var(--blu-scuro);
    box-sizing: border-box;
    border-radius: 40px;
    text-align: center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
/*
.card-favorite.sel {
    background-color: var(--blu-scuro);
}
*/
.card-favorite.sel i {
    color: var(--blu-scuro);
    font-weight: bold;
}
.card-autore {
    font-size: 14px;
    line-height: 19px;
    font-family: 'GeneralSans-Medium';
}
.card-anno-label {
    font-size: 14px;
    line-height: 20px;
}
.card-anno {
    font-size: 14px;
    line-height: 20px;
    font-family: 'GeneralSans-Medium';
}
.card-link-cont {
    border-top: 1px solid var(--blu-scuro);
    padding-top: 15px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: 'GeneralSans-Medium';
}
.card-link-close-cont {
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: 'GeneralSans-Medium';
}
.card-link span {
    display: block;
    float: right;
}
#progetti-percorsi-loop-cont {
    margin: 42px auto 58px auto;
    float: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
}
.progetto-percorso-loop {
    width: calc((100% - 40px) / 3);
    height: 525px;
    border-radius: 16px;
    background-color: var(--grigio-chiaro);
    overflow: hidden;
}
.progetto-percorso-loop-img {
    height: 333px;
}
.progetto-percorso-loop-text-cont {
    height: 192px;
    box-sizing: border-box;
    padding: 46px 20px 0px 20px;
}
.progetto-percorso-loop-text {
    max-height: 80px;
    height: 80px;
    overflow: hidden;
}
#percorso-testo-cont {
    padding: 85px 0px;
    box-sizing: border-box;
}
#percorso-testo {
    float: right;
    padding: 0px 120px 0px 200px;
    box-sizing: border-box;
}
#percorso-tappe-cont {
    padding: 60px 0px;
    background-color: var(--verde-chiarissimo);
}
#percorso-tappe-nav {
    width: 150px;
}
#percorso-carousel {
    width: calc(100% - 150px);
}
#percorso-tappe-ul {
    margin-top: 7px;
}
#percorso-tappe-ul li {
    display: block;
    float: left;
    width: 100%;
}
#percorso-tappe-ul a {
    display: block;
    width: 100%;
    padding-left: 10px;
    border-left: 1px solid transparent;
    box-sizing: border-box;
    float: left;
    font-family: 'GeneralSans-Regular';
    font-size: 12px;
    height: 25px;
    line-height: 25px;
}
#percorso-tappe-ul .sel {
    font-size: 16px;
    font-family: 'GeneralSans-Medium';
    padding-left: 10px;
    box-sizing: border-box;
    border-left: 1px solid var(--blu-scuro);
}
#percorso-tappe-title {
    padding-left: 10px;
    border-left: 1px solid transparent;
    box-sizing: border-box;
    font-family: 'GeneralSans-Medium';
}
#percorso-tappe-int {
    display: flex;
    align-items: center;
}

#scheda-diario-open {
    display: block;
    float: right;
    font-family: 'GeneralSans-Semibold';
    color: var(--blu-scuro);
    background-color: var(--bianco-sporco);
    height: 53px;
    font-size: 16px;
    line-height: 53px;
    text-decoration: underline;
    padding: 0px 40px;
    border-radius: 0px 0px 0px 10px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
}
#scheda-diario-close {
    display: block;
    float: right;
    font-size: 22px;
    line-height: 33px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
}
#scheda-diario-cont {
    position: absolute;
    top: 0px;
    right: -50vw;
    width: 50vw;
    opacity: 0;
    border-radius: 0px 0px 0px 20px;
    padding: 60px 90px;
    box-sizing: border-box;
    z-index: 10;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}
#scheda-diario-cont.show {
    right: 0px;
    opacity: 1;
}
#scheda-diario-cont.hide {
    right: -50vw;
    opacity: 0;
}
#scheda-diario-titolo {
    font-family: 'GeneralSans-Semibold';
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 20px;
}
.scheda-diario-sezioni-titolo {
    font-family: 'GeneralSans-Semibold';
    padding: 10px 30px;
    box-sizing: border-box;
}
.scheda-diario-sezioni-chiave-valore {
    padding: 10px 30px;
    box-sizing: border-box;
}
.scheda-diario-sezioni-chiave {
    width: 45%;
    float: left;
    font-family: 'GeneralSans-Medium';
}
.scheda-diario-sezioni-valore {
    width: 55%;
    float: right;
}
.scheda-diario-sezioni-valore span {
    display: inline-block;
    padding-right: 10px;
    box-sizing: border-box;
}
.diario-cont {
    padding: 0px 160px;
    box-sizing: border-box;
}
#diario-top-cont {
    margin-top: 80px;
    margin-bottom: 40px;
}
#diario-top-left-cont {
    width: 48%;
    padding-left: 160px;
    box-sizing: border-box;
}
#diario-top-right-cont {
    width: 48%;
    float: right;
    margin-top: 72px;
    display: flex;
    justify-content: center;
}
#diario-autore {
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 30px;
}
#diario-titolo {
    font-family: 'Sentient-Medium';
    font-size: 64px;
    line-height: 80px;
    margin-bottom: 30px;
}
#diario-abstract {
    font-family: 'GeneralSans-Medium';
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 60px;
}
#diario-actions-cont {
    border-top: 1px solid var(--blu-scuro);
    border-bottom: 1px solid var(--blu-scuro);
    padding: 30px 0px;
    box-sizing: border-box;
/*     margin-bottom: 40px; */
}
#diario-sinossi-cont {
    margin-top: 50px;
    margin-bottom: 130px;
    font-size: 28px;
    line-height: 42px;
}
#diario-prefazione-button {
    display: block;
    float: left;
    width: 250px;
    min-height: 330px;
    background-color: var(--bianco-sporco);
    margin-bottom: 80px;
    border-radius: 8px;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 15%);
    transition: box-shadow 0.2s;
    -webkit-transition: box-shadow 0.2s;
}
#diario-prefazione-button-img-cont {
    width: 100%;
    height: 250px;
    border-radius: 8px;
}
#diario-prefazione-button-text-cont {
    padding: 20px;
    box-sizing: border-box;
}
#diario-prefazione-cont {
    background-color: var(--bianco-sporco);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    padding-top: 60px;
    box-sizing: border-box;
    z-index: 9999;
    overflow-y: auto;
}
#diario-prefazione-text-cont {
    width: 60%;
    float: right;
    padding-right: 60px;
    box-sizing: border-box;
    padding-bottom: 80px;
}
#estratti-btn-diario-cont {
    display: flex;
}
.estratto-btn-diario {
    display: block;
    float: left;
    position: relative;
/*    width: calc((100% + 45px) / 4);*/
    height: 65px;
    border-radius: 15px 15px 0px 0px;
    font-size: 15px;
    line-height: 65px;
    text-align: left;
    color: var(--grigio-scuro);
    padding: 0px 10px 0px 20px;
    box-sizing: border-box;
    filter: drop-shadow(0px -10px 6px rgba(0, 0, 0, 0.1));
}
.estratto-btn-diario .estratto-btn {
    float: right;
    text-align: right;
    font-size: 15px;
    line-height: 65px;
    position: absolute;
    right: 15px;
}
.estratto-btn-diario-text {
    max-width: 100%;
    display: block;
    float: left;
}
#estratti-btn-diario-cont .estratto-btn-diario:first-child {
    z-index: 5;
}
#estratti-btn-diario-cont .estratto-btn-diario:nth-child(2) {
    margin-left: -15px;
    z-index: 4;
}
#estratti-btn-diario-cont .estratto-btn-diario:nth-child(3) {
    margin-left: -15px;
    z-index: 3;
}
#estratti-btn-diario-cont .estratto-btn-diario:nth-child(4) {
    margin-left: -15px;
    z-index: 2;
}
#estratti-btn-diario-cont .estratto-btn-diario:nth-child(5) {
    margin-left: -15px;
    z-index: 1;
}
.estratto-btn-diario.open {
    z-index: 10 !important;
    background-color: var(--bianco-sporco) !important;
}
.estratto-btn-diario.open .estratto-btn-diario-text {
    text-decoration: underline;
}
/*
.estratto-btn-diario.close .estratto-btn-diario-open-freccia,
.estratto-btn-diario.open .estratto-btn-diario-open-x {
    display: inline-block;
}
.estratto-btn-diario.open .estratto-btn-diario-open-freccia,
.estratto-btn-diario.close .estratto-btn-diario-open-x {
    display: none;
}
*/
.estratto-diario-sinossi-intro {
    border-bottom: 1px solid var(--blu-scuro);
    padding-bottom: 25px;
    box-sizing: border-box;
}
.estratto-diario-sinossi-cont {
    margin-top: 35px;
}
.estratto-diario-sinossi-text {
    margin: 50px 0px 60px 0px;
    font-family: 'GeneralSans-Medium';
}
.estratto-diario-bottom {
    width: 100%;
    height: 80px;
    font-size: 36px;
    line-height: 80px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 40px;
    box-sizing: border-box;
}
.estratto-diario-sinossi-open {
    width: 100%;
    height: 80px;
    font-size: 36px;
    line-height: 80px;
    text-align: center;
    display: block;
}
.estratto-diario-close,
.estratto-diario-sinossi-open {
    font-size: 25px;
}
.estratto-diario-close span {
    font-size: 16px;
    line-height: 100px;
    font-family: 'GeneralSans-Medium';
    padding: 0px 20px;
    box-sizing: border-box;
}
.estratto-diario-sinossi-open span {
    font-size: 16px;
    line-height: 80px;
    font-family: 'GeneralSans-Medium';
    padding: 0px 20px;
    box-sizing: border-box;
}
.estratto-diario-close,
.estratto-diario-next,
.estratto-diario-prev {
    display: block;
    float: left;
}
.estratto-diario-next,
.estratto-diario-prev {
    font-size: 15px;
    width: calc(50% - 100px);
}
.estratto-tappapercorso-next,
.estratto-tappapercorso-prev {
    display: block;
    float: left;
    font-size: 15px;
    width: calc(50% - 130px);
}
.estratto-diario-cont {
    display: block;
    opacity: 1;
    background-color: var(--bianco-sporco);
    padding-top: 60px;
    box-sizing: border-box;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.estratto-diario-cont.hide {
    display: none;
    opacity: 0;
}
.estratto-diario-bibliografia-cont {
    border-top: 1px solid var(--blu-scuro);
}
.estratto-diario-bibliografia-cont .estratto-left-cont,
.estratto-diario-bibliografia-cont .estratto-right-cont {
    border-left: unset;
    padding: 25px 0px 25px 0px;
    box-sizing: border-box;
}
#estratto-progress-cont .estratto-right-cont {
    border-left: unset;
}
#cover-estratto {
    height: 380px;
}
#cover-estratto .page-contenuti {
    height: 100%;
}
#estratto-top-cont {
    height: calc(100% - 65px);
    padding: 100px 0px 60px 0px;
    box-sizing: border-box;
}
#estratto-top-text-cont {
    width: calc(100% - 120px);
}
#estratto-top-autore-img-cont {
    display: block;
    float: right;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    position: relative;
}
#estratto-tappapercorso-lnk-autore {
    display: block;
    width: 150px;
    height: 40px;
    line-height: 18px;
    border: 1px solid black;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 10px;
    box-sizing: border-box;
    color: var(--blu-scuro);
    background-color: var(--bianco);
    position: absolute;
    top: 35px;
    right: 130px;
}
.tappapercorso-triangle {
   width: 0px;
   height: 0px;
   border-style: solid;
   transform: rotate(360deg);
}
#tappapercorso-triangle-black {
    position: absolute;
    right: -21px;
    top: 12px;
    z-index: 1;
    border-width: 0px 0 21px 21px;
    border-color: transparent transparent transparent #000;
}
#tappapercorso-triangle-white {
    position: absolute;
    right: -19px;
    top: 13px;
    border-width: 0px 0 19px 19px;
    z-index: 2;
    border-color: transparent transparent transparent #fff;
}
.estratto-top-text-column {
    width: auto;
    padding-right: 50px;
    box-sizing: border-box;

}
#estratto-top-titolo,
#percorso-top-titolo {
    font-family: 'Sentient-Medium';
    font-size: 40px;
    line-height: 60px;
    margin-top: 30px;
}
#tappa-titolo {
    font-family: 'Sentient-Medium';
    font-size: 40px;
    line-height: 60px;
}
#tappa-testo {
    max-height: 350px;
    overflow-y: hidden;
}
.estratto-left-cont {
    width: 40%;
}
.estratto-right-cont {
    width: 60%;
    float: right;
    border-left: 1px solid var(--nero);
    padding-left: 80px;
    box-sizing: border-box;
}
.estratto-citazione {
    font-family: 'Sentient-Medium';
    font-size: 40px;
    line-height: 50px;
}
.estratto-img-full {
    position: relative;
    border-top: 1px solid var(--nero);
    border-bottom: 1px solid var(--nero);
    padding: 30px 0px;
    box-sizing: border-box;
}
.estratto-img {
    position: relative;
}
.estratto-img-didascalia {
    position: absolute;
    padding: 0px 10px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 40px;
    background-color: var(--grigio-chiaro);
    left: 0px;
    bottom: 0px;
    height: 0px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.estratto-img-affiancate-colonna .estratto-img-didascalia {
    width: 100%;
}
.dida-right {
    right: 0px;
    left: unset;
}
.estratto-img-affiancate-colonna-cont {
    display: flex;
    flex-wrap: wrap;
}
.estratto-img-affiancate-full-cont {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid var(--nero);
    border-bottom: 1px solid var(--nero);
    padding: 30px 0px;
    box-sizing: border-box;
}
.estratto-img-affiancate-colonna {
    width: calc(50% - 10px);
}
.estratto-img-affiancate-colonna-left {
    margin-right: 10px;
}
.estratto-img-affiancate-colonna-right {
    margin-left: 10px;
}
.flex-align-top {
    align-items: flex-start;
}
.flex-align-center {
    align-items: center;
}
.flex-align-bottom {
    align-items: flex-end;
}
#estratto-biblio-cont {
    border-top: 1px solid var(--nero);
    padding-top: 30px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
#estratto-biblio-left-cont {
    width: 40%;
    font-family: 'GeneralSans-Medium';
}
#estratto-biblio-right-cont {
    width: 60%;
    float: right;
    font-size: 14px;
    line-height: 20px;
    padding-left: 80px;
    box-sizing: border-box;
}
#tappa-top-cont {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding-bottom: 20px;
    box-sizing: border-box;
}
#tappa-top-cont .page-contenuti {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
#tappa-top-left-cont {
    width: calc(60% - 40px);
    margin-right: 40px;
    height: auto;
    float: left;
    padding-top: 60px;
}
#tappa-top-right-cont {
    width: 40%;
    float: right;
}
#tappa-top-right-img {
    float: right;
    border-radius: 16px;
    height: calc(var(--carousel-item-height) * 2);
    width: calc(var(--carousel-item-width) * 2);
}
.back-btn {
    position: absolute;
    top: 0px;
    left: 60px;
    display: block;
    float: left;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    font-size: 15px;
    line-height: 44px;
    text-align: center;
    color: var(--grigio-scuro);
    background-color: #E4E9E8;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.15));
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.accordion {
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 20px 20px 0px 0px;
    background-color: #F1FCF9;
    box-sizing: border-box;
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.1);
    margin-top: -20px;
}
#accordion-profilo-diari-cont .accordion {
    box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.1);
}
.accordion-question {
    display: block;
    float: left;
    width: 100%;
    font-size: 32px;
    line-height: 140px;
}
.accordion-question span {
    float: right;
    font-size: 28px;
}
.accordion-profilo-diari-categoria {
    font-size: 24px;
    line-height: 36px;
    font-family: 'GeneralSans-Medium';
    text-transform: capitalize;
}
.accordion-question-profilo {
    display: block;
    float: left;
    width: 100%;
    padding: 20px 0px 40px 0px;
    box-sizing: border-box;
}
.accordion-question-profilo-left {
    width: calc(100% - 54px);
    display: block;
    float: left;
}
.accordion-question-profilo-right {
    width: 54px;
    height: 54px;
    display: block;
    float: right;
}
.accordion-question-profilo-titolo {
    display: inline-block;
    font-size: 22px;
    line-height: 32px;
    font-family: 'GeneralSans-Medium';
}
.accordion-question-profilo-autore {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    font-family: 'GeneralSans-Light';
}
.accordion-question-profilo-simboli {
    font-size: 28px;
    line-height: 54px;
    text-align: center;
}
.accordion-answer {
    border-top: 1px solid var(--blu-scuro);
    padding: 60px 0px;
    box-sizing: border-box;
}
#accordion-profilo-diari-cont .accordion-answer {
    padding: 60px 0px 0px 0px;
}
.accordion-answer-left {
    position: relative;
    width: 40%;
    /*height: calc((40vw / 16) * 9);*/
}
.accordion-answer-right {
    float: right;
    width: 60%;
    padding-left: 60px;
    box-sizing: border-box;
}
.btn-accordion-go-to {
    display: block;
    float: left;
    width: 100%;
    height: 120px;
    text-align: center;
    font-size: 25px;
    line-height: 100px;
}
.btn-accordion-go-to span {
    font-size: 16px;
    line-height: 100px;
    font-family: 'GeneralSans-Medium';
    padding: 0px 20px;
    box-sizing: border-box;
}
.about-section {
    min-height: 100vh;
    box-sizing: border-box;
}
#about-section-1 {
    min-height: calc(100vh - 80px);
    padding: 100px 0px;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    background-color: #FFB267;
    padding: 40px 0px;
}
#sec1-testo-grande {
    font-size: 44px;
    line-height: 64px;
}
#sec1-testo-grande strong {
    font-family: 'Sentient-SemiBold';
    font-weight: 600;
}
#sec1-testo-grande em {
    font-family: 'Sentient-Italic';
}
#sec1-testo-piccolo {
    width: 50%;
    float: right;
    line-height: 27px;
}
#about-section-2 {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 0px 0px 0px;
}
#sec2-image img {
    width: 100%;
}
#sec2-testo {
    width: 70%;
    font-size: 44px;
    line-height: 64px;
    margin-top: 40px;
    font-family: 'Sentient-Regular';
}
#sec2-testo strong {
    font-family: 'Sentient-SemiBold';
    font-weight: 600;
}
#sec2-testo em {
    font-family: 'Sentient-Italic';
}
#about-section-3, #about-section-extra, #about-section-4 {
    padding: 40px 0px 0px 0px;
}
#about-section-3, #about-section-3 .page-contenuti {
    display: flex;
    position: relative;
    align-content: flex-end;
    flex-wrap: wrap;
    width: 100%;
    background-color: #FFB267;
}
#sec3-testi-cont {
    width: 50%;
}
#sec3-image {
    width: 50%;
}
#sec3-image img {
    width: 100%;
}
#sec3-testo-grande {
    font-size: 44px;
    line-height: 64px;
    margin-top: 40px;
}
#sec3-testo-grande strong {
    font-family: 'Sentient-SemiBold';
    font-weight: 600;
}
#sec3-testo-grande em {
    font-family: 'Sentient-Italic';
}
#sec3-testo-piccolo {
    line-height: 27px;
}
#about-section-extra, #about-section-extra .page-contenuti {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
    position: relative;
    background-color: var(--bianco-sporco);
}
#secextra-testo-grande {
    font-size: 22px;
    line-height: 34px;
    font-family: 'GeneralSans-Medium';
}
#secextra-testo-piccolo {
    font-size: 16px;
    line-height: 27px;
}
#secextra-image-cont {
    width: 48%;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
#about-section-4 {
    display: flex;
    position: relative;
    align-content: flex-end;
    flex-wrap: wrap;
}
#about-section-4 #about-section-4-top {
    min-height: 100vh;
    display: flex;
    position: relative;
    align-items: center;
    flex-wrap: wrap;
}
#half-about-sec4 {
    max-width: 720px;
    float: right;
    padding-left: 60px;
    padding-right: 60px;
    box-sizing: border-box;
}
#about-section-4 .btn {
    width: 150px;
    text-align: center;
}
#sec4-testo-grande {
    font-size: 44px;
    line-height: 64px;
    font-family: 'Sentient-Regular';
    margin-bottom: 40px;
}
#sec4-testo-piccolo {
    line-height: 27px;
    margin-bottom: 40px;
}
#sec4-testo-partecipa {
    font-size: 44px;
    line-height: 64px;
    font-family: 'GeneralSans-Medium';
    margin-bottom: 40px;
}
#partner-cont {
    border-top: 1px solid #000;
}
.partner-int {
    padding: 40px 0px;
    box-sizing: border-box;
    border-bottom: 1px solid #000;
}
#about-sostenitori-loghi-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-items: center;
    gap: 60px;
}

#share-button-tooltip,
#like-button-tooltip {
    position: absolute;
    width: 200px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 15px;
    display: block;
    color: var(--blu-scuro);
    background-color: var(--bianco-sporco);
    display: block;
    right: 0px;
    top: 110%;
    text-align: left;
    border-radius: 5px;
}
#share-button-tooltip.closed,
#like-button-tooltip.closed {
    display: none;
}
#share-button-tooltip .triangle-tp,
#like-button-tooltip .triangle-tp {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 10px 7.5px;
    border-color: transparent transparent var(--bianco-sporco) transparent;
    position: absolute;
    right: 12px;
    top: -10px;
}
#estratti-btn-floating {
    left: 0px;
    z-index: 9997;
    transition: bottom 0.2s;
    -webkit-transition: bottom 0.2s;
}
#estratti-btn-floating.fixed {
    position: fixed;
    bottom: 0px !important;
    top: auto !important;
}
#estratti-btn-floating.fixed-hidden {
    position: fixed;
    bottom: -200px !important;
    top: auto !important;
}
#estratti-btn-floating.absolute {
    position: absolute;
}
#diario-sfondo-cont {
    padding-bottom: 65px;
}
.contenutoextra-cont {
    position: absolute;
    z-index: 9992;
    padding-right: 50px;
    box-sizing: border-box;
    max-width: calc(1440px * 0.4);
    width: 40%;
}
.contenutoextra-titolo {
    font-size: 20px;
    line-height: 25px;
    text-align: right;
    font-family: 'Sentient-Medium';
}
#contenutoextra-tags .contenutoextra-titolo {
    font-family: 'GeneralSans-Semibold';
}
.contenutoextra-btn {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 13px;
    border-radius: 25px;
    display: block;
    float: left;
    position: absolute;
    right: 0px;
    top: 0px;
}
.contenutoextra-btn.open {
    line-height: 24px;
}
.contenutoextra-btn.open i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.contenutoextra-btn i {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.contenutoextra-testo-img-cont {
    position: relative;
    overflow-x: hidden;
}
.contenutoextra-testo-img {
    margin-left: 100%;
    top: 0px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    opacity: 0;
}
.contenutoextra-testo-img.open {
    margin-left: 0px;
    opacity: 1;
}
#testo-archivio-mob-dotted {
    margin-bottom: 40px;
}
#estratto-progress-cont {
    margin-bottom: 40px;
}
.estratto-progress,
.estratto-continua-lettura {
    position: relative;
    width: 100%;
    margin: 20px 0px;
}
#estratto-continua-lettura-link {
    font-family: 'GeneralSans-Semibold';
    text-decoration: underline;
    color: var(--grigio-scuro);
}
.estratto-progress-btn,
.estratto-continua-lettura-btn {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 13px;
    border-radius: 25px;
    display: block;
    float: left;
    position: absolute;
    background-color: var(--grigio-chiaro);
    right: auto;
    left: -92.5px;
}
.estratto-continua-lettura-btn {
    top: 0px;
}
.estratto-progress-btn {
    top: 7.5px;
}
#estratto-progress-bar {
    width: 100%;
    height: 10px;
    border-radius: 200px;
    background-color: var(--grigio-chiaro);
}
#estratto-progress-bar-cursor {
    display: inline-block;
    height: 10px;
    width: 0%;
    border-radius: 200px;
    float: left;
}
/* AREA PERSONALE */
#fascia-profilo-cont {
    height: 150px;
    padding-top: 48px;
    box-sizing: border-box;
}
.profilo-cont {
    width: 1px;
    height: 1px;
    position: absolute;
    top: 0px;
    background-color: var(--verde-chiarissimo);
}
.profilo-cont.show {
    width: 100%;
    position: relative;
    height: auto;
}
.profilo-nav {
    position: absolute;
    display: block;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
    padding: 0px 20px;
    top: -35px;
    min-width: 100px;
    background-color: transparent;
}
.profilo-nav.sel {
    background-color: var(--verde-chiarissimo);
}
.profilo-cont-int {
    display: none;
}
.show .profilo-cont-int {
    display: block;
}
#profilo-tab-cont {
    margin-top: 140px;
    background-color: var(--verde-chiarissimo);
}
#profilo-form {
    padding: 40px 0px;
    box-sizing: border-box;
}
#profilo-form .form-input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: var(--blu-scuro);
    font-family: 'GeneralSans-Regular';
    font-size: 12px;
    border-radius: 5px;
    border: 1.5px solid var(--blu-scuro);
    padding: 0px 20px;
    box-sizing: border-box;
    background-color: transparent;
}
#profilo-form .form-input::placeholder {
    color: var(--grigio);
}
#profilo-letture-int {
    padding: 40px 0px;
    box-sizing: border-box;
}
#letture-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}
.lettura-item {
    display: block;
    float: left;
    width: calc((100% - 30px) / 4);
    height: 430px;
    box-shadow: unset;
    transition: box-shadow 0.2s;
    -webkit-transition: box-shadow 0.2s;
}
.lettura-item-img {
    display: block;
    float: left;
    width: 100%;
    height: 200px;
}
.lettura-item-text {
    display: block;
    float: left;
    width: 100%;
    height: 230px;
    padding: 20px;
    box-sizing: border-box;
}
.lettura-item-diario {
    display: block;
    float: left;
    width: calc(100% - 60px);
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
}
.lettura-item-titolo {
    display: block;
    float: left;
    width: calc(100% - 60px);
    font-size: 20px;
    line-height: 30px;
    font-family: 'GeneralSans-Semibold';
    margin-bottom: 10px;
}
.lettura-item-progresso {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    float: right;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 2px solid var(--blu-scuro);
    font-size: 14px;
    font-family: 'GeneralSans-Medium';
}
.lettura-item-autore {
    display: block;
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
}
.login-register-errors {
    font-size: 10px;
    line-height: 15px;
    font-weight: bold;
}
#modal-int .toggle-password,
.toggle-password {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    right: 0px;
    top: 0px;
    z-index: 10;
}
input[type="password"] + .toggle-password i:last-child {
    display: none;
}
input[type="text"] + .toggle-password i:first-child {
    display: none;
}
#btn-submit-ricerca {
    position: absolute;
    height: 50px;
    line-height: 50px;
    right: 30px;
    top: 0px;
}
#btn-submit-ricerca {
    position: absolute;
    height: 50px;
    line-height: 50px;
    right: 30px;
    top: 0px;
}
#btn-annulla-ricerca {
    position: absolute;
    height: 50px;
    line-height: 50px;
    right: 60px;
    top: 0px;
}
.video-html5-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Qui vanno gli eventi di Hover. Non metterli da altre parti!!!!! */
@media only screen and (min-width:1201px) and (max-width:10000px) {
    a:hover {
        transition: color 0.2s;
        -webkit-transition: color 0.2s;
/*         color: var(--blue); */
    }
    #footer-nav-credits a:hover {
        color: var(--bianco-sporco);
        text-decoration: underline;
    }
    .footer-nav a:hover,
    #footer-col3-testo a:hover {
        color: var(--grigio);
    }
    .btn-grigio:hover, .btn-grigio-chiaro:hover,
    .btn-bianco-sporco:hover, .btn-border:hover {
        background-color: var(--blu-scuro);
        color: var(--bianco-sporco);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    .btn-footer:hover {
        background-color: var(--grigio);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    #header-nav a:hover {
        text-decoration: underline;
    }
    #footer-col2 .footer-nav:first-child a:hover {
        text-decoration: underline;
    }
    #footer-col2 .footer-nav:last-child a:hover .underline {
        text-decoration: none;
    }
    .link-full-page:hover {
        background-color: var(--blu-scuro);
        color: var(--bianco-sporco);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    .link-leggi:hover {
        text-decoration: none;
    }
    .card-bookmark:hover,
    .btn-hp-archivio-slider:hover,
    .btn-percorsi-slider:hover,
    .btn-archivio-slider:hover,
    #diario-prefazione-cont-close:hover {
        background-color: var(--blu-scuro);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    .card-bookmark:hover i,
    .btn-hp-archivio-slider:hover i,
    .btn-percorsi-slider:hover i,
    .btn-archivio-slider:hover i,
    #diario-prefazione-cont-close:hover i {
        color: var(--bianco-sporco);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    .card-link:hover {
        color: var(--bianco-sporco);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    .card-info-hidden-go-btn:hover {
        color: var(--bianco-sporco);
        background-color: var(--blu-scuro);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    .back-btn:hover {
        color: var(--bianco-sporco);
        background-color: var(--blu-scuro);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    .estratto-img:hover .estratto-img-didascalia,
    .estratto-img-full:hover .estratto-img-didascalia,
    .accordion-answer-left-img:hover .estratto-img-didascalia,
    #diario-top-right-cont:hover .estratto-img-didascalia {
        height: 40px;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    #diario-prefazione-button:hover {
        box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 45%);
        transition: box-shadow 0.2s;
        -webkit-transition: box-shadow 0.2s;
    }
    #modal-int a:hover {
        text-decoration: unset;
    }
    .lettura-item:hover {
        box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 15%);
        transition: box-shadow 0.2s;
        -webkit-transition: box-shadow 0.2s;
    }
}
@media only screen and (min-width:220px) and (max-width:1279px) {
    .estratto-img-didascalia {
        position: relative;
        height: auto;
        padding: 10px 8px;
        font-size: 12px;
        line-height: 15px;
    }
    .estratto-img-didascalia.text-truncate {
        white-space: unset;
        text-overflow: unset;
    }
    .dida-right {
        float: right;
    }
}

/* Tablet Landscape */
@media only screen and (min-width:1024px) and (max-width:1279px) {
    #estratti-btn-floating .page-contenuti {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .diario-cont, #diario-top-left-cont {
        padding: 0px;
    }
    #scheda-diario-cont {
        padding: 30px;
    }
    #cover-estratto .page-contenuti {
        position: relative;
    }
    #estratti-btn-floating.absolute {
        height: 65px;
    }
    #estratti-btn-diario-cont {
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
    .link-full-page {
        right: 40px;
    }
    .progetto-percorso-loop {
        height: 449px;
    }
    .progetto-percorso-loop-img {
        height: 257px;
    }
    .progetto-percorso-loop-text-cont {
        padding: 25px 15px 10px 15px;
        box-sizing: border-box;
    }
    .slider-obj-hp-title, .progetto-percorso-loop-title {
        font-size: 20px;
        line-height: 24px;
        max-height: 48px;
        overflow: hidden;
    }
    #percorso-top-titolo {
        font-size: 30px;
        line-height: 45px;
    }
    .fascia-sezione-cont .page .w_70pe {
        width: 100%;
    }
    #diario-titolo {
        font-size: 44px;
        line-height: 60px;
    }
    .lettura-item {
        width: calc((100% - 10px) / 2);
        height: 430px;
    }
    #about-section-extra, #about-section-extra .page-contenuti {
        gap: 20px;
    }
    #sec2-testo {
        width: 100%;
    }
    #half-about-sec4 {
        padding-right: 0px;
    }
    #sec2-testo, #sec3-testo-grande,
    #sec4-testo-grande, #sec4-testo-partecipa {
        font-size: 39px;
        line-height: 49px;
    }
    #about-sostenitori-loghi-cont {
        gap: 20px;
    }
    #about-sostenitori-loghi-cont img {
        width: calc((100% - 60px) / 4);
    }
}
/* Tablet Portrait */
@media only screen and (min-width:768px) and (max-width:1023px) {
    footer {
        padding: 40px 10px;
    }
    #footer-int {
        padding: 24px 20px 20px 20px
    }
    #footer-col1 {
        padding-right: 10px;
        box-sizing: border-box;
    }
    #percorso-testo {
        padding: 0px;
    }
    .progetto-percorso-loop {
        width: calc(50% - 10px);
        height: 347px;
        margin-bottom: 0px;
    }
    .progetto-percorso-loop-img {
        height: 257px;
    }
    .progetto-percorso-loop-text-cont {
        height: 90px;
        padding: 20px 15px 5px 15px;
        box-sizing: border-box;
    }
    .progetto-percorso-loop-text {
        display: none;
    }
    #percorso-tappe-nav {
        display: none;
    }
    #percorso-carousel {
        width: 100%;
    }
    #percorso-tappe-title {
        margin-bottom: 20px;
    }
    .diario-cont {
        padding: 0px;
    }
    #diario-top-left-cont, #diario-top-right-cont {
        width: 100%;
        float: left;
        padding: 0px;
    }
    #diario-top-right-cont {
        margin-top: 40px;
    }
    .estratto-btn-diario {
        height: 45px;
        border-radius: 15px 15px 0px 0px;
        line-height: 45px;
    }
    .estratto-btn-diario span {
        line-height: 45px;
    }
    .estratto-btn-diario .estratto-btn {
        line-height: 45px;
    }
    #scheda-diario-cont.show {
        width: 100vw;
    }
    #scheda-diario-cont {
        width: 100vw;
        right: -100vw;
    }
    #scheda-diario-cont.hide {
        right: -100vw;
    }
    .estratto-left-cont, .estratto-right-cont {
        width: 100%;
        border-left: unset;
        padding-left: 40px;
    }
    #cover-estratto {
        height: 100%;
    }
    #tappa-top-left-cont,
    #tappa-top-right-cont {
        width: 100%;
        margin-right: unset;
    }
    #tappa-top-right-cont {
        margin-top: 20px;
    }
    .back-btn {
        display: none;
    }
    #estratti-btn-floating .page-contenuti {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    #estratti-btn-floating.absolute {
        height: 45px;
    }
    .diario-cont {
        padding: 0px;
    }
    #diario-sfondo-cont {
        padding-bottom: 45px;
    }
    #cover-estratto .page-contenuti {
        position: relative;
    }
    #estratti-btn-diario-cont {
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
    .link-full-page {
        right: 40px;
    }
    .estratto-progress-btn, .estratto-continua-lettura-btn {
        left: -52.5px;
    }
    .slider-obj-hp-title, .progetto-percorso-loop-title {
        font-size: 20px;
        line-height: 24px;
        max-height: 48px;
        overflow: hidden;
    }
    #percorso-top-titolo {
        font-size: 30px;
        line-height: 45px;
    }
    #percorso-top-titolo.w_80pe {
        width: 100%;
    }
    .fascia-sezione-cont .page .w_70pe {
        width: 100%;
    }
    #diario-titolo {
        font-size: 44px;
        line-height: 60px;
    }
    .lettura-item {
        width: calc((100% - 10px) / 2);
        height: 430px;
    }
    #tappa-top-cont.first-big-image,
    .first-big-image .hp-page-int,
    .hp-big-page .hp-page-int {
        height: auto;
        min-height: calc(100vh - 80px);
    }
    #tappa-top-cont.first-big-image {
        margin: 40px 0px;
    }
    .contenutoextra-btn {
        left: 5px;
        top: 10px;
        right: unset;
        z-index: 10;
    }
    .contenutoextra-cont {
        width: 40px;
        padding-right: unset;
        padding: 10px 10px 30px 10px;
    }
    .contenutoextra-cont.open-mobile {
        width: calc(100% - 20px);
        background-color: var(--bianco-sporco);
        border-radius: 10px;
        box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 15%);
    }
    .contenutoextra-titolo {
        margin-left: 30px;
        display: none;
        font-size: 15px;
    }
    .contenutoextra-cont.open-mobile .contenutoextra-titolo {
        display: block;
    }
    .contenutoextra-testo-img {
        opacity: 1;
        margin-left: 30px;
        width: calc(100% - 30px);
    }
    .contenutoextra-cont .text-right {
        text-align: left;
    }
    .contenutoextra-cont .mt_20 {
        margin-top: 10px;
    }
    .contenutoextra-cont .right {
        float: left;
    }
    .contenutoextra-titolo {
        text-align: left;
    }
    /* ABOUT MOB */
    #about-section-1 {
        padding: 40px 0px;
    }
    #sec1-testo-grande {
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 40px;
    }
    #sec1-testo-piccolo {
        width: 100%;
        margin-bottom: 40px;
    }
    #sec2-testo {
        width: 100%;
        font-size: 30px;
        line-height: 50px;
        margin-top: 20px;
    }
    #sec3-testi-cont {
        width: 100%;
    }
    #sec3-image {
        width: 100%;
        margin-top: 10px;
    }
    #sec3-testo-grande {
        width: 100%;
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    #sec3-testo-piccolo {
        width: 100%;
    }
    #sec4-testo-grande {
        width: 100%;
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    #sec4-testo-piccolo {
        width: 100%;
        margin-bottom: 20px;
    }
    #sec4-testo-partecipa {
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    #secextra-image-cont {
        width: 100%;
        position: unset;
    }
    #about-section-4-top .w_50pe {
        width: 100%;
    }
    .sec4-image {
        margin-top: 10px;
    }
    #half-about-sec4 {
        padding-left: 20px;
        padding-right: 20px;
    }
    #about-section-extra, #about-section-extra .page-contenuti {
        display: block;
    }
    #about-section-extra .w_48pe {
        width: 100%;
    }
    .partner-int .w_48pe {
        width: 100%;
        margin-bottom: 20px;
    }
    /**/
}
/* Cellulari */
@media only screen and (min-width:220px) and (max-width:767px) {
    .font_40, .font_28 {
        font-size: 22px;
        line-height: 33px;
    }
    .mobile-hidden {
        display: none;
    }
    #header-marquee {
        font-size: 16px;
        line-height: 40px;
        height: 40px;
    }
    footer {
        padding: 20px 20px;
    }
    #logo-footer {
        display: none;
    }
    #footer-int {
        padding: 30px 30px;
    }
    #logo-footer-mobile {
        display: block;
        margin-bottom: 20px;
    }
    #logo-banca {
        margin-left: 0px;
    }
    #footer-title {
        font-size: 25px;
        line-height: 30px;
    }
    .form-input-footer {
        max-width: unset;
    }
    #footer-col1 form {
        display: block;
        margin-top: 20px;
    }
    .btn-footer {
        margin: 20px 0px 0px 0px;
    }
    #logo-footer-mobile img {
        height: 50px;
    }
    #footer-cols {
        display: block;
        float: left;
    }
    #footer-col1,
    #footer-col2,
    #footer-col3 {
        width: 100%;
    }
    #footer-col2 {
        margin-top: 30px;
    }
    #footer-col3 {
        margin-top: 20px;
    }
    #footer-nav-credits {
        margin-top: 20px;
        position: static;
        padding-left: 0px;
    }
    #header-nav {
        display: block;
        position: absolute;
        z-index: 9999;
        height: calc(100vh - 80px);
        width: 100%;
        top: 80px;
        left: 100%;
        background-color: var(--bianco-sporco);
        opacity: 0;
    }
    #header-nav.close {
        left: 0px;
        animation-name: menuClose;
        animation-duration: 0.2s;
    }
    #header-nav.open {
        left: 0px;
        opacity: 1;
        transition: opacity 0.2s;
        -webkit-transition: opacity 0.2s;
    }
    @keyframes menuClose {
        0%   {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    #header-nav a:first-child {
        margin-top: 30px;
        border-top: 1px solid var(--blu-scuro);
    }
    #header-nav a {
        width: 100%;
        font-size: 28px;
        height: 80px;
        line-height: 79px;
        border-bottom: 1px solid var(--blu-scuro);
        padding-left: 25px;
        box-sizing: border-box;
    }
    #burger-menu {
        display: block;
        height: 30px;
        line-height: 30px;
        font-size: 30px;
        position: absolute;
        top: 25px;
        right: 25px;
    }
    #burger-menu.open i:first-child,
    #burger-menu i:last-child {
        display: none;
    }
    #burger-menu.open i:last-child,
    #burger-menu i:first-child {
        display: block;
    }
    .page {
        padding-left: 20px;
        padding-right: 20px;
    }
    .first-big-image,
    .first-big-image .hp-page-int,
    .hp-big-page .hp-page-int {
        height: auto;
        min-height: calc(100vh - 80px);
    }
    .first-big-image.has_marquee,
    .first-big-image.has_marquee .hp-page-int {
        height: auto;
        min-height: calc(100vh - 80px - 56px);
    }
    .hp-page-int {
        position: relative;
        z-index: 2;
        height: auto;
        padding-top: 15px;
    }
    #hp-percorso-mese .mb_70 {
        margin-bottom: 40px;
    }
    .titolo-top-page-full {
        font-size: 14px;
    }
    .titolo-big {
        font-size: 28px;
        line-height: 36px;
    }
    .sub-titolo-big {
        font-size: 14px;
        line-height: 20px;
    }
    .testo-full-page {
        font-size: 14px;
        line-height: 20px;
    }
    #hp-archivio {
        padding: 20px 0px;
    }
    .slider-parent-cont p {
        display: none;
    }
    /*
    .slider-column-text .mt_16 {
        margin-top: 0px;
    }
    */
    .slider-cont {
        left: 0px;
        width: 100%;
        position: static;
        float: right;
        margin-top: 30px;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .slider-parent-cont,
    #hp-percorsi .slider-parent-cont,
    #hp-progetti .slider-parent-cont {
        min-height: unset;
/*         height: auto; */
    }
    #hp-percorsi,
    #hp-progetti {
        padding: 40px 0px;
    }
    .slider-column-text {
        min-height: unset;
        width: 100%;
        padding-right: 0px;
    }
    #hp-percorsi .slider, #hp-percorsi .slider-cont,
    #hp-progetti .slider, #hp-progetti .slider-cont {
        height: 347px;
    }
    .slider-obj-percorsi,
    .slider-obj-progetti {
        width: 274px;
        height: 347px;
        position: relative;
    }
    .slider-obj-percorsi .btn-bianco-sporco,
    .slider-obj-progetti  .btn-bianco-sporco {
        position: absolute;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
        display: block;
    }
    .slider-obj-percorsi-int,
    .slider-obj-progetti-int {
        width: 254px;
        height: 327px;
    }
    .slider-obj-percorsi-img,
    .slider-obj-progetti-img {
        height: 257px;
    }
    .slider-obj-hp-text-cont {
        height: 70px;
        padding: 15px;
        box-sizing: border-box;
    }
    .slider-obj-hp-title, .progetto-percorso-loop-title {
        font-size: 16px;
        line-height: 20px;
        max-height: 40px;
        overflow: hidden;
    }
    .slider-obj-percorsi-text,
    .slider-obj-progetti-text {
        display: none;
    }
    #btn-hp-archivio-slider-cont,
    #btn-percorsi-slider-cont,
    .btn-archivio-slider-cont {
        display: none;
    }
    .page-contenuti {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    /* ABOUT MOB */
    #about-section-1 {
        padding: 40px 0px;
    }
    #sec1-testo-grande {
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 40px;
    }
    #sec1-testo-piccolo {
        width: 100%;
        margin-bottom: 40px;
    }
    #about-section-2 {
        min-height: unset;
        height: calc(100vh - 80px);
    }
    #sec2-image {
        opacity: 1 !important;
        transform: translate(0) scale(1) !important;
    }
    #sec2-testo {
        display: flex;
        align-items: center;
        width: 100%;
        font-size: 30px;
        line-height: 50px;
        margin: 0px;
        padding: 0px 10px;
        height: calc(100vh - 80px - 170px);
    }
    #sec3-testi-cont {
        width: 100%;
    }
    #sec3-image {
        width: 100%;
        margin-top: 10px;
    }
    #sec3-testo-grande {
        width: 100%;
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    #sec3-testo-piccolo {
        width: 100%;
    }
    #sec4-testo-grande {
        width: 100%;
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    #sec4-testo-piccolo {
        width: 100%;
        margin-bottom: 20px;
    }
    #sec4-testo-partecipa {
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    #secextra-image-cont {
        width: 100%;
        position: unset;
    }
    #about-section-4-top .w_50pe {
        width: 100%;
    }
    .sec4-image {
        margin-top: 10px;
    }
    #half-about-sec4 {
        padding-left: 20px;
        padding-right: 20px;
    }
    #about-section-extra, #about-section-extra .page-contenuti {
        display: block;
    }
    #about-section-extra .w_48pe {
        width: 100%;
    }
    .partner-int .w_48pe {
        width: 100%;
        margin-bottom: 20px;
    }
    /**/
    .fascia-sezione-cont {
        height: 220px;
    }
    .fascia-sezione-cont .page .w_70pe {
        width: 100%;
    }
    #fascia-percorsi-cont {
        height: 96px;
    }
    .fascia-sezione-int {
        position: relative;
        padding-top: 160px;
    }
    .fascia-sezione-int .btn {
        position: absolute;
        top: 20px;
        right: 0px;
    }
    .archivio-section-title {
        font-size: 18px;
    }
    #progetti-percorsi-loop-cont {
        margin: 20px auto 20px auto;
        display: block;
    }
    .progetto-percorso-loop {
        width: 100%;
        height: 347px;
        margin-bottom: 20px;
        position: relative;
    }
    .progetto-percorso-loop .btn-grigio-chiaro {
        position: absolute;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
        display: block;
    }
    .progetto-percorso-loop-img {
        height: 257px;
    }
    .progetto-percorso-loop-text-cont {
        height: 90px;
        padding: 25px 15px 0px 15px;
        box-sizing: border-box;
    }
    .progetto-percorso-loop-text {
        display: none;
    }
    .diario-cont {
        padding: 0px;
    }
    #diario-top-cont {
        margin-top: 20px;
    }
    #diario-top-left-cont, #diario-top-right-cont {
        width: 100%;
        padding: 0px;
    }
    #diario-top-right-cont {
        margin-top: 40px;
    }
    #diario-top-right-cont .w_70pe {
        width: 100%;
    }
    #diario-autore {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 10px;
    }
    #diario-titolo {
        font-size: 32px;
        line-height: 46px;
        margin-bottom: 10px;
    }
    #diario-abstract {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 20px;
    }
    #diario-actions-cont {
        padding: 20px 0px;
    }
    #diario-sinossi-cont {
        margin-top: 20px;
        margin-bottom: 40px;
        font-size: 16px;
        line-height: 27px;
    }
    #scheda-diario-cont {
        right: -150vw;
        width: 100vw;
        padding: 20px;
    }
    #scheda-diario-cont.hide {
        right: -150vw;
    }
    .scheda-diario-sezioni-titolo,
    .scheda-diario-sezioni-chiave-valore {
        padding: 10px;
    }
    .scheda-diario-sezioni-chiave {
        width: 65%;
    }
    .scheda-diario-sezioni-valore {
        width: 35%;
    }
    #diario-prefazione-button {
        width: 100%;
        margin-bottom: 20px;
    }
    .estratto-progress-btn, .estratto-continua-lettura-btn {
        left: -32.5px;
    }
    .estratto-btn-diario {
        width: 100% !important;
        height: 65px;
        border-radius: 15px 15px 0px 0px;
        line-height: 45px;
        padding: 0px 15px;
        margin-top: -15px;
    }
    #cover-estratto .estratto-btn-diario.close {
        display: none;
    }
    #cover-estratto .estratto-btn-diario {
        height: 70px;
        padding: 15px;
        line-height: 20px;
    }
    #cover-estratto .estratto-btn-diario span {
        font-size: 15px;
        line-height: 20px;
        max-height: 40px;
    }
    #cover-estratto .estratto-btn-diario span.text-truncate {
        white-space: unset;
        overflow: hidden;
        text-overflow: unset;
    }
    .estratto-btn-diario span {
        line-height: 45px;
    }
    .estratto-btn-diario .estratto-btn {
        line-height: 45px;
        right: 8px;
        font-size: 10px;
    }
    #estratti-btn-diario-cont .estratto-btn-diario:nth-child(2),
    #estratti-btn-diario-cont .estratto-btn-diario:nth-child(3),
    #estratti-btn-diario-cont .estratto-btn-diario:nth-child(4),
    #estratti-btn-diario-cont .estratto-btn-diario:nth-child(5) {
        margin-left: 0px;
    }
    #estratti-btn-diario-cont .estratto-btn-diario:first-child {
        z-index: 1;
    }
    #estratti-btn-diario-cont .estratto-btn-diario:nth-child(2) {
        z-index: 2;
    }
    #estratti-btn-diario-cont .estratto-btn-diario:nth-child(3) {
        z-index: 3;
    }
    #estratti-btn-diario-cont .estratto-btn-diario:nth-child(4) {
        z-index: 4;
    }
    #estratti-btn-diario-cont .estratto-btn-diario:nth-child(5) {
        z-index: 5;
    }
    .estratto-diario-bottom {
        left: 0px;
        z-index: 9999;
    }
    .estratto-diario-bottom-fixed {
        position: fixed;
        bottom: 0px !important;
    }
    .estratto-diario-bottom-absolute {
        position: absolute;
    }
    .estratto-btn-diario.open {
        cursor: default;
    }
    .estratto-btn-diario.open .estratto-btn-diario-text {
        text-decoration: none;
    }
    .estratto-diario-cont {
        padding-top: 30px;
    }
    .estratto-diario-sinossi-intro {
        padding-bottom: 15px;
    }
    .estratto-diario-sinossi-cont .w_60pe {
        width: 100%;
    }
    .estratto-diario-sinossi-text {
        margin: 0px 0px 30px 0px;
    }
    #cover-estratto {
        height: 100%;
    }
    #estratto-top-cont {
        height: 100%;
        padding: 40px 20px;
        box-sizing: border-box;
        margin-bottom: 40px;
    }
    #estratto-top-text-cont {
        width: calc(100% - 90px);
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        margin-bottom: 20px;
    }
    .estratto-top-text-column {
        width: 50%;
        min-height: 70px;
        padding-right: 10px;
        word-break: break-word;
    }
    #estratto-top-titolo, #percorso-top-titolo {
        margin-right: 10px;
        margin-top: 0px;
        margin-bottom: 30px;
        font-size: 24px;
        line-height: 36px;
    }
    #estratto-top-autore-img-cont {
        width: 80px;
        height: 80px;
    }
    .estratto-cont {
        padding-top: 0px !important;
    }
    .estratto-left-cont, .estratto-right-cont {
        width: 100%;
        border-left: unset;
        padding-left: 30px;
    }
    .estratto-citazione {
        font-size: 30px;
        line-height: 120%;
    }
    #percorso-top-titolo.w_80pe {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 60px;
        font-size: 14px;
        line-height: 150%;
        font-family: 'GeneralSans-Regular';
    }
    #percorso-testo-cont {
        padding: 40px 0px;
    }
    #percorso-tappe-cont {
        padding: 40px 0px;
    }
    #percorso-testo {
        padding: 0px;
    }
    #percorso-tappe-nav {
        display: none;
    }
    #percorso-carousel {
        width: 100%;
    }
    .back-btn {
        display: none;
    }
    #tappa-sfondo-cont {
        background: var(--bianco-sporco) !important;
    }
    #tappa-top-cont {
        min-height: unset;
        margin: 20px 0px;
    }
    #tappa-top-left-cont,
    #tappa-top-right-cont {
        width: 100%;
        float: left;
        margin-right: unset;
    }
    #tappa-top-right-cont {
        text-align: center;
    }
    #tappa-top-right-img {
        float: none;
        margin: 60px auto 40px auto;
        height: 290px;
        width: 220px;
        transform: rotate(20deg);
    }
    .accordion {
        border-radius: 15px 15px 0px 0px;
        margin-top: -10px;
    }
    .accordion-question {
        font-size: 22px;
        line-height: 80px;
    }
    .accordion-question span {
        font-size: 24px;
    }
    .accordion-answer {
        padding: 40px 0px;
    }
    .accordion-answer-left {
        width: 100%;
        margin-bottom: 20px;
    }
    .accordion-answer-right {
        width: 100%;
        padding-left: 0px;
    }
    .btn-accordion-go-to {
        height: 100px;
        line-height: 80px;
    }
    #percorso-tappe-title {
        margin-bottom: 20px;
    }
    .estratto-diario-next-prev-text {
        display: none;
    }
    #diario-sfondo-cont {
        padding-bottom: 0px;
    }
    #diario-prefazione-cont-close {
        top: 20px;
        position: absolute;
    }
    #diario-prefazione-text-cont {
        width: 100%;
        padding: 20px 20px 20px 20px;
    }
    #estratti-btn-floating .page-contenuti {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    #estratti-btn-floating.absolute {
        position: static;
    }
    #estratti-btn-floating.fixed {
        position: relative;
    }
    #estratti-btn-floating.fixed-hidden {
        position: relative;
    }
    .diario-cont {
        padding: 0px;
    }
    #diario-sfondo-cont {
        padding-bottom: 45px;
    }
    #cover-estratto .page-contenuti {
        position: relative;
        padding: 0px;
    }
    #estratti-btn-diario-cont {
        display: block;
        position: relative;
    }
    .link-full-page {
        right: 25px;
        font-size: 12px;
        line-height: 12px;
        padding: 12px 14px;
    }
    #testo-archivio-mob-dotted {
        height: 200px;
        overflow: hidden;
        margin-bottom: 20px;
    }
    #fascia-sezione-archivio .mb_40 {
        margin-bottom: 20px;
    }
    #fascia-sezione-archivio .mt_40 {
        margin-top: 20px;
    }
    .modal-box {
        width: 350px;
        margin-left: -175px;
    }
    #modal-int {
        padding: 40px 20px;
    }
    .contenutoextra-btn {
        left: 5px;
        top: 10px;
        right: unset;
        z-index: 10;
    }
    .contenutoextra-cont {
        width: 40px;
        padding-right: unset;
        padding: 10px 10px 30px 10px;
    }
    .contenutoextra-cont.open-mobile {
        width: calc(100% - 20px);
        background-color: var(--bianco-sporco);
        border-radius: 10px;
        box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 15%);
    }
    .contenutoextra-titolo {
        margin-left: 30px;
        display: none;
        font-size: 15px;
    }
    .contenutoextra-cont.open-mobile .contenutoextra-titolo {
        display: block;
    }
    .contenutoextra-testo-img {
        opacity: 1;
        margin-left: 30px;
        width: calc(100vw - 70px);
        box-sizing: border-box;
    }
    .contenutoextra-cont .text-right {
        text-align: left;
    }
    .contenutoextra-cont .mt_20 {
        margin-top: 10px;
    }
    .contenutoextra-cont .right {
        float: left;
    }
    .contenutoextra-titolo {
        text-align: left;
    }
    #profilo-tab-cont {
        margin-top: 75px;
    }
    .profilo-nav {
        min-width: 25vw;
        width: auto;
        padding: 0px 2.5px;
        box-sizing: border-box;
        font-size: 12px;
    }
    #fascia-profilo-cont {
        padding-top: 57px;
    }
    #profilo-form .form-half-input-cont {
        width: 100%;
        margin-bottom: 10px;
    }
    .lettura-item {
        width: 100%;
    }
    #letture-cont {
        gap: 20px;
    }
    .accordion-question-profilo {
        padding: 20px 0px 50px 0px;
    }
    .accordion-question-profilo-titolo {
        font-size: 16px;
        line-height: 22px;
    }
    .accordion-question-profilo-right {
        width: 44px;
        height: 44px;
    }
    .accordion-question-profilo-simboli {
        line-height: 44px;
    }
    #about-section-2 {
        padding-top: 0px;
    }
    #estratto-tappapercorso-lnk-autore {
        display: none;
        top: 20px;
        right: 105px;
        font-size: 12px;
        width: 115px;
        height: 30px;
        padding: 5px 10px;
    }
    #footer-disclaimer {
        padding-left: 0%;
        box-sizing: border-box;
    }
}