/*************************** VARIABILI */
:root {
    --yellow: #FBC121;
    --black: #000;
    --white: #FFF;
    --red: #D80404;
    --redHover: #AF0303;
    --orange: #f99e0e;
    --green: #008000;
    --greenHover: #005400;
    --lightblue: #249BF6;
    --beige: #fde9b1;
    --greybg: #E5E5E5;
    --greyborder: #CCC;
    --greydarker: #58595b;
    /*--greytext: #777;*/
    --greytext: #595959;
    --textcolor: var(--black);
    --font: 'Roboto', Helvetica, Arial, sans-serif;
    --fontweight: 300;
    --fontweightbold: 500;
    --fontweightblack: 700;
    --fontsize: 16px;
    --bgSection: #F5F5F5;
    --borderradius: 3px;
}

/*************************** STILI GENERICI */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0 !important;
    font-family: var(--font);
    font-weight: var(--fontweight);
    font-size: var(--fontsize);
    line-height: 1.5;
    background: var(--white);
    color: var(--black);
    text-align: left; /* era justify */
    padding-top: 160px !important;
}

a {
    color: var(--black);
    text-decoration: underline;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
}

    a:hover,
    a:focus {
        color: var(--black);
        text-decoration: none;
    }

.noUnderline {
    text-decoration: none;
}

strong,
.text-bold,
.span-bold {
    font-weight: var(--fontweightbold) !important;
}

.text-noBold {
    font-weight: var(--fontweight) !important;
}

.link-danger .fa {
    margin-right: 5px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: var(--fontweightblack);
    line-height: 1.3;
}

.subtitle {
    font-weight: var(--fontweightblack);
    font-size: var(--fontsize);
    text-transform: uppercase;
}

.h4, h4 {
    font-size: var(--fontsize);
    margin-top: 40px;
}

.sottotitolo {
    text-align: left;
    margin-bottom: 40px;
    line-height: 1.3em;
    font-size: 28px;
}

    .sottotitolo:after {
        content: "";
        display: block;
        width: 80px;
        height: 2px;
        border-radius: 2px;
        background: var(--yellow);
        margin: 0.7rem 0;
    }

.xsmall,
small {
    font-size: 75%;
}

.DBTestLabel {
    margin-bottom: 0px;
}

.sviluppo {
    background-color: #F22613;
    color: var(--white);
    font-weight: var(--fontweightblack);
    position: fixed;
    left: 70px;
    bottom: 10px;
    font-size: 12px;
    padding: 5px 10px;
    z-index: 999;
    text-align: left;
    border-radius: var(--borderradius);
}

.localhost {
    background-color: lightgray;
    color: var(--black);
    font-weight: var(--fontweightblack);
    position: fixed;
    left: 70px;
    bottom: 10px;
    font-size: 12px;
    padding: 5px 10px;
    z-index: 999;
    text-align: left;
    border-radius: var(--borderradius);
}

.release {
    background-color: darkorange;
    color: var(--white);
    font-weight: var(--fontweightblack);
    position: fixed;
    left: 70px;
    bottom: 10px;
    font-size: 0.8em;
    padding: 3px 10px;
    z-index: 9999;
}

.demo {
    background-color: #26C281;
    color: var(--white);
    font-weight: var(--fontweightblack);
    position: fixed;
    left: 70px;
    bottom: 10px;
    font-size: 12px;
    padding: 5px 10px;
    z-index: 999;
    text-align: left;
    border-radius: var(--borderradius);
}

.stage {
    background-color: #0033ff;
    color: var(--white);
    font-weight: var(--fontweightblack);
    position: fixed;
    left: 70px;
    bottom: 10px;
    font-size: 12px;
    padding: 5px 10px;
    z-index: 999;
    text-align: left;
    border-radius: var(--borderradius);
}

.manutenzione {
    align-content: center;
    border: 4px solid #1565C0;
    background-color: #1E88E5;
    padding: 10px 5px;
    color: var(--white);
    font-size: 20px;
    position: fixed;
    text-align: center;
    z-index: 799;
    width: 100%;
}

.alertBrowser {
    width: 350px;
    border: none;
    background-color: var(--red);
    padding: 30px;
    color: var(--white);
    font-size: 18px;
    line-height: 1.4em;
    position: fixed;
    bottom: 50px;
    right: 70px;
    text-align: center;
    z-index: 799;
    font-weight: var(--fontweightblack);
}

.green,
.text-success {
    color: var(--green) !important;
}

.red,
.text-danger {
    color: var(--red) !important;
}

.orange,
.text-warning {
    color: var(--orange) !important;
}

#button,
#button:active {
    display: inline-block;
    /*background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAyNSI+PGcgaWQ9IkxpdmVsbG9fMiIgZGF0YS1uYW1lPSJMaXZlbGxvIDIiPjxnIGlkPSJDYXBhXzEiIGRhdGEtbmFtZT0iQ2FwYSAxIj48cGF0aCBkPSJNOS43MS4yOUEuOTMuOTMsMCwwLDAsOS4zOC4wOGEuOTIuOTIsMCwwLDAtLjc2LDAsMS4xNSwxLjE1LDAsMCwwLS4zMy4yMWwtOCw4YTEsMSwwLDAsMCwwLDEuNDIsMSwxLDAsMCwwLDEuNDIsMEw4LDMuNDFWMjRhMSwxLDAsMCwwLDIsMFYzLjQxbDYuMjksNi4zYTEsMSwwLDAsMCwxLjQyLDAsMSwxLDAsMCwwLDAtMS40MloiLz48L2c+PC9nPjwvc3ZnPg==') no-repeat center;
    background-size: 20px;
    border: solid 2px var(--black);*/
    background: var(--yellow);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 15px;
    right: 15px;
    opacity: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    visibility: hidden;
    z-index: 1000;
    text-decoration: none;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.30);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.30);
}

    #button:hover {
        cursor: pointer;
        /*background: var(--black) url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC4wMSAyNSI+PGcgaWQ9IkxpdmVsbG9fMiIgZGF0YS1uYW1lPSJMaXZlbGxvIDIiPjxnIGlkPSJMaXZlbGxvXzEtMiIgZGF0YS1uYW1lPSJMaXZlbGxvIDEiPjxnIGlkPSJMaXZlbGxvXzItMiIgZGF0YS1uYW1lPSJMaXZlbGxvIDIiPjxnIGlkPSJDYXBhXzEiIGRhdGEtbmFtZT0iQ2FwYSAxIj48cGF0aCBkPSJNOS43Mi4yOUExLjE1LDEuMTUsMCwwLDAsOS4zOS4wOGEuOTIuOTIsMCwwLDAtLjc2LDBBLjkzLjkzLDAsMCwwLDguMy4yOWwtOCw4YTEsMSwwLDAsMCwwLDEuNDJoMGExLDEsMCwwLDAsMS40MSwwaDBMOCwzLjQxVjI0YTEsMSwwLDAsMCwyLDBWMy40MWw2LjI5LDYuM2ExLDEsMCwwLDAsMS40MSwwaDBhMSwxLDAsMCwwLDAtMS40MWgwWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=') no-repeat center;
        background-size: 20px;
        border: solid 2px var(--black);*/
        background: var(--black);
    }

    #button::after {
        content: "\f102";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 2em;
        line-height: 45px;
        color: var(--black);
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    #button:hover::after {
        color: var(--white);
    }

    #button.show {
        opacity: 1;
        visibility: visible;
    }

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}

    .breadcrumb,
    .breadcrumb a,
    .breadcrumb a:focus {
        color: var(--black);
        font-size: 15px;
        text-decoration: none;
    }

        .breadcrumb a:hover {
            text-decoration: underline;
        }

        .breadcrumb > li + li::before {
            color: #888;
        }

.crumbs {
    list-style-type: none;
    padding: 0;
    border: none;
    margin: 15px 0 15px 3px;
    text-align: left;
}

    .crumbs li {
        position: relative;
        display: inline-block;
        width: auto;
        margin: 0;
        margin-right: 8px;
        margin-bottom: 5px;
        margin-left: -3px;
        padding: 7px 15px 7px 10px;
        background: var(--greybg);
        color: var(--black);
        font-size: 12px;
        font-weight: var(--fontweight);
        letter-spacing: 0.03em;
        border-radius: var(--borderradius);
    }

        .crumbs li::after {
            content: '';
            position: absolute;
            top: 0;
            width: 0;
            height: 0;
            right: -22px;
            border-width: 16px;
            border-style: solid;
            border-left-color: var(--greybg);
            color: var(--white);
        }

        .crumbs li.active,
        .crumbs li.active a {
            color: var(--white);
            background: var(--greydarker);
            font-weight: var(--fontweightblack);
        }

            .crumbs li.active::after {
                border-left-color: var(--greydarker);
            }

        .crumbs li a,
        .crumbs li a:hover,
        .crumbs li a:focus {
            text-decoration: none;
        }

        .crumbs li span,
        .crumbs li.active a,
        .crumbs li.active a:hover,
        .crumbs li.active a:focus {
            font-weight: var(--fontweightblack);
        }

            .crumbs li span.currentstep {
                color: green;
            }

        .crumbs li.disabled {
            opacity: .8;
        }

            .crumbs li.disabled a,
            .crumbs li.disabled a:hover,
            .crumbs li.disabled a:focus {
                color: var(--greytext);
                cursor: not-allowed;
            }


.title-page {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: flex-end;
    background: rgb(245,245,245);
    background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(229,229,229,1) 35%, rgba(170,170,170,1) 100%);
}

    .title-page h1, .title-page .h1 {
        color: var(--black);
        margin: 10px 0 15px 0;
        font-size: 40px;
    }

main {
    margin: 0;
    padding: 0;
    padding-bottom: 40px;
    /*overflow-x: hidden; nascosto perchč bugga il dropdown autocomplete */
}

    main p {
        margin: 0 0 20px;
    }

    main ol, main ul {
        margin-bottom: 20px;
    }

footer {
    background-color: var(--yellow);
    font-weight: 300;
    line-height: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.socialCont {
    text-transform: uppercase;
    font-weight: 500;
}

    .socialCont strong {
        display: inline-block;
        margin-right: 10px;
        margin-top: 12px;
    }

    .socialCont a,
    .socialCont a:hover,
    .socialCont a:focus {
        text-decoration: none;
        vertical-align: middle;
        height: 40px;
        display: inline-block;
        padding-top: 15px;
        margin-top: -20px;
    }

        .socialCont a:hover {
            padding-top: 5px;
        }

    .socialCont .Facebook {
        font-size: 20px;
    }

    .socialCont .Twitter {
        font-size: 25px;
        margin-left: 10px;
    }


section.preFooter {
    background: var(--yellow);
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: solid 1px var(--black);
}

.preFooter .footer-content {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: .03em;
}

.preFooter .imgCont {
    margin-bottom: 30px;
}

    .preFooter .imgCont img {
        display: block;
        max-height: 100px;
        float: left;
        margin-right: 30px;
    }

.partners2022 {
    text-align: center;
    margin: 0;
    padding: 30px 0;
    background: var(--yellow);
    border: none;
    border-top: solid 1px var(--black);
}

    .partners2022 p,
    .partners2022 a {
        display: inline-block;
        margin: 0 7px;
    }

        .partners2022 a:first-of-type {
            border-right: solid 1px var(--black);
            padding-right: 15px;
        }

        .partners2022 a:last-of-type {
            margin-right: 0;
        }

        .partners2022 a img {
            margin: 0 auto;
        }

.certRina img {
    width: 150px;
}

.certQual img {
    width: 150px;
    display: block;
    margin: auto;
}

.certRating img {
    width: 115px;
    display: block;
    margin: 0;
    margin-top: 60px;
    float: right;
}

.linkRina {
    display: inline-block;
    margin-top: 60px;
    font-size: 12px;
    letter-spacing: 0.03em;
    text-decoration: underline;
}

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

.preFooter .footer-list {
    font-size: 14px;
    text-align: left;
    list-style-type: none;
    margin-left: -40px;
    display: table;
    letter-spacing: .03em;
}

    .preFooter .footer-list li {
        list-style-type: none;
        content: "";
        display: table;
    }

        .preFooter .footer-list li:before {
            font-family: "FontAwesome";
            speak: none;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            padding-right: 8px;
            font-size: 16px;
            text-align: center;
            content: "\f101";
            display: table-cell;
        }

        .preFooter .footer-list a,
        .preFooter .footer-list li a:focus {
            text-decoration: none;
            display: table-cell;
            padding-left: 0;
        }

            .preFooter .footer-list a:hover {
                text-decoration: underline;
                text-decoration: none;
                padding-left: 10px;
            }

.btn-brochure {
    border: solid 2px var(--black);
    border-radius: 3px;
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 30px;
    padding: 10px 15px;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
}

    .btn-brochure:hover {
        border: solid 2px var(--black);
        background: var(--black);
        color: var(--white);
    }

    .btn-brochure:before {
        font-family: "FontAwesome";
        speak: none;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        padding-right: 8px;
        font-size: 20px;
        content: "\f019";
    }

.orDivider {
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-weight: var(--fontweightbold);
    color: var(--black);
    letter-spacing: 0.1rem;
    margin: 40px 0 20px 0;
}

    .orDivider::before, .orDivider::after {
        content: "";
        border-top: 1px solid var(--black);
        width: calc(50% - 100px);
        display: block;
        position: absolute;
        top: 50%;
    }

    .orDivider::before {
        left: 0;
    }

    .orDivider::after {
        right: 0;
    }


/*************************** MARGINI E SPAZI */
.margin-0 {
    margin: 0 !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-80 {
    margin-top: 80px !important;
}

.margin-bot-0 {
    margin-bottom: 0 !important;
}

.margin-bot-10 {
    margin-bottom: 10px !important;
}

.margin-bot-15 {
    margin-bottom: 15px !important;
}

.margin-bot-20 {
    margin-bottom: 20px !important;
}

.margin-bot-30 {
    margin-bottom: 30px !important;
}

.margin-bot-40 {
    margin-bottom: 40px !important;
}

.padding-0 {
    padding: 0 !important;
}

.padding-x0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-bot-0 {
    padding-bottom: 0 !important;
}

.padding-bot-50 {
    padding-bottom: 50px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

/*************************** BUTTONS */
.btn,
.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.button,
.button:focus,
.button:active,
button,
button:focus,
button:active,
input[type="button"],
input[type="button"]:focus,
input[type="button"]:active,
input[type="submit"],
input[type="submit"]:focus,
input[type="submit"]:active {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 7px 15px;
    background: var(--yellow);
    border: none !important; /* !important aggiunto per risolvere il "movimento" dei bottoni al click del mouse 27/08/2025 */
    font-weight: var(--fontweightbold);
    color: var(--black);
    border-radius: var(--borderradius);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    text-decoration: none;
    cursor: pointer;
}

    .btn-primary:hover,
    .btn-primary:active:hover,
    .btn-primary:active:focus,
    .button:hover,
    .button:active:hover,
    .button:active:focus,
    button:hover,
    button:active:hover,
    button:active:focus,
    input[type="button"]:hover,
    input[type="button"]:active:hover,
    input[type="button"]:active:focus,
    input[type="submit"]:hover,
    input[type="submit"]:active:hover,
    input[type="submit"]:active:focus {
        background: var(--black);
        color: var(--white);
        text-decoration: none;
    }

    .button,
    .button:focus,
    .button:active,
    .button:hover,
    .button:active:hover,
    .button:active:focus {
        padding: 7px 15px;
        display: inline-block;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: var(--yellow);
        border-color: var(--yellow);
        color: var(--black);
        filter: alpha(opacity=55);
        opacity: .55;
        cursor: not-allowed /* ultime 3 regole aggiunte il 24/02/2023 per disabilitare pulsanti vendite in corso */;
    }


.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
    color: var(--white);
    background-color: var(--black);
    border-color: var(--black) !important;
}

.btn-grey,
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active {
    color: var(--black) !important;
    background-color: var(--greyborder) !important;
    border: solid 1px var(--greyborder) !important;
    box-shadow: none !important;
}

.btn-link {
    color: var(--black);
}

    .btn-link:hover,
    .btn-link:focus {
        color: #afafaf;
        text-decoration: underline;
    }

.btn-danger {
    color: var(--white) !important;
    background-color: var(--red);
    border: solid 1px var(--red);
}

    .btn-danger:hover,
    .btn-danger:focus {
        color: var(--white) !important;
        background-color: var(--redHover);
        border: solid 1px var(--redHover);
    }

.btn-success {
    color: var(--white) !important;
    background-color: var(--green);
    border: solid 1px var(--green);
}

    .btn-success:hover,
    .btn-success:focus {
        color: var(--white) !important;
        background-color: var(--greenHover);
        border: solid 1px var(--greenHover);
    }

    .btn-success[disabled],
    .btn-success[disabled]:hover,
    .btn-success[disabled]:focus,
    .btn-success[disabled]:active,
    .btn-success.disabled,
    .btn-success.disabled:hover,
    .btn-success.disabled:focus,
    .btn-success.disabled:active {
        background-color: var(--green) !important;
        border: solid 1px var(--green) !important;
        opacity: .45 !important;
    }


.btn .fa {
    margin-right: 7px;
}

.btn-xl {
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 18px;
}

.btn-inverse {
    color: var(--white) !important;
    background: var(--black) !important;
    text-decoration: none !important;
}

    .btn-inverse:hover,
    .btn-inverse:focus,
    .btn-inverse:active {
        color: var(--black) !important;
        background: var(--yellow) !important;
        text-decoration: none !important;
    }

.btn-indietro {
    margin-top: 15px;
    content: "";
    padding: 3px 5px;
    font-size: 12px;
    letter-spacing: 0.03em;
}

    .btn-indietro:focus,
    .btn-indietro:hover,
    .btn-indietro:active {
        padding: 3px 5px;
        font-size: 12px;
        letter-spacing: 0.03em;
    }

    .btn-indietro:before {
        font-family: 'FontAwesome';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\f060";
        padding-right: 5px;
    }

.btn-mostraPsw,
.btn-mostraPsw:hover,
.btn-mostraPsw:focus {
    background: var(--white) !important;
    color: var(--black) !important;
    border: solid 1px var(--greyborder);
    border-left: none;
    padding: 9px 10px 9px 10px;
    box-shadow: none;
    border-radius: 0;
}

.btn-aggiungi,
input[type="submit"].btn-aggiungi {
    padding: 7px 15px;
    width: 100%;
    display: block;
}

.btnRecapitiRDC {
    width: 36px;
    height: 36px;
    display: block;
    margin: 5px 0;
    background-color: var(--yellow);
    background-image: url('/images/btn-recapiti.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    border-radius: 50%;
}

    .btnRecapitiRDC:hover {
        background-color: #AAA;
    }

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none; /* risolve il bug del bordo nero interno su chrome */
}

.sfoglia .btn {
    padding: 13px 15px;
}

.btn-plus,
.btn-plus:hover,
.btn-plus:focus,
.btn-plus:active {
    padding: 7px 10px;
}

    .btn-plus .fa {
        font-size: 16px !important;
        width: auto !important;
        margin: auto !important;
    }

.btn-icon,
.btn-icon:focus,
.btn-icon:active {
    padding: 7px 10px;
    margin: 0 2px;
    text-align: center;
    color: var(--black);
    cursor: pointer;
    background-color: transparent !important;
}

    .btn-icon:hover {
        color: var(--greydarker);
        background-color: transparent !important;
    }

    .btn-icon .fa {
        font-size: 18px !important;
        width: auto !important;
        margin-right: 0;
    }

.btn-sinistra {
    float: left;
}

.btn-destra {
    float: right;
}

.btn-xs,
.btn-xs:focus,
.btn-xs:active,
.btn-xs:hover {
    padding: 3px 5px;
    font-size: 12px;
    letter-spacing: 0.03em;
    line-height: 1.5;
}
/*************************** TABLES */
.table-bordered {
    border: solid 1px var(--greybg);
}

    .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border: 1px solid var(--greyborder);
        border-top-color: rgb(204, 204, 204);
        border-bottom-color: rgb(204, 204, 204);
    }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
    background-color: var(--yellow);
    color: var(--black);
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 10px 5px;
    border: none;
    border-right: solid 1px var(--white);
    vertical-align: middle;
}

    .table > thead > tr > th:last-child,
    .table > tbody > tr > th:last-child,
    .table > tfoot > tr > th:last-child {
        border-right: none;
    }

