@import url("/res/fonts/fonts.css");

/* *********
RESET CSS
********* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, label,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

body {
    line-height: 0em;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
    line-height: 0px;
}

del {
    text-decoration: line-through;
}

/* a {
    display: inline-block;
} */

p {
    line-stacking: 4em;
}

html, body {
    scroll-behavior: smooth;
    /* height: 100%; */
}
/* FINE DEL RESET */

:root {
    --testo: #464157;
    --border: #e6e6e6;
    --blu: #0079c4;
    --verde: #838914;
    --grigio: #7a7a7a;
    --light-blu: #f2f8fc;
}

@media all {
    html {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
    }

    body {
        line-height: 1em;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 25px;
        font-family: "Readex Pro", sans-serif;
        background: #fff;
        width: 100%;
        color: #ff0080;
        background-color: ghostwhite;
        display: flex;
        flex-direction: column;
        overflow-x: hidden;
    }

    * {
        touch-action: manipulation;
    }

    body.noscroll {
        position: fixed;
    }

    .link-underline {
        text-decoration: none;
    }

    .link-underline:hover {
        text-decoration: underline;
    }

    .link-opacity {
        transition: .2s ease opacity;
    }

    .link-opacity:hover {
        opacity: 0.7;
    }

    header {
        z-index: 9999;
    }

    h1 {
        font-size: 40px;
        color: var(--testo);
        font-weight: 600;
        line-height: 46px;
        margin-bottom: 20px;
    }

    .share-btn {
        position: relative;
        display: flex;
        align-items: center;
        cursor: pointer;
        margin-right: 14px;
    }

    .share-btn > img {
        height: 28px;
        width: 28px;
    }

    .share-menu {
        position: absolute;
        top: 24px;
        left: 0;
        display: none;
        flex-direction: column;
        width: 150px;
        background-color: white;
        border-radius: 5px;
        z-index: 99;
        border: 2px solid lightgray;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    .share-menu > a {
        font-size: 14px;
        color: var(--testo);
        text-align: center;
        padding: 5px 0;
        border-bottom: 1px solid lightgray;
        font-weight: 600;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .share-menu > a > img {
        margin-right: 8px;
    }

    .share-menu > a:last-child {
        border: 0;
    }

    .breadcrumb {
        font-size: 12px;
        color: var(--grigio);
        margin-top: 10px;
        font-weight: 300;
    }

    .breadcrumb > span {
        color: var(--testo);
        margin: 0 6px;
    }

    .breadcrumb a, .breadcrumb a:link{
        color: var(--grigio);
        text-decoration:none;
    }

    .breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease; 
        transition: all 0.3s ease;
        color: #000;
        text-decoration:underline;
    }

    .error-404-page > .banners {
        display: flex;
        margin-bottom: 30px;
    }

    .colorgrigioblu {
        color: var(--testo);
    }

    .colorgrigioblu a,
    .colorgrigioblu a:link {
        color: var(--testo);
        text-decoration: none;
    }

    .colorgrigioblu a:hover,
    .colorgrigioblu a:focus,
    .colorgrigioblu a:active {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        color: var(--blu);
        text-decoration: underline;
    }

    .colorgrigio {
        color: var(--testo);
    }

    .colorgrigio a,
    .colorgrigio a:link {
        color: var(--testo);
        text-decoration: none;
    }

    .colorgrigio a:hover,
    .colorgrigio a:focus,
    .colorgrigio a:active {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        color: var(--testo);
        text-decoration: underline;
    }
    
    .colorbianco {
        color: #fff;
    }

    .colorbianco a,
    .colorbianco a:link {
        color: #fff;
        text-decoration: none;
    }

    .colorbianco a:hover,
    .colorbianco a:focus,
    .colorbianco a:active {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        color: #0f0;
    }

    .colorgrc {
        color: var(--grigio);
    }

    .colorgrc a,
    .colorgrc a:link {
        color: var(--grigio);
    }

    .colorgrc a:hover,
    .colorgrc a:focus,
    .colorgrc a:active {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .colorazz {
        color: var(--blu);
    }

    .colorazz a,
    .colorazz a:link {
        color: var(--blu);
        text-decoration: underline;
    }

    .colorazz a:hover,
    .colorazz a:focus,
    .colorazz a:active {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        color: #f0f;
    }

    .colorverdino {
        color: var(--verde);
    }

    .colorverdino a,
    .colorverdino a:link {
        color: var(--verde);
        text-decoration: underline;
    }

    .colorverdino a:hover,
    .colorverdino a:focus,
    .colorverdino a:active {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        color: #0ff;
    }

    .bggrigio {
        background-color: #f6f6f6;
    }

    .margine-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .newsletter {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
        max-width: 300px;
        background-color: var(--light-blu);
        padding: 16px;
        box-sizing: border-box;
    }

    .newsletter.green {
        background-color: #fcfdef;
    }

    .newsletter.green > div,
    .newsletter.green input::placeholder {
        color: var(--verde);
    }

    .newsletter div {
        color: var(--blu);
        font-size: 16px;
        margin-bottom: 15px;
    }

    .newsletter form {
        position: relative;
    }

    .newsletter input::placeholder {
        color: var(--blu);
    }

    .newsletter input {
        width: 100%;
        box-sizing: border-box;
        background: none;
        border: 1px solid var(--blu);
        padding: 10px 16px;
        font-size: 14px;
        border-radius: 999px;
        font-family: "Readex Pro", sans-serif;
        color: var(--blu);
    }

    .newsletter.green input {
        color: var(--verde);
        border-color: var(--verde);
    }

    .newsletter button {
        position: absolute;
        top: calc(50% - 8px);
        right: 10px;
        border: 0;
        background: none;
        cursor: pointer;
    }

    .info-foto {
        font-size: 14px;
        line-height: 24px;
        color: var(--testo);
        margin: 15px 0;
    }

    .info-foto-descr {
        display: inline;
        margin-right: 15px;
    }

    .info-foto-autore {
        display: inline-block;
        color: var(--grigio);
        line-height: 30px;
    }

    .info-foto-autore > img {
        margin-right: 6px;
        transform: translateY(1px);
    }

    .copertina {
        width: calc(100% - 60px);
        margin: 30px 30px 0 30px;
    }

    .copertina.expo {
        margin: 0px;
        width: 100%;
    }

    .copertina.expo > .img > img {
        aspect-ratio: unset;
    }

    .duecolonne50 #related-itinerari > .block > a > img {
        max-width: unset;
    }

    .duecolonne50 .copertina {
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    .copertina.duplicata {
        margin: 0;
        width: 100%;
        display: none;
        visibility: hidden;
    }

    .iframe-container {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
        height: 0;
    }

    .iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .copertina > .img {
        display: flex;
        justify-content: flex-start;
        position: relative;
        width: 100%;
    }

    .copertina .all-photos > img {
        margin-right: 6px;
        margin-bottom: 2px;
        height: 12px;
    }

    .copertina .all-photos {
        right: 30px;
    }

    .copertina .all-photos {
        position: absolute;
        width: fit-content;
        box-sizing: border-box;
        bottom: 30px;
        color: white;
        text-decoration: none;
        background-color: rgba(0, 0, 0, 0.2);
        padding: 5px 14px;
        font-weight: 300;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(20px) brightness(1);
        -webkit-backdrop-filter: blur(20px);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .2s ease background-color;
    }

    .copertina .all-photos:hover {
        background-color: rgba(0, 0, 0, 0.3);
    }

    .copertina {
        font-size: 14px;
    }

    .copertina .space {
        width: 40px;
        height: 5px;
        display: none;
    }

    .copertina .descr {
        white-space: break-spaces;
        margin-right: 40px;
        margin-bottom: 15px;
        line-height: 22px;
    }

    .copertina > .texts > a {
        text-decoration: none;
        color: var(--grigio);
        transition: .2s ease opacity;
        white-space: nowrap;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    .copertina > .texts > a:hover {
        opacity: 0.7;
    }

    .copertina > .texts > a > img {
        margin-right: 6px;
        height: 14px;
        width: 14px;
        margin-bottom: 4px;
    }

    .copertina > .texts {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        color: var(--testo);
        padding: 20px 0;
    }

    .copertina > .img > img {
        /* max-width: 100%;
        max-height: 650px; */
        width: 100%;
        aspect-ratio: 2 / 1;
        object-fit: cover;
    }

    .duecolonne50 .copertina .texts {
        padding-bottom: 0;
    }

    .duecolonne50 .copertina .space {
        display: none;
    }

    .duecolonne50 .copertina > .img > img {
        width: 100%;
        object-fit: cover;
        aspect-ratio: unset;
    }


    .tags {
        display: flex;
        border-top: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .tags > div {
        font-size: 14px;
        margin-right: 10px;
        margin-top: 1px;
        display: flex;
        flex-wrap: wrap;
        line-height: 22px;
    }

    .tags > div > .tag {
        margin-right: 5px;
        transition: .2s opacity ease;
        margin-bottom: 5px;
    }

    .tags > div > .tag:hover {
        opacity: 0.7;
    }

    .tags .tag.red {
        background-color: #e5252a;
    }
    
    .tags .tag.red::after {
        border-right-color: #e5252a;
    }

    .tags img {
        height: 25px;
    }



    /* MENU */
    header {
        position: sticky;
        position: -webkit-sticky;
        top: 50px;
    }

    .fascia-menu {
        height: 80px;
        width: 100%;
        box-sizing: border-box;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid var(--border);
    }

    .fascia-menu > .buttons {
        display: flex;
    }

    .fascia-menu  > .buttons > .hamburger {
        display: none;
    }

    .hamburger {
        border: 0;
        background: none;
    }

    .fascia-menu .logo {
        height: 45px;
        margin-left: 30px;
    }

    .fascia-menu > .menu {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .fascia-menu .menu-item {
        color: var(--testo);
        display: flex;
        align-items: center;
        font-size: 15px;
        text-decoration: none;
        color: var(--testo);
        text-transform: uppercase;
        font-weight: 500;
        transition: .2s ease opacity;
        margin: 0 15px;
        position: relative;
        height: 100%;
        cursor: pointer;
    }

    .fascia-menu .menu-item > img {
        margin-left: 7px;
    }

    .fascia-menu .menu-item:hover {
        opacity: 0.5;
    }

    .fascia-menu .menu-item.sub:hover {
        opacity: 1;
    }

    .fascia-menu > .buttons > a {
        box-sizing: border-box;
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid var(--border);
        transition: .2s opacity ease;
    }

    .fascia-menu > .buttons > a:hover {
        opacity: 0.5;
    }

    .fascia-menu .submenu {
        position: absolute;
        top: 100%;
        left: 0;
        display: flex;
        flex-direction: column;
        clip: rect(0px, 300px, 0, 0);
    }

    .fascia-4-banner {
        display: flex;
        justify-content: center;
    }

    .fascia-4-banner > .wrapper-container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .fascia-4-banner ins {
        min-width: 300px;
        max-width: 300px;
        margin: 10px;
    }

    .fascia-4-banner ins a {
        width: 100%;
    }

    .fascia-4-banner a > img {
        width: 100%;
        height: 100%;
    }

    .fascia-menu .submenu > a {
        width: 100%;
        min-width: 150px;
        padding: 14px 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: white;
        background-color: var(--blu);
        text-decoration: none;
        transition: .2s background-color ease;
        text-transform: none;
        font-size: 16px;
        font-weight: 400;
    }

    .fascia-menu .submenu > a:hover {
        background-color: #006fb4;
    }

    .menu-mobile {
        display: none;
    }
    /* FINE MENU */




    /* TITOLI CON FRECCIA */
    .tag {
        position: relative;
        width: fit-content;
        display: flex;
        align-items: center;
        font-size: 14px;
        background-color: #464157;
        padding: 0 10px 0 5px;
        height: 24px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        color: white;
        margin-left: 8px;
        text-decoration: none;
    }
    
    .tag::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-right: 8px solid #464157;
        left: -8px;
        top: 0;
    }
    
    .arrow {
        position: relative;
        margin-bottom: 10px;
    }
    
    .arrow > div {
        position: relative;
        width: fit-content;
        display: flex;
        align-items: center;
        font-size: 14px;
        padding: 0 8px 0 10px;
        height: 24px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        color: white;
    }
    
    .arrow > div::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        right: -8px;
        top: 0;
    }
    
    .arrow::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        top: 11px;
    }
    
    .arrow.blue > div {
        background-color: var(--blu);
    }
    
    .arrow.blue > div::after {
        border-left: 8px solid var(--blu);
    }
    
    .arrow.blue::after {
        background-color: var(--blu);
        z-index: -2;
    }
    
    
    .arrow.green > div {
        background-color: #838914;
    }
    
    .arrow.green > div::after {
        border-left: 8px solid #838914;
    }
    
    .arrow.green::after {
        background-color: #838914;
        z-index: -2;
    }
	/* FINE TITOLI CON FRECCIA */




    /* HEADER */
    .banner-515 {
        width: 100%;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /* FINE HEADER */




    /* CONTENITORE LATERALE */
    .box-list {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .box-list > .box {
        width: 100%;
        display: flex;
        text-decoration: none;
        padding: 20px 0;
        border-top: 1px solid #e6e6e6;
    }

    .box-list > .box > .texts > div:first-child {
        display: flex;
        /* flex-direction: column; */
    }

    .box-list > .box.expo > .texts > div:first-child {
        flex-direction: column;
    }

    .box-list > .box .data > a {
        margin-left: 4px;
    }

    .box-list > .box:last-of-type {
        border-bottom: 1px solid #e6e6e6;
    }

    .box-list > .box.expo {
        padding: 15px;
        box-shadow: 0 2px 6px 0 #e6e6e6;
        box-sizing: border-box;
        flex-direction: column;
        margin-top: 20px;
        border: 0 !important;
    }

    .box-list > .box.expo > .images {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .box-list > .box.expo .foto > img {
        width: 80px;
        height: 80px;
        object-fit: cover;
    }

    .box-list > .box.expo .logo > img {
        max-width: 90px;
        max-height: 50px;
        width: 100%;
        height: 100%;
        object-fit: contain;
        margin-right: 0;
    }

    .box-list > .box.expo .titolo {
        color: var(--testo);
        font-size: 16px;
        line-height: 1.3em;
        font-weight: 400;
        margin-top: 5px;
    }

    .box-list > .box .titolo > a {
        color: var(--testo);
    }

    .box-list > .box.expo .testo {
        color: var(--grigio);
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        margin-top: 5px;
    }

    .box-list > .box.expo .marca {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 600;
        color: var(--verde);
        line-height: 1.3em;
        margin-right: 5px;
        margin-top: 6px;
    }

    .show-all {
        display: block;
        font-size: 14px;
        margin-top: 10px;
        width: 100%;
        text-align: center;
        text-decoration: none;
    }

    .vertical-list {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .vertical-list > a {
        color: var(--testo);
        font-size: 16px;
        line-height: 28px;
        text-decoration: none;
        transition: .2s ease color;
        padding: 10px 0px;
        border-bottom: 1px solid #e8e8e8;
    }

    .vertical-list > a:last-of-type {
        border-bottom: 0px;
    }

    .vertical-list > a:hover {
        color: var(--blu);
    }

    .vertical-list.green > a:hover {
        color: var(--verde);
    }

    .show-all:hover {
        text-decoration: underline;
    }

    .box-list > .box:first-child {
        border: 0;
    }

    .box-list > .box img {
        height: 70px;
        width: 100px;
        object-fit: cover;
        margin-right: 20px;
    }

    .box-list > .box .data {
        color: var(--testo);
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .box-list > .box .data.verde {
        color: var(--verde);
    }

    .box-list > .box .titolo {
        color: var(--testo);
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .box-list > .box .testo {
        margin-top: 0;
        line-height: 0;
    }

    .box-list > .box .testo > a {
        color: var(--grigio);
        line-height: 18px;
        font-weight: 400;
        font-size: 12px;
    }

    .box-list > .box .testo > a.colorgrc {
        color: var(--grigio);
    }
    /* FINE CONTENITORE LATERALE */




    /* TESTO */
    .testuale {
        font-size: 19px;
        line-height: 1.8em;
        font-weight: 400;
        color: var(--testo);
    }

    .testuale ul {
        list-style: disc;
        padding-left: 30px;
        margin: 10px 0;
    }

    .testuale ul > li {
        margin-bottom: 10px;
    }

    .testuale.verde ul > li::marker {
        color: var(--verde) !important;
    }

    .testuale ul > li::marker {
        color: var(--blu);
    }

    .testuale .light {
        font-weight: 300;
    }

    .testuale .bold {
        font-weight: 500;
    }

    .corpo {
        overflow-x: hidden;
    }

    .corpo p {
        margin-bottom: 30px;
    }

    .corpo a {
        color: var(--blu) !important;
    }

    .note {
        font-size: 14px;
        line-height: 18px;
        color: var(--grigio);
    }

    .note > p {
        display: inline;
    }
    /* FINE TESTO */




    /* FASCIA TITOLI */
    .titoli-wrapper {
        display: grid;
        grid-template-columns: auto 300px;
        grid-template-rows: auto auto;
        grid-template-areas: 
            "titoli banner"
            "meta meta";
        padding: 30px 30px 0 30px;
    }

    .titoli-wrapper.video {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto 20px auto auto;
        grid-template-areas: 
            "iframe"
            "."
            "titoli"
            "meta";
        padding: 30px 30px 0 30px;
    }

    .titoli-wrapper.video .titoli {
        margin-right: 0px;
    }

    .titoli-wrapper.video .title {
        font-size: 24px;
        text-decoration: none;
        color: var(--testo);
        font-weight: 600;
    }

    .titoli-wrapper.video .title:hover {
        text-decoration: underline;
    }

    .titoli-wrapper.video .meta {
        font-size: 16px;
        color: #7a7a7a;
        margin-bottom: 3px;
        margin-top: 20px;
    }

    .titoli-wrapper.video .meta > a {
        color: #7a7a7a;
    }

    .titoli-wrapper.video > .iframe-container {
        grid-area: iframe;
    }

    .titoli-wrapper.expo {
        grid-template-areas: 
        "titoli banner"
        "meta meta";
    }

    .titoli-wrapper.expo > .meta {
        margin-right: 0px;
        height: unset;
    }

    .titoli-wrapper > .titoli {
        /* background-color: red; */
        grid-area: titoli;
        margin-right: 8%;
    }

    .titoli-wrapper > .titoli > div {
        display: flex;
        flex-wrap: wrap;
        font-size: 22px;
        font-weight: 500;
        line-height: 30px;
    }

    .titoli-wrapper > .titoli > div > span {
        margin: 0 6px;
    }

    .titoli-wrapper > .meta {
        position: relative;
        /* background-color: yellow; */
        grid-area: meta;
        height: fit-content;
        padding: 10px 0;
        border-top: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 30px;
    }

    .titoli-wrapper > .meta > .texts {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        font-size: 12px;
    }

    .titoli-wrapper > .meta .resultset > span {
        width: fit-content !important;
        height: 26px;
        min-width: 18px;
        margin-right: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 6px;
        border: 1px solid var(--testo);
        border-radius: 999px;
    }

    .titoli-wrapper > .meta > .buttons {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .titoli-wrapper .texts > .autore,
    .titoli-wrapper .texts > .data,
    .titoli-wrapper .texts > .immagini,
    .titoli-wrapper > .meta .resultset {
        display: flex;
        align-items: center;
        color: var(--testo);
        transition: .2s ease opacity;
        white-space: nowrap;
    }

    .titoli-wrapper .texts > .immagini:hover {
        opacity: 0.5;
    }

    .titoli-wrapper .texts > .autore,
    .titoli-wrapper .texts > .data > div,
    .titoli-wrapper .texts > .immagini > div {
        display: flex;
        align-items: center;
        text-transform: uppercase;
        margin-right: 20px;
    }

    .titoli-wrapper .texts > .data > span,
    .titoli-wrapper .texts > .immagini > span {
        margin-right: 5px;
        height: 28px;
        width: 28px;
        background-image: url("/res/img/icn-circle.svg");
        background-size: contain;
        background-position: center;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        border-radius: 999px;
        font-weight: 600;
    }

    .titoli-wrapper .texts > .autore > img {
        height: 28px;
        width: 28px;
        margin-right: 8px;
    }

    .titoli-wrapper .buttons span {
        width: 10px;
        height: 5px;
    }

    .btn {
        font-size: 12px;
        line-height: 12px;
        height: fit-content;
        width: fit-content;
        padding: 14px 20px;
        border: 1px solid var(--testo);
        border-radius: 999px;
        color: var(--testo);
        font-family: "Readex Pro", sans-serif;
        text-decoration: none;
        text-transform: uppercase;
        transition: .2s ease opacity;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        background: none;
        cursor: pointer;
    }

    .btn2.navyBlue {
        font-size: 16px;
        background-color: var(--blu);
        padding: 12px 18px;
        border-radius: 5px;
        display: inline-block;
        color: white !important;
    }

    .btn.blue-outline {
        border-color: var(--blu);
        color: var(--blu);
    }

    .titoli-wrapper .btn > img {
        height: 16px;
        width: 16px;
        margin-left: 8px;
    }

    .btn.blue {
        background-color: var(--blu);
        border-color: var(--blu);
        color: white;
    }

    .btn:hover {
        opacity: 0.7;
    }

    .titoli-wrapper > .banner-194 {
        /* background-color: cyan; */
        grid-area: banner;
    }

    .titoli-wrapper > .banner-194.expo {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* FINE FASCIA TITOLI */




    /* SKIN BANNER */
    .skin {
        height: 100vh;
        min-width: 200px;
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 1;
        flex: 1;
    }

    .skin img {
        width: 200px;
        display: block;
    }

    .skin1 a {
        display: flex !important;
        justify-content: flex-end;
    }

    .skin a {
        display: block;
        height: 100%;
    }

    .skin-3 {
        width: 100%;
        height: 50px;
        background-color: ghostwhite;
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 9999;
    }

    .skin-3 img {
        width: 100%;
        object-fit: cover;
    }
    /* FINE SKIN BANNER */




    /* CONTENITORI */
    body {
        margin: 0;
    }

    .main-container {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        /* overflow-x: hidden; */
        height: 100%;
        width: 100%;

    }

    .main-column {
        max-width: 1360px;
        min-width: 800px;
        width: 100%;
        height: fit-content;
        z-index: 2;
        background-color: white;
        /* background-color: tomato; */
    }

    .container {
        display: inline-block;
        padding: 30px;
    }

    .clear-both {
        clear: both;
    }
    /* FINE CONTENITORI */



    /* PAGINATION */
    .pagination {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-bottom: 40px;
    }

    .pagination > a {
        line-height: 14px;
        margin: 0 4px;
        border-radius: 999px;
        font-size: 14px;
        border: 1px solid var(--testo);
        background: none;
        padding: 0 8px;
        height: 26px;
        min-width: 10px;
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--testo);
        transition: .2s ease border-color, .2s ease color;
        cursor: pointer;
    }

    .pagination > a.arrow {
        padding: 0;
        width: 26px;
    }

    .pag-transparent {
        opacity: 0;
        cursor: default;
    }

    .pagination > a > svg {
        height: 12px;
        width: 12px;
        margin-left: 2px;
    }

    .pagination > a:hover {
        color: var(--blu);
        border-color: var(--blu);
    }

    .green > .pagination > a:hover {
        color: var(--verde);
        border-color: var(--verde);
    }

    .pagination > a.current {
        color: white;
        border-color: var(--blu);
        background-color: var(--blu);
    }

    .green > .pagination > a.current {
        background-color: var(--verde);
        border-color: var(--verde);
        color: white;
    }
    /* FINE PAGINATION */



    /* SEARCH FORM */
    form.search {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 60px;
    }

    form.search > .s {
        flex: 1;
    }

    form.search > .input-field {
        font-size: 14px;
        font-family: "Readex Pro", sans-serif;
        padding: 10px 16px;
        border-radius: 999px;
        border: 1px solid var(--blu);
        color: var(--blu);
        margin-bottom: 8px;
        margin-right: 8px;
        display: flex;
        align-items: center;
        transition: .2s ease opacity;
    }

    form.search > .input-field:hover {
        opacity: 0.7;
    }

    form.search > button.input-field {
        cursor: pointer;
    }

    form.search > .input-field::placeholder {
        color: var(--blu);
    }

    form.search.green > .input-field::placeholder {
        color: var(--verde);
    }

    form.search.green > .input-field {
        border-color: var(--verde);
        color: var(--verde);
    }

    form.search > .input-field > img {
        height: 16px;
        width: 16px;
        margin-left: 7px;
        margin-top: 1px;
    }

    form.search > button.input-field {
        width: 120px;
        justify-content: center;
    }

    form.search > button.input-field > img {
        width: 0;
        margin-left: 0;
        transition: .2s ease width, .2s ease margin-left;
    }

    form.search > button.input-field:hover > img {
        margin-left: 7px;
        width: 16px;
    }

    form.search > select.input-field {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        position: relative;
        padding-right: 30px;
        background-image: url("/res/img/icn-caret-blue.svg");
        background-repeat: no-repeat;
        background-position-x: calc(100% - 14px);
        background-position-y: 50%;
    }

    form.search.green > select.input-field {
        background-image: url("/res/img/icn-caret-green.svg");
    }

    form.search > .input-field.blue {
        background-color: var(--blu);
        color: white;
    }

    form.search > .input-field.green {
        background-color: var(--verde);
        color: white;
    }
    /* FINE SEARCH FORM */




    /* DUE COLONNE ASIMMETRICHE */
    .duecolonne {
        display: inline-block;
        padding: 30px 30px 0 30px;
        width: calc(100% - 60px);
    }

    .duecolonne > .col1 {
        width: 300px;
        float: right;
        align-items: center;
    }

    .duecolonne > .col1 > .banners {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .duecolonne > .col1 > .banners > ins {
        margin-bottom: 15px;
    }

    .duecolonne > .col1 > ins img {
        margin-bottom: 10px;
    }

    .duecolonne > .col2 {
        /* background-color: cyan; */
        /* min-height: 500px; */
        margin-right: 8%;
        float: left;
        width: 100%;
        max-width: calc(100% - 300px - 8%);
    }

    .duecolonne > .col3 {
        width: 300px;
        float: right;
        clear: right;
        margin-top: 30px;
    }
    /* FINE DUE COLONNE ASIMMETRICHE */


    .padded {
        padding-left: 30px;
        padding-right: 30px;
    }



    /* DUE COLONNE 50% */
    .duecolonne50 {
        padding: 15px 15px 0 15px;
    }

    .duecolonne50 .banners {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .duecolonne50 .banners > ins {
        margin: 5px 6px;
    }

    .duecolonne50 .testuale {
        padding-right: 20px;
    }

    .stars-wrapper {
        width: 83px;
        height: 15px;
        display: inline-flex;
    }

    .stars-wrapper.small {
        /* Dimensione fissa perche sennò spazia */
        width: 60px;
        height: 10px;
    }

    .stars-wrapper.small > .star {
        width: 10px;
        height: 10px;
    }

    .star {
        margin-right: 2px;
        height: 15px;
        width: 15px;
    }

    .duecolonne50 .info {
        width: 100%;
        padding: 8px 0;
        border-bottom: 1px solid var(--border);
        display: flex;
        justify-content: space-between;
        font-size: 14px;
    }

    .duecolonne50 .info.duplicata {
        display: none;
    }

    .duecolonne50 .info .title {
        color: var(--grigio);
        font-weight: 300;
    }

    .btn.small {
        text-decoration: none;
        padding: 5px 12px;
        box-sizing: border-box;
        border-radius: 999px;
        display: flex;
        align-items: center;
        border: 1px solid var(--blu);
        color: var(--blu);
    }

    .btn.small > img {
        height: 14px;
        width: 14px;
        margin-bottom: 0;
        margin-left: 5px;
    }

    .duecolonne50 .info .content {
        color: var(--testo);
        font-weight: 500;
        max-width: calc(100% - 100px);
        text-align: right;
    }

    .duecolonne50 .info .content a {
        color: var(--blu);
    }

    .duecolonne50 > .col1 {
        float: right;
        width: calc(50% - 10px);
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .duecolonne50 > .col1 > ins img {
        margin-bottom: 8px;
    }

    .duecolonne50 > .col2 {
        float: left;
        width: calc(50% - 30px);
        margin: 15px;
        margin-bottom: 40px;
    }

    .duecolonne50 > .col2 img,
    .duecolonne50 > .col1 img {
        max-width: 100%;
        /* height: auto; */
    }

    .settore > .content > img {
        width: 100%;
    }

    .duecolonne50 > .col3 {
        float: right;
        width: calc(50% - 30px);
        margin: 15px;
    }

    .duecolonne50 .block > div {
        width: calc(100% - 100px);
    }
    /* FINE DUE COLONNE 50% */




    /* LISTA FLEX */
    /*
        Questa lista fa allinea gli elementi
        orizzontalmente fino a che riempono
        lo schermo orizzontalmente per poi andare
        a capo
    */
    .lista-flex {
        display: flex;
        flex-wrap: wrap;
        padding: 15px;
        padding-top: 0;
    }

    .lista-flex > .block {
        width: calc(50% - 30px);
        margin: 15px;
        display: flex;
        transition: .2s ease opacity;
    }

    .lista-flex > .block > a > img {
        height: 133px;
        width: 200px;
        object-fit: cover;
        margin-right: 20px;
    }

    .lista-flex .data {
        font-size: 12px;
        line-height: 18px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .lista-flex .titolo {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        text-decoration: none;
    }

    .lista-flex .descr {
        margin-top: 5px;
        font-size: 13px;
        line-height: 18px;
        color: var(--grigio);
    }

    .duecolonne50 .lista-flex {
        padding: 0;
        justify-content: space-between;
    }

    .lista-flex > .falesia-block {
        width: calc((100% / 2) - 10px);
        color: var(--testo);
        margin-bottom: 30px;
        background-color: var(--light-blu);
        box-sizing: border-box;
        padding: 10px 10px 25px 10px;
        box-shadow: 0 2px 6px 0 #e6e6e6;
    }

    .lista-flex > .falesia-block > .thumb {
        position: relative;
        display: block;
        margin-bottom: 10px;
        line-height: 0px;
    }

    .lista-flex > .falesia-block > .thumb::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(0,0,0);
        background: -moz-linear-gradient(0deg, rgba(0,0,0,0.6) 8%, rgba(0,0,0,0) 25%);
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.6) 8%, rgba(0,0,0,0) 25%);
        background: linear-gradient(0deg, rgba(0,0,0,0.6) 8%, rgba(0,0,0,0) 25%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
        z-index: 1;
    }

    .lista-flex > .falesia-block .prev,
    .lista-flex > .falesia-block .next {
        position: absolute;
        width: 50px;
        height: 100%;
        border: 0;
        cursor: pointer;
        z-index: 2;
        background: none;
        transition: .2s ease background-color;
    }

    .lista-flex > .falesia-block button > img {
        height: 30px;
        width: 30px;
        object-fit: contain;
    }

    .lista-flex > .falesia-block button:hover {
        background-color: rgba(0, 0, 0, 0.3);
    }

    .lista-flex > .falesia-block .prev {
        left: 0;
    }

    .lista-flex > .falesia-block .next {
        right: 0;
    }

    .lista-flex > .falesia-block .titolo {
        display: block;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 12px;
        font-weight: 600;
        color: var(--testo);
    }

    .lista-flex > .falesia-block span {
        display: block;
        height: 2px;
        width: 40px;
        background-color: var(--blu);
    }

    .lista-flex > .falesia-block .difficolta {
        position: absolute;
        bottom: 6px;
        right: 12px;
        text-align: right;
        opacity: 0.8;
        font-size: 12px;
        color: white;
        z-index: 3;
        line-height: 13px;
        padding-left: 6px;
    }

    .lista-flex > .falesia-block img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 10;
        object-fit: cover;
        margin-bottom: 0;
        z-index: 0;
    }

    .lista-flex > .falesia-block .localita {
        font-size: 14px;
        line-height: 20px;
        margin-top: 12px;
        margin-bottom: 8px;
        font-weight: 500;
    }

    .lista-flex > .falesia-block .localita > a {
        color: var(--testo);
        text-decoration: none;
    }

    .lista-flex > .falesia-block .comune {
        font-size: 14px;
        line-height: 14px;
        font-weight: 300;
    }

    .lista-flex > .falesia-block .comune > a {
        color: var(--grigio);
        text-decoration: none;
    }

    .lista-flex > .falesia-block a:hover {
        text-decoration: underline;
    }
    /* FINE LISTA FLEX */


    /* SETTORE BLOCK */
    .settore {
        background-color: var(--light-blu);
        padding: 20px;
        box-sizing: border-box;
        margin-bottom: 15px;
    }

    .settore td {
        line-height: 18px;
        vertical-align: baseline;
    }

    .settore button {
        padding: 0;
        background: 0;
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0;
        background-color: #e6f1f9;
        border-radius: 999px;
        box-sizing: border-box;
        padding: 12px;
        transition: .2s ease transform;
        cursor: pointer;
    }

    .settore.open button {
        transform: rotate(45deg);
    }

    .settore > .content {
        display: none;
    }

    .settore.open > .content {
        display: block;
    }

    .settore > .titolo {
        width: 100%;
        font-size: 18px;
        font-weight: 600;
        color: var(--blu);
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 30px;
    }

    .settore > .content > img {
        margin-top: 20px;
    }

    .settore > .content > div {
        font-size: 14px;
        color: var(--testo);
        margin: 8px 0;
        margin-bottom: 20px;
    }

    .settore .vie {
        font-size: 14px;
        color: var(--testo);
        width: 100%;
        margin-top: 20px;
    }

    .settore .vie th {
        font-weight: 500;
        color: var(--blu);
        padding: 8px 0;
        border-top: 1px solid #daebf6;
    }

    .settore .vie td {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .settore .vie tr.line > td {
        border-top: 1px solid #daebf6;
        padding-top: 10px;
    }

    .settore .vie th, td {
        text-align: left;
    }


    .settore > .content > b {
        font-size: 16px;
    }
    /* FINE SETTORE BLOCK */



    /* COMMENTI BLOCK */
    #commento-form {
        display: none;
        flex-direction: column;
        width: 100%;
    }

    #commento-form.show {
        display: flex;
    }

    #commento-form input,
    #commento-form textarea {
        font-size: 14px;
        color: var(--testo);
        background: none;
        border: 1px solid var(--blu);
        padding: 8px 12px;
        border-radius: 5px;
        font-family: "Readex Pro", sans-serif;
        margin-bottom: 10px;
    }

    #commento-form textarea {
        min-height: 100px;
    }

    #commento-form input::placeholder,
    #commento-form textarea::placeholder {
        color: var(--blu);
    }

    #commento-message {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000000a6;
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }

    .commento-message-box {
        background-color: var(--light-blu);
        padding: 15px;
        border-radius: 5px;
        width: calc(100% - 80px);
        max-width: 500px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #commento-message.show {
        display: flex;
    }

    .captcha-box {
        display: flex;
        align-items: center;
        margin-bottom: 30px;
    }

    .captcha-box > img {
        border: 1px solid var(--blu);
        border-radius: 5px;
    }

    .captcha-box > input {
        margin-bottom: 0 !important;
        margin-left: 10px;
    }

    .commento-notice {
        font-size: 14px;
        color: var(--blu);
        display: none;
    }

    .commento-notice.show {
        display: block;
    }

    .commenti {
        padding: 20px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: var(--light-blu);
    }

    #commenti {
        display: none;
    }

    #commenti.show {
        display: flex;
    }

    .commenti > .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 20px;
        margin-bottom: 20px;
        width: 100%;
        border-bottom: 2px dashed var(--border);
    }

    .commenti > .top > span {
        display: flex;
        align-items: center;
        font-size: 18px;
        color: var(--blu);
        font-weight: 600;
    }

    .commenti > .top > span > .icon {
        background-color: var(--blu);
        height: 38px;
        width: 38px;
        border-radius: 999px;
        margin-right: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .commenti > .top > span > .icon > img {
        height: 18px;
        width: 18px;
        margin-top: 2px;
        margin-left: 2px;
        object-fit: contain;
    }

    .commenti > .list {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .commenti .commento {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 30px;
    }

    .commenti .commento > div {
        font-size: 14px;
        color: var(--testo);
    }

    .commenti .commento > div > b {
        margin-right: 6px;
    }

    .commenti .commento > .descr {
        color: var(--grigio);
    }

    .commenti button:hover {
        opacity: 0.7;
    }
    /* FINE COMMENTI BLOCK */




    /* LISTA COLONNA */
    .lista-colonna {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        /* padding-top: 15px; */
    }

    .no-result {
        width: 100%;
        height: 100vh;
    }

    .lista-colonna > .block {
        line-height: 0;
        width: 100%;
        margin-bottom: 30px;
        display: flex;
    }

    .lista-colonna > .block > a {
        position: relative;
        line-height: 0px;
        margin-right: 20px;
    }

    .lista-colonna > .block.overlay > a::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgb(0,0,0);
        background: -moz-linear-gradient(0deg, rgba(0,0,0,0.6) 8%, rgba(0,0,0,0) 25%);
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.6) 8%, rgba(0,0,0,0) 25%);
        background: linear-gradient(0deg, rgba(0,0,0,0.6) 8%, rgba(0,0,0,0) 25%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    }

    .lista-colonna > .block > a > div {
        position: absolute;
        bottom: 6px;
        right: 10px;
        opacity: 0.8;
        text-align: right;
        text-transform: uppercase;
        font-size: 12px;
        color: white;
        z-index: 3;
        line-height: 13px;
        padding-left: 6px;
    }

    .lista-colonna > .block > a {
        height: 180px;
    }

    .lista-colonna > .block > a > img {
        height: 100%;
        width: 300px;
        object-fit: cover;
        /* margin-right: 20px; */
    }

    /* Correzione per related things nella colonna 50-50 */
    .duecolonne50 .block > a > img {
        height: 130px;
        width: 190px;
        object-fit: cover;
    }

    .lista-colonna > .block.expo > a > img {
        object-fit: contain;
        margin-right: 30px;
        width: 160px;
        height: 100px;
    }

    .lista-colonna .data {
        display: inline-block;
        font-size: 12px;
        line-height: 18px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .lista-colonna .light {
        font-weight: 300;
    }

    .lista-colonna .difficolta {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        font-size: 11px;
        line-height: 18px;
        font-weight: 300;
        opacity: 0.7;
        margin-bottom: 4px;
    }

    .lista-colonna .difficolta > .stars-wrapper {
        margin-right: 2px;
    }

    .lista-colonna .titolo {
        font-size: 20px;
        line-height: 30px;
        display: block;
    }

    .lista-colonna .descr {
        margin-top: 10px;
        font-size: 14px;
        line-height: 18px;
        color: var(--grigio);
    }

    .lista-colonna > .block.small img {
        min-width: 160px;
        max-width: 160px;
        height: 100px;
        object-fit: cover;
        margin: 0;
    }

    .lista-colonna > .block.small .titolo {
        font-size: 18px;
        line-height: 22px;
    }

    .lista-colonna > .block.small > a {
        margin-bottom: 15px;
        margin-right: 15px;
    }
    /* FINE LISTA COLONNA */

    .sfuma > .expand {
        display: none;
    }

    .az-logo {
        width: 100%;
        object-fit: contain;
        margin-bottom: 25px;
        float: right;
    }

    .expo-azienda-info {
        display: flex;
        flex-direction: column;
        background-color: #f8f8f8;
        padding: 20px;
    }

    .expo-azienda-info > .title {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    .expo-azienda-info > .title > a {
        font-size: 18px;
        font-weight: 600;
        color: var(--testo);
        text-decoration: none;
        transition: .2s ease opacity;
    }

    .expo-azienda-info > .title > a:hover {
        opacity: 0.6;
    }

    .expo-azienda-info > .title > span {
        height: 2px;
        flex: 1;
        margin-left: 20px;
        background-color: var(--verde);
    }

    .expo-azienda-info > .testuale {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .expo-azienda-info > .testuale p {
        margin: 0px;
    }

    .expo-azienda-info > .testuale a {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: var(--verde);
    }

    .expo-azienda-info > .testuale a > svg {
        margin-right: 8px;
    }

    .expo-azienda-info > .social {
        display: flex;
        margin-top: 10px;
    }

    .expo-azienda-info > .social > a {
        color: var(--testo);
        margin-right: 15px;
    }

    .duecolonne.video {
        padding: 15px;
        width: calc(100% - 30px);
    }

    .duecolonne .block.video > a {
        position: relative;
    }

    .duecolonne .block.video > a::after {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        background: url("/res/img/icn-play-circle.svg"), linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
        background-repeat: no-repeat;
        background-position: center;
        top: 0;
        left: 0;
        opacity: 0;
        transition: .2s ease opacity;
    }

    .duecolonne.video .block:hover > a::after {
        opacity: 1;
    }

    .duecolonne.video .pagination {
        padding: 20px 0px;
        margin-bottom: 10px;
    }

    .duecolonne > .video {
        max-width: 100%;
        margin-right: 0px;
    }

    .duecolonne > .video > .lista {
        display: flex;
        flex-wrap: wrap;
    }

    .duecolonne > .video > .lista > .block {
        width: calc((100% / 4) - 30px);
        margin: 15px;
    }

    .duecolonne > .video > .lista > .block .data {
        font-size: 12px;
        font-weight: 600;
    }

    .duecolonne > .video > .lista > .block > div {
        display: flex;
        flex-direction: column;
    }

    .duecolonne > .video > .lista > .block .titolo {
        font-size: 12px;
        font-weight: 400;
        color: #7a7a7a;
    }

    .duecolonne > .video > .lista > .block > a {
        display: inline-flex;
        width: 100%;
    }

    .duecolonne > .video > .lista > .block > a > img {
        width: 100%;
        height: auto;
        aspect-ratio: 3 / 2;
        object-fit: cover;
    }

    .titoli-wrapper.gallery {
        grid-template-columns: 100%;
        grid-template-areas:
        "titoli"
        "meta";
    }

    .copertina.gallery > img {
        width: 100%;
        aspect-ratio: unset;
    }

    .copertina-wrap {
        position: relative;
        box-sizing: border-box;
    }

    .copertina-wrap > img {
        margin-top: -60px;
    }

    .copertina-wrap .link {
        height: 44px;
        width: 44px;
        background: #009dff;
        border: 0px;
        padding: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: .2s ease background;
        z-index: 1;
    }

    .copertina-wrap .link.disabled {
        opacity: 0.5;
        background: #009dff !important;
    }

    .copertina-wrap .freccie {
        position: sticky;
        width: calc(100% - 10px);
        top: 60px;
        display: flex;
        justify-content: flex-end;
    }

    .copertina-wrap .prev {
        left: 30px;
        border-top-left-radius: 999px;
        border-bottom-left-radius: 999px;
    }

    .copertina-wrap .next {
        right: 30px;
        border-top-right-radius: 999px;
        border-bottom-right-radius: 999px;
    }

    .copertina-wrap .link:hover {
        background: #0087db;
        z-index: 0;
    }

    .copertina-wrap .link > img {
        width: 38px;
        height: 38px;
    }

    .percorso.duplicato {
        display: none;
    }
}




@media only screen and (max-width: 1600px) {
    /* TESTI */
    h1 {
        font-size: 36px;
        line-height: 40px;
    }

    .titoli-wrapper > .titoli > div {
        font-size: 20px;
    }
    /* FINE TESTI */

    /* MENU */
   .fascia-menu {
        height: 70px;
        /*width: 100%;*/
        /*box-sizing: border-box;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;*/
    }

    .fascia-menu .logo {
        height: 40px;
        margin-left: 30px;
    }

    .fascia-menu .menu-item {
        /*display: flex;
        align-items: center;*/
        font-size: 14px;
        /*text-decoration: none;
        color: var(--testo);
        text-transform: uppercase;
        font-weight: 500;
        transition: .2s ease opacity;*/
        margin: 0 8px;
    }

    .fascia-menu .menu-item > img {
        margin-left: 6px;
    }

    .fascia-menu > .buttons > a {
        width: 70px;
        height: 70px;
        /*display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid var(--border);
        transition: .2s opacity ease;*/
    }
    /* FINE MENU */
}



@media only screen and (max-width: 1500px) {
    /* LISTA FLEX */
    .lista-flex .data {
        /* font-size: 12px;
        line-height: 18px;
        font-weight: 600; */
        margin-bottom: 3px;
    }

    .lista-flex .titolo {
        font-size: 13px;
        line-height: 18px;
        /* font-weight: 500;
        text-decoration: none; */
    }

    .lista-flex > .block img {
        width: 150px;
        height: 100px;
        /* object-fit: cover;
        margin-right: 20px; */
    }

    .lista-flex .descr {
        margin-top: 5px;
        font-size: 12px;
        line-height: 18px;
        /* color: var(--grigio); */
    }
    /* FINE LISTA FLEX */




    /* LISTA COLONNA */
    .lista-colonna > .block > a {
        max-height: 140px;
    }

    .lista-colonna > .block > a > img {
        height: 100%;
        width: 200px;
        /* object-fit: cover;
        margin-right: 20px; */
    }

    .lista-colonna > .block.expo > a > img {
        /* object-fit: contain; */
        /* margin-right: 30px; */
        width: 140px;
        height: 103px;
    }

    .lista-colonna .data {
        /* font-size: 12px;
        line-height: 18px;
        font-weight: 600; */
        margin-bottom: 5px;
    }

    .lista-colonna .titolo {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        /* text-decoration: none; */
    }

    .lista-colonna .descr {
        margin-top: 5px;
        font-size: 13px;
        line-height: 18px;
        /* color: var(--grigio); */
    }
    /* FINE LISTA COLONNA */
}





@media only screen and (max-width: 1400px) {
    .copertina > .img > img {
        width: 100%;
        height: 650px;
        object-fit: cover;
    }

    .copertina.expo > .img > img {
        height: auto;
    }

    .copertina.expo.duplicata {
        height: auto;
    }

    .copertina .all-photos {
        width: fit-content;
        bottom: 16px;
        right: 16px;
    }

    .titoli-wrapper > .titoli > div {
        margin-bottom: 15px;
    }

    /* MENU */
    .fascia-menu {
        height: 60px;
        /*width: 100%;*/
        /*box-sizing: border-box;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;*/
    }

    .fascia-menu > .buttons {
        /*display: flex;
        background-color: red;*/
    }

    .fascia-menu .logo {
        height: 36px;
        margin-left: 15px;
    }

    .fascia-menu > .menu {
    /*display: flex;
        align-items: center;
        justify-content: center;*/
        /*padding: 0 20px;*/
        /*background-color: greenyellow;*/
        /*max-width: 650px;*/
    }

    .fascia-menu .menu-item {
        /*display: flex;
        align-items: center;*/
        /* font-size: 14px; */
        /*text-decoration: none;
        color: var(--testo);*/
        text-transform: capitalize;
        /*font-weight: 500;
        transition: .2s ease opacity;*/
        margin: 0 8px;
    }

    .fascia-menu .menu-item > img {
        margin-left: 5px;
        height: 4px;
    }

    .submenu > a {
        padding: 10px 20px;
        font-size: 14px;
    }

    .fascia-menu > .buttons > a {
        width: 60px;
        height: 60px;
        /*display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid var(--border);
        transition: .2s opacity ease;*/
    }
    /* FINE MENU */



    
    /* CONTENITORE LATERALE */
    .box-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 10px;
        /* width: 100%; */
    }

    .box-list > .box {
        width: calc(50% - 15px);
        /*display: flex;
        text-decoration: none;
        padding: 20px 0;
        border-top: 1px solid #e6e6e6;
        transition: .2s opacity ease; */
    }

    .box-list > .box:first-child {
        /* border: 0; */
        border-top: 1px solid #e6e6e6;
    }

    .box-list > .box:nth-last-child(1),
    .box-list > .box:nth-last-child(2) {
        border-bottom: 1px solid #e6e6e6;
    }

    /* .box-list > .box.expo > .images {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .box-list > .box.expo .foto > img {
        width: 80px;
        height: 80px;
        object-fit: cover;
    }

    .box-list > .box.expo .logo > img {
        max-width: 90px;
        max-height: 50px;
        width: 100%;
        height: 100%;
        object-fit: contain;
        margin-right: 0;
    } */

    .box-list > .box.expo .titolo {
        /* color: var(--testo);
        text-decoration: none; */
        /* font-weight: 400; */
        font-size: 16px;
        line-height: 1.3em;
    }

    .box-list > .box.expo .testo {
        /* color: var(--grigio);
        font-weight: 400;
        margin-top: 5px; */
        font-size: 14px;
        line-height: 18px;
    }

    .box-list > .box.expo .marca {
        /* text-transform: uppercase;
        color: var(--verde);
        margin-right: 5px;
        text-decoration: none;
        font-weight: 600; */
        font-size: 12px;
        line-height: 18px;
    }

    /* .box-list > .box img {
        height: 70px;
        width: 100px;
        object-fit: cover;
        margin-right: 20px;
    } */

    .box-list > .box .data {
        /* color: var(--testo);
        font-weight: 700;
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 18px; */
    }

    .box-list > .box .titolo {
        /* color: var(--testo);
        font-weight: 600;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 20px; */
    }

    .box-list > .box .testo > a {
        line-height: 20px;
    }

    .box-list > .box .testo {
        margin-top: 5px;
        display: flex;
    }

    .box-list.expo {
        border: 0;
        margin-top: 10px;
    }
    /* FINE CONTENITORE LATERALE */



    .duecolonne > .col1 {
        padding-bottom: 20px;
    }

    .duecolonne > .col3 {
        margin-top: 20px;
    }

    .duecolonne > .col1,
    .duecolonne > .col2,
    .duecolonne > .col3 {
        width: 100%;
        max-width: 100%;
    }

    .duecolonne > .col1,
    .duecolonne > .col3 {
        display: flex;
        flex-direction: column;
    }

    .duecolonne > .col2 {
        margin-bottom: 30px;
        margin-right: 0;
    }

    .duecolonne50 > .col1,
    .duecolonne50 > .col2,
    .duecolonne50 > .col3 {
        float: none;
        width: calc(100% - 30px);
    }

    .duecolonne50 > .col1 {
        /* display: block; */
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .duecolonne50 .info {
        display: none;
    }

    .duecolonne50 .info.duplicata {
        display: flex;
    }

    .titoli-wrapper {
        /* grid-template-areas:
            "titoli banner"
            "meta meta"; */

        grid-template-columns: auto 300px;
        grid-template-rows: auto auto;
        grid-template-areas: 
            "titoli titoli"
            "meta banner";
    }

    .titoli-wrapper > .titoli {
        /* margin-right: 8%; */
        margin-right: 0;
    }

    .titoli-wrapper > .meta {
        margin-right: 8%;
        height: 200px;
        border-top: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
    }




    /* LISTA FLEX */
    .lista-flex > .block {
        width: 100%;
    }

    .lista-flex .data {
        /* font-size: 12px;
        line-height: 18px;
        font-weight: 600; */
        margin-bottom: 10px;
    }

    .lista-flex .titolo {
        font-size: 20px;
        line-height: 26px;
        font-weight: 400;
        /* text-decoration: none; */
    }

    .lista-flex > .block img {
        width: 300px;
        height: 180px;
        /* object-fit: cover;
        margin-right: 20px; */
    }

    .lista-flex .descr {
        margin-top: 10px;
        font-size: 14px;
        line-height: 18px;
        /* color: var(--grigio); */
    }
    /* FINE LISTA FLEX */




    /* LISTA COLONNA */
    .lista-colonna > .block > a {
        max-height: 180px;
    }

    .lista-colonna > .block > a > img {
        height: 100%;
        width: 300px;
        /* object-fit: cover;
        margin-right: 20px; */
    }

    .lista-colonna .data {
        /* font-size: 12px;
        line-height: 18px;
        font-weight: 600; */
        margin-bottom: 10px;
    }

    .lista-colonna .titolo {
        font-size: 20px;
        line-height: 26px;
        font-weight: 400;
        /* text-decoration: none; */
    }

    .lista-colonna .descr {
        margin-top: 10px;
        font-size: 14px;
        line-height: 18px;
        /* color: var(--grigio); */
    }
    /* FINE LISTA COLONNA */




    /* META TITOLI */
    .titoli-wrapper > .meta {
        flex-direction: column;
        margin-top: 10px;
        box-sizing: border-box;
    }

    .titoli-wrapper > .meta > .texts {
        align-items: flex-start;
        flex-direction: column;
    }

    .titoli-wrapper > .meta > .texts > * {
        margin-bottom: 5px;
    }

    .titoli-wrapper .texts > .data > span {
        font-size: 12px;
        margin-right: 8px;
    }

    .titoli-wrapper > .meta > .buttons {
        margin-top: 10px;
        flex-direction: row;
        justify-content: flex-start;
    }

    .titoli-wrapper .texts > .autore,
    .titoli-wrapper .texts > .data,
    .titoli-wrapper .texts > .immagini {
        line-height: 32px;
        font-size: 10px;
    }

    .titoli-wrapper .btn {
        width: fit-content;
        font-size: 10px;
    }
    /* FINE META TITOLI */



    .banner-194 {
        margin-top: 10px;
    }

    form.search {
        margin-top: 30px;
    }

    .newsletter {
        width: 100%;
        max-width: 100%;
    }

    .lista-flex > .falesia-block {
        width: calc((100% / 3) - 10px);
    }

    .gallery-blocco {
        width: calc((100% / 3) - 30px) !important;
    }

    .share-btn {
        margin-left: 0;
        margin-top: 20px;
    }

    .share-menu {
        left: 0;
        top: 35px;
    }
}

@media only screen and (max-width: 800px) {
    .no-result {
        height: fit-content;
    }

    .captcha-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .captcha-box > input {
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        margin-top: 10px !important;
    }

    .percorso {
        display: none;
    }

    .percorso.duplicato {
        display: block;
    }

    .padded {
        padding-left: 15px;
        padding-right: 15px;
    }

    .titoli-wrapper.video {
        padding-left: 15px;
        padding-right: 15px;
    }

    .duecolonne > .video > .lista > .block {
        margin: 7px;
        width: calc((100% / 3) - 14px);
    }

    .duecolonne.video {
        padding: 8px;
        width: calc(100% - 15px);
    }

    /* TESTO */
    .testuale {
        font-size: 16px;
    }
    /* FINE TESTO */


    .banner-515 {
        height: fit-content;
        padding: 8px 0;
        max-height: 100px;
    }

    .banner-515 ins {
        width: calc(100% - 16px);
        height: auto;
        max-width: 515px;
    }

    .banner-515 img {
        width: 100%;
        height: auto;
    }

    .main-column {
        /* min-width: 800px; */
        min-width: unset;
    }

    .copertina {
        display: none;
    }

    .copertina.duplicata {
        display: block;
        visibility: visible;
    }

    .copertina > .texts {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .copertina > .texts > .descr,
    .copertina > .texts > .autore {
        white-space: normal;
    }
    
    
    /* TESTI */
    h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .titoli-wrapper > .titoli > div {
        font-size: 18px;
        margin-bottom: 0;
    }
    /* FINE TESTI */

    .titoli-wrapper > .meta > .texts > * {
        margin-bottom: 0;
    }

    .pagination {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .skin {
        /* display: block; */
        display: none;
    }

    .banner-194 {
        background-color: #f6f6f6;
    }

    .copertina {
        width: calc(100% - 32px);
        margin: 16px 16px 0 16px;
    }

    .copertina img {
        height: 410px;
    }

    .titoli-wrapper {
        padding: 16px 16px 0 16px;
        /* grid-template-columns: auto 300px;
        grid-template-rows: auto auto;
        grid-template-areas:
            "titoli titoli"
            "meta banner"; */

        grid-template-columns: 100%;
        grid-template-rows: auto auto auto;
        grid-template-areas: 
            "titoli"
            "meta"
            "banner";
    }

    .titoli-wrapper > .banner-194 {
        display: flex;
        justify-content: center;
        padding: 8px;
    }

    .titoli-wrapper > .banner-194.expo {
        background: none;
    }

    .az-logo {
        width: 100%;
        max-width: 300px;
        margin: 0px;
    }

    .titoli-wrapper > .meta {
        /* margin-right: 8%; */
        margin-right: 0;
        height: fit-content;
    }



    /* CONTENITORE LATERALE */
    box-list {
        /* display: flex;
        margin-top: 10px;
        width: 100%; */
        flex-direction: column;
    }

    .box-list > .box {
        width: 100%;
        /* display: flex;
        text-decoration: none;
        padding: 20px 0;
        border-top: 1px solid #e6e6e6;
        transition: .2s opacity ease; */
        padding: 16px 0;
    }

    .box-list > .box.expo .titolo {
        /* color: var(--testo);
        text-decoration: none;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.3em; */
    }

    .box-list > .box.expo .testo {
        /* color: var(--grigio);
        font-weight: 400;
        margin-top: 5px;
        font-size: 14px;
        line-height: 18px; */
    }

    .box-list > .box.expo .marca {
        /* text-transform: uppercase;
        color: var(--verde);
        margin-right: 5px;
        text-decoration: none;
        font-weight: 600; */
        /* font-size: 12px;
        line-height: 18px; */
    }

    /* .box-list > .box img {
        height: 70px;
        width: 100px;
        object-fit: cover;
        margin-right: 20px;
    } */

    .box-list > .box .data {
        /* color: var(--testo);
        font-weight: 700;
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 18px; */
    }

    .box-list > .box .titolo {
        /* color: var(--testo);
        font-weight: 600;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 20px; */
    }

    .box-list > .box .testo > a {
        /* color: var(--testo);
        font-weight: 400;
        text-decoration: none;
        font-size: 14px; */
        /* line-height: 20px; */
    }

    /* .box-list > .box .testo {
        margin-top: 10px;
    } */

    .box-list.expo {
        margin-top: 0;
    }
    /* FINE CONTENITORE LATERALE */



    .margine-30 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .duecolonne {
        width: calc(100% - 30px);
        padding: 15px 15px 0 15px;
    }

    .duecolonne > .col1 {
        padding-top: 20px;
    }

    .duecolonne50 {
        padding: 0 8px 0 8px;
    }

    .duecolonne50 > .col1 {
        width: calc(100% - 16px);
        margin: 25px 8px;
    }

    .duecolonne50 > .col2,
    .duecolonne50 > .col3 {
        width: calc(100% - 16px);
        margin: 16px 8px 8px 8px;
    }


    
    /* LISTA FLEX */
    .lista-flex > .block {
        width: 100%;
        margin: 16px 0;
    }

    .lista-flex .data {
        /* font-size: 12px;
        line-height: 18px;
        font-weight: 600; */
        margin-bottom: 5px;
    }

    .lista-flex .titolo {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        /* text-decoration: none; */
    }

    .lista-flex > .block img {
        width: 200px;
        height: 133px;
        /* object-fit: cover;
        margin-right: 20px; */
    }

    .lista-flex .descr {
        margin-top: 5px;
        font-size: 13px;
        line-height: 18px;
        /* color: var(--grigio); */
    }
    /* FINE LISTA FLEX */




    /* LISTA COLONNA */
    .lista-colonna > .block {
        margin-bottom: 16px;
    }

    .lista-colonna > .block:last-child {
        margin-bottom: 0;
    }

    .lista-colonna > .block > a {
        max-height: 150px;
    }

    .lista-colonna > .block > a > img {
        width: 200px;
        height: 100%;
        /* object-fit: cover;
        margin-right: 20px; */
    }

    .lista-colonna > .block.expo > a > img {
        /* object-fit: contain; */
        /* margin-right: 30px; */
        width: 100px;
        height: 80px;
    }

    .lista-colonna .data {
        margin-bottom: 5px;
    }

    .lista-colonna .titolo {
        font-size: 13px;
        line-height: 20px;
        font-weight: 500;
        margin-bottom: 0px;
    }

    .lista-colonna .descr {
        margin-top: 5px;
        font-size: 13px;
        line-height: 18px;
        /* color: var(--grigio); */
    }
    /* FINE LISTA COLONNA */


    .duecolonne > .col2 {
        margin-bottom: 16px;
    }

    .sfuma {
        position: relative;
        max-height: 600px;
        overflow-y: hidden;
    }

    .sfuma > .expand {
        display: flex;
        position: absolute;
        bottom: 10px;
        width: 180px;
        left: calc(50% - 90px);
        z-index: 10;
    }

    .sfuma::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 200px;
        bottom: 0;
        left: 0;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 27%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 27%, rgba(255,255,255,0) 100%);
        background: linear-gradient(0deg, rgba(255,255,255,1) 27%, rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    }

    .breadcrumb {
        display: none;
    }

    form.search {
        flex-wrap: nowrap;
        margin-top: 0;
    }

    form.search > .input-field {
        width: fit-content;
    }

    form.search > select {
        flex: 1;
    }

    form.search > .s {
        width: 100%;
        margin-right: 10px;
    }

    form.search > .blue {
        margin-right: 0;
    }

    form.search > button {
        width: fit-content !important;
    }

    form.search > button > span {
        display: none;
    }

    form.search > button > img {
        width: 16px !important;
        margin-left: 0 !important;
    }

    .commenti > .top {
        flex-direction: column;
        align-items: flex-start;
    }

    .commenti > .top > .btn.blue {
        width: 100%;
    }

    .commenti > .top > span {
        margin-bottom: 15px;
    }

    .lista-flex > .falesia-block {
        width: calc((100% / 2) - 10px);
    }

    .expo-azienda-info {
        width: calc(100% - 40px);
    }

    .gallery-blocco {
        width: calc((100% / 2) - 14px) !important;
    }
}



body {
    overflow-x: hidden !important;
}

@media only screen and (max-width: 600px) {

    .titoli-wrapper.video {
        padding-left: 15px;
        padding-right: 15px;
    }

    .duecolonne > .video > .lista > .block {
        margin: 7px;
        width: 100%;
        margin-bottom: 20px;
    }

    .duecolonne.video {
        padding: 8px;
        width: calc(100% - 15px);
    }

    .copertina > .img > img {
        height: 400px;
    }
    
    /* LISTA FLEX */
    .lista-flex > .block {
        width: 100%;
    }

    .lista-flex .data {
        /* font-size: 12px;
        line-height: 18px;
        font-weight: 600; */
        margin-bottom: 5px;
    }

    .lista-flex .titolo {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        /* text-decoration: none; */
    }

    .lista-flex > .block img {
        width: 100px;
        height: 70px;
        /* object-fit: cover;
        margin-right: 20px; */
    }

    .lista-flex .descr {
        margin-top: 5px;
        font-size: 12px;
        line-height: 18px;
        /* color: var(--grigio); */
    }
    /* FINE LISTA FLEX */




    /* LISTA COLONNA */
    .lista-colonna > .block > a {
        max-height: 70px;
    }

    .lista-colonna > .block > a::after {
        display: none;
    }

    .lista-colonna > .block > a > div {
        display: none;
    }

    .lista-colonna > .block > a > img {
        width: 100px;
        height: 100%;
        object-fit: cover;
    }

    .lista-colonna .difficolta {
        margin-bottom: 4px;
    }

    .lista-colonna .data {
        margin-bottom: 5px;
    }

    .lista-colonna .titolo {
        font-size: 13px;
        line-height: 20px;
        font-weight: 400;
        margin-bottom: 0px;
    }

    .lista-colonna .descr {
        display: none;
    }
    /* FINE LISTA COLONNA */


    /* META TITOLI */
    .titoli-wrapper .btn.blue {
        flex: 1 0;
    }
    /* FINE META TITOLI */
}

@media only screen and (max-width: 500px) {
    .lista-flex > .falesia-block {
        width: 100%;
    }
}