/*************************** FORMS */
.well {
    border-radius: 0;
    background-color: var(--greybg);
    border: 1px solid var(--greyborder);
    box-shadow: none;
}

.form-control {
    color: var(--black);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: var(--yellow);
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(251, 193, 33, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(251, 193, 33, .6);
    }

.form-horizontal .control-label,
.form-horizontal label {
    text-align: left;
    font-weight: var(--fontweight);
}

.form-horizontal span.control-label {
    font-weight: var(--fontweightbold);
    display: inline-block;
}

.form-horizontal .checkbox2 {
    width: auto;
    display: inline-block;
    padding-top: 7px;
    margin-right: 15px;
}

    .form-horizontal .checkbox2 label {
        font-weight: 300;
    }

    .form-horizontal .checkbox2 input[type="checkbox"] {
        margin-right: 3px;
    }

.form-control-feedback,
.form-control-feedback .fa {
    line-height: 34px !important;
}

.form-prof .control-label {
    white-space: nowrap;
}

.form-prof .form-group {
    margin-bottom: 0;
}

.form-prof .form-control,
.form-prof .form-control-static,
.form-prof .checkbox {
    margin-bottom: 15px;
}

.form-prof .checkbox-absolute {
    width: 20px;
    position: absolute;
    top: 0;
    right: 2px;
}

.form-prof .checkbox-absolute2 {
    width: 20px;
    position: absolute;
    top: 0;
    left: -2px;
}

.form-prof .checkbox-absolute input[type="radio"] {
    margin: 0;
}

.form-inline .control-label,
.form-inline label {
    font-weight: var(--fontweightbold);
}

.form-inline .radio-inline input {
    margin-top: 7px;
}

.bootstrap-filestyle .form-control {
    height: 36px;
}

.form-prof .bootstrap-filestyle .form-control {
    margin-bottom: 0;
}

#warningtele {
    margin-bottom: 15px;
}

.well-form {
    padding: 10px 19px;
    margin-top: 15px;
    margin-bottom: 20px;
    background-color: var(--greybg);
    border: solid 1px var(--greyborder);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .well-form .radio {
        text-align: center;
    }

        .well-form .radio label {
            padding-left: 0;
        }

label.text-danger {
    color: var(--red);
    font-weight: 300;
}

.text-danger {
    color: var(--red);
}

/***** checkbox solo partecipabili */
.boxes {
    margin: auto;
    margin-bottom: 15px;
}

    .boxes input[type="checkbox"] {
        display: none;
    }

        .boxes input[type="checkbox"] + label {
            display: block;
            position: relative;
            padding-left: 30px;
            margin-bottom: 20px;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }

            .boxes input[type="checkbox"] + label:last-child {
                margin-bottom: 0;
            }

            .boxes input[type="checkbox"] + label:before {
                content: '';
                display: block;
                width: 20px;
                height: 20px;
                /*border: 2px solid var(--black); da mettere se si vuole il box trasparente con il bordino nero - commentare le 2 righe successive */
                border: 2px solid var(--white);
                background-color: var(--white);
                position: absolute;
                left: 0;
                top: 0;
                -webkit-transition: all .18s;
                transition: all .18s;
            }

        .boxes input[type="checkbox"]:checked + label:before {
            width: 10px;
            top: -5px;
            left: 5px;
            border: 2px solid var(--black); /* da togliere se si vuole il box trasparente con il bordino nero */
            background-color: transparent;
            border-radius: 0;
            border-top-color: transparent;
            border-left-color: transparent;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }
/***** checkbox solo partecipabili */

/*************************** NAVBAR */
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    z-index: 80;
}

.login-btn,
.login-btn:focus,
.login-btn:hover {
    background-color: var(--black) !important;
    color: var(--white) !important;
}

.navbar-btn,
.navbar-btn:focus,
.navbar-btn:active {
    padding: 5px 8px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: var(--borderradius);
}

.navbar-brand {
    display: block;
    float: left;
    width: 185px;
    height: 103px;
    margin: 0;
    margin-right: 10px;
    padding: 0;
}

    .navbar-brand img {
        width: 100%;
        height: 100%;
    }

.navbar-nav {
    margin-top: 60px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}

    .navbar-nav .dropdown-menu {
        margin-right: 0;
        border: solid 1px var(--greyborder);
        border-radius: 3px !important;
    }

.navbar-default {
    border-radius: 0;
    background-color: var(--white);
    border: 0px transparent;
    margin: 0;
    margin-top: 15px;
    min-height: 40px;
}

    .navbar-default .navbar-nav > li > a {
        color: var(--black);
        font-size: 15px;
        font-weight: var(--fontweightbold);
        text-decoration: none;
        text-transform: uppercase;
    }

        .navbar-default .navbar-nav > li > a:hover {
            color: var(--greytext);
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }


.nav > li > a {
    padding: 10px;
    border-radius: 0;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: var(--greytext);
    background: var(--white);
}

.navbar-right {
    margin-right: 0;
}

.link-separator {
    width: 1px;
    height: 40px;
    background-color: var(--greytext);
}

.navbar-right .dropdown-menu {
    right: auto;
    left: 0;
}

.dropdown-menu {
    background: var(--greybg);
    border: none;
    box-shadow: none;
    padding: 0;
    padding-bottom: -1px;
}

    .dropdown-menu > li {
        border-bottom: solid 1px var(--greyborder);
    }

        .dropdown-menu > li:last-child {
            border-bottom: none;
        }

        .dropdown-menu > li > a {
            padding: 10px;
            text-decoration: none;
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: var(--black);
            background-color: var(--white);
        }

            .dropdown-menu > li > a:hover,
            .dropdown-menu > li > a:focus {
                color: var(--black);
                background-color: var(--greybg);
                border-radius: 0;
            }

            .dropdown-menu > li > a .fa {
                margin-right: 6px;
            }

    .dropdown-menu .divider {
        background-color: #BBB;
    }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:focus,
    .dropdown-menu > .active > a:hover {
        color: var(--black);
        background-color: var(--greybg);
    }

.btn-group .dropdown-menu {
    border: solid 1px var(--greyborder);
}

.bootstrap-autocomplete {
    border: solid 1px var(--greyborder);
}

.navbar-toggle,
.navbar-toggle:hover,
.navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    padding: 9px 10px;
    border: none;
    background-color: transparent;
    margin-top: 20px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--black);
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.nabar-login .bottoneAccesso,
.nabar-login .bottoneAccesso:focus,
.nabar-login .bottoneAccesso:hover,
.navbar-default .navbar-nav > li > a.bottoneAccesso,
.navbar-default .navbar-nav > .open > .bottoneAccesso {
    background: var(--black);
    color: var(--white);
}

    .nabar-login .bottoneAccesso .fa {
        margin-right: 3px;
    }

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    margin: 0;
    top: 25px;
    left: 20px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

    #nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: var(--black);
        border-radius: 5px;
        opacity: 1;
        left: 0;
        *
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        #nav-icon3 span:nth-child(1) {
            top: 0px;
        }

        #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
            top: 10px;
        }

        #nav-icon3 span:nth-child(4) {
            top: 20px;
        }

    #nav-icon3.open span:nth-child(1) {
        top: 10px;
        width: 0%;
        left: 50%;
    }

    #nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #nav-icon3.open span:nth-child(4) {
        top: 15px;
        width: 0%;
        left: 50%;
    }

/* menu mobile 2023 */
#NavMobile .navbar-nav {
    margin: 80px -7.5px 0 -7.5px;
}

    #NavMobile .navbar-nav li {
        width: 100%;
    }

        #NavMobile .navbar-nav li.link-separator,
        #NavMobile .navbar-nav li.accedi-registrati {
            display: none;
        }

#NavMobile .navbar-default .navbar-nav > li > a,
#NavMobile .nav > li > a {
    text-transform: uppercase;
    font-weight: var(--fontweight);
    font-size: 22px;
    white-space: normal;
    text-decoration: none;
    padding: 20px 0;
    background-color: var(--white);
}

#NavMobile .nav .open > a,
#NavMobile .nav .open > a:focus,
#NavMobile .nav .open > a:hover {
    background-color: var(--white);
}

#NavMobile .nav > li > a .caret {
    float: right;
    margin-top: 5px;
    border-top: 6px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    transition: transform 0.3s ease-in-out;
}

#NavMobile .nav .open > a > .caret {
    transform: rotate(-180deg);
}

#NavMobile .dropdown-menu {
    border: none;
    border-left: solid 2px var(--greytext);
    border-radius: 0;
    padding: 0;
    margin-bottom: 30px;
}

    #NavMobile .dropdown-menu > li {
        border-bottom: none;
    }

        #NavMobile .dropdown-menu > li > a {
            padding: 7px 10px !important;
            font-size: 16px !important;
        }

            #NavMobile .dropdown-menu > li > a,
            #NavMobile .dropdown-menu > li > a:focus,
            #NavMobile .dropdown-menu > li > a:active {
                color: var(--greytext);
                background: var(--white);
            }

#NavMobile .btnLoginClose,
#NavMobile .btnLoginClose:hover,
#NavMobile .btnLoginClose:focus,
#NavMobile .btnLoginClose:active {
    right: auto;
    left: 20px;
}
/* menu mobile 2023 */

/*************************** animazione nuovo menu 2023 */
.payoffLoghi {
    position: relative;
    background-color: var(--white);
    text-align: center;
    height: 125px;
    margin: 0;
    padding: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}

    .payoffLoghi.shrink {
        height: 80px;
    }

        .payoffLoghi.shrink .navbar-brand {
            width: 126px;
            height: 70px;
            margin-top: -10px;
        }

        .payoffLoghi.shrink .navbar-nav {
            margin-top: 5px;
        }

/*************************** ACCEDI REGISTRATI NAVBAR */
.dropdown-login {
    border: none;
    min-width: 260px;
    text-align: center;
    border-radius: 0;
    right: 0;
    left: auto;
    margin: 0;
}

    .dropdown-login > li {
        border-bottom: none;
    }

        .dropdown-login > li > a {
            display: inline-block;
            clear: none;
            border: solid 1px var(--greybg);
            width: 50%;
            float: left;
            white-space: normal;
            color: var(--black);
            padding: 10px !important;
            height: 150px;
            text-align: center;
            text-transform: uppercase;
        }

            .dropdown-login > li > a:hover,
            .dropdown-login > li > a:focus,
            .dropdown-login > li > a:active {
                color: var(--greydarker);
                background: var(--greybg);
                border: solid 1px var(--greybg);
            }

        .dropdown-login > li:nth-child(2) > a {
            border-left: solid 1px var(--greyborder);
        }

    .dropdown-login .fa-stack {
        margin-bottom: 10px;
    }

    .dropdown-login .fa-inverse {
        color: var(--greybg);
    }

.dropdown-loggato {
    margin-top: 20px;
}

    .dropdown-loggato > li {
        text-align: right;
        background: var(--greybg);
    }

        .dropdown-loggato > li:hover {
            background: #BBB;
        }

.caret {
    margin: 0;
}

.accedi-registrati .dropdown-menu {
    right: 0;
    left: auto;
}

/*************************** login mobile 2023 */
.btnLogin,
.btnLogin:hover,
.btnLogin:focus,
.btnLogin:active {
    top: 20px;
    right: 20px;
    width: 35px;
    height: 35px;
    position: absolute;
    z-index: 100;
    color: var(--black) !important;
    background-color: var(--white) !important;
    padding: 0;
}

    .btnLogin .fa {
        font-size: 35px;
        margin: 0;
    }

    .btnLogin .accessoParti {
        background: url('../../images/accessoparti.svg') no-repeat center;
        background-size: contain;
        display: inline-block;
        width: 32px;
        height: 32px;
    }

.btnLoginClose,
.btnLoginClose:hover,
.btnLoginClose:focus,
.btnLoginClose:active {
    top: 25px;
    right: 20px;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 100;
    color: var(--black) !important;
    background: var(--white) url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="close" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" style="enable-background:new 0 0 26 26;" xml:space="preserve"><path id="Tracciato_11567" d="M26,2.6L23.4,0L13,10.4L2.6,0L0,2.6L10.4,13L0,23.4L2.6,26L13,15.6L23.4,26l2.6-2.6L15.6,13L26,2.6z"/></svg>') !important;
    padding: 0;
    z-index: 800;
}

#LoginMobile h5,
#LoggatiMobile h5 {
    text-align: center;
    font-size: 24px;
    margin-top: 60px;
    margin-bottom: 30px;
}

    #LoginMobile h5 .fa,
    #LoggatiMobile h5 .fa {
        font-size: 35px;
        padding-bottom: 5px;
    }


#NavMobile .modal-dialog,
#LoginMobile .modal-dialog,
#LoggatiMobile .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    max-width: 400px;
    height: 100%;
    border-radius: 0;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

#NavMobile .modal-content,
#LoginMobile .modal-content,
#LoggatiMobile .modal-content {
    height: 100%;
    overflow-y: hidden;
    border-radius: 0;
    border: none;
}

#NavMobile .modal-body,
#LoginMobile .modal-body,
#LoggatiMobile .modal-body {
    padding: 30px 30px 80px;
}

/*Left*/
#NavMobile.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

#NavMobile.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
#LoginMobile.fade .modal-dialog,
#LoggatiMobile.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

#LoginMobile.fade.in .modal-dialog,
#LoggatiMobile.fade.in .modal-dialog {
    right: 0;
}

.sidebar-menu {
    padding-left: 0;
}

    .sidebar-menu li {
        list-style-type: none;
        background: var(--white);
        padding: 10px 0;
        font-size: var(--fontsize);
        border-bottom: solid 1px var(--greyborder);
    }

        .sidebar-menu li a {
            text-decoration: none;
            color: var(--greytext);
        }

            .sidebar-menu li a:hover {
                color: var(--black);
            }

    .sidebar-menu .fa {
        margin-right: 5px;
    }

.userImpersonificato {
    width: 35px;
    height: 35px;
    display: inline-block;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3zM609.3 512H471.4c5.4-9.4 8.6-20.3 8.6-32v-8c0-60.7-27.1-115.2-69.8-151.8c2.4-.1 4.7-.2 7.1-.2h61.4C567.8 320 640 392.2 640 481.3c0 17-13.8 30.7-30.7 30.7zM432 256c-31 0-59-12.6-79.3-32.9C372.4 196.5 384 163.6 384 128c0-26.8-6.6-52.1-18.3-74.3C384.3 40.1 407.2 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112z"/></svg>') no-repeat center;
}

.accedi-registrati .userImpersonificato {
    width: 15px;
    height: 15px;
}

.accedi-registrati .accessoParti {
    background: url('../../images/accessoparti.svg') no-repeat center;
    background-size: contain;
    display: inline-block;
    width: 15px;
    height: 15px;
}


/*************************** ACCEDI REGISTRATI RECUPERA PASSWORD */
.recuperaPswUser {
    background: var(--greybg);
    border: solid 1px var(--greyborder);
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
}

    .recuperaPswUser .help-block {
        padding: 0 5px 15px 5px;
        color: var(--black);
    }

.login-container {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 20px 0;
    border: solid 1px var(--white);
    position: relative;
    margin-top: 100px;
}

    .login-container .login {
        display: table-cell;
        padding: 50px 15px 15px 15px;
        position: relative;
        text-align: center;
        background: var(--greybg);
        border: solid 1px var(--greyborder);
        width: 50%;
    }

.no-webp .login-container .sfondo1 {
    background: url('/images/bg-registrati1.jpg') no-repeat top left;
    background-size: cover;
    vertical-align: middle;
    padding-top: 15px;
}

.webp .login-container .sfondo1 {
    background: url('/images/bg-registrati1.webp') no-repeat top left;
    background-size: cover;
    vertical-align: middle;
    padding-top: 15px;
}

.no-webp .login-container .sfondo2 {
    background: url('/images/bg-registrati2.jpg') no-repeat top left;
    background-size: cover;
    vertical-align: middle;
    padding-top: 15px;
}

.webp .login-container .sfondo2 {
    background: url('/images/bg-registrati2.webp') no-repeat top left;
    background-size: cover;
    vertical-align: middle;
    padding-top: 15px;
}

.login-container .sfondo1 h2,
.login-container .sfondo2 h2 {
    margin-bottom: 20px;
    font-size: 30px;
}

.login-container .loginBoxIcon {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    border: none;
}

    .login-container .loginBoxIcon .icona {
        background-color: var(--black);
        width: 80px;
        height: 80px;
        font-size: 40px;
        line-height: 80px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        text-align: center;
        position: relative;
    }

        .login-container .loginBoxIcon .icona .fa {
            color: var(--greybg);
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            font-size: 40px;
        }

.form-signin {
    padding: 0;
    padding-bottom: 15px;
    margin: 0 auto;
}

.form-signin-heading {
    margin-top: 0;
    margin-bottom: 30px;
}

.form-signin .checkbox {
    margin-bottom: 15px;
}

.form-signin .checkbox {
    font-weight: var(--fontweight);
}

.form-signin .form-control {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: var(--fontsize);
}

    .form-signin .form-control:focus {
        z-index: 2;
    }

.form-signin input {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

    .form-signin input:last-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.form-signin .btn {
    margin-top: 20px;
    margin-bottom: 15px;
}

.form-signin .messaggio {
    display: block;
    color: var(--red);
    font-weight: var(--fontweightbold);
    margin-bottom: 10px;
}

.eyeWrapper {
    position: relative;
}

    .eyeWrapper .togglePassword,
    .eyeWrapper .togglePassword:hover,
    .eyeWrapper .togglePassword:focus,
    .eyeWrapper .togglePassword.active,
    .eyeWrapper .togglePassword:active {
        position: absolute;
        top: 8px;
        right: 5px;
        cursor: pointer;
        display: block;
        text-align: center;
        padding: 3px;
        font-size: 18px;
        background-color: transparent;
        border: none;
        color: var(--black);
        z-index: 300;
        margin-top: 3px;
    }

        .eyeWrapper .togglePassword:after,
        .eyeWrapper .togglePassword:hover:after,
        .eyeWrapper .togglePassword:focus:after,
        .eyeWrapper .togglePassword.active:after,
        .eyeWrapper .togglePassword:active:after {
            font-family: 'FontAwesome';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            font-size: 18px;
            line-height: 18px;
            -webkit-font-smoothing: antialiased;
            margin: 0;
            content: "\f06e";
        }

        .eyeWrapper .togglePassword.shown:after {
            font-family: 'FontAwesome';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            font-size: 18px;
            line-height: 18px;
            -webkit-font-smoothing: antialiased;
            margin: 0;
            content: "\f070";
        }

.error,
.red,
.rfvRecuperoPwd {
    color: var(--red);
    font-weight: var(--fontweightbold);
    display: block;
}

/*************************** RICERCA HOMEPAGE */
.mascheraCampi {
    height: 380px;
    padding-top: 15px;
}

.mascheraRicerca {
    background: rgb(226,180,82);
    background: linear-gradient(0deg, rgba(226,180,82,1) 250px, rgba(242,161,54,1) 85%);
    margin: 0;
    width: 100%;
    position: relative;
}

.sfondoMondo {
    width: 300px;
    position: absolute;
    left: -50px;
    top: 0;
}

.sfondoCasetta {
    width: 200px;
    position: absolute;
    right: 0;
    top: 110px;
}

.sfondoPuzzle {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 250px;
}

    .sfondoPuzzle img {
        display: block;
        margin: 0 auto;
        height: 250px;
    }

.mascheraRicercaInterno {
    width: 100%;
    padding: 15px 0 90px 0;
}

.mascheraRicerca .tab-content {
    border: none;
    padding: 0;
}

.mascheraRicerca .nav-tabs {
    border: none;
    border-bottom: solid 3px var(--black);
}

    .mascheraRicerca .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        width: 50%;
        display: inline-block;
        color: var(--black);
        font-size: 30px;
        font-weight: var(--fontweightbold);
        text-transform: capitalize;
        text-align: center;
        text-decoration: none;
        background-color: transparent;
        border: none;
        border-radius: 0;
        margin-right: 0;
        white-space: nowrap;
        padding: 0 15px 3px 15px;
    }

        .mascheraRicerca .nav-tabs > li .fa {
            margin-right: 10px;
        }

#tabImmobili {
    text-align: right;
    border-right: solid 3px var(--black);
}

#tabMobili {
    text-align: left;
    border-left: solid 3px var(--black);
    margin-left: -3px;
}

/* classi per far tornare la griglia con i margini perfetti */
.mascheraRicerca .col1,
.mascheraRicerca .sottocol1,
.mascheraRicerca .griglia1 {
    padding-right: 7.5px;
}

.mascheraRicerca .griglia2 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.mascheraRicerca .col2,
.mascheraRicerca .sottocol2,
.mascheraRicerca .griglia3 {
    padding-left: 7.5px;
}

.mascheraRicerca .marginCodice {
    margin-top: 15px;
}

@supports (-ms-ime-align:auto) {
    .mascheraRicerca .marginCodice {
        margin-top: 17px;
    }
}

@media screen and (min-width:0\0) {
    .mascheraRicerca .marginCodice {
        margin-top: 17px;
    }
}

.mascheraRicerca .noPadding {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
/* classi per far tornare la griglia con i margini perfetti */

.mascheraRicerca label {
    font-weight: var(--fontweightbold);
    font-size: var(--fontsize);
}

.mascheraRicerca .form-control {
    font-size: var(--fontsize);
    color: var(--black);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    border: solid 1px var(--white);
    height: auto;
    outline: none;
    font-weight: var(--fontweight);
}

.mascheraRicerca select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--white) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NS4yNyA0OS43MyI+PGcgaWQ9IkxpdmVsbG9fMiIgZGF0YS1uYW1lPSJMaXZlbGxvIDIiPjxnIGlkPSJMaXZlbGxvXzEtMiIgZGF0YS1uYW1lPSJMaXZlbGxvIDEiPjxwYXRoIGQ9Ik05MS44NSw2Ni4zOGEyLjcyLDIuNzIsMCwwLDEtLjg2LDJMNTEuMTgsMTA4LjE2YTIuNjcsMi42NywwLDAsMS0zLjkzLDBMNy40Myw2OC4zNWEyLjcsMi43LDAsMCwxLDAtMy45M2w0LjI4LTQuMjdhMi42OCwyLjY4LDAsMCwxLDItLjg2LDIuNzIsMi43MiwwLDAsMSwyLC44Nkw0OS4yMSw5My43Miw4Mi43OSw2MC4xNWEyLjY3LDIuNjcsMCwwLDEsMy45MywwTDkxLDY0LjQyQTIuNywyLjcsMCwwLDEsOTEuODUsNjYuMzhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNi41OCAtNTkuMjkpIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat center right 12px;
    background-size: 14px 14px;
}

    .mascheraRicerca select::-ms-expand {
        display: none;
    }

@media screen and (min-width:0\0) {
    .mascheraRicerca select {
        background: none\9;
        padding: 5px\9;
    }
}

.mascheraRicerca select option {
    font-weight: var(--fontweight);
    padding-left: 12px;
}

    .mascheraRicerca select option:first-child {
        font-weight: var(--fontweightblack);
    }

.mascheraRicerca .btn,
.mascheraRicerca .btn:focus {
    border: none;
    background: rgba(0,0,0,0.65);
    color: var(--white);
    border-radius: var(--borderradius);
    font-size: var(--fontsize);
    font-weight: 400;
}

    .mascheraRicerca .btn:hover {
        background: rgba(0,0,0,1);
    }

.mascheraRicerca .btn-link:hover,
.mascheraRicerca .btn-link:focus {
    color: var(--black);
    text-decoration: none;
}

.mascheraRicerca ::placeholder {
    color: var(--black);
    opacity: 1;
}

.mascheraRicerca :-ms-input-placeholder {
    color: var(--black);
}

.mascheraRicerca ::-ms-input-placeholder {
    color: var(--black);
}

/* button scroll */
.scroll-down {
    opacity: 1;
    cursor: pointer;
    -webkit-transition: all .5s ease-in 3s;
    transition: all .5s ease-in 3s;
}

    .scroll-down,
    .scroll-down:focus {
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin-left: -25px;
        display: block;
        width: 50px;
        height: 50px;
        border: none;
        background: rgba(0,0,0,0.65);
        background-size: 14px auto;
        border-radius: 50%;
        z-index: 2;
        -webkit-animation: bounce 2s infinite 2s;
        animation: bounce 2s infinite 2s;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
    }

        .scroll-down:hover {
            background: rgba(0,0,0,1);
        }

        .scroll-down:before {
            position: absolute;
            top: calc(50% - 8px);
            left: calc(50% - 6px);
            transform: rotate(-45deg);
            display: block;
            width: 12px;
            height: 12px;
            content: "";
            border: 2px solid white;
            border-width: 0px 0 2px 2px;
        }

@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}
/* button scroll */

/*************************** SEZIONI HOMEPAGE */
section {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    z-index: 1;
}

    .AsteTelematiche h1,
    section h2 {
        text-align: center;
        margin-top: 0;
        margin-bottom: 50px;
        padding: 0;
        font-size: 40px;
    }

        .AsteTelematiche h1::after {
            display: none;
        }

        section h2.subtitle {
            margin-bottom: 10px;
        }

.Banners {
    background: var(--white);
    padding-top: 20px;
    padding-bottom: 20px;
}

.ultimeNews {
    background: var(--white);
}

.AsteTelematiche,
.VenditeEvidenza {
    background: var(--bgSection);
}

.VenditeEvidenza {
    margin-bottom: -40px; /* serve per compensare il padding-bottom di main */
}

.sigilloCustomerCare {
    text-align: left;
}

    .sigilloCustomerCare .divFlex {
        display: flex;
    }

    .sigilloCustomerCare h2 {
        text-align: left;
        margin-bottom: 20px;
    }

    .sigilloCustomerCare img {
        width: 100%;
    }

    .sigilloCustomerCare .verticalMiddle {
        display: flex;
        align-items: center;
        min-height: 370px;
    }

/* flipbox effect */
.flip-box {
    background-color: transparent;
    width: 100%;
    height: 270px;
    border: none;
    cursor: pointer;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 1s;
    transform-style: preserve-3d;
}

/* scommentare se si vuole l'effetto flipbox sull'hover, anzichč sul click
    .flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}*/

.flip-box.flipped .flip-box-inner {
    transform: rotateY(180deg); /* commentare se si vuole l'effetto flipbox sull'hover, anzichč sul click */
}

.flip-box-front, .flip-box-back {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 15px;
}

.flip-box-front {
    background-color: var(--white);
    border: none;
    padding-top: 60px;
}

    .flip-box-front img {
        height: 90px;
    }

    .flip-box-front h3 {
        margin-top: 30px;
        margin-bottom: 0;
        white-space: nowrap
    }

.flip-box-back {
    font-size: var(--fontsize);
    padding: 25px;
    background: rgb(251,193,33);
    background: linear-gradient(0deg, rgba(239,161,52,1) 0%, rgba(251,193,33,1) 50%, rgba(255,217,113,1) 100%);
    transform: rotateY(180deg);
}

    .flip-box-back .btn-inverse,
    .flip-box-back .btn-inverse:focus {
        background-color: var(--bgSection) !important;
        color: var(--black) !important;
        padding: 3px 10px;
        position: absolute;
        bottom: 25px;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

        .flip-box-back .btn-inverse:hover {
            background-color: var(--black) !important;
            color: var(--white) !important;
        }
/* flipbox effect */

.Banners a,
.Banners a:hover,
.Banners a:focus {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    border: none;
}

.Banners a {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.Banners span {
    width: 80%;
    font-size: 22px;
    line-height: 28px;
    color: var(--white);
    font-weight: var(--fontweightblack);
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.03em;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.Banners figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 15px 0;
    background: var(--black);
    text-align: center;
    cursor: pointer;
    width: 100%;
}

    .Banners figure img {
        position: relative;
        display: block;
        min-height: 100%;
        max-width: 100%;
        opacity: 0.5;
    }

    .Banners figure figcaption {
        padding: 2em;
        color: var(--white);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .Banners figure figcaption::before,
        .Banners figure figcaption::after {
            pointer-events: none;
        }

    .Banners figure figcaption {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


    .Banners figure.effect img {
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(1.12);
        transform: scale(1.12);
    }

    .Banners figure.effect:hover img {
        opacity: 0.35;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .Banners figure.effect figcaption::before {
        position: absolute;
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        border: 3px solid var(--white);
        content: '';
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

    .Banners figure.effect:hover figcaption::before {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

/* banner servizi nostri */
.no-webp .banner107 {
    width: 100%;
    height: 150px;
    background: url('/images/pagine/home/107-bgDesktop.png') no-repeat center right;
    background-size: cover;
    margin: 15px 0;
    position: relative;
}

.webp .banner107 {
    width: 100%;
    height: 150px;
    background: url('/images/pagine/home/107-bgDesktop.webp') no-repeat center right;
    background-size: cover;
    margin: 15px 0;
    position: relative;
}

.banner107 .slogan {
    width: 600px;
    height: auto;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}

    .banner107 .slogan h4 {
        text-transform: uppercase;
        text-align: left;
        font-size: 28px;
        line-height: 1.1em;
        font-weight: var(--fontweightblack);
        color: #19233A;
        margin: 0;
    }

    .banner107 .slogan p {
        text-align: left;
        font-size: 22px;
        line-height: 1.2em;
        font-weight: var(--fontweight);
        color: #19233A;
        margin: 0;
        margin-top: 5px;
    }

.banner107 a.bottone {
    width: 100px;
    height: 32px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    font-weight: var(--fontweightbold);
    color: #19233A;
    background: var(--white);
    border: solid 1px var(--white);
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.16);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 70px;
    margin: auto;
}

    .banner107 a.bottone:hover,
    .banner107 a.bottone:focus {
        background: var(--greybg);
        border: solid 1px var(--greybg);
        text-decoration: none;
        margin: auto;
    }

.no-webp .bannerRAblockchain {
    width: 100%;
    height: 150px;
    background: url('/images/pagine/home/RAblockchain-bgDesktop.png') no-repeat center right;
    background-size: cover;
    margin: 15px 0;
    position: relative;
    float: left;
}

.webp .bannerRAblockchain {
    width: 100%;
    height: 150px;
    background: url('/images/pagine/home/RAblockchain-bgDesktop.webp') no-repeat center right;
    background-size: cover;
    margin: 15px 0;
    position: relative;
    float: left;
}

.bannerRAblockchain .simboloRA {
    position: absolute;
    top: 0;
    left: 0;
    width: 152px;
    height: 150px;
}

    .bannerRAblockchain .simboloRA img {
        display: block;
        width: 100%;
        height: 100%;
    }

.bannerRAblockchain .loghiRA {
    width: 100%;
    margin: 10px auto 0 auto;
    text-align: center;
}

    .bannerRAblockchain .loghiRA img {
        width: 158px;
        height: 44px;
        margin: 0 auto;
        padding: 0;
        display: block;
    }

    .bannerRAblockchain .loghiRA a {
        display: block;
        width: 140px;
        margin: 0 auto;
        margin-top: 8px;
        padding: 10px 15px;
        background: transparent;
        border: solid 1px var(--white);
        border-radius: 4px;
        text-align: center;
        font-size: 15px;
        font-weight: var(--fontweightbold);
        color: var(--white);
        text-decoration: none;
        text-transform: uppercase;
        box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.16);
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

        .bannerRAblockchain .loghiRA a:hover,
        .bannerRAblockchain .loghiRA a:focus {
            background: var(--white);
            color: #083253;
        }

.bannerRAblockchain .claim {
    width: 100%;
    margin: 0;
    margin-top: 5px;
}

    .bannerRAblockchain .claim p {
        color: var(--white);
        font-size: 13px;
        font-weight: var(--fontweightbold);
        text-align: center;
        margin-bottom: 0;
    }

.bannerCondotte {
    width: 100%;
    height: 150px;
    margin: 15px 0;
    position: relative;
}

    .bannerCondotte .slide {
        width: 100%;
        height: 150px;
        overflow: hidden;
        position: relative;
        background-color: var(--white);
        border: none;
        z-index: 30;
    }

        .bannerCondotte .slide > div {
            width: 100%;
            height: 150px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            animation: slideAnimation 15s linear infinite 0s;
            opacity: 0;
        }

.no-webp .bannerCondotte .slide > div:nth-child(1) {
    background-image: url('/images/pagine/home/Condotte1-bgDesktop.png');
    background-size: cover;
}

.no-webp .bannerCondotte .slide > div:nth-child(2) {
    background-image: url('/images/pagine/home/Condotte2-bgDesktop.png');
    background-size: cover;
    animation-delay: 5s;
}

.no-webp .bannerCondotte .slide > div:nth-child(3) {
    background-image: url('/images/pagine/home/Condotte3-bgDesktop.png');
    background-size: cover;
    animation-delay: 10s;
}

.webp .bannerCondotte .slide > div:nth-child(1) {
    background-image: url('/images/pagine/home/Condotte1-bgDesktop.webp');
    background-size: cover;
}

.webp .bannerCondotte .slide > div:nth-child(2) {
    background-image: url('/images/pagine/home/Condotte2-bgDesktop.webp');
    background-size: cover;
    animation-delay: 5s;
}

.webp .bannerCondotte .slide > div:nth-child(3) {
    background-image: url('/images/pagine/home/Condotte3-bgDesktop.webp');
    background-size: cover;
    animation-delay: 10s;
}

@keyframes slideAnimation {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }

    10% {
        opacity: 1;
        animation-timing-function: ease-out;
    }

    34% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.bannerCondotte .slogan {
    width: calc(100% - 40px);
    height: auto;
    border: none;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 300;
}

    .bannerCondotte .slogan h4 {
        text-transform: uppercase;
        text-align: left;
        font-size: 22px;
        line-height: 24px;
        font-weight: var(--fontweightblack);
        color: var(--white);
        margin: 0;
        margin-top: 5px;
    }

    .bannerCondotte .slogan p {
        text-align: left;
        font-size: 18px;
        line-height: 20px;
        font-weight: var(--fontweightbold);
        color: var(--white);
        margin: 0;
    }

    .bannerCondotte .slogan hr {
        width: 165px;
        border-top: solid 8px var(--white);
        display: block;
        margin: 0;
        margin-top: 10px;
    }


.bannerCondotte .bottone a {
    width: 100px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-weight: var(--fontweightbold);
    color: #01377B;
    background: #F7C33E;
    border: solid 1px #F7C33E;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.16);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 300;
}

    .bannerCondotte .bottone a:hover {
        background: #deaf37;
        border: solid 1px #deaf37;
        text-decoration: none;
    }

.bannerATP {
    height: 150px;
    margin: 15px 0;
    border: none;
}

    .bannerATP .item {
        height: 150px;
        margin: 0;
        background-color: #F1EFEF;
        border: solid 1px var(--bgSection);
    }

.no-webp .bannerATP .item:first-child {
    background: url('/images/pagine/home/ATP1-bgDesktop.png') no-repeat center right;
    background-size: cover;
}

.no-webp .bannerATP .item:nth-child(2) {
    background: url('/images/pagine/home/ATP2-bgDesktop.png') no-repeat center right;
    background-size: cover;
}

.no-webp .bannerATP .item:nth-child(3) {
    background: url('/images/pagine/home/ATP3-bgDesktop.png') no-repeat center right;
    background-size: cover;
}

.webp .bannerATP .item:first-child {
    background: url('/images/pagine/home/ATP1-bgDesktop.webp') no-repeat center right;
    background-size: cover;
}

.webp .bannerATP .item:nth-child(2) {
    background: url('/images/pagine/home/ATP2-bgDesktop.webp') no-repeat center right;
    background-size: cover;
}

.webp .bannerATP .item:nth-child(3) {
    background: url('/images/pagine/home/ATP3-bgDesktop.webp') no-repeat center right;
    background-size: cover;
}

.bannerATP .logoEsteso {
    display: block;
    margin: 30px auto 0 auto;
    width: 225px;
}

.bannerATP .slogan {
    width: 270px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #083253;
    font-size: 24px;
    line-height: 1.1em;
    font-weight: var(--fontweight);
    text-align: left;
}

    .bannerATP .slogan span {
        font-weight: var(--fontweightblack);
        color: #e9153d;
        width: auto;
        font-size: inherit;
        line-height: inherit;
        text-align: inherit;
        position: relative;
        transform: none;
        top: auto;
        left: auto;
        letter-spacing: inherit;
    }

.bannerATP a.scopri {
    width: 100px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-weight: var(--fontweightbold);
    color: var(--white);
    background: #e9153d;
    border: solid 1px #e9153d;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.16);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 300;
}

    .bannerATP a.scopri:hover {
        background: var(--black);
        border: solid 1px var(--black);
    }

.bannerSummer {
    width: 100%;
    height: 215px;
    background: #F3E795 url('/images/pagine/home/summer-bgdesktop.png') no-repeat bottom right;
    background-size: 443px 190px;
    margin: 15px 0;
    padding: 0;
    position: relative;
}

    .bannerSummer .summerText {
        text-align: left;
        width: 100%;
        margin: 0;
        margin-left: 25px;
        max-width: 700px;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
    }

        .bannerSummer .summerText h4 {
            text-transform: uppercase;
            font-size: 28px;
            font-weight: var(--fontweightblack);
            color: var(--black);
            margin-top: 0;
            line-height: 1;
        }

        .bannerSummer .summerText p {
            font-size: var(--fontsize);
            line-height: 19px;
            font-weight: 300;
            color: var(--black);
        }

            .bannerSummer .summerText p strong {
                font-weight: var(--fontweightbold);
            }

            .bannerSummer .summerText p:last-child {
                margin-bottom: 0;
            }

.bannerNatale {
    width: 100%;
    height: 150px;
    background-color: #C1E2E4;
    margin: 15px 0;
    padding: 0;
    position: relative;
    content: "";
}

.no-webp .bannerNatale::before {
    content: "";
    display: block;
    width: 173px;
    height: 150px;
    background: url('/images/pagine/home/bg-sinistra-desktop.png') no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
}

.no-webp .bannerNatale::after {
    content: "";
    display: block;
    width: 198px;
    height: 150px;
    background: url('/images/pagine/home/bg-destra-desktop.png') no-repeat center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
}

.webp .bannerNatale::before {
    content: "";
    display: block;
    width: 173px;
    height: 150px;
    background: url('/images/pagine/home/bg-sinistra-desktop.webp') no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
}

.webp .bannerNatale::after {
    content: "";
    display: block;
    width: 198px;
    height: 150px;
    background: url('/images/pagine/home/bg-destra-desktop.webp') no-repeat center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
}

.bannerNatale .nataleText {
    text-align: center;
    width: 100%;
    max-width: 700px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 800;
}

    .bannerNatale .nataleText h4 {
        text-transform: uppercase;
        font-size: 26px;
        font-weight: 900;
        color: #F7041F;
        margin-top: 0;
        margin-bottom: 5px;
        line-height: 1;
    }

    .bannerNatale .nataleText p {
        font-size: 18px;
        line-height: 24px;
        font-weight: 300;
        color: var(--black);
        margin-bottom: 5px;
    }

        .bannerNatale .nataleText p strong {
            font-weight: var(--fontweightbold);
        }

        .bannerNatale .nataleText p:last-child {
            margin-bottom: 0;
        }

        .bannerNatale .nataleText p i {
            font-size: var(--fontsize);
        }

.bannerSPIL {
    height: 150px;
    margin: 15px 0;
    border: none;
}

    .bannerSPIL .item {
        height: 150px;
        margin: 0;
        background-color: #083253;
        border: none;
    }

.no-webp .bannerSPIL .item:first-child {
    background: #083253 url('/images/pagine/home/SPIL1-bgDesktop.png') no-repeat center right;
    background-size: contain;
}

.no-webp .bannerSPIL .item:nth-child(2) {
    background: #083253 url('/images/pagine/home/SPIL2-bgDesktop.png') no-repeat center right;
    background-size: contain;
}

.webp .bannerSPIL .item:first-child {
    background: #083253 url('/images/pagine/home/SPIL1-bgDesktop.webp') no-repeat center right;
    background-size: contain;
}

.webp .bannerSPIL .item:nth-child(2) {
    background: #083253 url('/images/pagine/home/SPIL2-bgDesktop.webp') no-repeat center right;
    background-size: contain;
}

.bannerSPIL .slogan {
    width: calc(100% - 40px);
    position: absolute;
    left: 20px;
    top: 20px;
    color: #FFF;
    font-size: 24px;
    line-height: 1.1em;
    font-weight: 700;
    text-align: left;
}

    .bannerSPIL .slogan small {
        font-size: 20px;
        font-weight: 400;
    }

    .bannerSPIL .slogan span {
        max-width: 350px;
        display: block;
        font-weight: 700;
        color: #C3A10A;
        font-size: 20px;
        line-height: inherit;
        text-align: inherit;
        position: relative;
        transform: none;
        top: auto;
        left: auto;
        letter-spacing: inherit;
    }

.bannerSPIL .footerRA {
    position: absolute;
    bottom: 10px;
    left: 20px;
    width: 80%;
    border: none;
    border-top: solid 1px #FFF;
    padding: 0;
    padding-top: 10px;
}

    .bannerSPIL .footerRA p {
        font-size: 12px;
        font-weight: 400;
        color: #FFF;
    }

        .bannerSPIL .footerRA p img {
            margin-top: -3px;
        }

.bannerSPIL a.scopri {
    width: 100px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #083253;
    background: #C3A10A;
    border: solid 1px #C3A10A;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.16);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 300;
}

    .bannerSPIL a.scopri:hover {
        background: #F3CE2B;
        border: solid 1px #F3CE2B;
    }

.no-webp .bannerInvestire {
    width: 100%;
    height: 150px;
    background: url('/images/pagine/home/investire-bgIpad.png') no-repeat center;
    background-size: cover;
    margin: 15px 0;
    position: relative;
}

.webp .bannerInvestire {
    width: 100%;
    height: 150px;
    background: url('/images/pagine/home/investire-bgIpad.webp') no-repeat center;
    background-size: cover;
    margin: 15px 0;
    position: relative;
}

.bannerInvestire .slogan {
    position: absolute;
    width: 400px;
    left: 20px;
    top: 20px;
    color: #FFF;
    font-size: 24px;
    line-height: 1.1em;
    font-weight: 700;
    text-align: left;
}

    .bannerInvestire .slogan h4 {
        text-align: left;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5em;
        color: #FFF;
        margin: 0;
    }

.bannerInvestire a.bottone {
    width: 100px;
    height: 32px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    color: #01377B;
    background: #FFF;
    border: solid 1px #FFF;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.16);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 70px;
    margin: auto;
}

    .bannerInvestire a.bottone:hover,
    .bannerInvestire a.bottone:focus {
        background: #EEE;
        border: solid 1px #EEE;
        text-decoration: none;
        margin: auto;
    }

.bannerInvestire img {
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 133px;
    height: 20px;
}

/* banner servizi nostri */

.bannerAsteSospese {
    margin-bottom: 0 !important;
    display: block;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
}

.comunicatoCovid {
    position: relative;
    padding: 10px 30px;
    background: url(/Content/images/ComunicatoStampa.jpg) no-repeat bottom right;
    background-size: cover;
    margin: 15px 0;
    font-size: 18px;
}

    .comunicatoCovid h3 {
        font-size: 22px;
        line-height: 28px;
        font-weight: var(--fontweightblack);
        margin-top: 20px;
        text-transform: uppercase;
    }

    .comunicatoCovid .sfondoOverlay {
        background: rgba(251, 193, 33,0.2);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

/*************************** BOX SLIDE HOMEPAGE OWL CAROUSEL */
.owl-carousel {
    position: relative;
    margin-top: -30px;
    margin-bottom: 0;
    padding-top: 35px;
}

.owl-nav {
    position: absolute;
    top: 0;
    right: 0;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    font-size: 20px !important;
    font-weight: 700 !important;
    background: var(--yellow) !important;
    color: var(--black) !important;
    width: 40px;
    line-height: 26px !important;
    margin: 0;
    margin-left: 5px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

    .owl-carousel .owl-nav button.owl-prev:hover,
    .owl-carousel .owl-nav button.owl-next:hover {
        background: var(--black) !important;
        color: var(--white) !important;
        outline: none;
    }

.owl-carousel .owl-item {
    border: none;
}

.itemVendite {
    border: none;
}

    .itemVendite a,
    .itemVendite a:focus,
    .itemVendite a:hover {
        text-decoration: none;
    }

    .itemVendite img.thumb {
        object-fit: cover;
        background-position: center;
        aspect-ratio: 1/1;
    }

.bx-caption {
    position: relative;
    width: 100%;
    padding: 0;
    padding-top: 10px;
    text-align: center;
    color: var(--black);
    font-size: 14px;
}

    .bx-caption .prezzo {
        display: block;
        width: auto;
        border-bottom: solid 3px var(--yellow);
        margin: 0;
        margin-bottom: -13px;
        padding: 0;
        padding-bottom: 8px;
        color: var(--black);
        font-size: var(--fontsize);
        font-weight: var(--fontweightbold);
    }

    .bx-caption .tipologia {
        text-transform: uppercase;
        color: var(--black);
        font-size: var(--fontsize);
    }

#carousel-img-ig .carousel-inner > .item > img, .img-responsive {
    max-height: 85vh;
}

/*************************** BOX E DIV CUSTOM */
.in-evidenza {
    background: var(--greybg);
    border: solid 1px var(--greyborder);
    padding: 10px;
    margin-bottom: 15px;
    display: table;
}

.in-evidenzaBianco {
    width: 100%;
    background: var(--white);
    border: solid 1px var(--greyborder);
    padding: 10px;
    margin-bottom: 15px;
}

.imgLeft {
    float: left;
    margin-right: 30px;
}

.imgRight {
    float: right;
    margin-left: 30px;
}

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
}
/* nuovo preload 2022 */
.position-relative {
    position: relative !important;
}

.loader--atp {
    max-width: 120px;
    max-height: 120px;
}

.loader--atp__svg {
    width: 77px;
    height: 34px;
}

.loader--atp__svg__blue {
    fill: white;
}

.loader--atp__svg__red {
    fill: white;
}

.loader--circle__wrap {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    @include centerXY;
    transform-origin: center;
    position: absolute;
    top: 50%;
    left: 50%;
}

.loader--circle__wrap__svg {
    width: 160px;
    height: 160px;
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
}

.loader--circle__wrap__svg__path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

.loader--circle__wrap__svg__circle {
    fill: white;
    opacity: 0.6;
}

.loader--circle__wrap__svg__anim {
    fill: white;
    opacity: 1;
}

@-webkit-keyframes rotator {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

@-webkit-keyframes colors {
    0% {
        stroke: var(--yellow);
    }

    25% {
        stroke: #222;
    }

    50% {
        stroke: var(--yellow);
    }

    75% {
        stroke: #222;
    }

    100% {
        stroke: var(--yellow)
    }
}

@keyframes colors {
    0% {
        stroke: var(--yellow);
    }

    25% {
        stroke: #222;
    }

    50% {
        stroke: var(--yellow);
    }

    75% {
        stroke: #222;
    }

    100% {
        stroke: var(--yellow)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        transform: rotate(450deg);
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        transform: rotate(450deg);
    }
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animate__animated.animate__infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.animate__animated.animate__fast {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-duration: calc(1s * 0.8);
    animation-duration: calc(1s * 0.8);
}
/* nuovo preload 2022 */

#loader, .single-loader {
    z-index: 1001;
    width: 100%;
    min-height: 400px;
    height: 100%;
    overflow: visible;
    background: var(--white) url('/images/loader/preload.gif') no-repeat center center;
}

.media {
    padding: 10px;
    border: solid 1px var(--greyborder);
}

.media-heading {
    background: var(--yellow);
    padding: 8px 10px;
    margin-bottom: 10px;
    border-radius: var(--borderradius);
    font-weight: var(--fontweightbold);
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.cc-link {
    opacity: 1 !important;
}

.cc-btn {
    text-decoration: none !important;
}

    .cc-btn:hover {
        text-decoration: none !important;
        background-color: var(--white) !important;
        color: var(--greydarker) !important;
    }

.modal-header {
    background: var(--yellow);
    border-color: var(--yellow);
    min-width: 135px;
}

/*************************** ALERT E AVVISI */
.alert {
    border-radius: 0;
    border: none;
    color: var(--black);
    text-align: left;
    content: "";
    position: relative;
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .alert:before {
        font-family: 'FontAwesome';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        font-size: 50px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .alert strong {
        text-transform: uppercase;
        font-size: 24px;
        font-weight: var(--fontweightbold);
        line-height: 32px;
        display: block;
        clear: right;
    }

    .alert p {
        width: calc(100% - 70px);
        margin-left: 70px;
    }

/* stili avvisi */
.alert-success {
    background: #ACE2A7;
}

    .alert-success:before {
        color: var(--green);
        content: "\f164";
    }

    .alert-success strong {
        color: var(--green);
    }

.alert-info {
    background: #C2E6F9;
}

    .alert-info:before {
        color: var(--lightblue);
        content: "\f05a";
    }

    .alert-info strong {
        color: var(--lightblue);
    }


.alert-warning {
    background: var(--beige);
}

    .alert-warning:before {
        color: var(--orange);
        content: "\f0f3";
    }

    .alert-warning strong {
        color: var(--orange);
    }


.alert-danger {
    background: #FCBBB1;
}

    .alert-danger:before {
        color: var(--red);
        content: "\f071";
    }

    .alert-danger strong {
        color: var(--red);
    }


.alert-login {
    margin: 20px;
    border-radius: 0;
    border: solid 1px var(--greyborder);
    background: var(--greybg);
    text-align: center;
    font-weight: var(--fontweightbold);
    text-transform: uppercase;
}

    .alert-login p {
        width: 100%;
        margin-left: 0;
    }

.alert .sceltaradio {
    margin-right: 3px;
}


/*************************** ACCORDION E PANEL */
.panel-group .panel {
    margin-bottom: 12px;
    border-radius: 0;
    box-shadow: none;
}

.panel-primary {
    border-color: var(--greyborder);
    box-shadow: none;
}

    .panel-primary > .panel-heading {
        color: var(--black);
        background-color: var(--greybg);
        border-color: var(--greybg);
        padding: 12px 15px;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: var(--greybg);
            background-color: var(--greybg);
            padding: 0 35px 15px 35px;
            line-height: 1.5em;
        }

.panel-warning {
    border-color: var(--yellow);
}

    .panel-warning > .panel-heading {
        color: var(--black);
        background-color: var(--white);
        border-color: var(--yellow);
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: var(--white);
            border-bottom: solid 2px var(--yellow);
        }

.panel-title {
    text-transform: uppercase;
}

    .panel-title a {
        text-decoration: none;
    }

    .panel-title .fa {
        font-size: 12px;
        display: inline-block;
        width: 18px;
    }

    /* animazione icona accordion */
    .panel-title .fa {
        vertical-align: top;
        margin: 0;
        margin-top: 4px;
        margin-left: -5px;
        margin-right: 3px;
        -webkit-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

/*.panel-title a.collapsed .fa {
        transform: rotate(-90deg);
    }*/
/* animazione icona accordion */

/* ruzzino icona che gira */
.panel-heading {
    cursor: pointer;
}
/* CSS per aggiungere icona freccia all'accordion */
.trigger[aria-expanded="true"]:after {
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    content: "\f078";
    float: left;
    margin-right: 10px;
    transition: 0.2s;
    margin-top: -2px;
}

.trigger[aria-expanded="false"]:after {
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    content: "\f078";
    float: left;
    margin-right: 10px;
    transition: 0.2s;
    transform: rotate(-90deg);
}

button.btn-collapse,
.btn-collapse,
.btn-collapse:hover,
.btn-collapse:active,
.btn-collapse:active:hover,
.btn-collapse:active:focus,
.btn-collapse:focus {
    text-align: left;
    padding: 12px 15px;
    border-radius: 0 !important;
    border: none !important;
}

    .btn-collapse .fa {
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .btn-collapse[aria-expanded="true"] .fa {
        transform: rotate(90deg) translateY(2px);
    }

.btn-primary.btn-collapse {
    background: var(--yellow) !important;
    color: var(--black) !important;
    box-shadow: none !important;
}

.contenitoreGara {
    background-color: var(--white);
    border: solid 1px var(--yellow);
    padding: 10px;
}

/*************************** ISCRIZIONE GARA MINISTERIALE */

.garaministeriale {
}

    .garaministeriale img {
        display: block;
        margin: 15px auto;
        height: 81px;
        border: solid 1px var(--greyborder);
    }

    .garaministeriale .panel-heading {
        padding: 11.5px 15px;
    }

    .garaministeriale h4.panel-title {
        font-weight: var(--fontweightbold);
    }

    .garaministeriale .fa {
        margin-top: -4px;
        vertical-align: middle;
    }

.btn-documentazione {
    margin-top: 15px;
    content: '';
    display: block;
}

    .btn-documentazione:before {
        font-family: 'FontAwesome';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\f0c6";
        padding-right: 5px;
    }

.btn-pvp {
    margin-top: 15px;
    white-space: normal;
}

/*************************** CONTATTI */
.contatti-container {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 15px 0;
    border: solid 1px var(--white);
    position: relative;
    margin-top: 70px;
}

    .contatti-container .contatti {
        display: table-cell;
        padding: 50px 15px 15px 15px;
        position: relative;
        text-align: center;
        background: var(--greybg);
        border: solid 1px var(--greyborder);
    }

        .contatti-container .contatti.box1 {
            width: 50%;
        }

        .contatti-container .contatti.box2 {
            width: 25%;
        }

    .contatti-container .contattiBoxIcon {
        position: absolute;
        top: -50px;
        left: 0;
        width: 100%;
        border: none;
    }

        .contatti-container .contattiBoxIcon .icona {
            background-color: var(--yellow);
            width: 80px;
            height: 80px;
            font-size: 40px;
            line-height: 80px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            text-align: center;
        }

            .contatti-container .contattiBoxIcon .icona .fa {
                color: var(--black);
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                font-size: 40px;
            }

    .contatti-container .subtitle {
        margin-top: 0;
        margin-bottom: 5px;
    }

/*************************** NORMATIVA */
.normativaContainer {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 15px 0;
    border: solid 1px var(--white);
    position: relative;
    margin-top: 70px;
}

    .normativaContainer .normativaBox {
        display: table-cell;
        padding: 50px 15px 15px 15px;
        position: relative;
        text-align: justify;
        background: var(--greybg);
        border: solid 1px var(--greyborder);
        width: 33%;
    }

        .normativaContainer .normativaBox ul li {
            margin-left: -25px;
        }


    .normativaContainer .infoBoxIcon {
        position: absolute;
        top: -50px;
        left: 0;
        width: 100%;
        border: none;
    }

        .normativaContainer .infoBoxIcon .icona {
            background-color: var(--yellow);
            width: 80px;
            height: 80px;
            font-size: 40px;
            line-height: 80px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            text-align: center;
        }

/*************************** FIRMA OTP */
.elencoPVP {
    font-weight: var(--fontweightbold);
}

    .elencoPVP li {
        line-height: 25px;
    }

    .elencoPVP .fa {
        margin-right: 5px;
        color: var(--red);
    }

.btn-richiediOTP {
}

.tableFirma {
    width: 100%;
    background: var(--white);
    border: solid 1px var(--greybg);
}

    .tableFirma thead {
        display: table-header-group;
    }

        .tableFirma thead th,
        .tableFirma th {
            background-color: var(--yellow);
            color: var(--black);
            text-align: center;
            font-size: 14px;
            letter-spacing: 0.03em;
            text-transform: uppercase;
            padding: 10px 5px;
            border: none;
            border-right: solid 1px var(--white);
        }

            .tableFirma thead th .fa,
            .tableFirma th .fa {
                margin-right: 5px;
            }

            .tableFirma thead th .fa-sort-down,
            .tableFirma th .fa-sort-down {
                margin-top: -17px;
            }

            .tableFirma thead th:last-child,
            .tableFirma thead th:last-child,
            .tableFirma thead th:last-child,
            .tableFirma th:last-child,
            .tableFirma th:last-child,
            .tableFirma th:last-child {
                border-right: none;
            }


    .tableFirma tbody {
        display: table-row-group;
    }

        .tableFirma tbody td,
        .tableFirma td {
            padding: 1rem;
            text-align: center;
            width: auto;
            border: none;
        }

            .tableFirma tbody td::before,
            .tableFirma td::before {
                display: none;
            }

    .tableFirma.tableFirmaLeft tbody td,
    .tableFirma.tableFirmaLeft td {
        text-align: left;
    }

    .tableFirma tr {
        margin: 0;
        border: none;
    }

        .tableFirma tr:nth-child(odd) {
            background-color: var(--white);
        }

        .tableFirma tr:nth-child(even) {
            background-color: var(--bgSection);
        }

        .tableFirma tbody tr.tdAlert td,
        .tableFirma tr.tdAlert td {
            border-bottom: none;
        }

table > tbody > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > td {
    border: none;
    /*border-bottom: solid 1px var(--greyborder);*/
}

.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > th {
    border-bottom: none;
}

.table-striped > tbody > tr {
    background-color: var(--bgSection);
}

    .table-striped > tbody > tr:nth-of-type(2n+1) {
        background-color: var(--white);
    }

.table-accordion {
    width: 100%;
}

    .table-accordion td {
        vertical-align: middle !important;
    }

    .table-accordion tbody td::before {
        display: none;
    }

    .table-accordion tbody .expandTable {
        display: none;
    }

.cauzioneRow {
    display: flex;
    align-items: center;
}

.cauzioneTesto {
    width: calc(100% - 250px);
    margin: 0;
    padding: 0;
    padding-right: 5px;
}

.consolleBottoni {
    width: 250px;
    text-align: center;
    margin: 5px auto;
    padding: 0;
}

.divisorioBottoni {
    width: 100%;
    height: 8px;
    clear: both;
}

.btn-cauzione {
    display: inline-block;
    margin: 3px 0;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    width: 49%;
    min-width: 120px;
}

.btn-red {
    background-color: var(--red);
    background-image: none;
    color: var(--white);
}

.btn-md {
    width: 250px;
}

.blureffect {
    filter: blur(1px);
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
}

.tooltipgestven {
    position: relative;
    display: inline-block;
}

    .tooltipgestven .tooltiptextgestven {
        visibility: hidden;
        width: 380px;
        background-color: #555;
        color: var(--white);
        text-align: left;
        border-radius: 0;
        padding: 5px 0;
        box-shadow: 5px 5px 10px 2px #333333;
        position: absolute;
        z-index: 999;
        top: 30px;
        left: -190px;
        margin-left: 0px;
        padding-left: 10px;
        padding-right: 10px;
        opacity: 0;
        transition: opacity 0.3s;
        box-sizing: border-box;
    }

        .tooltipgestven .tooltiptextgestven p {
            white-space: normal;
        }

    .tooltipgestven:hover .tooltiptextgestven {
        visibility: visible;
        opacity: 1;
    }


/*************************** MODAL */
.modal {
    text-align: center;
    padding: 0 !important;
    overflow-y: auto;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-title {
    font-size: 18px;
    margin-right: 18px; /* serve per non far sovrapporre il titolo alla x di chiusura */
}

.modal-content {
    /*border-radius: var(--borderradius);*/
    border-radius: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=65);
    opacity: .65;
}

.modal-body {
    text-align: left;
}

    .modal-body h1,
    .modal-body h2,
    .modal-body h3 {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .modal-body p {
        margin-bottom: 15px;
    }

        .modal-body p.form-control-static {
            margin-bottom: -15px;
        }

    .modal-body .form-group span {
        word-break: break-word;
    }

.scroll-disable {
    overflow: hidden;
}

.close,
.close:focus,
.close:active,
.close:hover {
    float: none;
    font-size: 26px;
    text-shadow: none;
    filter: alpha(opacity=60);
    opacity: .6;
    position: absolute;
    right: 10px;
    top: 5px;
    color: var(--black) !important;
    background: var(--white) !important;
    padding: 0;
}

.modal-dialog .close,
.modal-dialog .close:focus,
.modal-dialog .close:active,
.modal-dialog .close:hover {
    background-color: transparent !important;
    margin-top: 8px;
}

.cc-revoke, .cc-window {
    z-index: 1040;
}

/*************************** SALA ASTE */
.salaAste {
    margin-top: 30px;
}

    .salaAste .thumbnail {
        padding: 0;
        margin-bottom: 30px;
        background-color: var(--white);
        border: solid 1px var(--greyborder);
        border-radius: 0;
    }

        .salaAste .thumbnail .caption {
            padding: 10px 15px;
            color: var(--black);
            font-size: var(--fontsize);
            height: 140px;
            line-height: 20px;
        }

            .salaAste .thumbnail .caption p {
                line-height: 20px;
                margin: 0 0 10px;
            }

            .salaAste .thumbnail .caption strong {
                font-weight: var(--fontweightbold);
                text-transform: uppercase;
            }

        .salaAste .thumbnail .subtitle {
            margin-top: 0;
            margin-bottom: 0;
            text-align: left;
            word-break: break-word;
            line-height: 20px;
        }

        .salaAste .thumbnail img {
            width: 100%;
        }

    .salaAste .btn-block {
        border-radius: 0;
        border-top: solid 1px var(--greyborder);
        padding: 8px 15px;
    }

        .salaAste .btn-block.disabled {
            padding: 8px 0 !important;
            background: #aaa !important;
        }


.text-scheda {
    text-align: center;
}


/*************************** NEWS */
.archivioNews {
    margin-top: 30px;
}

    .archivioNews .thumbnail {
        height: 500px;
        padding: 0;
        margin-bottom: 30px;
        background-color: var(--white);
        border: solid 1px var(--greyborder);
        border-radius: 0;
        position: relative;
    }

        .archivioNews .thumbnail .caption {
            padding: 10px 15px;
            color: var(--black);
            font-size: var(--fontsize);
            line-height: 20px;
        }

            .archivioNews .thumbnail .caption p {
                line-height: 20px;
                margin: 0 0 10px;
            }

                .archivioNews .thumbnail .caption p.titolo {
                    font-weight: var(--fontweightbold);
                    text-transform: uppercase;
                    text-align: left;
                    word-break: break-word;
                }

    .archivioNews .subtitle {
        margin-top: 0;
        text-align: left;
        word-break: break-word;
        line-height: 20px;
    }

    .archivioNews .thumbnail img {
        width: 100%;
    }

    .archivioNews .btn-block {
        border-radius: 0;
        border-top: solid 1px var(--greyborder);
        padding: 8px 15px;
        position: absolute;
        bottom: 0;
    }

        .archivioNews .btn-block.disabled {
            padding: 8px 0 !important;
            background: #aaa !important;
        }

.newsSingola h2 {
    text-align: center;
    margin-top: 30px;
    font-size: 30px;
}

.newsSingola h3 {
    text-align: center;
    font-weight: var(--fontweight);
    color: var(--greydarker);
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.newsSingola p {
    line-height: 2em;
}

.newsSingola img {
    width: 100%;
    margin: 30px auto;
    border: solid 1px var(--greyborder);
    border-bottom: solid 3px var(--yellow);
}

.newsSingola .allegati {
    margin-top: 30px;
}

    .newsSingola .allegati a {
        display: block;
        color: var(--black);
        background-color: var(--yellow);
        border-color: var(--yellow);
        text-transform: uppercase;
        margin: 0;
        margin-bottom: 5px;
        clear: both;
        text-transform: uppercase;
        font-weight: var(--fontweightbold);
        font-size: 14px;
        letter-spacing: 1px;
        padding: 8px 15px;
        border-radius: var(--borderradius);
        text-decoration: none;
    }

        .newsSingola .allegati a::before {
            font-family: 'FontAwesome';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            content: "\f1c1";
            padding-right: 5px;
        }

/* news homepage */
.newsHomepage {
}

    .newsHomepage .thumbnail {
        height: 315px;
        padding: 0;
        margin: 0;
        margin-top: 15px;
        background-color: transparent;
        border: none;
        border-radius: 0;
        position: relative;
    }

        .newsHomepage .thumbnail .caption {
            padding: 0;
            padding-top: 10px;
            color: var(--black);
        }

    .newsHomepage .subtitle {
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
        word-break: break-word;
        line-height: 20px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
    }

    .newsHomepage .data {
        color: var(--greytext);
        position: absolute;
        bottom: 35px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .newsHomepage .thumbnail img {
        width: 100%;
    }

    .newsHomepage .btn-block,
    .newsHomepage .btn-block:focus,
    .newsHomepage .btn-block:hover {
        text-transform: none;
        text-align: right;
        background-color: transparent;
        border: none;
        border-top: solid 3px var(--yellow);
        padding: 8px 0;
        position: absolute;
        bottom: 0;
        box-shadow: none;
        outline: none;
    }

        .newsHomepage .btn-block:hover {
            color: var(--black);
            background-color: transparent;
        }

        .newsHomepage .btn-block:after {
            font-family: 'FontAwesome';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            content: "\f061";
            padding-left: 5px;
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

        .newsHomepage .btn-block:hover:after {
            padding-left: 12px;
        }

.btnArchivioNews,
.btnArchivioNews:focus,
.btnArchivioNews:hover {
    position: absolute;
    right: 115px;
    top: 72px;
    padding: 3px 10px;
    z-index: 2;
}


/*************************** VETRINE */
.bg-vetrine {
    color: var(--white);
    width: 100%;
    height: 220px;
    padding-top: 20px;
    margin-bottom: 30px;
}

    .bg-vetrine h2 {
        text-transform: uppercase;
        font-size: 30px;
        font-weight: var(--fontweightblack);
        text-shadow: 2px 1px 2px var(--black);
    }

    .bg-vetrine h3 {
        font-weight: var(--fontweight);
        text-shadow: 2px 2px 2px var(--black);
    }

    .bg-vetrine .btn {
        margin-top: 15px;
    }

.bg-verbania {
    background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.6)), url("../../../Content/images/vetrine/vetrina-verbania.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-catania {
    background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.5)), url("../../../Content/images/vetrine/vetrina-catania.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-napoli {
    background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.5)), url("../../../Content/images/vetrine/vetrina-napoli.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-ragusa {
    background: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.3)), url("../../../Content/images/vetrine/vetrina-ragusa.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-roma {
    background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.5)), url("../../../Content/images/vetrine/vetrina-roma.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


/*************************** 404 */
.error4040Container {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 15px 0;
    border: solid 1px var(--white);
    position: relative;
    margin-top: 70px;
}

    .error4040Container .error4040Box {
        display: table-cell;
        padding: 50px 15px 15px 15px;
        position: relative;
        text-align: justify;
        background: var(--greybg);
        border: solid 1px var(--greyborder);
        width: 33%;
    }

        .error4040Container .error4040Box ul li {
            margin-left: -25px;
        }


    .error4040Container .infoBoxIcon {
        position: absolute;
        top: -50px;
        left: 0;
        width: 100%;
        border: none;
    }

        .error4040Container .infoBoxIcon .icona {
            background-color: var(--yellow);
            width: 80px;
            height: 80px;
            font-size: 40px;
            line-height: 80px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            text-align: center;
        }

.fa-icona {
    padding-right: 7px;
}

/*************************** FORMAZIONE */
.archivioFormazione {
    margin-top: 30px;
}

    .archivioFormazione .thumbnail {
        height: 530px;
        padding: 0;
        margin-bottom: 30px;
        background-color: var(--white);
        border: solid 1px var(--greyborder);
        border-radius: 0;
        position: relative;
    }

        .archivioFormazione .thumbnail .caption {
            padding: 10px 15px;
            color: var(--black);
            font-size: var(--fontsize);
        }

            .archivioFormazione .thumbnail .caption p {
                line-height: 20px;
                margin: 0 0 7px;
            }

                .archivioFormazione .thumbnail .caption p.titolo {
                    font-weight: var(--fontweightbold);
                    text-transform: uppercase;
                    text-align: left;
                    word-break: break-word;
                }

    .archivioFormazione .data {
        color: var(--greytext);
        font-size: 13px;
    }

    .archivioFormazione .subtitle {
        margin-top: 0;
        text-align: left;
        word-break: break-word;
        line-height: 20px;
    }

    .archivioFormazione .thumbnail img {
        width: 100%;
    }

    .archivioFormazione .captionButton {
        width: 100%;
        height: 80px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 7px 15px;
        border: none;
    }

        .archivioFormazione .captionButton hr {
            border-top: solid 3px var(--yellow);
            margin-top: 0;
            margin-bottom: 10px;
        }

        .archivioFormazione .captionButton .btn-block,
        .archivioFormazione .captionButton .btn-block:focus,
        .archivioFormazione .captionButton .btn-block:hover {
            text-transform: none;
            text-align: left;
            background-color: transparent;
            border: none;
            padding: 2px 0;
            box-shadow: none;
            outline: none;
        }

            .archivioFormazione .captionButton .btn-block:hover {
                color: var(--black);
                background-color: transparent;
            }

            .archivioFormazione .captionButton .btn-block:before {
                display: inline-block;
                font-family: 'FontAwesome';
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                content: "\f061";
                -webkit-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
                margin-right: 5px;
            }

            .archivioFormazione .captionButton .btn-block:hover:before {
                margin-right: 12px;
            }

.form-pin label {
    margin-bottom: 15px;
}

.form-pin .form-control {
    max-width: 180px;
    margin: auto;
    height: 46px;
    padding: 10px;
    font-size: 18px;
    line-height: 1.3333333;
    text-align: center;
}

.form-pin .btn {
    min-width: 180px;
    margin-top: 5px;
    padding: 10px;
}

/* topbar */
.TopbarAsteTraPrivati {
    width: 100%;
    height: 35px;
    font-size: 15px;
    font-weight: var(--fontweight);
    line-height: 32px;
    text-align: right;
    color: var(--white);
    background: #083253;
    position: relative;
}

    .TopbarAsteTraPrivati p {
        margin-bottom: 0;
    }

    .TopbarAsteTraPrivati img {
        width: 196px;
        height: 26px;
        margin-left: 5px;
    }

.ATP-menuMobile {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ebebeb;
    position: relative;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    padding-left: 15px;
}

    .ATP-menuMobile a,
    .ATP-menuMobile a:visited {
        padding: 0;
        margin: 0 5px;
        color: #083253;
        font-size: 14px;
        letter-spacing: .03em;
        font-weight: var(--fontweightbold);
        text-decoration: none;
        float: left;
        width: auto;
    }

        .ATP-menuMobile a:hover {
            color: #F1003D;
        }

.form-pin {
    width: 100%;
    text-align: center;
    border: none;
    margin: 40px auto;
}

    .form-pin label {
        margin-bottom: 15px;
    }

    .form-pin .form-control {
        max-width: 180px;
        margin: auto;
        height: 46px;
        padding: 10px;
        font-size: 18px;
        line-height: 1.3333333;
        text-align: center;
    }

    .form-pin .btn {
        min-width: 180px;
        margin-top: 5px;
        padding: 10px;
    }

.ATP-menuMobile img {
    width: 12px;
    height: 14px;
    float: left;
    margin-top: 12px;
}

    .ATP-menuMobile img.frecce {
        height: 9px;
        margin-top: 15px;
    }

.form-pin {
    width: 100%;
    text-align: center;
    border: none;
    margin: 40px auto;
}

    .form-pin label {
        margin-bottom: 15px;
    }

    .form-pin .form-control {
        max-width: 180px;
        margin: auto;
        height: 46px;
        padding: 10px;
        font-size: 18px;
        line-height: 1.3333333;
        text-align: center;
    }

    .form-pin .btn {
        min-width: 180px;
        margin-top: 5px;
        padding: 10px;
    }

/*************************** ACCESSO GARA MINISTERIALE */
.wellGara {
    margin-top: 50px;
    padding-top: 50px;
    position: relative;
}

    .wellGara .form .form-group-small {
        max-width: 185px;
        margin-left: auto;
        margin-right: auto;
    }

        .wellGara .form .form-group-small label {
            margin-bottom: 10px;
        }

        .wellGara .form .form-group-small input[type=text] {
            font-size: var(--fontsize);
            margin-bottom: 15px;
        }

    .wellGara .form .help-block {
        margin-top: 0;
    }

    .wellGara .garaBoxIcon {
        position: absolute;
        top: -50px;
        left: 0;
        width: 100%;
        border: none;
    }

        .wellGara .garaBoxIcon .icona {
            background-color: var(--black);
            width: 80px;
            height: 80px;
            font-size: 40px;
            line-height: 80px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            text-align: center;
        }

            .wellGara .garaBoxIcon .icona .fa {
                color: var(--greybg);
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                font-size: 40px;
                padding-left: 3px;
            }


/*************************** banner ATP sotto ricerca */

.venditeAtp {
    background: #F1F1F1;
    border: none;
    padding: 30px 15px;
}

    .venditeAtp::after {
        content: "";
        clear: both;
        display: table;
    }

    .venditeAtp .venditeAtp__logo {
        width: 200px;
        height: 32px;
        display: inline-block;
        vertical-align: middle;
        opacity: 1;
        transition: all 0.3s;
    }

        .venditeAtp .venditeAtp__logo:hover {
            opacity: 0.7;
        }

        .venditeAtp .venditeAtp__logo img {
            width: 200px;
            height: 32px;
            display: block;
        }

    .venditeAtp .venditeAtp__separator {
        display: inline-block;
        width: 2px;
        height: 25px;
        margin: 5px 20px 0 15px;
        background: var(--greyborder);
        vertical-align: middle;
    }

    .venditeAtp h2 {
        display: inline-block;
        text-transform: uppercase;
        font-weight: var(--fontweightblack);
        color: #083253;
        margin: 0;
        margin-top: 6px;
        font-size: 20px;
        vertical-align: middle;
    }

        .venditeAtp h2 span {
            color: #e9153d;
        }

        .venditeAtp h2 .fa {
            color: #e9153d;
            font-size: 18px;
            padding-left: 6px;
        }

/*********** pagination */
.pagination {
    margin-top: 20px;
}

    .pagination > li > a,
    .pagination > li > span {
        margin: 0 2px;
        width: 42px;
        height: 25px;
        line-height: 12px;
        text-align: center;
        font-size: 14px;
        padding: 6px 0;
        border-radius: var(--borderradius);
    }

    .pagination > li > a,
    .pagination > li > span,
    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: var(--greydarker);
        border: solid 1px var(--greyborder);
    }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        color: var(--black);
        background-color: var(--yellow);
        border-color: var(--yellow);
        cursor: pointer;
    }

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        color: var(--black);
        background-color: var(--greybg);
        border-color: var(--greybg);
        cursor: pointer;
    }

    .pagination > li > a.puntini:hover,
    .pagination > li > a.puntini:focus {
        color: var(--black);
        background-color: var(--white);
        border-color: var(--white);
        cursor: inherit;
    }

    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .pagination > li > a.puntini,
    .pagination > li > a.puntini:hover,
    .pagination > li > a.puntini:focus {
        border-color: var(--white);
        background-color: var(--white);
    }

.fa-twitter:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>') !important;
}

.storicoPartecipazioni {
    background: var(--beige);
    color: var(--black);
    margin: 15px 0;
    padding: 15px;
}

/*************************** RESPONSIVE */
@media (max-width: 1219px) {
    .newsHomepage .thumbnail {
        height: 280px;
    }

    .newsHomepage .subtitle {
        -webkit-line-clamp: 3;
    }

    .archivioNews .thumbnail {
        height: 540px;
    }
}

@media (max-width: 1200px) {
    .archivioFormazione .thumbnail {
        height: 540px;
    }

    .archivioNews .thumbnail {
        height: 560px;
    }

    .flip-box,
    .flip-container .front,
    .flip-container .back {
        height: 330px;
    }

    .flip-box-front,
    .flip-container .front {
        padding-top: 70px;
    }


    /* menu pił piccolo x ipad sdraiato */
    .navbar-brand {
        width: 160px;
        height: 89px;
        margin-top: 5px;
        margin-right: 0;
    }

    .navbar-default .navbar-nav > li > a,
    .nav > li > a,
    .dropdown-menu > li > a {
        font-size: 14px;
    }

    .nav > li > a {
        padding: 14px 7px;
    }
    /* menu pił piccolo x ipad sdraiato */

    .navbar-nav .open .dropdown-loggato {
        margin-top: 8px;
    }

    .nabar-login .bottoneAccesso,
    .nabar-login .bottoneAccesso:focus,
    .nabar-login .bottoneAccesso:hover,
    .navbar-default .navbar-nav > .open > .bottoneAccesso {
        margin: 0;
        margin-top: 5px;
        padding: 0;
        background: var(--yellow) !important;
        color: var(--black) !important;
    }

        .nabar-login .bottoneAccesso .fa {
            font-size: 30px;
        }

    .partners2022 p {
        font-size: 12px;
    }

    .partners2022 p,
    .partners2022 a {
        margin: 0 5px;
    }

    .banner107 .slogan {
        width: 300px;
    }

        .banner107 .slogan h4 {
            font-size: 24px;
        }

        .banner107 .slogan p {
            font-size: 17px;
        }

    .banner107 .sponsor p {
        font-size: 11px;
        line-height: 14px;
    }

    .bannerSummer .summerText {
        max-width: 480px;
    }

    .no-webp .bannerSPIL .item:first-child {
        background: #083253 url('/images/pagine/home/SPIL1-bgIpad.png') no-repeat center right;
        background-size: contain;
    }

    .no-webp .bannerSPIL .item:nth-child(2) {
        background: #083253 url('/images/pagine/home/SPIL2-bgIpad.png') no-repeat center right;
        background-size: contain;
    }

    .webp .bannerSPIL .item:first-child {
        background: #083253 url('/images/pagine/home/SPIL1-bgIpad.webp') no-repeat center right;
        background-size: contain;
    }

    .webp .bannerSPIL .item:nth-child(2) {
        background: #083253 url('/images/pagine/home/SPIL2-bgIpad.webp') no-repeat center right;
        background-size: contain;
    }

    .bannerSPIL .slogan span {
        font-size: 17px;
        line-height: 1.2;
        width: 70%;
    }

    .table-accordion thead tr > *:not(:first-child) {
        display: none;
    }

    .table-accordion tbody,
    .table-accordion tbody tr,
    .table-accordion tbody td {
        display: flex;
        flex-direction: column;
        word-break: break-all;
        text-align: left;
        transition: 0.2s;
    }

        .table-accordion tbody td {
            border: none !important;
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

            .table-accordion tbody td:first-child {
                flex-direction: row;
                align-items: center;
            }

        .table-accordion tbody tr:not(.row-active) > *:not(:first-child) {
            max-width: 0;
            max-height: 0;
            overflow: hidden;
            padding: 0;
        }

        .table-accordion tbody .expandTable,
        .table-accordion tbody .expandTable:hover,
        .table-accordion tbody .expandTable:focus,
        .table-accordion tbody .expandTable:active {
            display: inline-block;
            margin-right: 10px;
            background: transparent;
            padding: 7px 0;
            color: var(--black);
        }

            .table-accordion tbody .expandTable:after {
                font-family: 'FontAwesome';
                speak: none;
                font-size: 16px;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1.2;
                -webkit-font-smoothing: antialiased;
                content: "\f105";
                float: left;
                margin-right: 10px;
                transition: 0.2s;
                margin-top: -2px;
            }

        .table-accordion tbody .row-active .expandTable:after {
            font-family: 'FontAwesome';
            speak: none;
            font-size: 16px;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1.2;
            -webkit-font-smoothing: antialiased;
            content: "\f105";
            float: left;
            margin-right: 10px;
            transition: 0.2s;
            /*margin-top: 2px;*/
            transform: rotate(90deg);
        }

        .table-accordion tbody td:not(:first-child)::before {
            display: block;
            font-weight: var(--fontweightbold);
            text-transform: uppercase;
            margin-bottom: 5px;
        }

    .table-accordion tr:not(.row-active) .icon-active {
        display: none;
    }

    .table-accordion .row-active svg:not(.icon-active) {
        display: none;
    }

    .table > thead > tr > th {
        border: solid 1px var(--yellow);
    }

    .cauzioneRow {
        width: 100%;
        display: block;
    }

    .cauzioneTesto {
        width: 100%;
    }

    .consolleBottoni {
        width: 100%;
        text-align: left;
    }

    .btn-cauzione {
        width: 150px;
    }
}

@media (max-width: 991px) {
    body {
        padding-top: 110px !important;
    }

    .payoffLoghi,
    .payoffLoghi.shrink {
        height: 75px;
    }

        .navbar-brand,
        .payoffLoghi.shrink .navbar-brand {
            float: none;
            margin: auto;
            margin-top: 3px;
            display: block;
            width: 126px;
            height: 70px;
        }

    .title-page {
        height: 130px
    }

        .title-page h1, .title-page .h1 {
            font-size: 32px;
            margin: 5px 0 10px 0;
        }

    .mascheraRicerca label,
    .mascheraRicerca .form-control {
        font-size: var(--fontsize);
    }

    .mascheraRicerca .form-control,
    .mascheraRicerca label {
        font-weight: var(--fontweightbold);
    }

    .margin-ipad {
        margin-bottom: 12px;
    }

    .archivioNews .thumbnail {
        height: auto;
    }

        .archivioNews .thumbnail .caption {
            height: 255px;
        }

    .btn-richiediOTP {
        display: block;
        width: 100%;
        margin-top: 5px;
    }

    .tableFirma {
        border: none;
    }

        .tableFirma thead {
            color: #fefefe;
            display: none;
        }

        .tableFirma tbody {
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            flex-flow: row wrap;
            width: 100%;
        }

            .tableFirma tbody td {
                display: block;
                padding: 2px 1rem;
                width: 100%;
                border: none;
                clear: both;
                /*line-height: 2.3rem;*/
                text-align: left; /* modifica per avere su tutto il sito i testi allineati a sinistra 30/01/2025 */
            }

                .tableFirma tbody td::before {
                    content: attr(aria-label);
                    font-weight: var(--fontweightbold);
                    margin: 0 1rem 0 0;
                    /* regole per non mandare a capo i testi sotto le etichette */
                    display: block;
                    float: left;
                    width: 110px;
                    height: 100%;
                    border: solid 1px transparent;
                }

                .tableFirma tbody td.noLabel::before {
                    display: none;
                }

        .tableFirma.tableFirmaLeft tbody td::before {
            min-width: auto;
            width: 50%;
            float: left;
        }

        .tableFirma.tableFirmaLeft tbody td span {
            width: calc(50% - 1rem);
            display: block;
            float: left;
        }

        .tableFirma tr {
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-flow: column wrap;
            -webkit-box-flex: 0;
            border: solid 1px var(--greyborder);
            margin-bottom: 30px;
            flex: 0 0 50%;
            max-width: 48%;
            width: 100%;
        }

            .tableFirma tr:nth-child(odd) {
                background-color: var(--white) !important;
                margin-right: 2%;
            }

            .tableFirma tr:nth-child(even) {
                background-color: var(--white) !important;
                margin-left: 2%;
            }

            .tableFirma tr.tdAlert {
                border: none;
                max-width: none;
                flex: 1;
            }

        .tableFirma .btnWebcam {
            display: block;
            margin: 10px auto 0 auto;
            padding: 0;
            width: 100%;
            background: var(--yellow);
        }

            .tableFirma .btnWebcam input {
                display: block;
                margin: -20px auto 0 auto;
                padding: 10px 100px 10px 100px;
            }

    .btn-cauzione {
        width: 49%;
    }

    .btn-aggiungi,
    input[type="submit"].btn-aggiungi {
        width: 50%;
        margin: 10px auto 5px auto;
    }

    h2.sottotitolo {
        font-size: 22px;
    }

    .AsteTelematiche h1,
    section h2 {
        font-size: 32px;
    }

    .AsteTelematiche .flip-box,
    .AsteTelematiche .flip-container {
        margin-bottom: 30px;
    }

    .sigilloCustomerCare {
        text-align: center;
    }

        .sigilloCustomerCare h2 {
            text-align: center;
        }

        .sigilloCustomerCare .verticalMiddle .box {
            margin: auto;
        }

    .flip-box,
    .flip-container,
    .flip-container .front,
    .flip-container .back {
        height: 215px;
    }

        .flip-box-front,
        .flip-container .front {
            padding-top: 30px;
        }

    .btnArchivioNews,
    .btnArchivioNews:focus,
    .btnArchivioNews:hover {
        top: 61px;
    }

    .newsHomepage .thumbnail {
        height: 350px;
    }

    .newsHomepage .subtitle {
        -webkit-line-clamp: inherit;
        -webkit-box-orient: unset;
        overflow: auto;
        text-overflow: unset;
        display: -webkit-box;
    }

    .mascheraRicerca {
        height: auto;
        margin-top: -3px;
        padding-bottom: 40px;
    }

    .mascheraCampi {
        height: 410px;
    }

    .mascheraRicercaInterno {
        position: relative;
        transform: none;
        padding: 30px 0;
    }

    .TopbarAsteTraPrivati {
        text-align: center;
    }

    /* change navbar queries*/


    /* annullare menu pił piccolo x ipad sdraiato */
    .navbar-default .navbar-nav > li > a,
    .nav > li > a,
    .dropdown-menu > li > a {
        font-size: var(--fontsize);
    }

    .nav > li > a {
        padding: 16px;
    }
    /* annullare menu pił piccolo x ipad sdraiato */

    .navbar-logoMobile {
        width: 110px;
        height: 60px;
        display: block;
        margin: 7px auto 0 auto;
        float: none;
    }

        .navbar-logoMobile img {
            width: 100%;
        }

    .navbar-default {
        background: var(--white);
        position: fixed;
        top: 35px;
        left: 0;
        right: 0;
        margin-top: 0;
    }

    .navbar-header {
        float: none;
        min-height: 75px;
    }

    .navbar .navbar-nav {
        display: none !important; /* aggiunta 2023 per nascondere il menu su mobile tanto si vede nella sidebar*/
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

        .navbar-nav.navbar-right:last-child {
            margin-right: 0;
        }

    .collapse.in {
        display: block !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    .dropdown-menu {
        top: 100%;
        left: 0;
        z-index: 1000;
        min-width: 160px;
    }

        .dropdown-menu > li {
            border-bottom: none;
        }

    #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
        display: inline-block;
    }

    .nabar-login {
        position: absolute;
        top: 18px;
        right: 15px;
        margin: 0;
        padding: 0;
        width: 35px;
        height: 35px;
    }

        .nabar-login .bottoneAccesso,
        .nabar-login .bottoneAccesso:focus,
        .nabar-login .bottoneAccesso:hover,
        .navbar-default .navbar-nav > .open > .bottoneAccesso {
            margin: 0;
            padding: 0;
            background: var(--white) !important;
            color: var(--black) !important;
        }

            .nabar-login .bottoneAccesso .fa {
                font-size: 35px;
            }

    .navbar-nav .open .dropdown-login {
        position: absolute;
        width: 270px;
        margin-top: 21px;
        right: 0;
    }

    .dropdown-login > li > a {
        padding: 10px !important;
        height: 160px;
    }


    .navbar-nav .open .dropdown-loggato {
        position: absolute;
        margin-top: 22px !important;
        right: 0;
        border: solid 1px var(--greyborder);
    }

    .dropdown-loggato > li {
        border-bottom: none;
    }

    .dropdown-login > li > a {
        color: var(--black) !important;
        background: var(--white) !important;
        border: solid 1px var(--greyborder);
    }

        .dropdown-login > li > a:hover,
        .dropdown-login > li > a:focus,
        .dropdown-login > li > a:active {
            color: var(--black) !important;
            background: var(--yellow) !important;
            border: solid 1px var(--greyborder);
        }

            .dropdown-login > li > a:hover .fa-inverse {
                color: var(--yellow);
            }

    .dropdown-login .fa-inverse {
        color: var(--white);
    }

    .dropdown-login > li:nth-child(2) > a {
        border-left: none;
    }

    .dropdown-loggato > li {
        background: var(--white);
        border-bottom: solid 1px var(--greyborder);
    }

        .dropdown-loggato > li:hover {
            background: #BBB;
        }

        .dropdown-loggato > li > a {
            color: var(--black) !important;
            background: var(--white) !important;
            padding: 10px 15px !important;
        }

            .dropdown-loggato > li > a:hover,
            .dropdown-loggato > li > a:focus,
            .dropdown-loggato > li > a:active {
                color: var(--black) !important;
                background: var(--yellow) !important;
            }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: var(--greytext);
        padding: 7px 16px;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: var(--black);
            background-color: var(--yellow);
        }

    footer {
        text-align: center;
    }

    .certRina img, .certQual img {
        width: 114px;
    }

    .certRating img {
        width: 114px;
        margin: auto;
        margin-top: 35px;
        float: none;
    }

    .linkRina {
        margin-top: 35px;
    }

    .partners2022 p {
        display: block;
        margin: 0;
        margin-bottom: 30px;
    }

    .partners2022 a {
        text-align: center;
        width: 49%;
        margin: 10px auto;
        margin-bottom: 30px;
    }

        .partners2022 a:first-of-type {
            width: 100%;
            display: block;
            margin: 0;
            margin-bottom: 30px;
            border-right: none;
            padding-right: 0;
        }

        .partners2022 a img {
            vertical-align: bottom;
        }

        .partners2022 a:nth-of-type(2) img,
        .partners2022 a:nth-of-type(4) img,
        .partners2022 a:nth-of-type(6) img {
            transform: translateX(90px);
        }

        .partners2022 a:nth-of-type(3) img,
        .partners2022 a:nth-of-type(5) img,
        .partners2022 a:nth-of-type(7) img {
            transform: translateX(-90px);
        }

    .no-webp .banner107 {
        background: url('/images/pagine/home/107-bgIpad.png') no-repeat center left;
        background-size: cover;
        height: 120px;
    }

    .webp .banner107 {
        background: url('/images/pagine/home/107-bgIpad.webp') no-repeat center left;
        background-size: cover;
        height: 120px;
    }

    .banner107 .slogan {
        width: 230px;
    }

        .banner107 .slogan h4 {
            font-size: 20px;
        }

    .banner107 a.bottone {
        width: 75px;
        font-size: 13px;
        right: 30px;
    }

    .no-webp .bannerRAblockchain {
        background: url('/images/pagine/home/RAblockchain-bgIpad.png') no-repeat center right;
        background-size: cover;
    }

    .webp .bannerRAblockchain {
        background: url('/images/pagine/home/RAblockchain-bgIpad.webp') no-repeat center right;
        background-size: cover;
    }

    .bannerCondotte .slogan {
        width: calc(100% - 20px);
        top: 10px;
        left: 10px;
    }

        .bannerCondotte .slogan h4 {
            font-size: 18px;
            line-height: 20px;
            margin-top: 10px;
        }

        .bannerCondotte .slogan p {
            font-size: 15px;
            line-height: 17px;
        }

    .no-webp .bannerCondotte .slide > div:nth-child(1) {
        background-image: url('/images/pagine/home/Condotte1-bgIpad.png');
        background-size: cover;
    }

    .no-webp .bannerCondotte .slide > div:nth-child(2) {
        background-image: url('/images/pagine/home/Condotte2-bgIpad.png');
        background-size: cover;
        animation-delay: 5s;
    }

    .no-webp .bannerCondotte .slide > div:nth-child(3) {
        background-image: url('/images/pagine/home/Condotte3-bgIpad.png');
        background-size: cover;
        animation-delay: 10s;
    }

    .webp .bannerCondotte .slide > div:nth-child(1) {
        background-image: url('/images/pagine/home/Condotte1-bgIpad.webp');
        background-size: cover;
    }

    .webp .bannerCondotte .slide > div:nth-child(2) {
        background-image: url('/images/pagine/home/Condotte2-bgIpad.webp');
        background-size: cover;
        animation-delay: 5s;
    }

    .webp .bannerCondotte .slide > div:nth-child(3) {
        background-image: url('/images/pagine/home/Condotte3-bgIpad.webp');
        background-size: cover;
        animation-delay: 10s;
    }

    .bannerCondotte .bottone a {
        width: 80px;
        font-size: 12px;
        padding: 5px;
        bottom: 10px;
        right: 10px;
    }

    .no-webp .bannerATP .item:first-child {
        background: url('/images/pagine/home/ATP1-bgIpad.png') no-repeat center right;
        background-size: cover;
    }

    .no-webp .bannerATP .item:nth-child(2) {
        background: url('/images/pagine/home/ATP2-bgIpad.png') no-repeat center right;
        background-size: cover;
    }

    .no-webp .bannerATP .item:nth-child(3) {
        background: url('/images/pagine/home/ATP3-bgIpad.png') no-repeat center right;
        background-size: cover;
    }

    .webp .bannerATP .item:first-child {
        background: url('/images/pagine/home/ATP1-bgIpad.webp') no-repeat center right;
        background-size: cover;
    }

    .webp .bannerATP .item:nth-child(2) {
        background: url('/images/pagine/home/ATP2-bgIpad.webp') no-repeat center right;
        background-size: cover;
    }

    .webp .bannerATP .item:nth-child(3) {
        background: url('/images/pagine/home/ATP3-bgIpad.webp') no-repeat center right;
        background-size: cover;
    }

    .bannerATP .logoEsteso {
        width: 200px;
    }

    .bannerATP .slogan {
        width: 200px;
        left: 15px;
        top: 15px;
        transform: none;
        font-size: 17px;
    }

    .bannerATP a.scopri {
        width: 80px;
        font-size: 12px;
        padding: 5px;
        bottom: 10px;
        right: 10px;
    }

    .bannerSummer {
        height: 240px;
        background: #F3E795 url('/images/pagine/home/summer-bgIpad.png') no-repeat center right;
        background-size: 286px 215px;
    }

        .bannerSummer .summerText {
            width: 100%;
            max-width: 400px;
        }

    .bannerNatale {
        height: 120px;
        margin-bottom: 30px;
    }

    .no-webp .bannerNatale::before {
        width: 117px;
        height: 120px;
        background: url('/images/pagine/home/bg-sinistra-tablet.png') no-repeat center;
        background-size: cover;
    }

    .no-webp .bannerNatale::after {
        width: 143px;
        height: 120px;
        background: url('/images/pagine/home/bg-destra-tablet.png') no-repeat center;
        background-size: cover;
    }

    .webp .bannerNatale::before {
        width: 117px;
        height: 120px;
        background: url('/images/pagine/home/bg-sinistra-tablet.webp') no-repeat center;
        background-size: cover;
    }

    .webp .bannerNatale::after {
        width: 143px;
        height: 120px;
        background: url('/images/pagine/home/bg-destra-tablet.webp') no-repeat center;
        background-size: cover;
    }

    .bannerNatale .nataleText {
        max-width: 600px;
    }

        .bannerNatale .nataleText h4 {
            font-size: 20px;
        }

        .bannerNatale .nataleText p {
            font-size: var(--fontsize);
        }

            .bannerNatale .nataleText p i {
                font-size: 14px;
            }

    .bannerSPIL .slogan {
        width: calc(100% - 30px);
        left: 15px;
        top: 15px;
        font-size: 20px;
    }

        .bannerSPIL .slogan small {
            font-size: 17px;
            line-height: 1.2;
        }

        .bannerSPIL .slogan span {
            max-width: 180px;
        }

    .bannerSPIL .footerRA {
        left: 15px;
    }

    .bannerSPIL a.scopri {
        width: 80px;
        font-size: 12px;
        padding: 5px;
        bottom: 10px;
        right: 10px;
    }

    .bannerSPIL .slogan hr {
        max-width: 250px;
    }

    .bannerSPIL .slogan p img {
        margin-top: -5px;
    }

    .no-webp .bannerInvestire,
    .webp .bannerInvestire {
        height: 120px;
    }

    .bannerInvestire a.bottone {
        width: 75px;
        font-size: 13px;
        right: 30px;
    }

    .form-prof .form-control-static, .form-prof .checkbox {
        padding-top: 0;
    }

    .pagination {
        margin-top: 10px;
    }

    .form-inline .form-group {
        margin-bottom: 15px;
    }

    .archivioFormazione .thumbnail {
        height: 510px;
    }
}

@media (max-width: 767px) {
    body {
        padding-top: 75px !important;
    }

    .preFooter .imgCont {
        text-align: center;
    }

        .preFooter .imgCont img {
            float: none;
            display: inline-block;
            margin: auto;
            margin-top: -15px;
            padding: 15px;
        }

    .preFooter .footer-content {
        text-align: center;
        margin-bottom: 5px;
        font-size: 13px;
        line-height: 16px;
    }


    footer {
        font-size: 13px;
        line-height: 16px;
    }

        footer .socialCont {
            text-align: center;
        }

    .btn-brochure {
        margin-top: -20px;
        margin-bottom: 30px;
    }

    .linkRina {
        margin-top: 30px;
    }

    .certRating img {
        margin: auto;
        margin-top: 30px;
        float: none;
    }

    .partners2022 a:nth-of-type(2) img,
    .partners2022 a:nth-of-type(4) img,
    .partners2022 a:nth-of-type(6) img,
    .partners2022 a:nth-of-type(3) img,
    .partners2022 a:nth-of-type(5) img,
    .partners2022 a:nth-of-type(7) img {
        transform: none;
    }


    .navbar-default {
        top: 0;
    }

    .bootstrap-autocomplete {
        max-width: 340px !important;
    }

        .bootstrap-autocomplete li a {
            white-space: normal;
        }

    .form-group {
        margin-bottom: 0;
    }

        .form-group .btn-block,
        .form-control,
        .form-horizontal .checkbox,
        .form-horizontal .input-group,
        .form-horizontal .vue__time-picker {
            margin-bottom: 15px;
        }

    .imgLeft,
    .imgRight {
        width: auto;
        float: none;
        display: block;
        margin: 0 auto 15px auto;
        clear: both;
    }

    .media-left,
    .media-right,
    .media-body {
        display: block;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .media-object {
        margin: 0 auto 10px auto;
        width: auto;
        max-width: 100%;
    }

    .title-page {
        height: 120px;
    }

        .title-page .container {
            width: 100%;
        }

        .title-page h1, .title-page .h1 {
            font-size: 28px;
        }

    .mascheraTab {
        margin-top: -12px;
    }

    .mascheraCampi {
        padding-top: 5px;
        padding-bottom: 20px;
    }

    .no-webp .mascheraRicerca {
        background: #f1a235 url('/images/pagine/home/bg-ricerca.jpg') no-repeat center bottom;
        height: auto;
        background-size: 120%;
        padding-bottom: 60px;
    }

    .webp .mascheraRicerca {
        background: #f1a235 url('/images/pagine/home/bg-ricerca.webp') no-repeat center bottom;
        height: auto;
        background-size: 120%;
        padding-bottom: 60px;
    }

    .sfondoPuzzle {
        display: none;
    }

    .mascheraCampi {
        height: auto;
        padding-top: 10px;
    }

    .mascheraRicercaInterno {
        padding: 25px 0;
    }

    .mascheraRicerca .nav-tabs > li {
        font-size: 24px;
        padding: 0 20px 3px 20px;
    }

    .mascheraRicerca .btn,
    .mascheraRicerca .btn:hover,
    .mascheraRicerca .btn:focus {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .scroll-down,
    .scroll-down:focus,
    .scroll-down:hover {
        width: 32px;
        height: 32px;
        margin-left: -16px;
        bottom: 60px;
    }

    section {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .Banners figure.effect figcaption::before {
        top: 15px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        border: 3px solid var(--white);
    }

    .VenditeEvidenza {
        padding-bottom: 60px;
    }

    .contatti-container, .normativaContainer {
        display: block;
        margin: 70px 0 0 0;
        padding: 0 15px;
        border-spacing: 0;
    }

        .contatti-container .contatti,
        .normativaContainer .normativaBox {
            display: block;
            padding: 50px 15px 15px 15px;
            margin: 0;
            margin-bottom: 65px;
        }

            .contatti-container .contatti.box1,
            .contatti-container .contatti.box2,
            .normativaContainer .normativaBox {
                width: 100%;
            }

                .contatti-container .contatti:last-child,
                .normativaContainer .normativaBox:last-child {
                    margin-bottom: 0;
                }



    .login-container {
        display: block;
        border-spacing: 0;
    }

        .login-container .login {
            display: block;
            margin: 0;
            margin-bottom: 20px;
            width: 100%;
        }

            .login-container .login:last-child {
                margin-bottom: 0;
            }

        .login-container .sfondo1,
        .login-container .sfondo2 {
            padding-top: 30px;
            padding-bottom: 30px;
        }

    .alert-login {
        margin-left: 0;
        margin-right: 0;
    }

    .form-horizontal .radio,
    .form-horizontal .checkbox,
    .form-horizontal .radio-inline,
    .form-horizontal .checkbox-inline {
        margin-bottom: 10px;
    }

    .modal-dialog,
    .modal-lg {
        width: 90%;
    }

    .modal-body p.form-control-static {
        margin-bottom: 0;
    }

    .text-scheda {
        text-align: left;
    }

    .archivioNews .thumbnail .caption {
        height: auto;
    }

    .archivioNews .btn-block {
        position: relative;
    }

    .btn-richiediOTP {
        margin-bottom: 20px;
    }

    .tableFirma tr {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

        .tableFirma tr:nth-child(odd),
        .tableFirma tr:nth-child(even) {
            background-color: var(--greybg);
            margin-left: 0;
            margin-right: 0;
        }

    .btn-cauzione {
        width: 100%;
        display: block;
        margin-bottom: 5px;
    }

    .btn-aggiungi,
    input[type="submit"].btn-aggiungi {
        width: 100%;
    }

    .btn-destra,
    .btn-sinistra {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .btn-sinistra {
        margin-bottom: 10px;
    }

    .help-block {
        margin-top: -10px;
        margin-bottom: 20px;
    }

    .bannerAsteSospese {
        margin-bottom: 15px !important;
    }

    .newsHomepage .thumbnail {
        height: auto;
    }

    .newsHomepage .subtitle {
        margin-bottom: 0;
    }

    .newsHomepage .btn-block,
    .newsHomepage .btn-block:focus,
    .newsHomepage .btn-block:hover {
        position: relative;
    }

    .newsHomepage .data {
        position: relative;
        bottom: auto;
        margin-top: 5px;
    }

    .archivioFormazione .thumbnail {
        height: auto;
    }

    .archivioFormazione .captionButton {
        height: auto;
        position: relative;
        margin-top: -10px;
    }

    .mascheraRicerca .col1 {
        padding-right: 15px;
    }

    .mascheraRicerca .col2 {
        padding-left: 15px;
    }

    .mascheraRicerca .noPadding:first-child {
        padding-left: 15px;
    }

    .mascheraRicerca .noPadding:nth-child(2) {
        padding-right: 15px;
    }

    .mascheraRicerca .griglia2 {
        padding-right: 15px;
    }

    .mascheraRicerca .griglia3 {
        padding-left: 15px;
        padding-right: 7.5px;
    }

    .mascheraRicerca .marginCodice {
        margin-top: 0;
        padding-left: 7.5px;
    }

    .no-webp .banner107 {
        background: url('/images/pagine/home/107-bgSmartphone.png') no-repeat center left;
        background-size: cover;
        height: 220px;
    }

    .webp .banner107 {
        background: url('/images/pagine/home/107-bgSmartphone.webp') no-repeat center left;
        background-size: cover;
        height: 220px;
    }

    .banner107 .slogan {
        width: 150px;
        left: 15px;
    }

    .no-webp .bannerRAblockchain {
        background: url('/images/pagine/home/RAblockchain-bgSmartphone.png') no-repeat center bottom;
        background-size: cover;
        height: 240px;
        float: none;
    }

    .webp .bannerRAblockchain {
        background: url('/images/pagine/home/RAblockchain-bgSmartphone.webp') no-repeat center bottom;
        background-size: cover;
        height: 240px;
        float: none;
    }

    .no-webp .bannerRAblockchain,
    .webp .bannerRAblockchain {
        margin: 30px 0;
    }

    .bannerRAblockchain .simboloRA {
        width: 228px;
        height: 214px;
    }

    .bannerRAblockchain .loghiRA {
        padding-top: 25px;
    }

        .bannerRAblockchain .loghiRA img {
            width: 185px;
            height: 52px;
        }

        .bannerRAblockchain .loghiRA a {
            position: absolute;
            bottom: 25px;
            left: 0;
            right: 0;
            margin: auto;
            float: none;
        }

    .bannerRAblockchain .claim {
        width: 250px;
        position: absolute;
        top: 95px;
        bottom: auto;
        left: 0;
        right: 0;
        margin: auto;
        float: none;
    }

        .bannerRAblockchain .claim p {
            font-size: 20px;
            line-height: 24px;
        }

    .bannerCondotte,
    .bannerCondotte .slide,
    .bannerCondotte .slide > div {
        height: 220px;
    }

        .bannerCondotte .slogan {
            width: 100%;
            top: 30px;
            left: 0;
            padding-left: 20px;
            padding-right: 20px;
            text-align: center;
        }

            .bannerCondotte .slogan h4 {
                text-align: center;
                font-size: 22px;
                line-height: 24px;
                margin-top: 15px;
            }

            .bannerCondotte .slogan p {
                width: 100%;
                max-width: 300px;
                text-align: center;
                font-size: 18px;
                line-height: 22px;
                margin: auto;
            }

        .bannerCondotte .bottone a {
            top: auto;
            right: 0;
            left: 0;
            bottom: 20px;
            margin: auto;
            width: 130px;
            font-size: var(--fontsize);
            padding: 10px;
        }

        .bannerCondotte .slogan hr {
            display: none;
        }

    .no-webp .bannerCondotte .slide > div:nth-child(1) {
        background-image: url('/images/pagine/home/Condotte1-bgSmartphone.png');
        background-size: cover;
    }

    .no-webp .bannerCondotte .slide > div:nth-child(2) {
        background-image: url('/images/pagine/home/Condotte2-bgSmartphone.png');
        background-size: cover;
        animation-delay: 5s;
    }

    .no-webp .bannerCondotte .slide > div:nth-child(3) {
        background-image: url('/images/pagine/home/Condotte3-bgSmartphone.png');
        background-size: cover;
        animation-delay: 10s;
    }

    .webp .bannerCondotte .slide > div:nth-child(1) {
        background-image: url('/images/pagine/home/Condotte1-bgSmartphone.webp');
        background-size: cover;
    }

    .webp .bannerCondotte .slide > div:nth-child(2) {
        background-image: url('/images/pagine/home/Condotte2-bgSmartphone.webp');
        background-size: cover;
        animation-delay: 5s;
    }

    .webp .bannerCondotte .slide > div:nth-child(3) {
        background-image: url('/images/pagine/home/Condotte3-bgSmartphone.webp');
        background-size: cover;
        animation-delay: 10s;
    }

    .bannerATP,
    .bannerATP .item {
        height: 220px;
    }

    .no-webp .bannerATP .item:first-child {
        background: url('/images/pagine/home/ATP1-bgSmartphone.png') no-repeat center right;
        background-size: cover;
    }

    .no-webp .bannerATP .item:nth-child(2) {
        background: url('/images/pagine/home/ATP2-bgSmartphone.png') no-repeat center right;
        background-size: cover;
    }

    .no-webp .bannerATP .item:nth-child(3) {
        background: url('/images/pagine/home/ATP3-bgSmartphone.png') no-repeat center right;
        background-size: cover;
    }

    .webp .bannerATP .item:first-child {
        background: url('/images/pagine/home/ATP1-bgSmartphone.webp') no-repeat center right;
        background-size: cover;
    }

    .webp .bannerATP .item:nth-child(2) {
        background: url('/images/pagine/home/ATP2-bgSmartphone.webp') no-repeat center right;
        background-size: cover;
    }

    .webp .bannerATP .item:nth-child(3) {
        background: url('/images/pagine/home/ATP3-bgSmartphone.webp') no-repeat center right;
        background-size: cover;
    }

    .bannerATP .slogan {
        font-size: 22px;
    }

    .bannerATP a.scopri {
        top: auto;
        right: 0;
        left: 0;
        bottom: 20px;
        margin: auto;
        width: 130px;
        font-size: var(--fontsize);
        padding: 10px;
    }

    .ATP-menuMobile {
        padding-left: 30px;
    }

    .bannerSummer {
        width: 100%;
        height: auto;
        background: #F3E795 url('/images/pagine/home/summer-bgSmartphone.png') no-repeat center bottom;
        background-size: 360px 115px;
    }

        .bannerSummer .summerText {
            max-width: calc(100% - 30px);
            text-align: center;
            margin: 15px;
            padding: 0;
            padding-bottom: 115px;
            transform: none;
            top: 0;
            position: relative;
        }

            .bannerSummer .summerText p {
                font-size: 14px;
                line-height: 17px;
            }

    .bannerNatale {
        height: 220px;
        margin-bottom: 15px;
    }

    .no-webp .bannerNatale::before {
        width: 113px;
        height: 99px;
        background: url('/images/pagine/home/bg-sinistra-desktop.png') no-repeat center;
        background-size: cover;
    }

    .no-webp .bannerNatale::after {
        width: 119px;
        height: 112px;
        background: url('/images/pagine/home/bg-destra-smartphone.png') no-repeat center;
        background-size: cover;
    }

    .webp .bannerNatale::before {
        width: 113px;
        height: 99px;
        background: url('/images/pagine/home/bg-sinistra-desktop.webp') no-repeat center;
        background-size: cover;
    }

    .webp .bannerNatale::after {
        width: 119px;
        height: 112px;
        background: url('/images/pagine/home/bg-destra-smartphone.webp') no-repeat center;
        background-size: cover;
    }

    .bannerNatale .nataleText {
        max-width: 300px;
    }

        .bannerNatale .nataleText p i {
            font-size: 12px;
        }

    .bannerSPIL {
        height: 220px;
    }

        .bannerSPIL .item {
            height: 220px;
        }

    .no-webp .bannerSPIL .item:first-child {
        background: #083253 url('/images/pagine/home/SPIL1-bgSmartphone.png') no-repeat center right;
        background-size: contain;
    }

    .no-webp .bannerSPIL .item:nth-child(2) {
        background: #083253 url('/images/pagine/home/SPIL2-bgSmartphone.png') no-repeat center right;
        background-size: contain;
    }

    .webp .bannerSPIL .item:first-child {
        background: #083253 url('/images/pagine/home/SPIL1-bgSmartphone.webp') no-repeat center right;
        background-size: contain;
    }

    .webp .bannerSPIL .item:nth-child(2) {
        background: #083253 url('/images/pagine/home/SPIL2-bgSmartphone.webp') no-repeat center right;
        background-size: contain;
    }

    .bannerSPIL a.scopri {
        width: 70px;
        font-size: 14px;
        bottom: 55px;
        left: 15px;
        right: auto;
        z-index: 300;
    }

    .no-webp .bannerInvestire {
        background: url('/images/pagine/home/investire-bgSmartphone.png') no-repeat center;
        background-size: cover;
        height: 220px;
    }

    .webp .bannerInvestire {
        background: url('/images/pagine/home/investire-bgSmartphone.webp') no-repeat center;
        background-size: cover;
        height: 220px;
    }

    .bannerInvestire .slogan {
        width: calc(100% - 40px);
        max-width: 400px;
    }

    .bannerInvestire a.bottone {
        width: 70px;
        top: auto;
        transform: none;
        left: 20px;
        right: auto;
        bottom: 20px;
        margin: auto;
        font-size: 14px;
        padding: 5px;
    }

    .bannerInvestire img {
        position: absolute;
        bottom: 80px;
    }

    .ContainericonBox {
        width: 100%;
    }

    .venditeAtp {
        margin-left: -15px;
        margin-right: -15px;
    }

        .venditeAtp .venditeAtp__logo {
            display: block;
            margin: 0 auto 20px auto;
        }

        .venditeAtp h2 {
            display: block;
            margin: 0 auto;
            text-align: center;
        }

            .venditeAtp h2 span {
                display: block;
            }

        .venditeAtp .venditeAtp__separator {
            display: none;
        }

    .form-prof .btn-block {
        margin-top: 10px;
    }

    .pagination-top {
        display: none;
    }

    .pagination > li > a.puntini,
    .pagination > li > a.puntini:hover,
    .pagination > li > a.puntini:focus {
        width: 20px;
        padding: 6px 0;
    }

    .checkbox-inline + .checkbox-inline,
    .radio-inline + .radio-inline {
        display: block;
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .preFooter .footer-content {
        margin-top: 0;
    }

    .bannerHP.salaaste,
    .bannerHP.verbania,
    .bannerHP.misureprevenzione,
    .bannerHP.vetrinacatania,
    .bannerHP.napolinord,
    .bannerHP.vetrinaragusa,
    .bannerHP.asteg,
    .bannerHP.procc,
    .bannerHP.reteaste {
        background-position: center center;
    }

    .sfondoPuzzle {
        display: none;
    }

    .mascheraRicerca .nav-tabs > li {
        font-size: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .mascheraRicerca .nav-tabs > li .fa {
            font-size: 18px;
            margin-right: 5px;
        }

    .flip-box-front {
        padding-top: 40px;
    }

        .flip-box-front h3 {
            margin-top: 20px;
            font-size: 20px;
        }

    .flip-box-back {
        padding: 15px;
    }

        .flip-box-back .btn-inverse,
        .flip-box-back .btn-inverse:focus {
            bottom: 15px;
        }

    .comunicatoCovid {
        margin-top: 5px;
        margin-bottom: 30px;
        font-size: var(--fontsize);
    }

    .navbarMenuMobile {
        width: 93%;
    }

    .bx-caption {
        height: auto;
    }

    .d-xs-block {
        display: block !important;
    }

    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block; /* aggiunta per far restare in linea i form allineati*/
    }

    .pagination > li > a,
    .pagination > li > span {
        margin-bottom: 5px;
    }
}

@media (max-width: 353px) {
    .navbar-default .navbar-nav .open .dropdown-loggato > li > a {
        white-space: normal;
    }
}

@media (max-width: 320px) {
    .mascheraRicerca .nav-tabs > li {
        font-size: var(--fontsize);
    }

    .dropdown-loggato {
        width: 290px !important;
    }

    .navbar-default .navbar-nav .open .dropdown-loggato > li > a {
        white-space: normal;
    }

    .Banners span {
        font-size: 20px;
        line-height: 24px;
    }
}

/*************************** REGOLE RESPONSIVE MOBILE FIRST */

@media (min-width: 768px) {
    .collapse.dont-collapse-sm {
        display: block;
        height: auto !important;
        visibility: visible;
    }
}

@media (min-width: 992px) {
    /* menu di navigazione 2023 che si apre sull'hover anzichč sul click */
    .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
    }

    .navbar-nav .dropdown-menu {
        margin-top: 0;
    }
}

/* container pił largo sugli schermi grandi */
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1300px;
    }
}
/* container pił largo sugli schermi grandi */

/*************************** pederastia per far funzionare il menu utente - va lasciato in fondo a tutto */
.dropdown-login,
.navbar-nav .open .dropdown-loggato {
    position: absolute;
    right: 0;
    left: auto;
}
/*fine pederastia*/


/* Stili per rotellina (snake) di "attendere operazione" */
.at-wait-overlay {
    background-color: black !important;
    height: 100% !important;
    left: 0px !important;
    opacity: 0.6 !important;
    position: fixed !important;
    top: 0px !important;
    width: 100% !important;
    z-index: 9999;
    !important;
}

.at-wait-content {
    left: 25% !important;
    width: 50%;
    position: fixed !important;
    top: 40% !important;
    height: 200px;
    z-index: 10000;
    !important;
    text-align: center;
}
/* Stili per rotellina di "attendere operazione" */

.iconaThumbsUp {
    width: 80px;
    height: 80px;
    display: block;
    margin: auto;
    margin-bottom: 30px;
}

hr.dark {
    border-top: 1px solid var(--black);
}

hr.gray {
    border-top: 1px solid var(--greyborder);
}

hr.yellow {
    border-top: 1px solid var(--yellow);
}