/* ########### HEADER*/
/* ########### HEADERINS*/
/* ########### COOKIE*/
/* ########### HOME*/
/* ########### COME FUNZIONA*/
/* ########### PREMIUM E CHECK*/
/* ########### PRIMO*/
/*############ MENU MOBILE*/
/* ########### NAV UTENTE*/
/* ########### LOGIN/REGISTRATI*/
/* ########### FORM*/
/* ########### SEZIONI*/
/* ########### FOTO*/
/* ########### UT*/
/* ########### ANNUNCIO*/
/* ########### MESSAGGI*/
/* ########### UT ARCHIVIO*/
/* ########### PB ARCHIVIO*/
/* ########### PREFOOTER*/
/* ########### FOOTER*/
/* ########### MAN-404*/
/* ########### POPUP*/
/* ########### BANNER*/
/* ########### CONTATTI*/
/*-------------------------------------*/
/*-------------------------------------*/
/*-------------------------------------*/
/*####################  HEADER*/
@media all {
    #container {
        width: 100%;
        height: 100%;
        overflow: hidden;
        -webkit-transition: all ease 450ms;
        transition: all ease 450ms;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        -webkit-transition-delay: 0.05s;
        transition-delay: 0.05s;
        background-color: var(--color-background3);
    }

    .containeropen {
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
    }

    .containerclose {
        webkit-transform: none;
        transform: none;
    }

.containerclose {
margin-left: 0;
}

    #spacenav {
        width: 100%;
        position: fixed;
        z-index: 3;
    }
    #spacenavbis {
        width: 100%;
        position: fixed;
        z-index: 3;
    }
    #spacenav2 {
        width: 100%;
        z-index: 3;
    }

    #spacenavwhite {
        width: 100%;
        position: fixed;
        z-index: 3;
    }

.menuitem {
width: auto;
height: 100%;
float: right;
margin-right: 50px;
}

.menuitem:hover .submenu {
display: block;
}

.menuitem:active .submenu {
display: block;
}

.nav1 .submenu {
width: 700px;
height: auto;
padding: 5px;
background-color: #fcfcfc;
position: absolute;
left: -260px;
top: 65px;
display: none;
overflow: hidden;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
-webkit-box-shadow: 0 2px 4px #666;
box-shadow: 0 2px 4px #666;
}
.nav2 .submenu {
width: 700px;
height: auto;
padding: 5px;
background-color: #fcfcfc;
position: absolute;
left: -260px;
top: 40px;
display: none;
overflow: hidden;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
-webkit-box-shadow: 0 2px 4px #666;
box-shadow: 0 2px 4px #666;
}
    .nav3 .submenu {
        width: 700px;
        height: auto;
        padding: 5px;
        background-color: #fcfcfc;
        position: absolute;
        left: -260px;
        top: 40px;
        display: none;
        overflow: hidden;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        -webkit-box-shadow: 0 2px 4px #666;
        box-shadow: 0 2px 4px #666;
    }

.submenuitem {
width: 128px;
height: 128px;
overflow: hidden;
margin: 5px;
padding: 5px;
-webkit-transition: all ease 0.20s;
transition: all ease 0.20s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
background-color: #fcfcfc;
}

.submenuitem:hover {
background-color: #f8f8f8;
}

.submenuitem2 {
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transition: all ease 0.20s;
transition: all ease 0.20s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
}

.submenuitem:active .submenuitem2 {
margin-top: 5px;
}

#container .submenuitem2 p {
text-align: center;
margin: 0;
font-size: 26px;
color: #fcfcfc;
margin-top: 25px;
}

#container .submenuitem2 h3 {
text-align: center;
margin: 0;
line-height: 13px;
font-size: 17px;
text-transform: uppercase;
color: #fcfcfc;
margin-top: 32px;
}

.humb1:hover #line1 {
background-color: var(--color-background);
left: 29px;
}

.humb1:hover #line2 {
left: 21px;
background-color: var(--color-background);
}

.humb1:active #line1 {
background-color: var(--color-background);
left: 29px;
}

.humb1:active #line2 {
left: 21px;
background-color: var(--color-background);
}

    .humb1 #line1 {
        width: 34px;
        height: 4px;
        background-color: var(--color-background);
        position: absolute;
        top: 17px;
        left: 0;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }

    .humb1 #line2 {
        width: 34px;
        height: 4px;
        background-color: var(--color-background);
        position: absolute;
        top: 28px;
        left: 0;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }

.nav1 #humb {
width: auto;
height: 40px;
margin-top: 17px;
float: right;
margin-right: 0;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
display: none;
cursor: pointer;
}

.nav1 #navcta1 .divbutton2small {
margin-top: 15px;

}
    #container .nav1 #navcta1 .divbutton2small p{
        color:#fff;
    }
    #container .nav1 #navcta1 .divbutton2small h3 {
        color: #fff;
    }


    .nav1 #navicocont {
        width: auto;
        height: 100%;
        float: right;
        margin-right:30px;
    }
    .nav1 .navicoline {
        width: 1px;
        height: 70%;
        margin-top:8%;
        background-color: #eee;
    }
    .nav1 .navicoitem {
        width: 74px;
        height: 100%;
        margin-right:2px;
        
    }
    #container .nav1 .navicoitem .p1 {
        text-align: center;
        margin: 0;
        font-size: 22px;
        margin-top: 25px;
        color: #bbb;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
    #container .nav1 .navicoitem.ico1:hover .p1 {
        
        color: var(--color-tipo1);
    }
    #container .nav1 .navicoitem.ico2:hover .p1 {
        color: var(--color-tipo2);
    }

.nav1 #navcta1 {
width: auto;
height: 100%;
float: right;
}
.nav1 .menuitem:hover p a {
text-decoration: none;
color: var(--color-text1);
}
.nav1 .menuitem:hover p {
text-decoration: none;
color: var(--color-text1);
}
.nav1 .menuitem p a {
text-decoration: none;
color: #333;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
font-family: var(--font-family);
font-weight: bold;
}
.nav1 #logo img {
width: 100%;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
margin-top: 11px;
}
.nav1 #logo {
width: 220px;
height: 100%;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
}
    .nav1 #logo2 {
        width: 80px;
        height: 100%;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        display:none;
    }
    .nav1 #logo2 img {
        width: 50px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        margin-top: 10px;
    }
    .nav1 #navtitle {
        width: auto;
        height: 100%;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
       
    }
    #container .nav1 #navtitle h1 {
        font-size: 18px;
        line-height: 19px;
        margin: 0;
        padding: 0;
        margin-left: 40px;
        margin-top: 25px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        font-weight:bold;
    }
    #container .nav1 #navtitle a {
        -webkit-transition: all ease 0.2s;
        transition: all ease 0.2s;
        color: #000;
    }
        #container .nav1 #navtitle a:hover {
            color: var(--color-text1);
        }
    #container .nav1 #navtitle i {
        font-size: 28px;
        position: absolute;
        left: 0;
        top: 19px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
    #container .nav1 #navtitle i.i2 {
        font-size: 24px;
        position: absolute;
        left: 0;
        top: 22px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
    #menucercatiposub {
        position: absolute;
        top: 39px;
        left: 0;
        width: 240px;
        height: 308px;
        background-color: #fff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        overflow:hidden;
        display: none;
    }
    .cercasubbox {
        width:100%;
        height:44px;
        border-bottom:1px solid #ddd;
    }
    .cercasubbox:hover {
        background-color:#fcfcfc;
    }
        .cercasubbox:active {
            background-color: #fcfcfc;
        }
    .cercasubbox i {
        position: absolute;
        margin: 0;
        left: 15px;
        font-size: 18px;
        top: 11px;
    }
        .cercasubbox .p1 {
            margin-left:53px;
            margin-top:12px;
            text-transform:uppercase;
            font-size:13px;
        }
    #menucarcatipobox:hover #menucercatiposub {
        display:block;
    }
    #menucarcatipobox:active #menucercatiposub {
        display: block;
    }
    .nav1 #menucarcatipobox {
        position: absolute;
        top: 1px;
        left: 0;
        width: 80px;
        height: 42px;
        border-right: 3px solid #fff;
    }
    .nav1 #menucarcatipobox #cercaico {
        position: absolute;
        margin: 0;
        left: 15px;
        font-size: 18px;
        top: 11px;
    }
    .nav1 #menucarcatipobox #cercafreccia {
        position: absolute;
        margin: 0;
        right: 5px;
        font-size: 20px;
        top: 11px;
        font-weight:bold;
    }
    .nav1 #menucerca {
        width: 37%;
        height: 50px;
        float: right;
        margin-right: 70px;
        margin-top: 12px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
        .nav1 #menucerca .text1 {
            width: 100%;
            padding-right: 50px;
            padding-left: 90px;
            -webkit-transition: all ease 0.16s;
            transition: all ease 0.16s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }
        .nav1 #menucerca #inavcerca {
            position: absolute;
            float: none;
            right: 15px;
            top: 11px;
            z-index: 9999;
            font-size: 20px;
            -webkit-transition: all ease 0.16s;
            transition: all ease 0.16s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }
.nav1 #middlenav {
width: 81%;
height: 70px;
margin: 0 auto;
float: none;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
-webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
}
    .nav1 .middlenav {
        width: 81%;
        height: 70px;
        margin: 0 auto;
        float: none;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }

    .nav1 {
        background-color: #fff;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        padding-bottom: 8px;
        padding-top: 8px;
        -webkit-box-shadow: 0 2px 23px #888;
        box-shadow: 0 2px 23px #888;
    }

.nav1 .menuitem p {
text-transform: uppercase;
font-size: 15px;
text-align: center;
margin: 0;
text-decoration: none;
margin-top: 26px;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
color: #222;
font-family: var(--font-family);
font-weight: bold;
}

.nav2 .menuitem p {
text-transform: uppercase;
font-size: 15px;
text-align: center;
margin: 0;
text-decoration: none;
margin-top: 10px;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
color: #111;
font-family: var(--font-family);
font-weight: bold;
}

.nav2 #logo img {
width: 100%;
margin-top: 1px;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
}

    .nav2 #logo {
        width: 170px;
        height: 100%;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        
    }
    .nav2 #logo2 {
        width: 80px;
        height: 100%;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        display: none;
    }
    .nav2 #logo2 img {
        width: 42px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        margin-top: 0;
    }
    .nav2 #navtitle {
        width: auto;
        height: 100%;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }

    #container .nav2 #navtitle h1 {
        font-size: 18px;
        line-height: 19px;
        margin: 0;
        padding: 0;
        margin-left: 40px;
        margin-top: 12px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        font-weight:bold;
    }
    #container .nav2 #navtitle a {
        -webkit-transition: all ease 0.2s;
        transition: all ease 0.2s;
        color: #000;
    }

        #container .nav2 #navtitle a:hover {
            color: var(--color-text1);
        }
    #container .nav2 #navtitle i {
        font-size: 28px;
        position: absolute;
        left: 0;
        top: 6px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
    #container .nav2 #navtitle i.i2 {
        font-size: 24px;
        position: absolute;
        left: 0;
        top: 7px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
    .nav2 #menucarcatipobox {
        position: absolute;
        top: 2px;
        left: 0;
        width: 80px;
        height: 35px;
        border-right: 3px solid #fff;
    }

        .nav2 #menucarcatipobox #cercaico {
            position: absolute;
            margin: 0;
            left: 15px;
            font-size: 18px;
            top: 6px;
        }

        .nav2 #menucarcatipobox #cercafreccia {
            position: absolute;
            margin: 0;
            right: 5px;
            font-size: 20px;
            top: 6px;
            font-weight:bold;
        }
    .nav2 #menucerca {
        width: 28%;
        float: right;
        height: 40px;
        margin-right: 50px;
        margin-top: 0px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }

        .nav2 #menucerca .text1 {
            width: 100%;
            padding-right: 50px;
            padding-left: 90px;
            height: 40px;
            -webkit-transition: all ease 0.16s;
            transition: all ease 0.16s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }

        .nav2 #menucerca #inavcerca {
            position: absolute;
            float: none;
            right: 15px;
            top: 7px;
            z-index: 9999;
            font-size: 18px;
            -webkit-transition: all ease 0.16s;
            transition: all ease 0.16s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }
.nav2 #middlenav {
width: 81%;
height: 40px;
margin: 0 auto;
float: none;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
-webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
}
    .nav2 .middlenav {
        width: 81%;
        height: 40px;
        margin: 0 auto;
        float: none;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }

    .nav2 {
        background-color: #fff;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: 1px solid #ddd;
        -webkit-box-shadow: 0 2px 23px #888;
        box-shadow: 0 2px 23px #888;
    }

.nav2 .humb1:hover #line1 {
background-color: var(--color-background);
left: 29px;
}

.nav2 .humb1:hover #line2 {
left: 21px;
background-color: var(--color-background);
}

.nav2 .humb1:active #line1 {
background-color: var(--color-background);
left: 29px;
}

.nav2 .humb1:active #line2 {
left: 21px;
background-color: var(--color-background);
}

    .nav2 .humb1 #line1 {
        width: 34px;
        height: 4px;
        background-color: var(--color-background);
        position: absolute;
        top: 17px;
        left: 0;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }

    .nav2 .humb1 #line2 {
        width: 34px;
        height: 4px;
        background-color: var(--color-background);
        position: absolute;
        top: 28px;
        left: 0;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }

        .nav2 #humb {
            width: auto;
            height: 40px;
            margin-top: 3px;
            float: right;
            margin-right: 0;
            -webkit-transition: all ease 0.16s;
            transition: all ease 0.16s;
            display: none;
            cursor: pointer;
        }
        .nav2 #navicocont {
            width: auto;
            height: 100%;
            float: right;
            margin-right: 30px;
        }

    .nav2 .navicoline {
        width: 1px;
        height: 70%;
        margin-top: 5%;
        background-color: #eee;
    }

    .nav2 .navicoitem {
        width: 74px;
        height: 100%;
        margin-right: 2px;
    }

    #container .nav2 .navicoitem .p1 {
        text-align: center;
        margin: 0;
        font-size: 22px;
        margin-top: 10px;
        color: #bbb;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }

    #container .nav2 .navicoitem.ico1:hover .p1 {
        color: var(--color-tipo1);
    }

    #container .nav2 .navicoitem.ico2:hover .p1 {
        color: var(--color-tipo2);
    }
.nav2 #navcta1 .divbutton2small {
margin-top: 0px;
}
.nav2 #navcta1 {
width: auto;
height: 100%;
float: right;
}


.nav2 .menuitem:hover p a {
text-decoration: none;
color: var(--color-text2);
}

.nav2 .menuitem:hover p {
text-decoration: none;
color: var(--color-text2);
}

.nav2 .menuitem p a {
text-decoration: none;
color: #111;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
font-family: var(--font-family);
}

.nav2 #navcta1 {
width: auto;
height: 100%;
float: right;
}

    .nav3 .menuitem p {
        text-transform: uppercase;
        font-size: 15px;
        text-align: center;
        margin: 0;
        text-decoration: none;
        margin-top: 11px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        color: #111;
        font-family: var(--font-family);
        font-weight: bold;
    }

    .nav3 #logo img {
        width: 140px;
        margin-top: 3px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }

    .nav3 #logo {
        width: 170px;
        height: 100%;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }

    .nav3 #middlenav {
        width: 86%;
        height: 50px;
        margin: 0 auto;
        float: none;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }

    .nav3 {
        background-color: #fcfcfc;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: 1px solid #ddd;
    }

    .nav3 .humb1:hover #line1 {
        background-color: var(--color-background);
        left: 29px;
    }

    .nav3 .humb1:hover #line2 {
        left: 21px;
        background-color: var(--color-background);
    }

    .nav3 .humb1:active #line1 {
        background-color: var(--color-background);
        left: 29px;
    }

    .nav3 .humb1:active #line2 {
        left: 21px;
        background-color: var(--color-background);
    }

    .nav3 .humb1 #line1 {
        width: 34px;
        height: 4px;
        background-color: #111;
        position: absolute;
        top: 17px;
        left: 25px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }

    .nav3 .humb1 #line2 {
        width: 34px;
        height: 4px;
        background-color: #111;
        position: absolute;
        top: 28px;
        left: 25px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }

    .nav3 #humb {
        width: 70px;
        height: 40px;
        margin-top: 3px;
        float: right;
        margin-right: 0;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        display: none;
        cursor: pointer;
    }

    .nav3 #navcta1 .divbutton2small {
        margin-top: 5px;
    }


    .nav3 #navcta1 {
        width: auto;
        height: 100%;
        float: right;
    }


    .nav3 .menuitem:hover p a {
        text-decoration: none;
        color: var(--color-text1);
    }

    .nav3 .menuitem:hover p {
        text-decoration: none;
        color: var(--color-text1);
    }

    .nav3 .menuitem p a {
        text-decoration: none;
        color: #111;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        font-family: var(--font-family);
    }

        .nav3 #navcta1 {
            width: auto;
            height: 100%;
            float: right;
        }


.humb2:hover #line1 {
background-color: #fff;
}

.humb2:hover #line2 {
background-color: #fff;
}

.humb2 #line1 {
width: 40px;
height: 3px;
background-color: #051920;
position: absolute;
top: 22px;
left: 15px;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
-webkit-transform: rotate(-45deg);
}

.humb2 #line2 {
width: 40px;
height: 3px;
background-color: #051920;
position: absolute;
top: 22px;
left: 15px;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
-webkit-transform: rotate(45deg);
}


#menu {
min-width: 5px;
height: 100%;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
float: right;
}

.menumar1 {
margin-right: 80px;
}

.menumar2 {
margin-right: 0px;
}

.menum1 {
margin-top: -1000px;
}

.menum2 {
margin-top: 0;
}

}
@media (max-width: 480px)
{
    .nav1 #logo {
        display:none;
    }
    .nav2 #logo {
        display: none;
    }
    .nav1 #logo2 {
        display: block;
    }

    .nav2 #logo2 {
        display: block;
    }
    .nav1 #navicocont {
        margin-right: 0;
    }

    .nav2 #navicocont {
        margin-right: 0;
    }
    #container {
        background-color: var(--color-background3bis);
    }
    .nav1 {
        border-bottom:1px solid #ddd;
    }
   #container {
       /*background-color:#fff;*/
   }
#navcta1 {
display: none;
}
.nav1 #navcta1 .divbutton2small {
margin-top: 16px;
padding-left: 13px;
padding-right: 13px;
display:none;
}
.nav1 #navcta1 .divbutton2small .sp1{
display: block;
}
    
    #container .nav1 #navcta1 .divbutton2small h3 {
        margin-top:7px;
    }
    #container .nav1 #navcta1 .divbutton2small:hover p {
        margin-top: 7px;
    }
    #container .nav1 #navcta1 .divbutton2small:active p {
        margin-top: 7px;
    }
    .nav1 #navcta1 .divbutton2small .sp2 {
        display: none;
    }
    .nav2 #navcta1 .divbutton2small .sp1 {
        display: block;
    }

    .nav2 #navcta1 .divbutton2small .sp2 {
        display: none;
    }
    .nav3 #navcta1 .divbutton2small .sp1 {
        display: block;
    }

    .nav3 #navcta1 .divbutton2small .sp2 {
        display: none;
    }

#container .nav1 #navcta1 .divbutton2small h3 i {
margin-left: 0;
font-size: 23px;
}
#container .nav1 #navcta1 .divbutton2small p i {
margin-left: 0;
font-size: 23px;
}
    .nav1 #navcta1 .divbutton2small p {
        margin: 0;
        text-align:center;
        margin-top: -31px;
    }
    .nav1 #navcta1 .divbutton2small h3 {
        margin: 0;
        text-align: center;
        margin-top: 18px;
    }
.nav1 #navcta1 .divbutton2small:hover p {
margin-top: 11px;
}
.nav1 #navcta1 .divbutton2small:active p {
margin-top: 11px;
}

    .nav2 #navcta1 .divbutton2small {
        margin-top: 0px;
        padding-left: 13px;
        padding-right: 13px;
        display: none;
    }

#container .nav2 #navcta1 .divbutton2small h3 i {
margin-left: 0;
font-size: 23px;
}

#container .nav2 #navcta1 .divbutton2small p i {
margin-left: 0;
font-size: 23px;
}
    .nav2 #navcta1 .divbutton2small p {
        margin: 0;
        text-align: center;
        margin-top: -31px;
    }

    .nav2 #navcta1 .divbutton2small h3 {
        margin: 0;
        text-align: center;
        margin-top: 18px;
    }

.nav2 #navcta1 .divbutton2small:hover p {
margin-top: 11px;
}

.nav2 #navcta1 .divbutton2small:active p {
margin-top: 11px;
}
    #container .nav2 #navcta1 .divbutton2small h3 {
        margin-top: 7px;
    }

    #container .nav2 #navcta1 .divbutton2small:hover p {
        margin-top: 7px;
    }

    #container .nav2 #navcta1 .divbutton2small:active p {
        margin-top: 7px;
    }


    .nav3 #navcta1 .divbutton2small {
        margin-top: 5px;
        padding-left: 13px;
        padding-right: 13px;
    }

    #container .nav3 #navcta1 .divbutton2small h3 i {
        margin-left: 0;
        font-size: 25px;
    }

    #container .nav3 #navcta1 .divbutton2small p i {
        margin-left: 6px;
        font-size: 25px;
    }

    .nav3 #navcta1 .divbutton2small h3 {
        margin-top: 21px;
    }

    .nav3 #navcta1 .divbutton2small:hover p {
        margin-top: 11px;
    }

    .nav3 #navcta1 .divbutton2small:active p {
        margin-top: 11px;
    }



.nav1 #middlenav {
width: 94%;
margin-left: 3%;
margin-right: 3%;
float: left;
}
    .nav1 .middlenav {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        float: left;
    }
    .nav2 #middlenav {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        float: left;
    }
    .nav2 .middlenav {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        float: left;
    }
    .nav3 #middlenav {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        float: left;
    }

    .nav1 #menucerca {
       display:none;
    }
.nav1 #logo {
width:160px;
margin-left:0;
}
    .nav1 #logo img {
        width: 160px;
        margin-top: 19px;
        margin-left: 0;
    }
    .nav2 #logo {
        width: 160px;
        margin-left: 0;
    }
.nav2 #logo img {
width:160px;
margin-top:4px;
margin-left:0px;
}
    .nav2 #menucerca {
        display: none;
    }

.nav2 #humb {
display: block;
margin-top:-2px;
}
    .nav3 #logo img {
        width: 120px;
        margin-top: 9px;
        margin-left: 0px;
    }

    .nav3 #logo {
        width: 120px;
        margin-left: 2px;
    }

    .nav3 #humb {
        display: block;
        
    }
    .nav1 #humb {
        display: block;
        margin-top: 11px;
    }

#menu {
display:none;
}
    


}
@media (min-width: 481px) and (max-width: 768px)
{
    .nav1 #navicocont {
        margin-right: 10px;
    }
    .nav2 #navicocont {
        margin-right: 10px;
    }
    #navcta1 {
        display: none;
    }
    .nav1 #middlenav {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        float: left;
    }
    .nav2 #middlenav {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        float: left;
    }
    .nav1 .middlenav {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        float: left;
    }

    .nav2 .middlenav {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        float: left;
    }
    .nav2 #humb {
        display: block;
        margin-top: -2px;
    }
    .nav3 #middlenav {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
        float: left;
    }

    .nav3 #humb {
        display: block;
    }
    .nav1 #humb {
        display: block;
        margin-top: 11px;
    }


#menu {
display:none;
}
.nav1 #logo img {
margin-top: 19px;
margin-left: 0;
}
    .nav1 #menucerca {
        display: none;
    }
.nav1 #logo {
width: 170px;
}
.nav2 #logo img {
margin-top:2px;
margin-left: 0;
}
    .nav2 #menucerca {
        display: none;
    }
.nav2 #logo {
width: 170px;
}
    .nav3 #logo img {
        width: 130px;
        margin-top: 6px;
        margin-left: 0;
    }

    .nav3 #logo {
        width: 130px;
    }

    .nav1 #navcta1 .divbutton2small {
        margin-top: 16px;
        padding-left: 15px;
        padding-right: 15px;
    }
    #container .nav1 #navcta1 .divbutton2small h3 {
        margin-top: 11px;
    }

    #container .nav1 #navcta1 .divbutton2small:hover p {
        margin-top: 9px;
    }

    #container .nav1 #navcta1 .divbutton2small:active p {
        margin-top: 9px;
    }
        .nav1 #navcta1 .divbutton2small .sp1 {
            display: block;
        }

        .nav1 #navcta1 .divbutton2small .sp2 {
            display: none;
        }
    .nav2 #navcta1 .divbutton2small .sp1 {
        display: block;
    }

    .nav2 #navcta1 .divbutton2small .sp2 {
        display: none;
    }
    #container .nav2 #navcta1 .divbutton2small h3 {
        margin-top: 7px;
    }

    #container .nav2 #navcta1 .divbutton2small:hover p {
        margin-top: 10px;
    }

    #container .nav2 #navcta1 .divbutton2small:active p {
        margin-top: 10px;
    }
    .nav3 #navcta1 .divbutton2small .sp1 {
        display: block;
    }

    .nav3 #navcta1 .divbutton2small .sp2 {
        display: none;
    }

    #container .nav1 #navcta1 .divbutton2small h3 i {
        margin-left: 0;
        font-size: 23px;
    }

    #container .nav1 #navcta1 .divbutton2small p i {
        margin-left: 0;
        font-size: 23px;
    }

    .nav1 #navcta1 .divbutton2small p {
        margin: 0;
        text-align: center;
        margin-top: -31px;
    }

    .nav1 #navcta1 .divbutton2small h3 {
        margin: 0;
        text-align: center;
        margin-top: 18px;
    }

    .nav1 #navcta1 .divbutton2small:hover p {
        margin-top: 11px;
    }

    .nav1 #navcta1 .divbutton2small:active p {
        margin-top: 11px;
    }

    .nav2 #navcta1 .divbutton2small {
        margin-top: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    #container .nav2 #navcta1 .divbutton2small h3 i {
        margin-left: 0;
        font-size: 23px;
    }

    #container .nav2 #navcta1 .divbutton2small p i {
        margin-left: 0;
        font-size: 23px;
    }

    .nav2 #navcta1 .divbutton2small p {
        margin: 0;
        text-align: center;
        margin-top: -27px;
    }

    .nav2 #navcta1 .divbutton2small h3 {
        margin: 0;
        text-align: center;
        margin-top: 18px;
    }

    .nav2 #navcta1 .divbutton2small:hover p {
        margin-top: 17px;
    }

    .nav2 #navcta1 .divbutton2small:active p {
        margin-top: 17px;
    }

    .nav3 #navcta1 .divbutton2small {
        margin-top: 5px;
        padding-left: 12px;
        padding-right: 12px;
    }

    #container .nav3 #navcta1 .divbutton2small h3 i {
        margin-left: 0;
        font-size: 25px;
    }

    #container .nav3 #navcta1 .divbutton2small p i {
        margin-left: 6px;
        font-size: 25px;
    }

    .nav3 #navcta1 .divbutton2small h3 {
        margin-top: 21px;
    }

    .nav3 #navcta1 .divbutton2small:hover p {
        margin-top: 11px;
    }

    .nav3 #navcta1 .divbutton2small:active p {
        margin-top: 11px;
    }
    
    
}
@media (min-width: 769px) and (max-width: 980px)
{
    .nav1 #navicocont {
        margin-right: 20px;
    }

    .nav1 .navicoitem {
        width: 62px;
    }
    .nav2 #navicocont {
        margin-right: 15px;
    }

    .nav2 .navicoitem {
        width: 62px;
    }
.nav1 #middlenav {
width:94%;
margin-left:3%;
margin-right:3%;
float:left;
}
.nav2 #middlenav {
width:94%;
margin-left:3%;
margin-right:3%;
float:left;
}
    .nav1 .middlenav {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        float: left;
    }

    .nav2 .middlenav {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        float: left;
    }
    .nav2 #humb {
        display: block;
        margin-top: -2px;
    }
    .nav3 #middlenav {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        float: left;
    }

    .nav3 #humb {
        display: block;
    }
.nav1 #humb {
display:block;
margin-top:11px;
}

#menu {
display:none;
}
.nav1 #navcta1 .divbutton2small {
margin-top: 15px;
}
    .nav1 #menucerca {
        width:28%;
        margin-right:10px;
    }
    .nav2 #menucerca {
        width: 28%;
        margin-right: 10px;
    }
    .nav1 #logo img {
        margin-top:18px;
    }
    .nav1 #logo {
        width: 160px;
    }
        .nav2 #logo img {
            margin-top: 3px;
        }
    .nav2 #logo {
        width: 160px;
    }
}
@media (min-width: 981px) and (max-width: 1279px)
{
.nav1 #middlenav {
width:96%;
margin-left:2%;
margin-right:2%;
float:left;
}
.nav2 #middlenav {
width: 96%;
margin-left: 2%;
margin-right: 2%;
float: left;
}
    .nav1 .middlenav {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        float: left;
    }

    .nav2 .middlenav {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        float: left;
    }
    .nav3 #middlenav {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        float: left;
    }
    .nav1 #menucerca {
        width: 30%;
    }

    .nav2 #menucerca {
        width: 30%;
    }

    .nav1 #logo img {
        margin-top: 18px;
    }

    .nav1 #logo {
        width: 160px;
    }

    .nav2 #logo img {
        margin-top: 3px;
    }

    .nav2 #logo {
        width: 160px;
    }

}
/*####################  HEADERINS*/
@media all {
    #progresins {
        width: auto;
        height: 100%;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        float: right;
    }
    .nav1 .progresins {
        width: auto;
        height: 40px;
        margin-top: 15px;
        -webkit-transition: all ease 0.20s;
        transition: all ease 0.20s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
    .nav2 .progresins {
        width: auto;
        height: 100%;
        margin: 0;
        -webkit-transition: all ease 0.20s;
        transition: all ease 0.20s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
    .progresins1 {
        width: 22px;
        height: 42px;
    }
    #container .progresins1 .progrescircle1 {
        width: 22px;
        height: 22px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-top:10px;
        background-color:var(--color-background);
    }
    #container .progresins:active .progrescircle1 {
        
        background-color: var(--color-background-hover);
    }
    #container .progresins1 .progrescircle2 {
        width: 22px;
        height: 22px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-top: 10px;
        background-color: var(--color-tipo2);
    }

    #container .progresins:active .progrescircle2 {
        background-color: var(--color-tipo2-hover);
    }
    #container .progresins1 .progrescircle0 {
        width: 22px;
        height: 22px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-top: 10px;
        background-color:  transparent;
        border:2px solid #222;
    }
    #container .progresins:active .progrescircle0 {
        
        background-color: #eee;
    }
    .progresins2 {
        width: auto;
        padding-left:11px;
        padding-right:11px;
        height: 40px;
    }
    #container .progresins2 .p1 {
        font-size:11px;
        text-transform:uppercase;
        text-align:center;
        margin:0;
        margin-top:10px;
    }
    .progresins3 {
        width: 30px;
        height: 40px;
        margin-right:6px;
    }
    #container .progresins3 .hr1 {
        width: 100%;
        height: 1px;
        background-color: #888;
        border: none;
        float: left;
        margin: 0;
        margin-top: 20px;
    }

}
@media (max-width: 480px) {

    .progresins1 {
        margin-left: 11px;
        margin-right: 3px;
        margin-top:2px;
        width: 13px;
        height: 42px;
    }
    .progresins2 {
        display:none;
    }
    .progresins3 {
        display: none;
    }
}
@media (min-width: 481px) and (max-width: 768px){
    .progresins1 {
        margin-left: 14px;
        margin-right: 4px;
        margin-top: 2px;
    }

    .progresins2 {
        display: none;
    }

    .progresins3 {
        display: none;
    }
}
    /*################# COOKIE*/
    @media all {
        .popup1cover {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9999;
            background-color: rgba(0,0,0,0.7);
            display:  none;
        }

        #popup1cont {
            width: 56%;
            height: 100%;
            margin-left: 22%;
            z-index: 9990;
            background-color: #fcfcfc;
            padding: 70px;
            padding-top:13px;
            overflow: scroll;
            overflow-x: hidden;
            -webkit-box-shadow: 0 0 50px #222;
            box-shadow: 0 0 50px #222;
        }
        .poptab.active {
            background-color: #e2e2e2;
        }
        .poptab {
            width:32.7%;
            height:40px;
            background-color:#eee;
            margin:0.3%;
            margin-bottom:50px;
        }
        .poptab:hover {
            background-color: #e2e2e2;
            cursor:pointer;
        }
        .poptabcont {
            display:none;
        }
        #container #popup1cont .poptab .p1 {
            text-align: center;
            margin: 0;
            font-size: 16px;
            line-height: 16px;
            font-weight: bold;
            color: #333;
            margin-top: 12px;
        }
        #container #popup1cont h1 {
            margin: 0;
            padding: 0;
            font-size: 36px;
            line-height: 40px;
            color: #444;
        }

        #container #popup1cont p {
            margin: 0;
            padding: 0;
            margin-top: 15px;
            font-size: 15px;
            line-height: 31px;
            color: #666;
        }

        #container #popup1cont b {
            color: #444;
        }

        #container #popup1cont strong {
            color: #444;
        }

        #container #popup1cont h3 {
            margin: 0;
            padding: 0;
            margin-top: 25px;
            margin-bottom: 10px;
            font-size: 16px;
            line-height: 27px;
            color: #444;
        }

        #container #popup1cont ul li {
            font-size: 14px;
            line-height: 30px;
            color: #333;
        }

        #popup1cont::-webkit-scrollbar {
            width: 5px;
        }

        #popup1cont::-webkit-scrollbar-thumb {
            background: var(--color-background);
        }

        .popup1cover .menumobile {
            height: 50px;
            width: 50px;
            position: fixed;
            right: 23%;
            top: 10px;
            z-index: 9999;
        }

            .popup1cover .menumobile:active .menuclose1 {
                background: var(--color-background);
            }

            .popup1cover .menumobile:active .menuclose2 {
                background: var(--color-background);
            }

            .popup1cover .menumobile:hover .menuclose1 {
                background: var(--color-background);
            }

            .popup1cover .menumobile:hover .menuclose2 {
                background: var(--color-background);
            }

            .popup1cover .menumobile .menuclose1 {
                background-color: #555;
                height: 40px;
                width: 2px;
                margin-left: 24px;
                margin-top: 5px;
                transform: rotate(47deg);
                -webkit-transform: rotate(47deg);
                -o-transform: rotate(47deg);
                -moz-transform: rotate(47deg);
                -ms-transform: rotate(47deg);
                position: absolute;
            }

            .popup1cover .menumobile .menuclose2 {
                background-color: #555;
                height: 40px;
                width: 2px;
                margin-left: 24px;
                margin-top: 5px;
                transform: rotate(-47deg);
                -webkit-transform: rotate(-47deg);
                -o-transform: rotate(-47deg);
                -moz-transform: rotate(-47deg);
                -ms-transform: rotate(-47deg);
                position: absolute;
            }

        #cookiebar {
            width: 100%;
            background-color: #0b1318;
            position: fixed;
            bottom: 0px;
            min-height: 10px;
            float: none;
            padding-bottom: 14px;
            padding-top: 9px;
            z-index: 9998;
        }

        #cookiesx {
            width: 70%;
        }

            #cookiesx p {
                font-size: 14px;
                line-height: 17px;
                color: #fff;
                margin-top: 14px;
            }

            #cookiesx a {
                font-size: 14px;
                color: #fff;
            }

        #cookiedx {
            width: 20%;
            float: right;
        }

            #cookiedx .boxcolor1 p {
                color: #000;
                font-family: var(--font-family);
                font-weight: 600;
                text-transform: uppercase;
                font-size: 12px;
                line-height: 15px;
                margin: 0;
            }

            #cookiedx .boxcolor1 {
                float: right;
                padding: 10px;
                padding-left: 15px;
                padding-right: 15px;
                -webkit-border-radius: 20px;
                border-radius: 20px;
                margin-top: 8px;
                background-color:#fcfcfc;
            }
    }

    @media (max-width: 480px) {
        #container #popup1cont .poptab .p1 {
            font-size: 13px;
            line-height: 13px;
            margin-top: 15px;
        }
        #container #popup1cont .poptab {
            margin-top:50px;
        }
        #cookiebar {
            padding-bottom: 20px;
            padding-top: 15px;
        }

        #cookiesx {
            width: 100%;
        }

        #cookiedx {
            width: 100%;
            margin-top: 15px;
        }

        #cookiesx p {
            font-size: 15px;
            line-height: 22px;
        }

        #cookiedx .boxcolor1 {
            float: left;
            margin-bottom: 10px;
        }

        #popup1cont {
            width: 100%;
            margin-left: 0;
            padding: 30px;
        }

        #container #popup1cont h1 {
            font-size: 26px;
            line-height: 32px;
            margin-top: 30px;
        }

        .popup1cover .menumobile {
            right: 10px;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        #cookiebar {
            padding-bottom: 20px;
            padding-top: 15px;
        }

        #cookiesx {
            width: 100%;
        }

        #cookiedx {
            width: 100%;
            margin-top: 15px;
        }

        #cookiesx p {
            font-size: 15px;
            line-height: 22px;
        }

        #cookiedx .boxcolor1 {
            float: left;
            margin-bottom: 10px;
        }

        #popup1cont {
            width: 90%;
            margin-left: 5%;
            padding: 50px;
            padding-top:16px;
        }

        .popup1cover .menumobile {
            right: 6%;
        }
    }

    @media (min-width: 769px) and (max-width: 980px) {

        #popup1cont {
            width: 70%;
            margin-left: 15%;
            padding: 60px;
            padding-top:16px;
        }

        .popup1cover .menumobile {
            right: 16%;
        }
    }
/* ########### HOME*/
@media all {

    .boxconc2 {
        width: 98%;
        height: auto;
        padding: 20px;
        background-color: #fcfcfc;
        margin: 1%;
    }
    #container .boxconc2 .p1 {
        margin: 0;
        font-size: 29px;
        margin-top: 15px;
        margin-bottom:32px;
        margin-left: 7px;
        font-weight: bold;
        color: var(--color-text1);
    }
    #container .boxconc2 .p2 {
        margin: 0;
        font-size: 16px;
        line-height:19px;
        margin-top: 15px;
        margin-left: 7px;
        text-transform: uppercase;
    }
    #container .boxconc2 .p2 i{
       margin-right:7px;
    }
    .boxconc {
        width: 23%;
        height: 75px;
        padding: 10px;
        background-color: #fcfcfc;
        margin: 1%;
    }
    #container .boxconc .p1 {
        margin: 0;
        font-size: 20px;
        margin-top:17px;
        margin-left:8px;
        font-weight:bold;
    }
    #container .boxconc .p1 span {
        margin: 0;
        margin-left:0;
        float:right;
        margin-right:8px;
        font-weight: normal;
    }
    .homebox {
        width:31%;
        height:275px;
        padding:35px;
        background-color:#fcfcfc;
        margin:1%;

    }
    #container .homebox .p1 {
        text-align: center;
        margin: 0;
        font-size:44px;
        margin-top:0;
        color:#bbb;
    }
    #container .homebox h2{
        text-align:center;
        margin:0;
        font-size:28px;
        line-height:29px;
        font-weight:bold;
        margin-top:20px;
    }
    #container .homebox .p2 {
        text-align: center;
        margin: 0;
        font-size: 17px;
        line-height: 23px;
        margin-top: 10px;
        color:#555;
    }
    #homebg {
        width:100%;
        height:580px;
        margin-top:86px;
        background-color:#ccc;
        background-image:url('/img_sito/bghome-1.jpg');
        background-position:center 0;
        background-size: cover;
        background-repeat:no-repeat;
    }
    #homebg2 {
        width: 100%;
        height: 340px;
        margin-top: 76px;
        background-color: #ccc;
        
        background-size: cover;
        background-repeat: no-repeat;
        display:none;
    }
    #homebgtext2 {
        width: 80%;
        height: 300px;
        padding-left: 10px;
        margin-top: 0;
    }

    #container #homebgtext2 h1 {
        color: #fff;
        font-size: 55px;
        line-height: 58px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 26px;
    }

    #container #homebgtext2 h2 {
        color: #fff;
        font-size: 22px;
        line-height: 27px;
        font-weight: normal;
        margin-top: 25px;
    }
    #homebgtext {
        width: 50%;
        height: 300px;
        padding-left:65px;
        margin-top: 66px;
    }
    #container #homebgtext h1 {
        color:#fff;
        font-size:54px;
        line-height:54px;
        font-weight:bold;
        text-transform:uppercase;
        margin-top:72px;
    }
    #container #homebgtext h2 {
        color: #fff;
        font-size: 25px;
        line-height: 31px;
        font-weight: normal;
        margin-top:25px;
    }
    #homefilterbox {
        width: 50%;
        height: auto;
        margin-top:30px;
    }
    #homefilter1 {
        width: 100%;
        height: 56px;

    }
    .homefilter1item-cont {
        width: 72px;
        height: 56px;
        background-color: #fff;
        -webkit-border-radius: 8px 0 0 0;
        border-radius: 8px 0 0 0;
        overflow: hidden;
    }
    .homefilter1item2-cont {
        width: 72px;
        height: 56px;
        margin-left: 5px;
        background-color: #fff;
        overflow: hidden;
    }

    .homefilter1item1 {
        width: 100%;
        height: 56px;
        
        
    }
   
        #container .homefilter1item1 .p1 {
            margin:0;
            text-align:center;
            font-size:22px;
            text-transform:uppercase;
            margin-top:19px;
            color:#bbb;
        }

    #homefilter2 {
        width: 100%;
        height: auto;
        
        background-color: #fff;
        -webkit-border-radius: 0 8px 8px 8px;
        border-radius: 0 8px 8px 8px;
        margin-top:4px;
        overflow:hidden;
        
    }
    .homefilter2-1 {
        width: 100%;
        height: auto;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
    }
    .homefilter2-1-check {
        width: 100%;
        height: auto;
        background-color: #fff;
        border-top: 1px solid #ccc;
        padding-bottom:3px;
        padding-top:3px;
    }
    .homefilter-check {
        width: 160px;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        margin-top:10px;
    }
    #container .homefilter-check .textcheck1 {
        top: 6px;
        left: 60px;
        position: absolute;
        font-size: 14px;
        line-height: 21px;
    }
    .homefilter2-1 .d501 { 
        padding:20px;
        padding-right:0;
    }
        .homefilter2-1 .d502 {
            padding: 20px;
            padding-left: 10px;
            padding-right:10px;
        }
        #container .homefilter2-1 p {
            margin-top:0;
        }
    .homefilter2-2 {
        width: 100%;
        height: 70px;
        background-color: #fff;
    }
    #container .homefilter2-2 .p1 {
        margin-left: 0px;
        margin-top:23px;
    }
        #container .homefilter2-2 .p1 a {
            color: var(--color-text-cont);
        }
        #container .homefilter2-2 .p1 a:hover {
            color: var(--color-text-cont-hover);
        }
    .homefilter2-2 .d501 {
        padding: 20px;
        padding-right: 0;
        padding-top:0;
    }

    .homefilter2-2 .d502 {
        padding: 20px;
        padding-left: 10px;
        padding-right: 16px;
        padding-top: 0;
    }
    #container .homefilter2-2 .divbutton1 {
        width:100%;
        margin:0;
        margin-top:13px;
    }
}

@media (max-width: 320px) {
    #listaconc.div70 {
        width:100%;
    }
    .boxconc2 {
        padding: 12px;
    }

    #container .boxconc2 .p1 {
        font-size: 27px;
        margin-top: 15px;
        margin-bottom: 32px;
        margin-left: 7px;
    }

    #container .boxconc2 .p2 {
        font-size: 15px;
        
        margin-top: 15px;
    }
    .boxconc {
        width: 98%;
        height: 75px;
        padding: 5px;
    }

    #container .boxconc .p1 {
        font-size: 18px;
        margin-top: 18px;
        margin-left: 7px;
    }

        #container .boxconc .p1 span {
            margin: 0;
            margin-right: 7px;
        }
    .homebox {
        width: 98%;
        height: auto;
        
    }
    #container #homebgtext2 h1 {
        color: #fff;
        font-size: 36px;
        line-height: 42px;
        margin-top: 35px;
    }

    #container #homebgtext2 h2 {
        color: #fff;
        font-size: 18px;
        line-height: 24px;
        font-weight: normal;
        margin-top: 15px;
    }
    
    #homebg2 {
        display: block;
        background-image: url('/img_sito/bghome-1-1.jpg');
        background-position: center 0;
    }
    #container .homebox .p1 {
        text-align: center;
        margin: 0;
        font-size: 34px;
    }

    #container .homebox h2 {
        text-align: center;
        margin: 0;
        font-size: 27px;
        line-height: 26px;
        font-weight: bold;
        margin-top: 30px;
    }

    #container .homebox .p2 {
       display:none;
    }
    #homebg {
        height: auto;
        background-color: transparent;
        background-image: none;
        margin-top:25px;
    }
        #homebg .bshadow5 {
            -webkit-box-shadow: 0 2px 30px #ddd;
            box-shadow: 0 2px 30px #ddd;
        }
    #homebgtext {
        display:none;
    }
    
    #homefilterbox {
        width: 100%;  
    }
    #homefilterbox .div50 {
        width: 100%;
    }
   
   
    .homefilter2-1 .d501 {
        padding: 20px;
        padding-right: 20px;
        padding-bottom: 0;
    }
    .homefilter2-1 .d502 {
        padding: 20px;
        padding-right: 20px;
        padding-bottom: 0;
        padding-top:0;
    }
    
    
    .homefilter2-1-check {
        padding-bottom: 3px;
        padding-top: 14px;
    }
    .homefilter-check {
        width: 160px;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 2px;
        margin-bottom:2px;
    }
    .homefilter2-2 {
        height: auto;
    }
    .homefilter2-2 .d501 {
        padding: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .homefilter2-2 .d502 {
        padding: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-top: 0;
    }
    #container .homefilter2-2 .p1 {
        margin-left: 0;
        margin-top: 12px;
    }
    .homefilter2-1 .formcont100bis {
        padding-right: 0;
    }
    .homefilter2-2 .formcont100bis {
        padding-right: 0;
    }

    #homefilterbox {
        margin-top: 20px;
    }
    #homefilter1 {
        height: 36px;
    }
    .homefilter1item-cont {
        width: 36px;
        height: 36px;
    }
    .homefilter1item1-cont {
        width: 100%;
        height: 36px;
    }

    #container .homefilter1item1 .p1 {
        font-size: 15px;
        margin-top: 10px;
    }
    .homefilter1item2-cont {
        width: 36px;
        height: 36px;
    }

}

@media (min-width: 321px) AND (max-width:600px) {
    #listaconc.div70 {
        width: 100%;
    }

    .boxconc2 {
        padding: 12px;
    }

    #container .boxconc2 .p1 {
        font-size: 27px;
        margin-top: 15px;
        margin-bottom: 32px;
        margin-left: 7px;
    }

    #container .boxconc2 .p2 {
        font-size: 15px;
        margin-top: 15px;
    }
    .boxconc {
        width: 98%;
        height: 75px;
        padding: 5px;
    }

    #container .boxconc .p1 {
        font-size: 18px;
        margin-top: 18px;
        margin-left: 7px;
    }

        #container .boxconc .p1 span {
            margin: 0;
            margin-right: 7px;
        }
    .homebox {
        width: 48%;
        padding:10px;
        height:180px;
    }
    #container .homebox .p1 {
        font-size: 41px;
        margin-top: 25px;
    }

    #container .homebox h2 {
        font-size: 20px;
        line-height: 28px;
        margin-top: 25px;
    }
    #container .homebox .p2 {
        display: none;
    }
    #homebg2 {
        display: block;
        background-image: url('/img_sito/bghome-1-2.jpg');
        background-position: right 0;
    }
    #homebg {
        height: auto;
        background-color: transparent;
        background-image: none;
        margin-top: 25px;
    }

        #homebg .bshadow5 {
            -webkit-box-shadow: 0 2px 25px #ddd;
            box-shadow: 0 2px 25px #ddd;
        }

    #homebgtext {
        display: none;
    }
    
    #container #homebgtext2 h1 {
        color: #fff;
        font-size: 29px;
        line-height: 30px;
        margin-top: 50px;
    }

    #container #homebgtext2 h2 {
        color: #fff;
        font-size: 18px;
        line-height: 23px;
        font-weight: normal;
        margin-top: 17px;
    }
    #homefilterbox {
        width: 100%;
    }

        #homefilterbox .div50 {
            width: 100%;
        }
   
    

    .homefilter2-1 .d501 {
        padding: 20px;
        padding-right: 20px;
        padding-bottom: 0;
    }

    .homefilter2-1 .d502 {
        padding: 20px;
        padding-right: 20px;
        padding-bottom: 0;
        padding-top: 0;
    }

    .homefilter2-1-check {
        padding-bottom: 3px;
        padding-top: 14px;
    }

    .homefilter-check {
        width: 160px;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .homefilter2-2 {
        height: auto;
    }

        .homefilter2-2 .d501 {
            padding: 20px;
            padding-right: 20px;
            padding-bottom: 20px;
        }

        .homefilter2-2 .d502 {
            padding: 20px;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 20px;
            padding-top: 0;
        }

    #container .homefilter2-2 .p1 {
        margin-left: 0;
        margin-top: 12px;
    }

    .homefilter2-1 .formcont100bis {
        padding-right: 0;
    }

    .homefilter2-2 .formcont100bis {
        padding-right: 0;
    }
    
    #homebgtext2 {
        padding-left: 5%;
    }
    #homefilterbox {
        margin-top: 20px;
    }

    #homefilter1 {
        height: 36px;
    }

    .homefilter1item-cont {
        width: 36px;
        height: 36px;
    }

    .homefilter1item1-cont {
        width: 100%;
        height: 36px;
    }

    #container .homefilter1item1 .p1 {
        font-size: 15px;
        margin-top: 10px;
    }

    .homefilter1item2-cont {
        width: 36px;
        height: 36px;
    }
}

@media (min-width: 601px) and (max-width: 768px) {
    #listaconc.div70 {
        width: 100%;
    }

    .boxconc2 {
        padding: 12px;
    }

    #container .boxconc2 .p1 {
        font-size: 27px;
        margin-top: 15px;
        margin-bottom: 32px;
        margin-left: 7px;
    }

    #container .boxconc2 .p2 {
        font-size: 15px;
        margin-top: 15px;
    }
    .boxconc {
        width: 48%;
        
    }

   
    #homebgtext {
        display:none;
    }
    .homebox {
        width: 48%;
        padding: 15px;
        height: 265px;
    }

    #container .homebox .p1 {
        font-size: 41px;
        margin-top: 25px;
    }

    #container .homebox h2 {
        font-size: 20px;
        line-height: 28px;
        margin-top: 25px;
    }
    #homebg2 {
        display: block;
        background-image: url('/img_sito/bghome-1-3.jpg');
        background-position: center 0;
    }
    #homebg {
        height: auto;
        background-color: transparent;
        background-image: none;
        margin-top: 25px;
    }

        #homebg .bshadow5 {
            -webkit-box-shadow: 0 2px 25px #ddd;
            box-shadow: 0 2px 25px #ddd;
        }

    #homefilterbox {
        width: 100%;
    }

        #homefilterbox .div50 {
            width: 100%;
        }

    
    

    .homefilter2-1 .d501 {
        padding: 20px;
        padding-right: 20px;
        padding-bottom: 0;
    }

    .homefilter2-1 .d502 {
        padding: 20px;
        padding-right: 20px;
        padding-bottom: 0;
        padding-top: 0;
    }

    .homefilter2-1-check {
        padding-bottom: 3px;
        padding-top: 14px;
    }

    .homefilter-check {
        width: 160px;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .homefilter2-2 {
        height: auto;
    }

        .homefilter2-2 .d501 {
            padding: 20px;
            padding-right: 20px;
            padding-bottom: 20px;
        }

        .homefilter2-2 .d502 {
            padding: 20px;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 20px;
            padding-top: 0;
        }

    #container .homefilter2-2 .p1 {
        margin-left: 0;
        margin-top: 12px;
    }

    .homefilter2-1 .formcont100bis {
        padding-right: 0;
    }

    .homefilter2-2 .formcont100bis {
        padding-right: 0;
    }

    #homebgtext2 {
        padding-left: 30px;
    }
    #container #homebgtext2 h1 {
        color: #fff;
        font-size: 34px;
        line-height: 37px;
        margin-top: 50px;
    }

    #container #homebgtext2 h2 {
        color: #fff;
        font-size: 19px;
        line-height: 25px;
        font-weight: normal;
        margin-top: 17px;
    }
    #homefilterbox {
        margin-top: 20px;
    }

    #homefilter1 {
        height: 50px;
    }

    .homefilter1item-cont {
        width: 50px;
        height: 50px;
    }

    .homefilter1item1-cont {
        width: 100%;
        height: 50px;
    }

    #container .homefilter1item1 .p1 {
        font-size: 17px;
        margin-top: 15px;
    }

    .homefilter1item2-cont {
        width: 50px;
        height: 50px;
    }
}

@media (min-width: 769px) and (max-width: 980px) {
    #listaconc.div70 {
        width: 80%;
    }

    .boxconc {
        width: 31%;
        height: 75px;
        padding: 5px;
    }

    #container .boxconc .p1 {
        font-size: 18px;
        margin-top: 18px;
        margin-left: 7px;
    }

        #container .boxconc .p1 span {
            margin: 0;
            margin-right: 7px;
        }
    .homebox {
        padding: 10px;
        height:300px;
    }
    #container .homebox .p1 {
        font-size: 41px;
        margin-top: 25px;
    }

    #container .homebox h2 {
        font-size: 20px;
        line-height: 25px;
        margin-top: 25px;
    }
    #homefilterbox {
        width: 68%;
    }
    #homebgtext {
        width: 32%;
        padding-left: 30px;
    }
    #container #homebgtext h1 {
        color: #fff;
        font-size: 32px;
        line-height: 32px;
        margin-top: 35px;
    }

    #container #homebgtext h2 {
        color: #fff;
        font-size: 18px;
        line-height: 24px;
        font-weight: normal;
        margin-top: 20px;
    }
    #homefilterbox {
        margin-top: 20px;
    }

    #homefilter1 {
        height: 50px;
    }

    .homefilter1item-cont {
        width: 50px;
        height: 50px;
    }

    .homefilter1item1-cont {
        width: 100%;
        height: 50px;
    }

    #container .homefilter1item1 .p1 {
        font-size: 17px;
        margin-top: 15px;
    }

    .homefilter1item2-cont {
        width: 50px;
        height: 50px;
    }
}

@media (min-width: 981px) and (max-width: 1279px) {
    .boxconc {
        width: 31%;
        height: 75px;
        padding: 5px;
    }

    #container .boxconc .p1 {
        font-size: 18px;
        margin-top: 18px;
        margin-left: 7px;
    }

        #container .boxconc .p1 span {
            margin: 0;
            margin-right: 7px;
        }
    #homefilterbox {
        width: 55%;
    }
    #homebgtext {
        width: 45%;
        padding-left: 35px;
    }
    #container #homebgtext h1 {
        
        font-size: 36px;
        line-height: 38px;
        margin-top: 45px;
    }

    #container #homebgtext h2 {
        font-size: 21px;
        line-height: 30px;
        margin-top: 20px;
    }
    #homefilterbox {
        margin-top: 20px;
    }

    #homefilter1 {
        height: 50px;
    }

    .homefilter1item-cont {
        width: 50px;
        height: 50px;
    }

    .homefilter1item1-cont {
        width: 100%;
        height: 50px;
    }

    #container .homefilter1item1 .p1 {
        font-size: 17px;
        margin-top: 15px;
    }

    .homefilter1item2-cont {
        width: 50px;
        height: 50px;
    }
}

@media (min-width: 1400px) {
    #homebg {
        background-position: center 0px;
    } 
}
/* ########### COME FUNZIONA*/

@media all {
    .comesx {
        width:57%;
        height:auto;
        padding:10px;
    }
    #container .comesx h1 {
       font-size:34px;
       line-height:34px;
       margin:0;
       font-weight:bold;
    }
    #container .comesx h2 {
        font-size: 18px;
        line-height: 25px;
        margin: 0;
        color:#444;
        font-weight:  normal;
        margin-top:30px;
    }
    #container .comesx .h3special {
        font-size: 37px;
        line-height: 40px;
        margin-top:60px;
    }
    #container .comesx .pspecial {
        font-size: 24px;
        line-height: 33px;
        margin-top: 30px;
    }
    .comedx {
        width: 41%;
        height: auto;
        padding: 10px;
        text-align:center;
    }
    .comedx img{
        width:90%;
    }
    .come-bt {
        width: 180px;
        height: 160px;
        background-color: #fcfcfc;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        margin-left: 20px;
        float: right;
        margin-top: 30px;
        padding: 30px;
        cursor: pointer;
        -webkit-transition: all ease 0.15s;
        transition: all ease 0.15s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
        .come-bt:hover {
            background-color: #f5f5f5;
            -webkit-box-shadow: 0 0 25px #ccc;
            box-shadow: 0 0 25px #ccc;
        }
        .come-bt:active {
            background-color: #f5f5f5;
        }
        .come-bt.active {
            background-color: var(--color-background4);
        }
    #container .come-bt.active .p1 {
       color:#fcfcfc;
    }

    #container .come-bt.active .p2 {
        color: #fcfcfc;
    }
    #container .come-bt .p1 {
        text-align: center;
        margin: 0;
        font-size: 34px;
        margin-top: 5px;
        -webkit-transition: all ease 0.15s;
        transition: all ease 0.15s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
    #container .come-bt .p2 {
        text-align: center;
        margin: 0;
        text-transform: uppercase;
        font-size: 13px;
        line-height: 19px;
        margin-top: 20px;
        -webkit-transition: all ease 0.15s;
        transition: all ease 0.15s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
    #container .come-bt .p2 span {
        font-weight:bold;
    }
    #comefunziona .boxsx {
        width: 43%;
        padding: 20px;
    }
    
    #comefunziona .boxdx {
        width: 53%;
        padding: 20px;
        float:right;
        text-align:center;
    }
    #container .boxdx img {
        width: 100%;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        margin: 0;
        -webkit-box-shadow: 0 0 45px #CCC;
        box-shadow: 0 0 45px #CCC;
    }
    .boxsx1 {
        width: 42px;
        height: 42px;
        background-color:#555;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }
    #container .boxsx1 p {
        text-align:center;
        margin:0;
        color:#fcfcfc;
        font-size:28px;
        font-weight:bold;
        margin-top:9px;
    }
    .boxsx2 {
        width: auto;
        height: 44px;
        margin-left:18px;
    }

    #container .boxsx2 p {
        text-align: left;
        margin: 0;
        color: #444;
        font-size: 26px;
        margin-top: 10px;
    }
}

@media (max-width: 480px) {
    .comesx {
        width: 100%;
        height: auto;
        padding: 15px;
        margin-top:65px;
    }

    #container .comesx h1 {
        font-size: 28px;
        line-height: 28px;
    }

    #container .comesx h2 {
        font-size: 16px;
        line-height: 23px;
        margin-top: 30px;
    }
    #container .comesx .h3special {
        font-size: 40px;
        line-height: 43px;
        margin-top: 0;
    }

    #container .comesx .pspecial {
        font-size: 22px;
        line-height: 30px;
        margin-top: 35px;
    }
    .comedx {
        width: 100%;
        height: auto;
        padding: 15px;
    }
    .come-bt {
        width: 110px;
        height: 90px;
        background-color: #fcfcfc;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        margin-left: 0;
        margin-right:13px;
        float: left;
        margin-top: 30px;
        padding: 10px;
    }
    #container .come-bt .p1 {
       
        font-size: 24px;
        margin-top: 7px;
       
    }

    #container .come-bt .p2 {
       
        font-size: 11px;
        line-height: 14px;
        margin-top: 10px;
       
    }
    #comefunziona .boxsx {
        width: 100%;
    }

    #comefunziona .boxdx {
        width: 100%;
    }
    #container .boxsx2 p {
        font-size: 21px;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .comesx {
        width: 100%;
        height: auto;
        padding: 15px;
        margin-top: 65px;
    }

    #container .comesx h1 {
        font-size: 28px;
        line-height: 28px;
    }

    #container .comesx h2 {
        font-size: 16px;
        line-height: 23px;
        margin-top: 30px;
    }

    .comedx {
        width: 100%;
        height: auto;
        padding: 15px;
    }

    .come-bt {
        width: 110px;
        height: 90px;
        background-color: #fcfcfc;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        margin-left: 0;
        margin-right: 13px;
        float: left;
        margin-top: 30px;
        padding: 10px;
    }

    #container .come-bt .p1 {
        font-size: 24px;
        margin-top: 7px;
    }

    #container .come-bt .p2 {
        font-size: 11px;
        line-height: 14px;
        margin-top: 10px;
    }
    #comefunziona .boxsx {
        width: 100%;
    }

    #comefunziona .boxdx {
        width: 100%;
    }
}

@media (min-width: 769px) and (max-width: 980px) {
    .come-bt {
        width: 110px;
        height: 90px;
        background-color: #fcfcfc;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        margin-left: 0;
        margin-right: 13px;
        margin-top: 70px;
        padding: 10px;
    }

    #container .come-bt .p1 {
        font-size: 24px;
        margin-top: 7px;
    }

    #container .come-bt .p2 {
        font-size: 11px;
        line-height: 14px;
        margin-top: 10px;
    }
    #container .boxsx2 p {
        font-size: 22px;
    }
}

@media (min-width: 981px) and (max-width: 1279px) {
    .come-bt {
        width: 175px;
        height: 160px;
        background-color: #fcfcfc;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        margin-left: 10px;
        float: right;
        margin-top: 30px;
        padding: 30px;
        cursor: pointer;
        -webkit-transition: all ease 0.15s;
        transition: all ease 0.15s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
}

/* ########### PREMIUM E CHECK*/
@media all {
    .panelcov {
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        background-color:rgba(255,255,255,0.5);
        z-index:2;
    }
    .check-sx {
        width: 30%;
        height: auto;
    }
        .check-sx .div-prezzo {
            width:100%;
            margin:0;
        }
        .check-dx {
            width: 70%;
            height: auto;
        }
    .box-fatturazione {
        width: 95.2%;
        margin: 2.4%;
        margin-top:0;
        min-height: 490px;
        background-color: #fff;
        padding: 25px;
        -webkit-border-radius: 17px;
        border-radius: 17px;
    }
    #container .box-fatturazione .textcheck1 {
        top: 12px;
        left: 52px;
        position: absolute;
        font-size: 15px;
        line-height: 21px;
    }
    .div-prezzo {
        width: 28%;
        margin: 2.6%;
        margin-top: 0;
        height: 490px;
        background-color: #fff;
        padding: 25px;
        -webkit-border-radius: 17px;
        border-radius: 17px;
    }
    
        .div-prezzo.bgspecial {
           background-color:#f5f5f5;
        }
        .div-prezzo.bshadow1 {
            -webkit-transition: all ease 0.02s;
            transition: all ease 0.02s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }
            .div-prezzo.bshadow1:hover {
                -webkit-box-shadow: 0 8px 30px #999;
                box-shadow: 0 8px 30px #999;
            }
            .div-prezzo.bshadow1:active {
                -webkit-box-shadow: 0 8px 30px #999;
                box-shadow: 0 8px 30px #999;
            }
    .div-prezzo-1 {
        width: 100%;
        height: 97px;
        border-bottom:1px solid #ddd;
    }
    .div-prezzo-richiesto-cont {
        width: 100%;
        height: 30px;
        float: none;
        position:absolute;
        left:0;
        top:-19px;
        
    }
    .div-prezzo-richiesto {
        width: 160px;
        height: 30px;
        float: none;
        margin: 0 auto;
        background-color: var(--color-background4);
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    #container .div-prezzo-richiesto .p1 {
        color: #fff;
        font-size: 14px;
        line-height:14px;
        padding-top:8px;
        padding-bottom:8px;
        text-transform: uppercase;
        font-weight:bold;
    }
    #container .div-prezzo-richiesto .p2 {
        color: var(--color-text-cont);
        font-size: 34px;
        line-height:34px;
        margin-top:-13px;
    }
    #container .div-prezzo-1 p {
        color: #999;
        font-size: 17px;
        line-height: 17px;
        margin-top: 3px;
        text-transform: uppercase;
        -webkit-transition: all ease 0.02s;
        transition: all ease 0.02s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
    #container .div-prezzo-1 h3 {
        color: #888;
        text-transform: uppercase;
        font-size: 46px;
        font-weight: 900;
        margin-top: 18px;
        -webkit-transition: all ease 0.02s;
        transition: all ease 0.02s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
    #container .div-prezzo-1 h4 {
        color: var(--color-text-cont);
        text-transform: uppercase;
        font-size: 28px;
        font-weight: 900;
        margin-top: 18px;
        -webkit-transition: all ease 0.02s;
        transition: all ease 0.02s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
    #container .div-prezzo:hover .div-prezzo-1 p {
        color: #777;
    }
    #container .div-prezzo:hover .div-prezzo-1 h3 {
        color: #777;
    }
    
    .div-prezzo-2 {
        width: 100%;
        height: 110px;
        border-bottom: 1px solid #ddd;
    }
    #container .div-prezzo-2 p {
        color: #999;
        font-size: 14px;
        line-height: 17px;
        margin-top: 17px;
        text-transform: uppercase;
    }
    #container .div-prezzo-2 .p3 {
        color: #999;
        font-size: 15px;
        line-height: 17px;
        margin-top: 17px;
        text-transform:none;
    }
    #container .div-prezzo-2 h3 {
        color: #666;
        text-transform: uppercase;
        font-size: 25px;
        font-weight: 900;
        margin-top: 13px;
    }
    #container .div-prezzo-2 h3 .sp1 {
        color: #777;
        text-transform: uppercase;
        font-size: 18px;
        margin-top: 13px;
        text-decoration:line-through;
        font-weight:normal;
        margin-right:5px;
    }
        #container .div-prezzo-2 h3 .sp2 {
            color: #777;
            text-transform: uppercase;
            font-size: 16px;
            margin-top: 13px;
            font-weight: normal;
        }
    #container .div-prezzo-2 .p2 {
        color: #999;
        font-size: 14px;
        line-height: 14px;
        margin-top: 10px;
        text-transform: uppercase;
    }

    .div-prezzo-3 {
        width: 100%;
        height: 85px;
        border-bottom: 1px solid #ddd;
    }

    #container .div-prezzo-3 p {
        color: #999;
        font-size: 14px;
        line-height: 14px;
        margin-top: 17px;
        text-transform: uppercase;
    }

    #container .div-prezzo-3 h3 {
        color: #666;
        text-transform: uppercase;
        font-size: 25px;
        font-weight: 900;
        margin-top: 13px;
    }
    .div-prezzo-4 {
        width: 100%;
        height: 75px;
        border-bottom: 1px solid #ddd;
    }

    #container .div-prezzo-4 .p3 {
        color: #999;
        font-size: 15px;
        line-height: 21px;
        margin-top: 15px;
        text-transform: none;
    }
    .div-prezzo-scegli {
        width: 100%;
        height: 30px;
        background-color:#eee;
        border-bottom: 1px solid #ddd;
    }

    #container .div-prezzo-scegli p {
        color: #666;
        font-size: 12px;
        line-height: 12px;
        margin-top: 10px;
        text-transform: uppercase;
    }
    .div-prezzo-check {
        width: 15%;
        height: 40px;
    }
    .div-prezzo-text {
        width: 85%;
        height: auto;
    }
    #container .div-prezzo-text .p1 {
        color: #666;
        font-size: 14px;
        line-height: 19px;
        margin-top: 12px;
        text-transform: none;
        font-weight:bold;
    }
    #container .div-prezzo-text .p2 {
        color: #666;
        font-size: 15px;
        line-height: 19px;
        margin-top: 7px;
        text-transform: none;
    }
    #container .div-prezzo-text .p2 span {
        
        font-size: 12px;
    }
    .div-prezzo-bt {
        width: 100%;
        height: 85px;
        bottom:0;
        left:0;
        position:absolute;
        float:none;
    }
    .imgpagamento img {
        width:100%;
        max-width:600px;
    }

    #passaapremium {
        margin-top: 150px;
    }
    #passaapremium h1 {
        font-size:44px;
        line-height:44px;
        font-weight:bold;
    }
    #passaapremium h2 {
        font-size: 20px;
        line-height:29px;
        margin-top:30px;
        font-weight: normal;
    }
        #passaapremium h2 span {
            font-size: 17px;
        }
        #passaapremium h3 {
            font-size: 20px;
            margin-bottom:5px;
        }
        #passaapremium h3 .s2 {
            font-size: 40px;
            line-height: 29px;
        }
            #passaapremium h3 .s1 {
                text-decoration:line-through;
            }
    .prem-tab0 {
        width:100%;
        height:60px;
        border-bottom:1px solid #ddd;
    }
    #container .prem-tab0 .p1 {
        font-weight:bold;
        margin-left:8px;
        font-size:21px;
        margin-top:20px;
    }
    .prem-tab1 {
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #ddd;
    }
    #container .prem-tab1 i {
        position:absolute;
        margin-left: 11px;
        margin-top: 14px;
    }
    #container .prem-tab1 .p1 {
        margin-left: 42px;
        font-size: 16px;
        margin-top: 15px;
    }
    .divbl div {
        border-right:1px solid #ddd;
    }
}

@media (max-width: 480px) {
    .check-sx {
        width: 100%;
        height: auto;
    }
        .check-sx .div-prezzo {
            width: 96%;
            margin: 2%;
        }

    .check-dx {
        width: 100%;
        margin-top:20px;
    }
    .box-fatturazione {
        padding:10px;
    }
        .box-fatturazione .mt-5 {
            margin-top: 8px;
        }
    .box-fatturazione .div50 {
        width:100%;
    }

    .div-prezzo {
        width: 96%;
        margin: 2%;
        margin-top:30px;
        height: 490px;
        padding: 25px;
    }
    .divbl div {
        border-right: none;
    }
    #passaapremium .middle2 {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
        float: left;
    }
    #passaapremium .div50 {
        width:100%;
    }
    #passaapremium .pad10 {
        padding-bottom:100px;
        padding-top:100px;
    }
    #passaapremium h1 {
        font-size: 34px;
        line-height: 34px;
    }

    #passaapremium h2 {
        font-size: 17px;
        line-height: 25px;
    }
        #passaapremium h2 span {
            font-size: 16px;
        }
}

@media (min-width: 481px) and (max-width: 768px) {
    .check-sx {
        width: 100%;
        height: auto;
    }

        .check-sx .div-prezzo {
            width: 96%;
            margin: 2%;
        }

    .check-dx {
        width: 100%;
        margin-top: 20px;
    }

    .box-fatturazione {
        padding: 10px;
    }

        .box-fatturazione .mt-5 {
            margin-top: 8px;
        }

        .box-fatturazione .div50 {
            width: 100%;
        }
    #passaapremium .middle2 {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        float: left;
    }
    .div-prezzo {
        width: 96%;
        margin: 2%;
        margin-top: 30px;
        height: 490px;
        padding: 25px;
    }
}

@media (min-width: 769px) and (max-width: 980px) {
    .check-sx {
        width: 40%;
        height: auto;
    }

        .check-sx .div-prezzo {
            width: 100%;
        }

    .check-dx {
        width: 60%;
    }

    .box-fatturazione {
        padding: 15px;
    }

        .box-fatturazione .mt-5 {
            margin-top: 8px;
        }

        .box-fatturazione .div50 {
            width: 100%;
        }
    .div-prezzo {
        width: 29%;
        margin: 1.4%;
        padding: 15px;
    }
    #container .div-prezzo-1 h3 {
        font-size: 40px;
    }  
}

@media (min-width: 981px) and (max-width: 1279px) {
    .check-sx {
        width: 40%;
        height: auto;
    }

        .check-sx .div-prezzo {
            width: 100%;
        }

    .check-dx {
        width: 60%;
    }

    .box-fatturazione {
        padding: 15px;
    }

        .box-fatturazione .mt-5 {
            margin-top: 8px;
        }

        .box-fatturazione .div50 {
            width: 100%;
        }
    #passaapremium .middle2 {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        float: left;
    }
}
    /* ################### PRIMO*/
    @media all {
        .sliderimgcont {
            width: 100%;
            height: 640px;
            position: relative;
            float: left;
            background-position: center;
            background-size: cover;
        }

            .sliderimgcont h1 {
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            }

        #navbar {
            width: 100%;
            height: auto;
            padding-top: 85px;
            padding-bottom: 10px;
        }

            #navbar p {
                color: #fcfcfc;
                font-size: 14px;
                margin: 0;
            }

            #navbar a {
                color: #fcfcfc;
            }

        #pagetitle {
            width: 100%;
        }

        #container #pagetitle h1 {
            margin: 0;
            font-size: 32px;
            line-height: 38px;
            margin-top: 10px;
        }

        #container #pagetitle h2 {
            margin-top: 13px;
            margin-bottom: 6px;
            font-size: 15px;
            line-height: 1.6;
        }

            #container #pagetitle h2 strong {
                color: #1a81c6;
            }

        #container #pagetitle p {
            margin-top: 7px;
            font-size: 16px;
        }

        .boxtitle {
            padding: 7px;
            background-color: #eee;
            border: 1px solid #eee;
            -webkit-border-radius: 16px;
            border-radius: 16px;
            padding-right: 80px;
            padding-left: 20px;
        }

            .boxtitle h1 {
                font-size: 18px;
                color: #888;
            }

            .boxtitle img {
                position: absolute;
                right: 11px;
                width: 35px;
                top: 23px;
            }

        .articolocont {
            width: 64%;
            float: left;
            position: relative;
        }

        #container .articolocont h1 {
            font-size: 38px;
            line-height: 50px;
            font-weight: 600;
        }

        #container .articolocont .p1 {
            font-size: 14px;
            line-height: 18px;
            margin-top: 50px;
        }

        #container .articolocont h2 {
            font-size: 17px;
            line-height: 1.9;
            margin-top: 25px;
            font-weight: 400;
            margin-right: 20px;
        }

        #container .articolocont .p2 {
            font-size: 17px;
            line-height: 1.9;
            margin-top: 25px;
            font-weight: 400;
            margin-right: 20px;
        }

        #container .articolocont p {
            font-size: 16px;
            line-height: 1.8;
            margin-top: 25px;
            font-weight: 400;
            margin-right: 20px;
        }

        #container .articolocont h3 {
            font-size: 25px;
            line-height: 35px;
            font-weight: 700;
            margin-top: 90px;
            margin-bottom: 40px;
            margin-right: 20px;
        }

            #container .articolocont h3 a {
                color: #0b1318;
                text-decoration: none;
                font-size: 25px;
                line-height: 35px;
                font-weight: 700;
                margin-top: 90px;
                margin-bottom: 40px;
                margin-right: 20px;
            }

        #container .articolocont .p1 a {
            color: #051920;
        }

            #container .articolocont .p1 a:hover {
                color: #1a81c6;
            }

        #container .articolocont .p2 a {
            color: #1a81c6;
        }

            #container .articolocont .p2 a:hover {
                color: #0067da;
            }

        #container .articolocont p a {
            color: #1a81c6;
        }

            #container .articolocont p a:hover {
                color: #0067da;
            }

            #container .articolocont p a strong {
                color: #1a81c6;
            }

            #container .articolocont p a:hover strong {
                color: #0067da;
            }

        .artaut1 {
            width: 80px;
            height: 80px;
            overflow: hidden;
        }

        #container .artaut1 p img {
            width: 100%;
        }

        #container .artaut1 p {
            margin: 0;
            text-align: center;
        }

        .artaut2 {
            width: auto;
            height: 80px;
            margin-left: 20px;
        }

        #container .artaut2 .p1 {
            font-size: 14px;
            line-height: 18px;
            margin-top: 17px;
        }

        #container .artaut2 .p2 {
            font-size: 16px;
            line-height: 20px;
            margin-top: 0;
        }

        .figure1 {
            width: 100%;
        }

            .figure1 img {
                width: 100%;
                max-width: 900px;
                margin-bottom: 50px;
                margin-top: 50px;
                -webkit-border-radius: 15px;
                border-radius: 15px;
            }

        .asidelt {
            width: 28%;
            float: right;
            height: auto;
        }

        .divbg {
            width: 100%;
            height: auto;
            padding-top: 180px;
            padding-bottom: 130px;
        }

        #container .divbg h1 {
            text-transform: none;
            color: #fcfcfc;
            font-weight: bold;
            font-size: 86px;
            line-height: 82px;
            margin: 0;
            padding: 0;
            margin-left: 5%;
        }

        #container .divbg h2 {
            text-transform: none;
            color: #fcfcfc;
            font-weight: normal;
            font-size: 32px;
            line-height: 36px;
            margin: 0;
            padding: 0;
            margin-top: 25px;
            margin-left: 5%;
        }

        #container .divbg .p4 {
            text-transform: none;
            color: #eee;
            font-family: var(--font-family);
            font-weight: normal;
            font-size: 20px;
            line-height: 20px;
            margin: 0;
            padding: 0;
            text-align: left;
            margin-top: 25px;
            margin-left: 5%;
        }

            #container .divbg .p4 a {
                color: #eee;
                font-weight: normal;
            }

        .divbg2 {
            width: 70%;
            height: auto;
            margin-top: 230px;
            margin-left: 5%;
        }

        #container .divbg2 h1 {
            text-transform: none;
            color: #fcfcfc;
            font-weight: bold;
            font-size: 86px;
            line-height: 82px;
            margin: 0;
            padding: 0;
        }

        #container .divbg2 h2 {
            text-transform: none;
            color: #fcfcfc;
            font-weight: normal;
            font-size: 32px;
            line-height: 36px;
            margin: 0;
            padding: 0;
            margin-top: 25px;
        }

            #container .divbg2 h2 strong {
                color: #fcfcfc;
                font-weight: bold;
            }


        .middle1 {
            width: 82%;
            height: auto;
            margin: 0 auto;
            float: none;
        }

        .middle2 {
            width: 56%;
            height: auto;
            margin: 0 auto;
            float: none;
        }

        .middle3 {
            width: 720px;
            padding: 10px;
            min-height: 40px;
            float: none;
            margin: 0 auto;
        }

        .middlemsg {
            width: 52%;
            height: auto;
            margin: 0 auto;
            float: none;
        }
        .middle4 {
            width: 74%;
            height: auto;
            margin: 0 auto;
            float: none;
        }
        .middle5 {
            width: 56%;
            height: auto;
            margin: 0 auto;
            float: none;
        }

        #container .middlemsg .p1 {
            font-weight: bold;
            font-size: 74px;
            line-height: 74px;
        }

        #container .middlemsg .p2 {
            font-weight: bold;
            font-size: 26px;
            line-height: 30px;
            margin-top: 30px;
        }

        .middleform {
            width: 40%;
            height: auto;
            margin: 0 auto;
            float: none;
        }

        .titlepage {
            width: 100%;
            height: auto;
            background-color: #232323;
            padding-bottom: 100px;
            padding-top: 202px;
        }

        .titlepage1 {
            width: 60%;
        }

        #container .titlepage1 h1 {
            color: #fcfcfc;
            font-size: 56px;
            margin: 0;
            margin-left: 30px;
            padding: 0;
            text-transform: uppercase;
        }

        #container .titlepage1 h2 {
            color: #fcfcfc;
            font-size: 16px;
            line-height: 23px;
            margin-left: 30px;
            text-transform: none;
            font-family: var(--font-family);
        }

        #cerca {
            width: 40%;
            height: 50px;
            border: 2px solid #232323;
            margin-left: 28px;
        }

        #container #cerca .p1 {
            font-weight: 900;
            margin-top: 9px;
            font-size: 14px;
            line-height: 16px;
            margin-left: 10px;
        }

        #cerca p {
            margin: 0;
        }
    }

    @media (max-width: 480px) {


        #container .articolocont p {
            font-size: 16px;
            line-height: 1.8;
            margin-right: 0;
        }

        .articolocont {
            width: 100%;
        }

        .asidelt {
            width: 100%;
            float: left;
        }

        #container .divbg h1 {
            font-size: 48px;
            line-height: 50px;
            margin-left: 10px;
        }

        #container .divbg h2 {
            font-size: 26px;
            line-height: 30px;
            margin-top: 30px;
            margin-left: 10px;
        }

        #container .divbg .p4 {
            margin-top: 30px;
        }

        .middle1 {
            width: 98%;
            margin-left: 1%;
            margin-right: 1%;
            float: left;
        }
        #hometext .middle2 {
            width: 92%;
            margin-left: 4%;
            margin-right: 4%;
            float: left;
        }
        .middle2 {
            width: 98%;
            margin-left: 1%;
            margin-right: 1%;
            float: left;
        }
        .middle4 {
            width: 98%;
            margin-left: 1%;
            margin-right: 1%;
            float: left;
        }
        .middle5 {
            width: 98%;
            margin-left: 1%;
            margin-right: 1%;
            float: left;
        }
        .middlemsg {
            width: 100%;
            padding: 4%;
            float: left;
        }

        #container .middlemsg .p1 {
            font-size: 46px;
            line-height: 46px;
        }

        #container .middlemsg .p2 {
            font-size: 22px;
            line-height: 28px;
        }

        .middleform {
            width: 100%;
            margin: 0;
            float: left;
        }

        .divbgsx2 {
            width: 30%;
            height: 30px;
        }

        .titlepage1 {
            width: 100%;
        }

        #container .titlepage1 h1 {
            font-size: 36px;
            margin-left: 3px;
        }

        #container .titlepage1 h2 {
            font-size: 14px;
            line-height: 21px;
            margin-left: 3px;
        }

        #cerca {
            width: 65%;
            margin-left: 4px;
        }

        .divbg2 {
            width: 100%;
            margin-top: 230px;
            margin-left: 0;
        }

        #container .divbg2 h1 {
            font-size: 50px;
            line-height: 52px;
            margin-left: 10px;
        }

        #container .divbg2 h2 {
            font-size: 26px;
            line-height: 32px;
            margin-top: 30px;
            margin-left: 10px;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {


        .articolocont {
            width: 100%;
        }

        .asidelt {
            width: 100%;
            float: left;
        }

        #container .divbg h1 {
            font-size: 58px;
            line-height: 58px;
            margin-left: 20px;
        }

        #container .divbg h2 {
            font-size: 30px;
            line-height: 34px;
            margin-top: 30px;
            margin-left: 20px;
        }

        #container .divbg .p4 {
            margin-top: 30px;
        }

        .middle1 {
            width: 92%;
            margin-left: 4%;
            margin-right: 4%;
            float: left;
        }

        .middle2 {
            width: 92%;
            margin-left: 4%;
            margin-right: 4%;
            float: left;
        }
        .middle4 {
            width: 92%;
            margin-left: 4%;
            margin-right: 4%;
            float: left;
        }
        .middle5 {
            width: 92%;
            margin-left: 4%;
            margin-right: 4%;
            float: left;
        }
        .middlemsg {
            width: 100%;
            padding: 4%;
            float: left;
        }

        #container .middlemsg .p1 {
            font-size: 60px;
            line-height: 60px;
        }

        .middleform {
            width: 88%;
        }

        .titlepage1 {
            width: 100%;
        }

        #container .titlepage1 h1 {
            font-size: 48px;
            margin-left: 20px;
        }

        #container .titlepage1 h2 {
            font-size: 16px;
            line-height: 23px;
            margin-left: 20px;
            margin-right: 40px;
        }

        #cerca {
            margin-left: 20px;
        }

        .divbg2 {
            width: 90%;
            margin-top: 220px;
            margin-left: 0;
        }

        #container .divbg2 h1 {
            font-size: 58px;
            line-height: 58px;
            margin-left: 20px;
        }

        #container .divbg2 h2 {
            font-size: 30px;
            line-height: 34px;
            margin-top: 30px;
            margin-left: 20px;
        }
    }

    @media (min-width: 769px) and (max-width: 980px) {
        .articolocont {
            width: 100%;
        }

        .asidelt {
            width: 100%;
            float: left;
        }


        .middle1 {
            width: 94%;
            margin-left: 3%;
            margin-right: 3%;
            float: left;
        }

        .middle2 {
            width: 94%;
            margin-left: 3%;
            margin-right: 3%;
            float: left;
        }
        .middle4 {
            width: 86%;
            margin-left: 7%;
            margin-right: 7%;
            float: left;
        }
        .middle5 {
            width: 86%;
            margin-left: 7%;
            margin-right: 7%;
            float: left;
        }
        .middlemsg {
            width: 80%;
            margin-left: 10%;
            margin-right: 10%;
            float: left;
        }

        .middleform {
            width: 80%;
        }

        .titlepage1 {
            width: 70%;
        }

        .divbg2 {
            width: 70%;
            margin-top: 200px;
        }
    }

    @media (min-width: 981px) and (max-width: 1279px) {
        #container .divbg img {
            right: 0px;
            bottom: -80px;
            width: 420px;
        }

        #container .divbg .p1 {
            font-size: 60px;
            line-height: 66px;
            margin-top: 210px;
        }

        .middle1 {
            width: 94%;
            margin-left: 3%;
            margin-right: 3%;
            float: left;
        }

        .middle2 {
            width: 94%;
            margin-left: 3%;
            margin-right: 3%;
            float: left;
        }
        .middle4 {
            width: 88%;
            margin-left: 6%;
            margin-right: 6%;
            float: left;
        }
        .middle5 {
            width: 88%;
            margin-left: 6%;
            margin-right: 6%;
            float: left;
        }
        .middlemsg {
            width: 60%;
            margin-left: 20%;
            margin-right: 20%;
            float: left;
        }

        .middleform {
            width: 60%;
        }

        .titlepage1 {
            width: 70%;
        }

        .divbg2 {
            width: 70%;
            margin-top: 230px;
        }
    }

    @media (min-width: 1400px) {
        #container .divbg .p1 {
            margin-top: 225px;
        }
    }
    /*#################### MENU MOBILE*/
    @media all {
        #menumobilecover {
            width: 100%;
            height: 100%;
            position: fixed;
            background-color: rgba(0,0,0,0.6);
            right: 0px;
            top: 0px;
            z-index: 9999;
            display: none;
        }

        #menumobilecont {
            width: 420px;
            height: 100vh;
            position: fixed;
            top: 0px;
            right: 0;
            padding-left: 40px;
            overflow: hidden;
            z-index: 9999;
            -webkit-transition: all ease 350ms;
            transition: all ease 350ms;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            display: flex;
            flex-direction: column;
            will-change: transform;
        }

        #menumobilescroll {
            width: 100%;
            height: 100%;
            overflow-y: scroll;
        }

        .mcont1 {
            -webkit-transform: translateX(110%);
            transform: translateX(110%);
        }

        .mcont2 {
            -webkit-transform: none;
            transform: none;
            -webkit-box-shadow: 0 0 80px #333;
            box-shadow: 0 0 80px #333;
        }

        #menumobilescroll::-webkit-scrollbar {
            display: none;
        }

        #menumobilecont {
            scrollbar-width: none;
        }

        #menumobilecont1 {
            width: 100%;
            height: auto;
            margin-top: 8px;
        }

            #menumobilecont1 .menumobile {
                margin-left: 0px;
                float: left;
                height: 50px;
                width: 50px;
                margin-top: 17px;
                cursor: pointer;
            }

                #menumobilecont1 .menumobile:hover .menuclose1 {
                    background-color: #fff;
                }

                #menumobilecont1 .menumobile:hover .menuclose2 {
                    background-color: #fff;
                }

                #menumobilecont1 .menumobile .menuclose1 {
                    background-color: #fff;
                    height: 40px;
                    width: 2px;
                    margin-left: 24px;
                    margin-top: 5px;
                    transform: rotate(47deg);
                    -webkit-transform: rotate(47deg);
                    -o-transform: rotate(47deg);
                    -moz-transform: rotate(47deg);
                    -ms-transform: rotate(47deg);
                    position: absolute;
                    -webkit-transition: all ease 0.2s;
                    -moz-transition: all ease 0.2s;
                    -ms-transition: all ease 0.2s;
                    -o-transition: all ease 0.2s;
                    transition: all ease 0.2s;
                }

                #menumobilecont1 .menumobile .menuclose2 {
                    background-color: #fff;
                    height: 40px;
                    width: 2px;
                    margin-left: 24px;
                    margin-top: 5px;
                    transform: rotate(-47deg);
                    -webkit-transform: rotate(-47deg);
                    -o-transform: rotate(-47deg);
                    -moz-transform: rotate(-47deg);
                    -ms-transform: rotate(-47deg);
                    position: absolute;
                    -webkit-transition: all ease 0.2s;
                    -moz-transition: all ease 0.2s;
                    -ms-transition: all ease 0.2s;
                    -o-transition: all ease 0.2s;
                    transition: all ease 0.2s;
                }

        #menumobilelang {
            width: 170px;
            height: auto;
            float: right;
            margin-top: 22px;
            margin-right: 30px;
        }

        #subboxcrediti {
            width: 100%;
            height: 30px;
            float: right;
        }

            #subboxcrediti .p1 {
                text-align: right;
                margin: 0;
                font-size: 16px;
                margin-top: 11px;
                color: #fff;
            }

                #subboxcrediti .p1 a {
                    color: #fff;
                }

                #subboxcrediti .p1 span {
                    font-size: 19px;
                }

        .menumobilelang {
            min-width: 40px;
            height: 40px;
            float: right;
            margin-left: 13px;
        }
        
        .menumobilelang .navutalertsub {
            width: 24px;
            height: 24px;
            position: absolute;
            float: none;
            right: -4px;
            top: -4px;
            background-color: var(--color-text-cont);
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

        .navutalertsub h6 {
            text-align: center;
            margin: 0;
            padding: 0;
            font-size: 13px;
            line-height: 13px;
            color: #fff;
            font-weight: bold;
            margin-top: 6px;
        }

        .menumobilelang p {
            margin: 0px;
            margin-right: 0px;
            font-size: 31px;
            margin-top: 7px;
            color: #fff;
            text-align: center;
        }

        .menumobilecont0 {
            width: 100%;
            height: auto;
            padding-left: 10px;
            padding-bottom: 43px;
            padding-top: 43px;
        }

            .menumobilecont0 .p1 {
                margin: 0px;
                font-size: 19px;
                line-height: 19px;
                color: #fff;
            }

            .menumobilecont0 .p2 {
                margin: 0px;
                font-size: 35px;
                line-height: 35px;
                margin-top: 14px;
                color: #fff;
            }

        #menumobilecont2 {
            width: 100%;
            min-height: 70px;
            margin-top: 0;
            display: flex;
            flex-direction: column;
            will-change: transform;
        }

        .menumobilecont2-sub {
            width: 100%;
            display: none;
        }


        .menumobilecont2-sub-item:active h3 {
            margin-left: 28px;
        }

        .menumobilecont2-sub-item h3 {
            color: #fff;
            text-transform: uppercase;
            margin-left: 25px;
            font-size: 16px;
            line-height: 16px;
            margin-top: 0px;
            -webkit-transition: all ease 0.2s;
            transition: all ease 0.2s;
            font-weight: normal;
        }

        .menumobilecont2-sub-item {
            width: 100%;
            height: auto;
            padding-bottom: 12px;
            padding-top: 12px;
        }

        .menumobilecont2 {
            width: 100%;
            padding-bottom: 5px;
            padding-top: 5px;
        }

            .menumobilecont2 p {
                color: #fcfcfc;
                text-transform: uppercase;
                margin-left: 10px;
                font-size: 16px;
                -webkit-transition: all ease 0.2s;
                transition: all ease 0.2s;
                font-weight: bold;
            }

            .menumobilecont2 img {
                filter: brightness(0) invert(1);
                margin-left: 10px;
            }

            .menumobilecont2:hover p {
                margin-left: 15px;
            }

            .menumobilecont2:active p {
                margin-left: 18px;
            }

        .menumobilecont3 {
            width: 100%;
            padding-bottom: 2px;
            padding-top: 2px;
        }

            .menumobilecont3 p {
                color: #eee;
                text-transform: uppercase;
                margin-left: 10px;
                margin-top: 0px;
                font-size: 11px;
                -webkit-transition: all ease 0.2s;
                -moz-transition: all ease 0.2s;
                -ms-transition: all ease 0.2s;
                -o-transition: all ease 0.2s;
                transition: all ease 0.2s;
            }

            .menumobilecont3:hover p {
                color: #b3a46e;
                margin-left: 12px;
            }
    }

    @media (max-width: 480px) {

        #menumobilecont {
            width: 100%;
            height: 100%;
            padding-left: 5%;
        }

        #menumobilelang {
            margin-right: 20px;
        }

        .mcont1 {
            right: -490px;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
    }

    @media (min-width: 769px) and (max-width: 980px) {
    }

    @media (min-width: 981px) and (max-width: 1279px) {
    }
    /* ########### NAV UTENTE*/
    @media all {
        .nav1 #navutalert {
            width: 24px;
            height: 24px;
            position: absolute;
            float: none;
            right: -11px;
            top: -4px;
            background-color: var(--color-text-cont);
            -webkit-border-radius: 50%;
            border-radius: 50%;
            z-index:9999;
        }

        #container .nav1 #navutalert p {
            text-align: center;
            margin: 0;
            font-size: 13px;
            line-height: 13px;
            color: #fff;
            font-weight: bold;
            margin-top: 6px;
        }

        .nav1 .navutente {
            width: 32px;
            height: 43px;
            float: right;
            margin-left: 25px;
            margin-top: 15px;
            -webkit-transition: all ease 0.16s;
            transition: all ease 0.16s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            
        }
            .nav1 .navutente .line1 {
                width: 100%;
                height: 4px;
                margin-top: 14px;
                background-color: #333;
                -webkit-transition: all ease 0.16s;
                transition: all ease 0.16s;
                -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
                transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            }
            .nav1 .navutente .line2 {
                width: 100%;
                height: 4px;
                margin-top: 7px;
                background-color: #333;
                -webkit-transition: all ease 0.16s;
                transition: all ease 0.16s;
                -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
                transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            }

            .nav1 .navutente:hover .line1 {
                background-color: var(--color-background);
            }

            .nav1 .navutente:active .line1 {
                background-color: var(--color-background);
            }
            .nav1 .navutente:hover .line2 {
                background-color: var(--color-background);
            }

            .nav1 .navutente:active .line2 {
                background-color: var(--color-background);
            }

            .nav1 .navutente .p1 {
                color: #b2b2b2;
                text-align: center;
                margin: 0 auto;
                font-size: 22px;
                margin-top: 9px;
                margin-left: -2px;
            }

        .nav2 #navutalert {
            width: 24px;
            height: 24px;
            position: absolute;
            float: none;
            right: -11px;
            top: -4px;
            background-color: var(--color-text-cont);
            -webkit-border-radius: 50%;
            border-radius: 50%;
            z-index:9999;
        }

        #container .nav2 #navutalert p {
            text-align: center;
            margin: 0;
            font-size: 13px;
            line-height: 13px;
            color: #fff;
            font-weight: bold;
            margin-top: 6px;
        }

        .nav2 .navutente {
            width: 32px;
            height: 100%;
            float: right;
            margin-left: 25px;
            margin-top: 1px;
            -webkit-transition: all ease 0.16s;
            transition: all ease 0.16s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }

            .nav2 .navutente .line1 {
                width: 100%;
                height: 4px;
                margin-top: 14px;
                background-color: #333;
                -webkit-transition: all ease 0.16s;
                transition: all ease 0.16s;
                -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
                transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            }

            .nav2 .navutente .line2 {
                width: 100%;
                height: 4px;
                margin-top: 7px;
                background-color: #333;
                -webkit-transition: all ease 0.16s;
                transition: all ease 0.16s;
                -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
                transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            }

            .nav2 .navutente:hover .line1 {
                background-color: var(--color-background);
            }

            .nav2 .navutente:active .line1 {
                background-color: var(--color-background);
            }

            .nav2 .navutente:hover .line2 {
                background-color: var(--color-background);
            }

            .nav2 .navutente:active .line2 {
                background-color: var(--color-background);
            }

            .nav2 .navutente .p1 {
                color: #b2b2b2;
                text-align: center;
                margin: 0 auto;
                font-size: 22px;
                margin-top: 9px;
                margin-left: -2px;
            }
    }
@media (max-width: 480px) {
    .nav1 #navutalert {
        right: -7px;
    }
    .nav2 #navutalert {
        right: -7px;
    }
}
    /* ################### LOGIN/REGISTRATI*/
    @media all {
        #conf-text {
            width: auto;
            height: auto;
            margin-left: 22px;
        }

        #container #conf-text .p1 {
            margin: 0;
            font-size: 26px;
            line-height: 26px;
            margin-top: 5px;
        }

        #container #conf-text .p2 {
            margin: 0;
            font-size: 13px;
            line-height: 13px;
            text-transform: uppercase;
            color: var(--color-text1);
            margin-top: 6px;
        }

        #container #conf-text .p3 {
            margin: 0;
            font-size: 14px;
            line-height: 14px;
            margin-top: 10px;
            color: #666;
        }

        #conf-img {
            width: 80px;
            height: 80px;
            background-color: #e5e5e5;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

        #container #conf-img .p1 {
            color: #b2b2b2;
            text-align: center;
            margin: 0;
            font-size: 38px;
            margin-top: 20px;
            margin-left: -4px;
        }
        #tipoannuncio2 {
            width: 56%;
            height: 190px;
            margin: 0 auto;
            float: none;
        }
        .tipoannuncio.special {
            width: 60%;
            margin: 30px auto;
            float: none;
        }
            .tipoannuncio.special .boxtipoprofilo {
                width: 46%;
                margin: 2%;
                height: 240px;
            }
        #container #tipoannuncio2 .boxtipoprofilo {
            width: 46%;
            height: 190px;
            margin: 2%;
            padding:25px;
            background-color:transparent;
            border:none;
        }
           #container  #tipoannuncio2 .boxtipoprofilo .p1 {
                font-size:50px;
                margin-top:20px;
            }
        #container #tipoannuncio2 .boxtipoprofilo .p2 {
            font-size: 18px;
            margin-top: 20px;
        }

        .tipoannuncio .boxtipoprofilo {
            width: 29%;
            height: 240px;
            margin: 2%;
        }
        

        .boxtipoprofilo {
            width: 46%;
            height: 37vh;
            margin: 2%;
            background-color: #fff;
            border: 4px solid #fff;
            overflow: hidden;
            -webkit-border-radius: 20px;
            border-radius: 20px;
            -webkit-transition: all ease 0.02s;
            transition: all ease 0.02s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }


            .boxtipoprofilo:active {
                border: 4px solid var(--color-text1);
            }

            .boxtipoprofilo:hover {
                -webkit-box-shadow: 0 0 20px #ccc;
                box-shadow: 0 0 20px #ccc;
            }

        #container .boxtipoprofilo .p1 {
            font-size: 66px;
            margin-top: 50px;
            -webkit-transition: all ease 0.02s;
            transition: all ease 0.02s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }

        #container .boxtipoprofilo .pimg {
            margin-top: 55px;
            padding-bottom: 6px;
        }

        #container .boxtipoprofilo .p2 {
            font-size: 19px;
            text-transform: uppercase;
            margin-top: 20px;
            font-weight: bold;
            -webkit-transition: all ease 0.02s;
            transition: all ease 0.02s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }

        #container .boxtipoprofilo .p3 {
            font-size: 12px;
            line-height: 15px;
            text-transform: uppercase;
            margin-top: 10px;
            margin-left: 20px;
            margin-right: 20px;
            font-weight: normal;
            -webkit-transition: all ease 0.02s;
            transition: all ease 0.02s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            color: #555;
        }

        .boxtipoprofilo2 {
            width: 46%;
            height: 35vh;
            margin: 2%;
            background-color: var(--color-background);
            overflow: hidden;
            -webkit-border-radius: 20px;
            border-radius: 20px;
            -webkit-transition: all ease 0.02s;
            transition: all ease 0.02s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }


        #container .boxtipoprofilo2 .p1 {
            font-size: 66px;
            margin-top: 50px;
            -webkit-transition: all ease 0.02s;
            transition: all ease 0.02s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            color: #fcfcfc;
        }

        #container .boxtipoprofilo2 .p2 {
            font-size: 19px;
            text-transform: uppercase;
            margin-top: 20px;
            font-weight: bold;
            -webkit-transition: all ease 0.02s;
            transition: all ease 0.02s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            color: #fcfcfc;
        }
    }

    @media (max-width: 480px) {
        
        #conf-text {
            width: 100%;
            margin-left: 0;
            margin-top: 30px;
        }
        #tipoannuncio2 {
            width: 90%;
        }

        #container #tipoannuncio2 .boxtipoprofilo {
           
            height: 150px;
            padding: 15px;
        }

            #container #tipoannuncio2 .boxtipoprofilo .p1 {
                font-size: 34px;
                margin-top: 15px;
            }

            #container #tipoannuncio2 .boxtipoprofilo .p2 {
                font-size: 15px;
                line-height:18px;
                margin-top: 15px;
            }
        .tipoannuncio .boxtipoprofilo {
            width: 96%;
            height: 30vh;
            margin: 2%;
        }
        .tipoannuncio.special {
            width: 90%;
        }
        .tipoannuncio.special .boxtipoprofilo {
            width: 96%;
            height: 30vh;
            margin: 2%;
        }
        .boxtipoprofilo {
            width: 96%;
            height: 33vh;
            margin: 2%;
        }

        .boxtipoprofilo2 {
            width: 96%;
            height: 35vh;
            margin: 2%;
        }

        #container .boxtipoprofilo .p3 {
            
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        
        #tipoannuncio2 {
            width: 90%;
        }

        #container #tipoannuncio2 .boxtipoprofilo {
            height: 150px;
            padding: 15px;
        }

            #container #tipoannuncio2 .boxtipoprofilo .p1 {
                font-size: 34px;
                margin-top: 15px;
            }

            #container #tipoannuncio2 .boxtipoprofilo .p2 {
                font-size: 15px;
                line-height: 18px;
                margin-top: 15px;
            }
        #container .boxtipoprofilo .p3 {
            font-size: 11px;
            line-height: 13px;
            margin-top: 6px;
        }

        .boxtipoprofilo {
            height: 38vh;
        }

        .tipoannuncio .boxtipoprofilo {
            width: 46%;
            height: 30vh;
            margin: 2%;
        }
        .tipoannuncio.special {
            width: 90%;
        }

            .tipoannuncio.special .boxtipoprofilo {
                width: 46%;
                height: 30vh;
                margin: 2%;
            }
    }

    @media (min-width: 769px) and (max-width: 980px) {
        #tipoannuncio2 {
            width: 70%;
        }

        #conf-text {
            width: 100%;
            margin-left: 0;
            margin-top: 30px;
        }

        #container .boxtipoprofilo .p3 {
            font-size: 14px;
            line-height: 16px;
            margin-top: 6px;
        }

        .boxtipoprofilo {
            height: 38vh;
        }

        .tipoannuncio .boxtipoprofilo {
            width: 46%;
            height: 30vh;
            margin: 2%;
        }
    }

    @media (min-width: 981px) and (max-width: 1279px) {
        #conf-text {
            width: 100%;
            margin-left: 0;
            margin-top: 30px;
        }

        #container .boxtipoprofilo .p3 {
            font-size: 13px;
            line-height: 16px;
            margin-top: 6px;
        }

        .boxtipoprofilo {
            height: 38vh;
        }

        .tipoannuncio .boxtipoprofilo {
            height: 30vh;
            margin: 2%;
        }
    }
    /* ################### FORM*/
    @media all {
        #formcontattiannuncio .formcont100bis {
            padding: 0;
        }

        .boxcaricacont {
            width: 60%;
            margin-left: 20%;
            height: 200px;
            border: 1px solid #ccc;
            padding: 20px;
            cursor: pointer;
        }

            .boxcaricacont:active {
                border: 1px solid #30a523;
            }

        #container .info-dx .boxcaricacont .p1 {
            text-align: center;
            margin: 0;
            margin-top: 30px;
        }

            #container .info-dx .boxcaricacont .p1 i {
                font-size: 60px;
                color: #ccc;
                text-align: center;
                margin: 0;
            }

        #container .boxcaricacont .p2 {
            font-size: 11px;
            line-height: 15px;
            color: #aaa;
            text-align: center;
            margin: 0;
            text-transform: uppercase;
            margin-top: 30px;
        }

        #container .msgok .p1 {
            font-size: 76px;
            color: #39ac2c;
        }

        #container .msgok .p11 {
            font-size: 76px;
            color: #39ac2c;
        }

        #container .msgok .p2 {
            font-size: 42px;
            margin-top: 45px;
        }

        #container .msgok .p3 {
            margin-top: 45px;
        }

        #container .msgok .p4 {
            margin-top: 35px;
            font-size: 13px;
            line-height: 20px;
        }

        .formico .spanerr1 {
            position: absolute;
            left: 18px;
            top: 22px;
            color: #777;
            z-index: 1;
            font-size: 21px;
        }

        .formico .spanerr2 {
            position: absolute;
            left: 13px;
            top: 21px;
            color: #777;
            z-index: 1;
            font-size: 16px;
        }

        .formico .spanerr3 {
            position: absolute;
            left: 18px;
            top: 12px;
            color: #777;
            z-index: 1;
            font-size: 17px;
        }

        #container .formerr .messaggioerrore {
            color: #777;
            font-size: 14px;
            margin-left: 15px;
        }

        .formerr .formerr12 {
            position: absolute;
            right: 23px;
            top: 22px;
            color: #e81313;
            z-index: 1;
            font-size: 22px;
        }

        .formerr .formerr1 {
            position: absolute;
            right: 23px;
            top: 22px;
            color: #e81313;
            z-index: 1;
            font-size: 22px;
        }

        .formerr .formerr3 {
            position: absolute;
            right: 16px;
            top: 22px;
            color: #e81313;
            z-index: 1;
            font-size: 22px;
        }

        .formerr img {
            color: #e81313;
            width: 24px;
        }

        .formerr .perr1 {
            color: #e81313;
            margin: 0;
            margin-top: 12px;
            font-size: 13px;
            font-weight: bold;
            text-align: center;
        }

        .boxform {
            width: 62%;
            height: auto;
            float: right;
            margin-right: 9%;
            background-color: #fff;
            overflow: hidden;
            -webkit-border-radius: 13px;
            border-radius: 13px;
            z-index: 1;
            padding: 24px;
        }

        .formcont33bis {
            width: 33%;
            height: auto;
            padding: 10px;
            padding-left: 0;
        }

        .formcont50 {
            width: 50%;
            height: auto;
            padding: 10px;
        }

        .formcont50bis {
            width: 50%;
            height: auto;
            padding: 10px;
            padding-left: 0;
        }

        .formcont80bis {
            width: 80%;
            height: auto;
            padding: 10px;
            padding-left: 0;
        }

        .formcont100 {
            width: 100%;
            height: auto;
            padding: 10px;
        }

        .formcont100bis {
            width: 100%;
            height: auto;
            padding: 10px;
            padding-left: 0;
        }


        .formcont100nop {
            width: 100%;
            height: auto;
            padding: 10px;
            padding-bottom: 2px;
            padding-top: 2px;
        }

        #container .formatform1 h4 {
            font-size: 13px;
            line-height: 13px;
            text-transform: uppercase;
            font-weight: bold;
            margin: 0;
            padding: 0;
            color: #eee;
        }

        #container .formatform1 .p1 {
            margin: 0;
            margin-top: 12px;
        }

        #container .formatform1 .littlep5 {
            font-size: 14px;
            line-height: 18px;
        }

        #container .formatform1 .preq {
            font-size: 14px;
            line-height: 18px;
            color: #fff;
        }

        #container .formatform1 .pavviso {
            margin: 0;
            font-size: 15px;
            color: #d11e4b;
        }

        #container .formatform1 .text1 {
            width: 100%;
        }

        #container .formatform1 textarea {
            width: 100%;
        }
    }

    @media (max-width: 480px) {
        .boxcaricacont {
            width: 100%;
            margin-left: 0;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .boxform {
            width: 100%;
            height: auto;
            float: left;
            margin-right: 0;
            padding: 20px;
        }

        .formcont50 {
            width: 100%;
        }

        .formcont80bis {
            width: 100%;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        .boxcaricacont {
            width: 100%;
            margin-left: 0;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .boxform {
            width: 100%;
            height: auto;
            float: left;
            margin-right: 0;
        }
    }

    @media (min-width: 769px) and (max-width: 980px) {
    }

    @media (min-width: 981px) and (max-width: 1279px) {
        .boxform {
            width: 80%;
        }
    }

    /* ################### FOTO*/
    @media all {
        .boxfotocont {
            width: 21%;
            height: 17vh;
            margin: 2%;
            padding: 5px;
            -webkit-transition: all ease 0.05s;
            transition: all ease 0.05s;
        }

            .boxfotocont:active {
                background-color: var(--color-background);
            }

        .boxfotocontsel {
            background-color: var(--color-background);
        }
            .fotoprincipale {
                
                display: none;
            }
            .boxfotocontsel .fotoprincipale {
                width: 100%;
                position: absolute;
                float: none;
                bottom: 0;
                background-color: var(--color-background);
                display:block;
                padding-bottom:2px;
                padding-top:6px;
            }
        .boxfotocontsel .fotoprincipale .p3 {
            text-transform:uppercase;
            font-size:12px;
            line-height:12px;
            color:#fff;
            text-align:center;
            margin:0;
        }
            .boxfoto {
                width: 100%;
                height: 100%;
                background-color: #fff;
                overflow: hidden;
                z-index: 1;
            }

            .boxfoto .boxfotoelimina {
                width: 26px;
                height: 26px;
                background-color: #111;
                overflow: hidden;
                position: absolute;
                float: none;
                right: 6px;
                top: 6px;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                overflow: hidden;
            }

        #container .boxfoto .boxfotoelimina p {
            text-align: center;
            margin: 0;
            font-size: 11px;
            color: #fff;
            margin-top: 2px;
            margin-left: 0;
        }
    }

    @media (max-width: 350px) {
        .boxfotocont {
            width: 31%;
            height: 15vh;
            margin: 1%;
        }
    }

    @media (min-width: 351px) and (max-width:480px) {
        .boxfotocont {
            width: 31%;
            height: 17vh;
            margin: 1%;
        }
    }

    @media (min-width: 481px) and (max-width:600px) {
        .boxfotocont {
            width: 31%;
            height: 22vh;
            margin: 1%;
        }
    }

    @media (min-width: 769px) and (max-width:1100px) {
        .boxfotocont {
            width: 31%;
            height: 19vh;
            margin: 1%;
        }
    }
    /* ################### SEZIONI*/
    @media all {
        #boxmappa {
            display:none;
        }
       #boxmappa iframe{
           width:100%;
       }
        #vetrinaicofiltro {
            display: none;
        }
        #filtrolatvetrina2 {
            margin-top:10px;
        }
        #divproposta .p1 {
            font-size: 25px;
            line-height: 30px;
            font-weight: 600;
        }
        #divproposta .p2 {
            font-size: 17px;
            line-height:20px;
            margin-top:5px;
            margin-left:1px;
        }
        .box-tra-sx {
            width:70%;
        }
        #container .box-tra-sx i {
            font-size:42px;
            position:absolute;
            float:none;
            top:12px;
        }
        #container .box-tra-sx img {
            width: 42px;
            position: absolute;
            float: none;
            margin:0;
            top: 12px;
            left:5px;
        }
        #container .box-tra-sx .p1 {
            margin-left:74px;
            margin-top:0;
            font-size:21px;
            font-weight:bold;
        }
        #container .box-tra-sx .p2 {
            margin-left: 74px;
            margin-top: 6px;
        }
        .box-tra-dx {
            width: 25%;
            float:right;
        }
            .box-tra-dx .divbuttonwhite {
                float:right;
                margin-top:7px;
                margin-right:5px;
            }
            .schemaboxcont {
                width: 270px;
                height: 480px;
                background-color: #fff;
                margin: 0 auto;
                float: none;
                border: 1px solid #f5f5f5;
            }

        .schemabox1 {
            width: 100%;
            height: 172px;
            background-color: #ccc;
        }

        .schemabox2 {
            width: 100%;
            height: auto;
            padding-bottom: 15px;
            padding-top: 15px;
            background-color: #222;
        }

        #container .schemabox2 .p1 {
            font-size: 25px;
            line-height: 25px;
            text-align: center;
            margin: 0;
            color: #fcfcfc;
            font-weight: 600;
        }

        #container .schemabox2 .p2 {
            font-size: 14px;
            line-height: 14px;
            text-align: center;
            margin: 0;
            margin-top: 5px;
            color: #fcfcfc;
        }

        .schemabox3 {
            width: 100%;
            height: 70px;
            position: absolute;
            bottom: 0;
        }

        #container .schemabox3 .p1 {
            font-size: 32px;
            margin: 0;
            text-align: center;
            margin-top: 15px;
        }

        .box1 {
            width: 40%;
            height: auto;
            margin: 0.5%;
            padding: 40px;
            background-color: #fff;
            overflow: hidden;
            -webkit-box-shadow: 0 2px 7px #ddd;
            box-shadow: 0 2px 7px #ddd;
        }

        .box100 {
            width: 99%;
            height: auto;
            margin: 0.5%;
            padding: 40px;
            background-color: #fff;
            -webkit-box-shadow: 0 2px 7px #ddd;
            box-shadow: 0 2px 7px #ddd;
        }
        .box50 {
            width: 49%;
            height: auto;
            margin: 0.5%;
            padding: 40px;
            background-color: #fff;
            -webkit-box-shadow: 0 2px 7px #ddd;
            box-shadow: 0 2px 7px #ddd;
        }

        .box100tra {
            width: 99%;
            height: auto;
            margin: 0.5%;
            padding: 40px;
            background-color: transparent;
        }

        .box1center {
            width: 40%;
            height: auto;
            margin: 0 auto;
            float: none;
            padding: 40px;
            background-color: #fff;
            overflow: hidden;
            -webkit-box-shadow: 0 2px 7px #ddd;
            box-shadow: 0 2px 7px #ddd;
        }

        .box1center2 {
            width: 64%;
            height: auto;
            margin: 0 auto;
            float: none;
            padding: 30px;
            background-color: transparent;
            overflow: hidden;
        }

        .box1center3 {
            width: 88%;
            height: auto;
            margin: 0 auto;
            float: none;
            padding: 30px;
            background-color: transparent;
            overflow: hidden;
        }

        .box2 {
            width: 58%;
            height: auto;
            margin: 0.5%;
            padding: 40px;
            overflow: hidden;
        }

        .regmessaggio {
            width: 100%;
            float: right;
        }

        .box3 {
            width: 25%;
            height: auto;
            margin: 0.5%;
            padding: 11px;
            background-color: #fff;
            -webkit-box-shadow: 0 2px 7px #ddd;
            box-shadow: 0 2px 7px #ddd;
        }

        .box4 {
            width: 72%;
            height: 500px;
            margin: 0.5%;
            padding: 40px;
            background-color: #fff;
            overflow: hidden;
            -webkit-box-shadow: 0 2px 7px #ddd;
            box-shadow: 0 2px 7px #ddd;
        }

        .box4t {
            width: 72%;
            height: auto;
            margin: 0.5%;
            float: right;
        }

        #container .regmessaggio h2 {
            font-weight: normal;
            text-align: center;
            margin: 0;
            font-size: 20px;
            line-height: 20px;
            padding: 0;
            margin-top: 80px;
        }

        .boxvantaggio {
            width: 33%;
            padding: 10px;
        }

        #container .boxvantaggio .p1 {
            font-weight: normal;
            text-align: center;
            margin: 0;
            font-size: 34px;
            line-height: 34px;
            padding: 0;
            margin-top: 25px;
        }

        #container .boxvantaggio .p2 {
            font-weight: normal;
            text-align: center;
            margin: 0;
            font-size: 13px;
            line-height: 20px;
            padding: 0;
            margin-top: 30px;
            text-transform: uppercase;
        }

        .section1 .box1 {
            float: left;
        }

        .section1 .box2 {
            float: right;
        }

        .section2 .box1 {
            float: right;
        }

        .section2 .box2 {
            float: left;
        }

        #container .style1 h3 {
            font-weight: normal;
            font-size: 27px;
            line-height: 35px;
            padding: 0;
        }

        #container .style1 .plittle1 {
            font-size: 15px;
            line-height: 19px;
            margin-top: 14px;
        }
    }

    @media (max-width: 480px) {
        #boxmappa {
            margin-top:10px;
        }
        #vetrinaicofiltro {
            display:  block;
            
        }
        #filtrolatvetrina2 {
            display: none;
        }
        #filtrolatvetrina {
            margin-top:10px;
        }
        #divproposta .p1 {
            font-size: 23px;
            line-height: 27px;
        }

        #divproposta .p2 {
            font-size: 16px;
            line-height: 20px;
        }
        #dett-info .box50 {
            width:99%;
            padding:20px;
        }
        .box-tra-sx {
            width: 100%;
        }

        #container .box-tra-sx img {
            left:7px;
          
        }

        .box-tra-dx {
            width: 100%;
           
        }
            .box-tra-dx .divbuttonwhite {
                float: left;
                margin-top: 7px;
                left: 74px;
            }

            .box-tra-dx .divbuttonwhite {
                float: left;
                margin-top: 15px;
                margin-right: 0;
            }
        .box3 {
            width: 100%;
            margin: 0;
            padding: 20px;
        }

        .box4 {
            width: 100%;
            margin: 0;
            padding: 20px;
        }

        .box4t {
            width: 100%;
            margin: 0;
            padding: 0px;
        }

        .box1 {
            width: 100%;
            margin: 0;
            padding: 20px;
        }

        .box100 {
            width: 100%;
            margin: 0;
            padding: 20px;
        }

        .box100tra {
            width: 100%;
            margin: 0;
            padding: 20px;
        }

        .box1center {
            width: 100%;
            margin: 0;
            padding: 20px;
            float: left;
        }

        .box1center2 {
            width: 100%;
            margin: 0;
            padding: 0;
            float: left;
        }

        .box1center3 {
            width: 100%;
            margin: 0;
            padding: 0;
            float: left;
        }

        .box2 {
            width: 100%;
            margin: 0;
            padding: 20px;
        }

        .boxvantaggio {
            width: 100%;
            padding: 0;
            margin-top: 33px;
        }

        #container .boxvantaggio .p2 {
            font-size: 15px;
            line-height: 23px;
            margin-top: 38px;
        }

        .section2 .box1 {
            float: left;
        }

        .section2 .box2 {
            float: right;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        #boxmappa {
            margin-top: 10px;
        }
        #vetrinaicofiltro {
            display: block;
        }
        #filtrolatvetrina2 {
            display: none;
        }
        #filtrolatvetrina {
            margin-top: 10px;
        }
        #dett-info .box50 {
            width: 99%;
            padding: 20px;
        }
        .box3 {
            width: 100%;
            margin: 0;
            padding: 20px;
        }

        .box4 {
            width: 100%;
            margin: 0;
            padding: 30px;
        }

        .box4t {
            width: 100%;
            margin: 0;
            padding: 5px;
        }

        .box1 {
            width: 100%;
            margin: 0;
            padding: 20px;
        }

        .box100 {
            width: 100%;
            margin: 0;
            padding: 20px;
        }

        .box100tra {
            width: 100%;
            margin: 0;
            padding: 20px;
        }

        .box1center {
            width: 80%;
        }

        .box1center2 {
            width: 90%;
        }

        .box1center3 {
            width: 90%;
        }

        .box2 {
            width: 100%;
            margin: 0;
            padding: 30px;
        }

        .boxvantaggio {
            width: 100%;
            padding: 0;
            margin-top: 33px;
        }

        #container .boxvantaggio .p2 {
            font-size: 15px;
            line-height: 23px;
            margin-top: 38px;
        }

        .section2 .box1 {
            float: left;
        }

        .section2 .box2 {
            float: right;
        }
    }

    @media (min-width: 769px) and (max-width: 980px) {
        
        #vetrinaicofiltro {

            display: block;
        }

        #filtrolatvetrina2 {
            display: none;
        }
        #filtrolatvetrina {
            margin-top: 10px;
        }
        #dett-info .box50 {
            width: 99%;
            padding: 20px;
        }
        #container .box-tra-sx i {
            top: 8px;
        }
        #container .box-tra-sx img {
            top: 8px;
        }
        .box3 {
            width: 99%;
            margin: 0.5%;
            padding: 20px;
        }

        .box4t {
            width: 100%;
            margin: 0;
            padding: 5px;
        }
    }

    @media (min-width: 769px) and (max-width: 980px) {

       
        .box1center {
            width: 56%;
        }

        .box1center2 {
            width: 70%;
        }

        .box1center3 {
            width: 90%;
        }

        .section2 .box1 {
            float: left;
        }

        .section2 .box2 {
            float: right;
        }
    }

    @media (min-width: 981px) and (max-width: 1279px) {

        .box3 {
            width: 30%;
            margin: 0;
            padding: 10px;
            margin-top:10px;
        }


        .box4t {
            width: 69%;
            margin: 0;
            padding: 10px;
            margin-top: 10px;
        }
    }
    /* ########### ANNUNCIO*/
    @media all {
        #msgutenti {
            width: 260px;
            height: 50px;
            position: fixed;
            float: none;
            right: 70px;
            bottom: 20px;
            z-index: 9999;
            display: none;
        }
        #msgutenti2 {
            width: 100%;
            height: 50px;
            background-color: rgba(0,0,0,0.8);
            -webkit-border-radius: 25px;
            border-radius: 25px;
            -webkit-transition: all ease 0.16s;
            transition: all ease 0.16s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            
        }
        #container #msgutenti2 .p1 {
            color:#ddd;
            font-size: 13px;
            line-height: 16px;
            margin: 0;
            font-weight: normal;
            margin-left: 18px;
            margin-right: 10px;
            margin-top: 9px;
        }
            #container #msgutenti2 .p1 span {
                color: var(--color-text1);
                font-size: 16px;
                font-weight: bold;
            }
        .ins-contatti-cont {
            width: 100%;
            height: 52px;
            background-color: #eee;
            -webkit-border-radius: 25px;
            border-radius: 25px;
            overflow: hidden;
        }
        .ins-contatti-1 {
            width: 15%;
            height: 52px;
            background-color: var(--color-background);
            text-align:center;
        }
        #container .ins-contatti-1 p {
           color:#fff;
           text-align:center;
           font-size:24px;
           font-weight:500;
           margin:0;
           margin-top:13px;
           margin-left:2px;
        }
        .ins-contatti-2 {
            width: 85%;
            height: 52px;
            background-color: #eee;
        }
        #container .ins-contatti-2 p {
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            margin: 0;
            margin-top: 13px;
            margin-left: 15px;
        }
        .contatticov {
            width:100%;
            height:100%;
            position:absolute;
            background-color:#eee;
        }
        #container .contatticov p {
            color: #666;
            font-size: 15px;
            font-weight: 600;
            margin: 0;
            margin-top: 15px;
            margin-left: 18px;
            text-transform:uppercase;
        }
        
        .div-rank {
            margin-left: 5px;
            width: auto;
            height: auto;
            margin-top: 5px;
        }

        #container .div-rank i.ispecial1 {
            color: #111;
            position: absolute;
            left: 0;
            top: 9px;
        }

        #container .div-rank i.ispecial2 {
            color: rgba(216,154,6,1);
            position: absolute;
            left: 0;
            top: 9px;
        }

        #container .div-rank .p1 {
            color: #111;
            margin-left: 35px;
            margin-top: 10px;
        }

        #pagannunci .box100 {
            width: 99%;
            height: auto;
            margin: 0.5%;
            padding: 25px;
            background-color: #fff;
        }

        .ann1-sx {
            width: 59%;
            min-height: 50px;
        }

        .ann1-dx {
            width: 38%;
            min-height: 50px;
            float: right;
        }

        #condel {
            width: 100%;
            height: auto;
        }

        #container #annblocco1 .ann1-sx h1 {
            margin: 0;
            padding: 0;
            font-size: 30px;
            line-height: 32px;
            font-weight: normal;
        }

        #container #annblocco1 .ann1-sx h2 {
            margin: 0;
            padding: 0;
            font-size: 16px;
            line-height: 23px;
            font-weight: normal;
            color: #666;
            margin-top: 5px;
        }

        .ann-id {
            width: auto;
            margin-bottom: 10px;
        }

        #container #annblocco1 .ann-id p {
            margin: 0;
            padding: 0;
            font-size: 12px;
            line-height: 12px;
            text-transform: uppercase;
            font-weight: normal;
            color: #444;
            margin-top: 15px;
        }

            #container #annblocco1 .ann-id p span {
                background-color: #eee;
                padding: 10px;
                padding-left: 17px;
                padding-right: 17px;
                -webkit-border-radius: 9px;
                border-radius: 9px;
            }
                #container #annblocco1 .ann-id p span.s2 {
                    border: 2px solid #333;
                    background-color: transparent;
                    -webkit-border-radius: 13px;
                    border-radius: 13px;
                    padding: 9px;
                    font-size: 20px;
                    margin-right:5px;
                }
                #container #annblocco1 .ann-id p span.s2:hover {
                    
                    background-color: #f5f5f5;
                }
                    #container #annblocco1 .ann-id p span.s2:active {
                        background-color: #f5f5f5;
                    }
        .ann-stato {
            width: auto;
            height: auto;
            margin-left: 18px;
            margin-top: 6px;
        }

        .ann-stato1 {
            width: auto;
            height: 30px;
        }

        #container .ann-stato1 p {
            margin: 0;
            margin-top: 4px;
            font-size: 15px;
            color: #666;
        }

        .ann-stato2 {
            width: 36px;
            height: 30px;
            margin-left: 15px;
        }

            .ann-stato2 .center2 {
                z-index: 1;
                margin: 15px auto;
                float: none;
                width: 36px;
                height: 4px;
                overflow: hidden;
                background-color: transparent;
            }

            .ann-stato2 .center5 {
                background-color: rgba(40,193,52,1);
                height: 4px;
                margin-left: -3px;
            }

        .ann-box-stat {
            width: auto;
            float: right;
            height: 40px;
            padding: 5px;
            margin-right: 5px;
            -webkit-transition: all ease 0.20s;
            transition: all ease 0.20s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

        .stat-sub {
            width: 190px;
            height: auto;
            background-color: #fff;
            position: absolute;
            float: none;
            top: 50px;
            right: -10px;
            -webkit-box-shadow: 0 0 15px #ccc;
            box-shadow: 0 0 15px #ccc;
            z-index: 2;
            padding: 15px;
            display: none;
        }

        .stat-sub-item {
            width: 100%;
            height: 50px;
            -webkit-transition: all ease 0.20s;
            transition: all ease 0.20s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

            .stat-sub-item:hover {
                background-color: #f5f5f5;
            }

            .stat-sub-item:active {
                background-color: #f5f5f5;
            }

        #container .stat-sub-item i.ispecial {
            position: absolute;
            float: none;
            top: 13px;
            left: 10px;
            font-size: 24px;
        }

        #container .stat-sub-item img {
            position: absolute;
            float: none;
            top: 17px;
            left: 17px;
            width: 22px;
        }

        #container .stat-sub-item p {
            margin-left: 58px;
            margin-top: 15px;
        }

        .stat-sub-line {
            width: 100%;
            height: 1px;
            background-color: #fff;
        }

        .ann-box-stat:hover {
            background-color: #f5f5f5;
        }

        .ann-box-stat:active {
            background-color: #f5f5f5;
        }

        #container .ann-box-stat i {
            position: absolute;
            font-size: 23px;
            top: 9px;
            left: 3px;
        }

        #container .ann-box-stat .p1 {
            margin-left: 40px;
            margin-top: 5px;
            font-size: 15px;
            color: #666;
        }

            #container .ann-box-stat .p1 .s1 {
                color: #000;
            }

        .ann-foto-cont {
            width: 100%;
            height: 530px;
            background-color: #111;
        }

        .ann-dati-pri {
            width: 100%;
            min-height: 460px;
            padding: 10px;
        }

        .ann-dato-line {
            width: 100%;
            height: 1px;
            background-color: #eee;
        }

        .dato-stato {
            width: 100%;
            height: 74px;
            background-color: #f5f5f5;
            -webkit-border-radius: 7px;
            border-radius: 7px;
        }

        .dato-stato1 {
            width: auto;
            height: 32px;
        }

        #container .dato-stato1 i {
            font-size: 22px;
            position: absolute;
            top: 14px;
            left: 0;
        }

        #container .dato-stato1 .p2 {
            font-weight: bold;
            margin-left: 38px;
            font-size: 15px;
            margin-top: 15px;
        }

        .dato-stato2 {
            width: 40px;
            height: 4px;
            margin-top: 25px;
            margin-left: 10px;
        }

            .dato-stato2 .center2 {
                z-index: 1;
                margin: 0 auto;
                float: none;
                width: 40px;
                height: 4px;
                overflow: hidden;
                background-color: transparent;
            }

            .dato-stato2 .center5 {
                background-color: rgba(40,193,52,1);
                height: 4px;
                margin-left: -3px;
            }

        .dato-stato3 {
            width: 100%;
            height: 10px;
            margin-top: 6px;
        }

        #container .dato-stato3 .p3 {
            font-weight: normal;
            font-size: 11px;
            margin-left: 38px;
            color: #666;
        }

            #container .dato-stato3 .p3 span {
                color: #000;
                font-weight: bold;
                text-transform: uppercase;
            }

        .ann-dato {
            width: 100%;
            height: 50px;
        }

        #container .ann-dato i {
            color: #ccc;
            font-size: 22px;
            position: absolute;
            top: 14px;
            left: 0;
        }

        #container .ann-dato .p2 {
            font-weight: bold;
            margin-left: 38px;
            font-size: 15px;
            margin-top: 15px;
        }

            #container .ann-dato .p2 span {
                color: #666;
                font-weight: normal;
            }

            #container .ann-dato .p2 .s2 {
                font-weight: normal;
                font-size: 11px;
                margin-left: 10px;
            }

        #container .ann-dato .p3 {
            color: #666;
            margin-left: 38px;
            font-size: 15px;
            margin-top: 15px;
        }

        .ann-prezzo {
            width: 100%;
            height: auto;
            margin-bottom: 10px;
        }

        .ann-prezzo1 {
            width: auto;
            height: 100%;
        }

        #container .ann-prezzo1 .p1 span {
            font-size: 22px;
            margin-right: 8px;
        }

        #container .ann-prezzo1 .p1 {
            font-size: 31px;
            margin-top: 5px;
            margin-left: 5px;
        }

        .ann-prezzo2 {
            width: auto;
            height: 100%;
            margin-left: 15px;
        }

        #container .ann-prezzo2 .p1 {
            font-size: 13px;
            color: #666;
            margin-top: 10px;
        }

        .ann-prezzo3 {
            width: 100%;
            height: 30px;
            margin-top: 3px;
        }

        #container .ann-prezzo3 .p1 {
            font-size: 12px;
            line-height: 12px;
            color: #666;
            margin-left: 5px;
            margin-top: 10px;
        }

        .infodiv1 {
            width: 200px;
            height: auto;
            background-color: #444;
            position: absolute;
            left: -50px;
            top: 42px;
            z-index: 9990;
            -webkit-box-shadow: 0 0 5px #888;
            box-shadow: 0 0 5px #888;
            padding-bottom: 12px;
            padding-top: 12px;
            display: none;
        }

        #container .infodiv1 p {
            text-align: center;
            margin: 0;
            color: #fff;
            font-weight: normal;
            font-size: 11px;
            line-height: 16px;
            margin-left: 15px;
            margin-right: 15px;
        }

        #container .infodiv1 i {
            color: #444;
            font-size: 22px;
            position: absolute;
            top: -15px;
            left: 82px;
        }

        .apriinfodiv1:hover .infodiv1 {
            display: block;
        }

        .apriinfodiv1:active .infodiv1 {
            display: block;
        }

        .infodiv2 {
            width: 200px;
            height: auto;
            background-color: #444;
            position: absolute;
            left: -209px;
            top: 0;
            z-index: 9990;
            -webkit-box-shadow: 0 0 5px #888;
            box-shadow: 0 0 5px #888;
            padding-bottom: 12px;
            padding-top: 12px;
            display: none;
        }

        #container .infodiv2 p {
            text-align: center;
            margin: 0;
            color: #fff;
            font-weight: normal;
            font-size: 11px;
            line-height: 16px;
            margin-left: 15px;
            margin-right: 15px;
        }

        #container .infodiv2 i {
            color: #444;
            font-size: 22px;
            position: absolute;
            top: 8px;
            right: -18px;
        }

        .apriinfodiv2:hover .infodiv2 {
            display: block;
        }

        .apriinfodiv2:active .infodiv2 {
            display: block;
        }

        #contmodeq .ann-caratt-title:hover {
            background-color: #f5f5f5;
        }

        #container #contmodeq .ann-caratt-title .p1 {
            margin-top: 15px;
        }

        #container #contmodeq .ann-caratt-title2 .p1 {
            font-size: 15px;
        }

        .ann-caratt {
            width: 100%;
            padding-bottom: 30px;
        }

        .ann-caratt-title {
            width: 100%;
            height: 50px;
            border-bottom: 1px solid #ddd;
        }

        #container .ann-caratt-title .p1 {
            font-size: 23px;
            margin-left: 5px;
        }

        #container .ann-caratt-title .p1bis {
            font-size: 19px;
            margin-left: 5px;
        }
        #container .ann-caratt-title .p1tris {
            position:relative;
            font-size: 14px;
            margin-left: 5px;
            text-transform:uppercase;
        }
            #container .ann-caratt-title .p1tris i {
                position: relative;
                margin:0;
                top:0;
            }

        #container .ann-caratt-title i {
            position: absolute;
            right: 5px;
            top: 6px;
        }

        .ann-caratt-dato {
            width: 100%;
            height: auto;
            padding-bottom: 8px;
            padding-top: 8px;
            border-bottom: 1px solid #eee;
            -webkit-transition: all ease 0.05s;
            transition: all ease 0.05s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }

        #contmodcaratt .ann-caratt-dato:hover {
            background-color: #fff;
        }
        .ann-caratt-dato.nohov:hover {
            background-color: #fff;
        }
        .ann-caratt-dato:hover {
            background-color: #f5f5f5;
        }

        .ann-caratt-dato:active {
            background-color: #f5f5f5;
        }

        #container .ann-caratt-dato .p1 {
            font-size: 14px;
            margin-left: 5px;
        }

        .ann-caratt-dato1 {
            width: 35%;
        }

        .ann-caratt-dato2 {
            width: 65%;
        }


        #container .ann-caratt-dato1 .p1 {
            color: #666;
        }


        #container .miaoff .ann-caratt-dato1 .p1 {
            color: #28c134;
        }

        #container .miaoff .ann-caratt-dato2 .p1 {
            color: #28c134;
        }

        #container .ann-caratt-dato2 .p1 {
            font-weight: bold;
        }

        #container #contmodeq .ann-caratt-dato2 .p1 {
            font-weight: normal;
        }

        .ann-gruppo-dati {
            width: 100%;
            height: auto;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .ann-caratt2 {
            width: 100%;
            padding-bottom: 0px;
        }

        .ann-caratt-title2 {
            width: 100%;
            height: 30px;
            margin-top: 26px;
        }

        #container .ann-caratt-title2 .p1 {
            font-size: 13px;
            margin-left: 5px;
            font-weight: bold;
        }

        .ann-gruppo-dati2 {
            width: 100%;
            height: auto;
            padding-top: 11px;
            padding-bottom: 0;
        }

        #container .ann-eq-item {
            width: auto;
            padding: 11px 15px 11px 15px;
            background-color: #ecf1f8;
            border: 1px solid #dbe4f0;
            margin-right: 6px;
            margin-top: 6px;
            -webkit-border-radius: 16px;
            border-radius: 16px;
        }

            #container .ann-eq-item .p1 {
                color: #4b6588;
                text-align: center;
                margin: 0;
                font-size: 13px;
                line-height: 12px;
            }

        .box-eq-cont {
            width: 100%;
            height: 355px;
            padding-bottom: 80px;
            overflow: hidden;
        }

        .box-eq-cover {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 80px;
            background: linear-gradient(transparent 0,rgba(255,255,255,.96) 100%);
        }

        .box-eq-bt {
            width: 100%;
            height: 50px;
            margin-top: 29px;
        }

        .ann-form-cont {
            width: 100%;
            height: auto;
            overflow: hidden;
            -webkit-border-radius: 8px;
            border-radius: 8px;
        }

        .ann-form-title {
            width: 100%;
            height: 74px;
            padding: 30px;
            border-bottom: 1px solid #fff;
            background-color: #ddd;
        }

        #container .ann-form-title .p1 {
            font-size: 20px;
            line-height: 20px;
            font-weight: bold;
            margin: 0;
            margin-top: -3px;
            color: #444;
        }

        #container .ann-form-title i {
            position: absolute;
            right: 15px;
            top: 17px;
            font-size: 40px;
            color: #aaa;
        }

        .ann-form-text {
            width: 100%;
            height: auto;
            padding: 30px;
            background-color: #eee;
        }

        #container .ann-form-text .p1 {
            font-size: 13px;
            line-height: 20px;
            font-weight: normal;
            margin: 0;
            margin-top: 0;
            color: #555;
        }

            #container .ann-form-text .p1 strong {
                color: #555;
            }

        .ann-bt-cont {
            width: 100%;
            height: auto;
            margin-bottom: 12px;
            margin-top: 24px;
        }

        #container .ann-bt-cont .harc-6-100.w100 {
            width: 100%;
            background-color: var(--color-background);
        }

            #container .ann-bt-cont .harc-6-100.w100 p {
                color: #fff;
            }

        #container .ann-bt-cont .harc-6-100.w70 {
            width: 57%;
            background-color: var(--color-background);
        }

            #container .ann-bt-cont .harc-6-100.w70 p {
                color: #fff;
            }

        #container .ann-bt-cont .harc-6-100.w30 {
            width: 41%;
            float: right;
            background-color: #e5e5e5;
        }

            #container .ann-bt-cont .harc-6-100.w30 p {
                color: #555;
            }

        #container .ann-bt-cont .harc-6-100.w100:hover {
            background-color: var(--color-background-hover);
        }

        #container .ann-bt-cont .harc-6-100.w100:active {
            background-color: var(--color-background-hover);
        }

        #container .ann-bt-cont .harc-6-100.w70:hover {
            background-color: var(--color-background-hover);
        }

        #container .ann-bt-cont .harc-6-100.w70:active {
            background-color: var(--color-background-hover);
        }

        #container .ann-bt-cont .harc-6-100.w30:hover {
            background-color: #dadada;
        }

        #container .ann-bt-cont .harc-6-100.w30:active {
            background-color: #dadada;
        }


        #container .ann-bt-cont .harc-6-100 {
            height: 52px;
            margin: 0;
            margin-bottom: 0;
            margin-top: 0;
            float: left;
            -webkit-border-radius: 25px;
            border-radius: 25px;
            -webkit-transition: all ease 0.16s;
            transition: all ease 0.16s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }

            #container .ann-bt-cont .harc-6-100 .p3 {
                margin: 0;
                padding: 0;
                font-size: 18px;
                line-height: 18px;
                margin-top: 18px;
                text-align: center;
                text-transform: uppercase;
                font-weight: bold;
            }

            #container .ann-bt-cont .harc-6-100 .p1 {
                margin: 0;
                padding: 0;
                font-size: 13px;
                line-height: 13px;
                margin-top: 14px;
                text-align: center;
                text-transform: uppercase;
                font-weight: bold;
            }

            #container .ann-bt-cont .harc-6-100 .p2 {
                margin: 0;
                padding: 0;
                font-size: 13px;
                line-height: 13px;
                margin-top: 3px;
                text-align: center;
                font-weight: normal;
            }
    }

@media (max-width: 270px) {
    #msgutenti2 {
       display:none;
    }
}
    @media (max-width: 320px) {
        #msgutenti {
            right: 0;
            left: 10px;
            width:190px;
           
        }

        #container #msgutenti2 .p1 {
            
            font-size: 12px;
            line-height: 14px;
            margin-left: 15px;
            margin-top: 8px;
        }

        .ins-contatti-1 {
            width: 20%;
        }

        #container .ins-contatti-1 p {
            font-size: 20px;
            margin-top: 15px;
            margin-left: 2px;
        }

        .ins-contatti-2 {
            width: 80%;
        }

        #container .ins-contatti-2 p {
            font-size: 14px;
            margin-top: 15px;
            margin-left: 10px;
        }

        #container .contatticov p {
            font-size: 13px;
            margin-top: 16px;
            margin-left: 10px;
        }

        #condel {
            display: none;
        }

        #container #contmodeq .ann-caratt-dato1 {
            width: 20%;
        }

        #container #contmodeq .ann-caratt-dato2 {
            width: 80%;
        }

        #container .no480 {
            display: none;
        }

        #annblocco1 .ann1-sx {
            width: 100%;
            border-bottom: 1px solid #eee;
            padding-bottom: 40px;
        }

        #container #annblocco1 .ann1-sx h1 {
            font-size: 22px;
            line-height: 26px;
        }

        #container #annblocco1 .ann1-sx h2 {
            font-size: 14px;
            line-height: 19px;
            margin-top: 9px;
        }

        .ann-stato {
            width: 100%;
            margin-left: 2px;
            margin-top: 22px;
        }

        #annblocco1 .ann1-dx {
            width: auto;
            height: auto;
            float: left;
            margin-top: 30px;
            padding-bottom: 10px;
        }

        #container .ann-box-stat .p1 .s2 {
            display: none;
        }

        #container .ann-box-stat {
            margin-left: 0;
            margin-right: 10px;
        }

        .ann-box-stat:hover {
            background-color: #fff;
        }

        .ann-box-stat:active {
            background-color: #fff;
        }

        .stat-sub {
            right: -40px;
        }

        #annblocco2.box100 {
            margin-top: 8px;
        }

        #annblocco2 .ann1-sx {
            width: 100%;
        }

        #annblocco2 .ann1-dx {
            width: 100%;
            margin-top: 20px;
        }

        .ann-dati-pri {
            height: auto;
            padding: 0;
        }

        .apriinfodiv2:hover .infodiv2 {
            display: none;
        }

        .apriinfodiv2:active .infodiv2 {
            display: none;
        }

        .ann-dato {
            height: auto;
            min-height: 50px;
        }

        .ann-foto-cont {
            height: 250px;
        }

        #annblocco3.box100 {
            margin-top: 8px;
        }

        #annblocco3 .ann1-sx {
            width: 100%;
        }

        #annblocco3 .ann1-dx {
            width: 100%;
            margin-top: 20px;
        }

        #container .ann-caratt-title .p1 {
            font-size: 18px;
        }

        #container .ann-caratt-dato .p1 {
            font-size: 13px;
            line-height: 15px;
        }

        .ann-caratt-dato1 {
            width: 40%;
        }

        .ann-caratt-dato2 {
            width: 60%;
        }

        #container .ann-caratt-title {
            border-bottom: 1px solid #ddd;
        }

            #container .ann-caratt-title i {
                display: block;
            }

            #container .ann-caratt-title:active {
                background-color: #f5f5f5;
            }

        .ann-form-title {
            padding: 10px;
        }

        #container .ann-form-title .p1 {
            font-size: 16px;
            line-height: 16px;
            margin-top: 17px;
        }

        #container .ann-form-title i {
            right: 15px;
            top: 17px;
            font-size: 36px;
        }

        .ann-form-text {
            padding: 10px;
        }

        #container .ann-bt-cont .harc-6-100.w70 {
            width: 52%;
        }

            #container .ann-bt-cont .harc-6-100.w70 .p3 {
                font-size: 16px;
            }

        #container .ann-bt-cont .harc-6-100.w100 .p3 {
            font-size: 15px;
        }

        #container .ann-bt-cont .harc-6-100.w30 {
            width: 46%;
        }

            #container .ann-bt-cont .harc-6-100.w30 .p1 {
                font-size: 12px;
            }

            #container .ann-bt-cont .harc-6-100.w30 .p2 {
                font-size: 10px;
            }

        .ann-dati-pri {
            margin-top: 30px;
        }

        .div-rank {
            width: 100%;
            margin-left: 0;
            border-top: 1px solid #eee;
            padding-top: 8px;
        }

        #container .div-rank i.ispecial1 {
            top: 17px;
        }

        #container .div-rank i.ispecial2 {
            top: 17px;
        }

        .div-rank.apriinfodiv1:hover .infodiv1 {
            display: none;
        }

        .div-rank.apriinfodiv1:active .infodiv1 {
            display: none;
        }

        #caratteristichedettagli .ann-gruppo-dati {
            display: none;
        }

        #pagannunci .box100 {
            width: 99%;
            height: auto;
            margin: 0.5%;
            margin-top: 10px;
            padding: 13px;
            background-color: #fff;
        }
    }

    @media (min-width: 321px) AND (max-width:600px) {
        #container #annblocco1 .ann-id p span.s2 {
            
            padding: 7px;
            font-size: 17px;
            margin-right: 2px;
        }
        #msgutenti {
            right: 0;
            left: 10px;
            width:240px;
        }

        .ins-contatti-1 {
            width: 20%;
        }

        #container .ins-contatti-1 p {
            font-size: 20px;
            margin-top: 15px;
            margin-left: 2px;
        }

        .ins-contatti-2 {
            width: 80%;
        }

        #container .ins-contatti-2 p {
            font-size: 14px;
            margin-top: 15px;
            margin-left: 10px;
        }

        #container .contatticov p {
            font-size: 13px;
            margin-top: 16px;
            margin-left: 10px;
        }

        #condel {
            display: none;
        }

        #container #contmodeq .ann-caratt-dato1 {
            width: 20%;
        }

        #container #contmodeq .ann-caratt-dato2 {
            width: 80%;
        }

        #container .no480 {
            display: none;
        }

        #annblocco1 .ann1-sx {
            width: 100%;
            border-bottom: 1px solid #eee;
            padding-bottom: 8px;
        }

        #container #annblocco1 .ann1-sx h1 {
            font-size: 24px;
            line-height: 28px;
            font-weight: bold;
        }

        #container #annblocco1 .ann1-sx h2 {
            font-size: 14px;
            line-height: 19px;
            margin-top: 9px;
        }

        .ann-stato {
            width: 100%;
            margin-left: 2px;
            margin-top: 22px;
        }

        #annblocco1 .ann1-dx {
            width: auto;
            height: auto;
            float: left;
            margin-top: 30px;
            padding-bottom: 10px;
        }

        #container .ann-box-stat .p1 .s2 {
            display: none;
        }

        #container .ann-box-stat {
            margin-left: 0;
            margin-right: 10px;
        }

        .ann-box-stat:hover {
            background-color: #fff;
        }

        .ann-box-stat:active {
            background-color: #fff;
        }

        .stat-sub {
            right: -40px;
        }

        #annblocco2 .ann1-sx {
            width: 100%;
        }

        #annblocco2 .ann1-dx {
            width: 100%;
            margin-top: 20px;
        }

        .ann-dati-pri {
            height: auto;
            padding: 0;
        }

        .apriinfodiv2:hover .infodiv2 {
            display: none;
        }

        .apriinfodiv2:active .infodiv2 {
            display: none;
        }

        .ann-dato {
            height: auto;
            min-height: 50px;
        }

        .ann-foto-cont {
            height: 335px;
        }

        #annblocco3.box100 {
            margin-top: 8px;
        }

        #annblocco3 .ann1-sx {
            width: 100%;
        }

        #annblocco3 .ann1-dx {
            width: 100%;
            margin-top: 20px;
        }

        #container .ann-caratt-title .p1 {
            font-size: 18px;
        }

        #container .ann-caratt-dato .p1 {
            font-size: 13px;
            line-height: 15px;
        }

        .ann-caratt-dato1 {
            width: 43%;
        }

        .ann-caratt-dato2 {
            width: 57%;
        }



        #container .ann-caratt-title {
            border-bottom: 1px solid #ddd;
        }

            #container .ann-caratt-title i {
                display: block;
            }

            #container .ann-caratt-title:active {
                background-color: #f5f5f5;
            }

        .ann-form-title {
            padding: 15px;
        }

        #container .ann-form-title .p1 {
            font-size: 16px;
            line-height: 16px;
            margin-top: 15px;
        }

        #container .ann-form-title i {
            right: 15px;
            top: 17px;
            font-size: 36px;
        }

        .ann-form-text {
            padding: 15px;
        }

        #container .ann-bt-cont .harc-6-100.w100 .p3 {
            font-size: 15px;
        }

        .ann-dati-pri {
            margin-top: 30px;
        }

        .div-rank {
            width: 100%;
            margin-left: 0;
            border-top: 1px solid #eee;
            padding-top: 8px;
        }

        #container .div-rank i.ispecial1 {
            top: 17px;
        }

        #container .div-rank i.ispecial2 {
            top: 17px;
        }

        .div-rank.apriinfodiv1:hover .infodiv1 {
            display: none;
        }

        .div-rank.apriinfodiv1:active .infodiv1 {
            display: none;
        }

        #caratteristichedettagli .ann-gruppo-dati {
            display: none;
        }

        #pagannunci .box100 {
            width: 99%;
            height: auto;
            margin: 0.5%;
            margin-top: 10px;
            padding: 16px;
            background-color: #fff;
        }
    }

    @media (min-width: 601px) and (max-width: 768px) {
        #condel {
            display: none;
        }

        #container #contmodeq .ann-caratt-dato1 {
            width: 20%;
        }

        #container #contmodeq .ann-caratt-dato2 {
            width: 80%;
        }

        #annblocco1 .ann1-sx {
            width: 100%;
            border-bottom: 1px solid #eee;
            padding-bottom: 40px;
        }

        #container #annblocco1 .ann1-sx h1 {
            font-size: 25px;
            line-height: 29px;
        }

        #container #annblocco1 .ann1-sx h2 {
            font-size: 15px;
            line-height: 20px;
            margin-top: 9px;
        }

        #annblocco1 .ann1-dx {
            width: auto;
            height: auto;
            float: left;
            margin-top: 30px;
            padding-bottom: 10px;
        }


        #container .ann-box-stat {
            margin-left: 0;
            margin-right: 10px;
        }

        .ann-box-stat:hover {
            background-color: #fff;
        }

        .ann-box-stat:active {
            background-color: #fff;
        }

        .stat-sub {
            right: -40px;
        }

        #annblocco2 .ann1-sx {
            width: 100%;
        }

        #annblocco2 .ann1-dx {
            width: 100%;
            margin-top: 20px;
        }

        .ann-dati-pri {
            height: auto;
            padding: 0;
        }

        .apriinfodiv2:hover .infodiv2 {
            display: none;
        }

        .apriinfodiv2:active .infodiv2 {
            display: none;
        }

        .ann-dato {
            height: auto;
            min-height: 50px;
        }

        #annblocco3.box100 {
            margin-top: 8px;
        }

        #annblocco3 .ann1-sx {
            width: 100%;
        }

        #annblocco3 {
            margin-top: 20px;
        }

            #annblocco3 .ann1-dx {
                width: 100%;
                margin-top: 20px;
            }

        #container .ann-caratt-title .p1 {
            font-size: 18px;
        }

        #container .ann-caratt-dato .p1 {
            font-size: 13px;
            line-height: 15px;
        }

        .ann-caratt-dato1 {
            width: 43%;
        }

        .ann-caratt-dato2 {
            width: 57%;
        }


        #container .ann-caratt-title {
            border-bottom: 1px solid #ddd;
        }

            #container .ann-caratt-title i {
                display: block;
            }

            #container .ann-caratt-title:active {
                background-color: #f5f5f5;
            }

        .ann-dati-pri {
            margin-top: 30px;
        }

        #caratteristichedettagli .ann-gruppo-dati {
            display: none;
        }
    }

    @media (min-width: 769px) and (max-width: 980px) {
        .ins-contatti-1 {
            width: 20%;
        }

        #container .ins-contatti-1 p {
            font-size: 20px;
            margin-top: 15px;
            margin-left: 2px;
        }

        .ins-contatti-2 {
            width: 80%;
        }

        #container .ins-contatti-2 p {
            font-size: 14px;
            margin-top: 15px;
            margin-left: 10px;
        }

        #container .contatticov p {
            font-size: 13px;
            margin-top: 16px;
            margin-left: 10px;
        }

        #container #contmodeq .ann-caratt-dato1 {
            width: 25%;
        }

        #container #contmodeq .ann-caratt-dato2 {
            width: 75%;
        }

        #annblocco1 .ann1-sx {
            width: 100%;
            border-bottom: 1px solid #eee;
            padding-bottom: 12px;
        }

        #container #annblocco1 .ann1-sx h1 {
            font-size: 26px;
            line-height: 30px;
        }

        #container #annblocco1 .ann1-sx h2 {
            font-size: 16px;
            line-height: 21px;
            margin-top: 9px;
        }

        #annblocco1 .ann1-dx {
            width: auto;
            height: auto;
            float: left;
            margin-top: 30px;
            padding-bottom: 10px;
        }


        #container .ann-box-stat {
            margin-left: 0;
            margin-right: 10px;
        }

        .ann-box-stat:hover {
            background-color: #fff;
        }

        .ann-box-stat:active {
            background-color: #fff;
        }

        .stat-sub {
            right: -40px;
        }

        .ann-dato {
            height: auto;
            min-height: 50px;
        }

        #container .ann-caratt-dato .p1 {
            font-size: 13px;
            line-height: 15px;
        }

        .ann-caratt-dato1 {
            width: 43%;
        }

        .ann-caratt-dato2 {
            width: 57%;
        }

        .ann-form-title {
            padding: 15px;
        }

        #container .ann-form-title .p1 {
            font-size: 16px;
            line-height: 16px;
            margin-top: 15px;
        }

        #container .ann-form-title i {
            right: 15px;
            top: 17px;
            font-size: 36px;
        }

        .ann-form-text {
            padding: 15px;
        }

        #container .ann-bt-cont .harc-6-100.w70 {
            width: 52%;
        }

            #container .ann-bt-cont .harc-6-100.w70 .p3 {
                font-size: 16px;
            }

        #container .ann-bt-cont .harc-6-100.w30 {
            width: 46%;
        }

            #container .ann-bt-cont .harc-6-100.w30 .p1 {
                font-size: 12px;
            }

            #container .ann-bt-cont .harc-6-100.w30 .p2 {
                font-size: 10px;
            }

        #container .ann-bt-cont .harc-6-100.w100 .p3 {
            font-size: 15px;
        }
    }

    @media (min-width: 981px) and (max-width: 1279px) {
        #annblocco1 .ann1-sx {
            width: 65%;
        }

        #annblocco1 .ann1-dx {
            width: 30%;
        }

        #container #annblocco1 .ann1-sx h1 {
            font-size: 25px;
            line-height: 29px;
        }

        #container #annblocco1 .ann1-sx h2 {
            font-size: 15px;
            line-height: 20px;
            margin-top: 9px;
        }

        #container .ann-box-stat .p1 .s2 {
            display: none;
        }

        .ann-dato {
            height: auto;
            min-height: 50px;
        }
    }

    @media (min-width: 1900px) {
    }
    /* ########### MESSAGGI*/
    @media all {
        #messaggi .box-sx {
            width: 31%;
            height: 75vh;
            overflow: hidden;
            border-right: 1px solid #ddd;
        }

        #messaggi .box-dx {
            width: 69%;
            height: 75vh;
            overflow: hidden;
            background-color: #f2f2f2;
        }

        .chat-lt-1 {
            width: 100%;
            height: 10%;
            background-color: #fff;
            border-bottom: 1px solid #ddd;
        }

        .chat-lt-item.itemsel {
            background-color: #f2f2f2;
        }

        .chat-lt-item.newmsg {
            background-color: #d8f7d0;
        }

        .chat-lt-item {
            width: 100%;
            height: 110px;
            padding: 10px;
            border-bottom: 1px solid #ddd;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            -webkit-transition: all ease 0.05s;
            transition: all ease 0.05s;
        }

            .chat-lt-item:active {
                padding-left: 13px;
                background-color: #f8f8f8;
            }

            .chat-lt-item:hover {
                background-color: #f8f8f8;
            }

        .chat-lt-item1 {
            width: 15%;
            height: 100%;
            display: none;
        }

        #container .chat-lt-item1 p {
            margin-top: 27px;
            margin-left: 0;
        }

        .chat-lt-item2 {
            width: 29%;
            height: 100%;
        }

        .chat-lt-item2-img {
            width: 100%;
            height: 90%;
            top: 5%;
            background-color: #f5f5f5;
            overflow: hidden;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            text-align: center;
        }

            .chat-lt-item2-img img {
                height: 100%;
            }

        .chat-lt-item3 {
            width: 56%;
            height: 100%;
            overflow: hidden;
        }

        #container .chat-lt-item3 .p1 {
            font-size: 19px;
            line-height: 19px;
            color: #111;
            margin-left: 10px;
            margin-top: 10px;
        }

        #container .chat-lt-item3 .p2 {
            font-size: 14px;
            line-height: 14px;
            color: #777;
            margin-left: 10px;
            margin-top: 8px;
        }

        #container .chat-lt-item3 .p3 {
            font-size: 14px;
            line-height: 14px;
            color: #888;
            margin-left: 10px;
            margin-top: 14px;
        }

        .chat-lt-2 {
            width: 100%;
            height: 90%;
            overflow-y: scroll;
        }

        .chat-cont1 {
            width: 100%;
            height: 90px;
            background-color: #fff;
            border-bottom: 1px solid #ddd;
            position: absolute;
            float: none;
            top: 0px;
            z-index: 1;
        }

            .chat-cont1 .col-50 {
                width: 50%;
            }

            .chat-cont1 .col-45 {
                width: 45%;
            }

        #chat-cont1-0 {
            display: none;
        }

        #container #chat-cont1-0 p {
            font-size: 30px;
            font-weight: bold;
            margin: 0;
            margin-top: 20px;
        }

        #container #chat-cont1-1 .p1 {
            margin: 0;
            font-weight: bold;
            font-size: 20px;
            line-height: 20px;
            color: #111;
            margin-left: 25px;
            margin-top: 25px;
        }

        #container #chat-cont1-1 .p2 {
            margin: 0;
            font-size: 14px;
            line-height: 14px;
            color: #777;
            margin-left: 25px;
            margin-top: 7px;
        }

        #container #chat-cont1-2 .p1 {
            margin: 0;
            font-weight: bold;
            font-size: 20px;
            line-height: 20px;
            color: #111;
            margin-right: 25px;
            margin-top: 25px;
            text-align: right;
        }

        #container #chat-cont1-2 .p2 {
            margin: 0;
            font-size: 12px;
            line-height: 12px;
            color: #777;
            margin-right: 25px;
            margin-top: 7px;
            text-align: right;
        }

        .chat-cont2 {
            width: 100%;
            height: 80%;
            overflow-y: scroll;
            padding: 25px;
            padding-top: 95px;
        }

        .chat-cont3 {
            width: 100%;
            min-height: 90px;
            background-color: #fff;
            position: absolute;
            float: none;
            bottom: 0px;
            border-top: 1px solid #ddd;
        }

        #container .chat-cont3 .divbutton1 {
            margin-top: 20px;
            width: 86%;
            margin-right: 7%;
        }

        #container .chat-cont3 .text1 {
            margin-top: 20px;
            width: 86%;
            margin-left: 12px;
            background-color: transparent;
            border: none;
            font-weight: normal;
            font-size: 17px;
        }

            #container .chat-cont3 .text1:hover {
                background-color: transparent;
                border: none;
            }

            #container .chat-cont3 .text1:active {
                background-color: transparent;
                border: none;
            }

        .chat-mess-cont {
            width: 100%;
            height: auto;
            margin-top: 15px;
        }

        .chat-mess-1 {
            max-width: 60%;
            height: auto;
            padding: 15px;
            font-size: 16px;
            line-height: 23px;
        }

        .chat-mess-2 {
            width: 100%;
            height: auto;
            padding: 7px;
            padding-top: 15px;
            padding-bottom: 13px;
            background-color: transparent;
        }

        .msgformat1 .chat-mess-1 {
            background-color: var(--color-background4);
            color: #fff;
            -webkit-border-radius: 15px 0 15px 15px;
            border-radius: 15px 0 15px 15px;
            float: right;
        }

        #container .msgformat1 .chat-mess-2 .p1 {
            text-align: right;
            font-size: 13px;
            line-height: 13px;
            margin: 0;
            color: #444;
        }

        .msgformat2 .chat-mess-1 {
            background-color: #fff;
            color: #111;
            -webkit-border-radius: 0 15px 15px 15px;
            border-radius: 0 15px 15px 15px;
            float: left;
        }

        #container .msgformat2 .chat-mess-2 .p1 {
            text-align: left;
            font-size: 13px;
            line-height: 13px;
            margin: 0;
            color: #444;
        }

        .chat-bt-ico {
            width: 80%;
            margin-left: 10%;
            height: 40px;
            margin-top: 23px;
        }

        #container .chat-bt-ico:hover p {
            color: #999;
        }

        #container .chat-bt-ico:active p {
            color: #999;
        }

        #container .chat-bt-ico p {
            text-align: center;
            margin: 0;
            margin-left: -2px;
            font-size: 23px;
            margin-top: 6px;
            color: #bbb;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            -webkit-transition: all ease 0.05s;
            transition: all ease 0.05s;
        }

        .chat-bt-sub {
            width: 130px;
            height: 120px;
            background-color: #fff;
            -webkit-border-radius: 8px;
            border-radius: 8px;
            position: absolute;
            float: none;
            bottom: -100px;
            right: 10px;
            display: none;
        }

        #container .chat-bt-sub p {
            text-align: center;
            margin: 0;
            margin-top: 24px;
        }

            #container .chat-bt-sub p a {
                color: #666;
                text-decoration: none;
            }
    }

    @media (max-width: 600px) {

        #messaggi .box-sx {
            width: 100%;
            height: 90vh;
            border-right: 1px solid #ddd;
        }

        #messaggi .box-dx {
            width: 100%;
            height: 100vh;
            background-color: #f2f2f2;
            position: fixed;
            float: none;
            top: 0;
            left: 0;
            z-index: 10;
            display: none;
        }

        .chat-lt-item {
            height: 90px;
            padding: 3px;
        }

            .chat-lt-item:active {
                padding-left: 6px;
            }



        #container .chat-lt-item3 .p1 {
            font-size: 13px;
            line-height: 13px;
            margin-left: 10px;
            margin-top: 13px;
        }

        #container .chat-lt-item3 .p2 {
            font-size: 12px;
            line-height: 12px;
            margin-left: 10px;
        }

        #container .chat-lt-item3 .p3 {
            font-size: 10px;
            line-height: 10px;
            margin-left: 10px;
        }

        .chat-cont1 {
            height: 70px;
        }

            .chat-cont1 .col-50 {
                width: 40%;
            }

        #chat-cont1-0 {
            display: block;
        }

        #container #chat-cont1-1 .p1 {
            font-size: 14px;
            line-height: 14px;
            margin-left: 10px;
            margin-top: 19px;
        }

        #container #chat-cont1-1 .p2 {
            font-size: 12px;
            line-height: 12px;
            margin-left: 10px;
            margin-top: 5px;
        }

        .chat-cont1 .col-45 .col-30 {
            display: none;
        }

        .chat-cont1 .col-45 .col-70 {
            width: 100%;
        }

        #container #chat-cont1-2 .p1 {
            font-size: 14px;
            line-height: 14px;
            margin-right: 10px;
            margin-top: 19px;
        }

        #container #chat-cont1-2 .p2 {
            font-size: 11px;
            line-height: 11px;
            margin-right: 10px;
            margin-top: 5px;
        }

        .chat-bt-ico {
            width: 90%;
            margin-left: 5%;
            margin-top: 14px;
        }

        #container .chat-bt-ico p {
            margin-left: -6px;
            font-size: 20px;
            margin-top: 9px;
        }

        .chat-cont2 {
            padding: 13px;
            padding-top: 70px;
        }

        .chat-mess-1 {
            padding: 13px;
            font-size: 13px;
            line-height: 17px;
        }

        .chat-mess-2 {
            padding-top: 12px;
            padding-bottom: 10px;
        }

        #container .msgformat1 .chat-mess-2 .p1 {
            font-size: 10px;
            line-height: 10px;
        }

        #container .msgformat2 .chat-mess-2 .p1 {
            font-size: 10px;
            line-height: 10px;
        }

        #container .chat-cont3 .col-80 {
            width: 60%;
        }

        #container .chat-cont3 .col-20 {
            width: 40%;
        }

        #container .chat-cont3 .text1 {
            margin-top: 21px;
            width: 86%;
            margin-left: 0;
            font-size: 15px;
        }
    }

    @media (min-width: 601px) and (max-width: 999px) {
        .chat-lt-item {
            height: 90px;
            padding: 3px;
        }

            .chat-lt-item:active {
                padding-left: 6px;
            }

        .chat-lt-item2 {
            display: none;
        }

        .chat-lt-item3 {
            width: 82%;
        }

        #container .chat-lt-item3 .p1 {
            font-size: 13px;
            line-height: 13px;
            margin-left: 10px;
            margin-top: 13px;
        }

        #container .chat-lt-item3 .p2 {
            font-size: 12px;
            line-height: 12px;
            margin-left: 10px;
        }

        #container .chat-lt-item3 .p3 {
            font-size: 12px;
            line-height: 12px;
            margin-left: 10px;
        }

        .chat-cont1 {
            height: 70px;
        }

        #container #chat-cont1-1 .p1 {
            font-size: 15px;
            line-height: 15px;
            margin-left: 10px;
            margin-top: 19px;
        }

        #container #chat-cont1-1 .p2 {
            font-size: 13px;
            line-height: 13px;
            margin-left: 10px;
            margin-top: 5px;
        }

        .chat-cont1 .col-45 .col-30 {
            display: none;
        }

        .chat-cont1 .col-45 .col-70 {
            width: 100%;
        }

        #container #chat-cont1-2 .p1 {
            font-size: 15px;
            line-height: 15px;
            margin-right: 10px;
            margin-top: 19px;
        }

        #container #chat-cont1-2 .p2 {
            font-size: 13px;
            line-height: 13px;
            margin-right: 10px;
            margin-top: 5px;
        }

        .chat-bt-ico {
            width: 90%;
            margin-left: 5%;
            margin-top: 14px;
        }

        #container .chat-bt-ico p {
            margin-left: -4px;
            font-size: 20px;
            margin-top: 9px;
        }

        .chat-cont2 {
            padding: 13px;
            padding-top: 70px;
        }

        .chat-mess-1 {
            padding: 13px;
            font-size: 14px;
            line-height: 18px;
        }

        .chat-mess-2 {
            padding-top: 12px;
            padding-bottom: 10px;
        }

        #container .msgformat1 .chat-mess-2 .p1 {
            font-size: 11px;
            line-height: 11px;
        }

        #container .msgformat2 .chat-mess-2 .p1 {
            font-size: 11px;
            line-height: 11px;
        }

        #container .chat-cont3 .col-80 {
            width: 70%;
        }

        #container .chat-cont3 .col-20 {
            width: 30%;
        }

        #container .chat-cont3 .text1 {
            margin-top: 21px;
            width: 86%;
            margin-left: 0;
            font-size: 15px;
        }
    }

    @media (min-width: 1000px) and (max-width: 1459px) {


        #container .chat-lt-item3 .p1 {
            font-size: 13px;
            line-height: 13px;
            margin-left: 10px;
            margin-top: 13px;
        }

        #container .chat-lt-item3 .p2 {
            font-size: 12px;
            line-height: 12px;
            margin-left: 10px;
        }

        #container .chat-lt-item3 .p3 {
            font-size: 12px;
            line-height: 12px;
            margin-left: 10px;
        }
    }

    /* ########### PB ARCHIVIO*/
    @media all {
        #container .mostraaltri .p1 a:active {
            color: #111;
        }

        #container .mostraaltri .p2 a:active {
            color: #111;
        }

        #container .mostraaltri .p1 a:hover {
            color: #111;
        }

        #container .mostraaltri .p2 a:hover {
            color: #111;
        }

        #container .mostraaltri .p1 a {
            color: #555;
        }

        #container .mostraaltri .p2 a {
            color: #555;
        }

        #container .mostraaltri .p1 {
            font-size: 17px;
            text-transform: uppercase;
        }

        #container .mostraaltri .p2 {
            font-size: 34px;
            margin-top: 5px;
        }

        #btfiltrocont {
            width: 100%;
            height: auto;
            padding-bottom: 22px;
            padding-top: 22px;
            position: fixed;
            float: none;
            z-index: 9990;
            bottom: 0;
            background-color: rgba(0,0,0,0.05);
        }

        #filtrolatcont {
            display: block;
        }

        #filtrolatbt {
            width: 100%;
            height: 60px;
            border-bottom: 1px solid #ccc;
            background-color: transparent;
            margin-bottom: 20px;
            display: none;
        }

        #filt1 {
            width: 32px;
            height: 32px;
            margin-top: 8px;
            background-color: var(--color-text-cont);
            -webkit-border-radius: 4px;
            border-radius: 4px;
            margin-left: 7px;
            -webkit-transition: all ease 0.25s;
            transition: all ease 0.25s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }

            #filt1:active {
                background-color: var(--color-text-cont-hover);
            }

            #filt1 p {
                margin: 0;
                text-align: center;
                font-size: 16px;
                margin-top: 4px;
                color: #fff;
            }

        #filt2 {
            width: auto;
            height: 36px;
            margin-top: 8px;
            background-color: transparent;
            margin-left: 10px;
        }


            #filt2 p {
                font-size: 11px;
                text-transform: uppercase;
                margin-top: 6px;
                color: #333;
            }

        #filtSX {
            width: 100%;
        }

        #filtDX {
            width: 100%;
        }

        .boxcolore {
            width: 50%;
            height: 40px;
            margin-top: 10px;
        }

        .boxcolore1 {
            width: 36px;
            height: 36px;
            margin-top: 2px;
            background-color: #fff;
            border: 1px solid #ccc;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

        .boxcolore1-1 {
            width: 28px;
            height: 28px;
            margin: 3px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }

        .boxcolore1:hover {
            border: 1px solid #777;
        }

        .boxcolore1:active {
            border: 1px solid #777;
        }

        .boxcolore2 {
            width: auto;
            height: 40px;
        }

        #container .boxcolore2 .p1 {
            margin-left: 6px;
            margin-top: 9px;
            font-size: 14px;
        }

        .boxcreaalert {
            width: auto;
            padding: 5px;
            padding-bottom: 3px;
            margin-top: 12px;
        }

            .boxcreaalert i {
               
                position: absolute;
            }

        #container .boxcreaalert p {
            font-size: 13px;
            line-height: 16px;
            margin-left: 28px;
            margin-top: 6px;
            color: var(--color-text1);
        }

        .boxfilterlist {
            width: 100%;
            padding: 5px;
            margin-top: 5px;
        }

        .filter-item {
            width: auto;
            padding: 12px;
            padding-bottom: 11px;
            padding-left: 15px;
            padding-right: 39px;
            margin-right: 5px;
            margin-top: 5px;
            background-color: var(--color-text-cont);
            -webkit-border-radius: 12px;
            border-radius: 12px;
        }

        #container .filter-item p {
            color: #fff;
            font-size: 12px;
            line-height: 12px;
            font-weight: bold;
            margin: 0;
            text-transform: uppercase;
        }

        #container .filter-item i {
            color: #fff;
            font-size: 17px;
            position: absolute;
            right: 7px;
            top: 6px;
        }

        .orderbox0 {
            width: 400px;
            height: 40px;
            margin-left: 7px;
            margin-top: 12px;
        }

        #container .orderbox0 p span {
            font-size: 24px;
            margin-right: 3px;
            color: #111;
        }

        #container .orderbox0 p {
            margin: 0;
            color: #666;
        }

        #container .orderbox0 .p1 span {
            font-size: 22px;
            margin-right: 3px;
        }

        #container .orderbox0 .p1 {
            margin: 0;
            font-size: 15px;
            margin-top: 0;
        }

        #bloccoorder .orderbox0 {
            margin-left: 10px;
        }

        #bloccoorder .orderbox1 {
            margin-top: 8px;
            margin-right: 10px;
        }

        .spaceorder2 .orderbox1 {
            width: 200px;
            height: 30px;
            margin-top: 9px;
        }

            .spaceorder2 .orderbox1 .textDrop1 {
                font-size: 13px;
            }

        .spaceorder2 {
            width: 100%;
            height: auto;
            padding-bottom: 8px;
            border-bottom: 1px solid #ccc;
            margin-bottom: 8px;
        }

        .larc-contSpecial {
            width: 31.3%;
            margin: 1%;
            height: 480px;
            background-color: transparent;
            overflow: hidden;
        }

        .larc-cont {
            width: 31.3%;
            margin: 1%;
            height: 515px;
            background-color: #fcfcfc;
            overflow: hidden;
            -webkit-transition: all ease 0.25s;
            transition: all ease 0.25s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }

            .larc-cont:hover {
                -webkit-box-shadow: 0 0 20px #aaa;
                box-shadow: 0 0 20px #aaa;
            }


        .arc-foto2 {
            position: absolute;
            z-index: 1;
            width: auto;
            padding-left: 6px;
            padding-right: 6px;
            height: 34px;
            right: 8px;
            bottom: 8px;
            background-color: rgba(0,0,0,0.3);
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

        .arc-foto3 {
            position: absolute;
            z-index: 1;
            width: 34px;
            height: 34px;
            right: 8px;
            top: 8px;
            background-color: rgba(0,0,0,0.3);
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

            .arc-foto3:active .menumobile .menuclose1 {
                background: var(--color-background);
            }

            .arc-foto3:active .menumobile .menuclose2 {
                background: var(--color-background);
            }

            .arc-foto3:hover .menumobile .menuclose1 {
                background: var(--color-background);
            }

            .arc-foto3:hover .menumobile .menuclose2 {
                background: var(--color-background);
            }

            .arc-foto3 .menumobile .menuclose1 {
                background-color: #ddd;
                height: 28px;
                width: 2px;
                margin-left: 17px;
                margin-top: 3px;
                transform: rotate(47deg);
                -webkit-transform: rotate(47deg);
                -o-transform: rotate(47deg);
                -moz-transform: rotate(47deg);
                -ms-transform: rotate(47deg);
                position: absolute;
            }

            .arc-foto3 .menumobile .menuclose2 {
                background-color: #ddd;
                height: 28px;
                width: 2px;
                margin-left: 17px;
                margin-top: 3px;
                transform: rotate(-47deg);
                -webkit-transform: rotate(-47deg);
                -o-transform: rotate(-47deg);
                -moz-transform: rotate(-47deg);
                -ms-transform: rotate(-47deg);
                position: absolute;
            }

        #container .arc-foto2 p {
            text-align: center;
            color: #fcfcfc;
            margin: 0;
            font-size: 12px;
            margin-top: 6px;
            text-transform: uppercase
        }

            #container .arc-foto2 p i {
                margin-right: 5px;
            }

        .aborder1 {
            border: 1px solid #007eff;
            background-color: #f4fbff;
        }

        .harc-cont {
            width: 23%;
            margin: 1%;
            height: 515px;
            background-color: #fcfcfc;
            overflow: hidden;
            -webkit-transition: all ease 0.25s;
            transition: all ease 0.25s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }



        .harc-1 {
            width: 100%;
            height: 195px;
            overflow: hidden;
        }

        .harc-2 {
            width: 100%;
            height: 80px;
            padding: 5.5%;
            padding-bottom: 5px;
            padding-top: 5px;
        }

        #container .harc-2 h3 {
            margin: 0;
            padding: 0;
            font-size: 18px;
            line-height: 24px;
            font-weight: bold;
            color: #000;
            margin-top: 7px;
        }

            #container .harc-2 h3 a {
                color: #000;
                font-weight: bold;
            }

        .harc-3 {
            width: 100%;
            height: 70px;
            padding: 5.5%;
            padding-bottom: 5px;
            padding-top: 5px;
            border-bottom: 1px solid #ddd;
        }

        #container .harc-3 p {
            margin: 0;
            padding: 0;
            font-size: 13px;
            line-height: 22px;
            color: #666;
        }

            #container .harc-3 p strong {
                color: #555;
            }

        #container .harc-3 span {
            margin-right: 3px;
        }

            #container .harc-3 span.special {
                float: left;
            }

        .harc-4 {
            width: 100%;
            height: 50px;
            padding: 5.5%;
            padding-bottom: 5px;
            padding-top: 5px;
            border-bottom: 1px solid #ddd;
        }

        #container .harc-4 h4 {
            margin: 0;
            padding: 0;
            font-size: 22px;
            line-height: 24px;
            font-weight: normal;
            color: #000;
            margin-top: 9px;
        }

            #container .harc-4 h4 span {
                margin: 0;
                font-size: 17px;
                margin-right: 3px;
            }

                #container .harc-4 h4 span.special2 {
                    float: right;
                }

        .harc-5 {
            width: 100%;
            height: 40px;
            padding: 5.5%;
            padding-bottom: 5px;
            padding-top: 5px;
            margin-top: 3px;
        }

        .harc-5sx {
            width: auto;
            height: 40px;
        }

        .harc-5sx2 {
            width: 26px;
            height: 40px;
            margin-left: 14px;
        }

            .harc-5sx2 .center2 {
                z-index: 1000;
                margin: 17px auto;
                float: none;
                width: 26px;
                height: 4px;
                overflow: hidden;
                background-color: transparent;
            }

            .harc-5sx2 .center5 {
                background-color: rgba(40,193,52,1);
                height: 4px;
                margin-left: -3px;
            }

        #container .harc-5sx p {
            margin: 0;
            padding: 0;
            font-size: 13px;
            line-height: 20px;
            color: #777;
            margin-top: 8px;
        }

        .harc-5dx {
            width: 86px;
            height: 40px;
            float: right;
        }

        #container .harc-5dx p {
            margin: 0;
            padding: 0;
            font-size: 13px;
            line-height: 20px;
            color: #777;
            margin-top: 8px;
        }

            #container .harc-5dx p i {
                margin-right: 3px;
            }

            #container .harc-5dx p span.special2 {
                float: right;
                font-size: 11px;
            }

        #container .harc-5 p {
            margin: 0;
            padding: 0;
            font-size: 13px;
            line-height: 20px;
            color: #777;
            margin-top: 8px;
        }

        #container .pstato0 {
            color: #777;
        }

        #container .pstato1 {
            color: rgba(40,193,52,1);
            font-weight: bold;
        }

        #container .pstato2 {
            color: rgba(216,154,6,1);
            font-weight: bold;
        }

        .harc-6 {
            width: 93%;
            height: 52px;
            margin: 3.5%;
            margin-bottom: 0;
            margin-top: 0;
            position: absolute;
            float: none;
            bottom: 10px;
            background-color: var(--color-background);
            -webkit-border-radius: 25px;
            border-radius: 25px;
            -webkit-transition: all ease 0.16s;
            transition: all ease 0.16s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }

            .harc-6:hover {
                background-color: var(--color-background-hover);
            }

            .harc-6:active {
                background-color: var(--color-background-hover);
            }

        #container .harc-6 .p3 {
            margin: 0;
            padding: 0;
            font-size: 16px;
            line-height: 16px;
            color: #fff;
            margin-top: 19px;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
        }

        #container .harc-6 .p1 {
            margin: 0;
            padding: 0;
            font-size: 16px;
            line-height: 16px;
            color: #fff;
            margin-top: 11px;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
        }

        #container .harc-6 .p2 {
            margin: 0;
            padding: 0;
            font-size: 12px;
            line-height: 12px;
            color: #fff;
            margin-top: 4px;
            text-align: center;
            font-weight: normal;
        }
    }

    @media (max-width: 400px) {
        #filtrolatcont {
            display: none;
        }

        #filtrolatbt {
            display: block;
        }

        .filter-item {
            padding: 10px;
            padding-bottom: 9px;
            padding-left: 11px;
            padding-right: 31px;
            margin-right: 4px;
            margin-top: 4px;
            -webkit-border-radius: 11px;
            border-radius: 11px;
        }

        #container .filter-item p {
            font-size: 10px;
            line-height: 10px;
        }

        #container .filter-item i {
            font-size: 15px;
            right: 5px;
            top: 3px;
        }

        .spaceorder2 .orderbox1 .textDrop1 {
            padding-left: 5px;
            margin: 0;
        }

        .spaceorder2 .orderbox1 {
            width: 200px;
            height: 30px;
            margin-top: 9px;
            float: left;
            margin-left: 0;
            margin-bottom: 8px;
        }

        .harc-cont {
            width: 98%;
            margin: 1%;
            margin-top: 4%;
            height: 530px;
        }

        .harc-1 {
            height: 210px;
        }

        .larc-cont {
            width: 98%;
            margin: 1%;
            margin-top: 4%;
            height: 545px;
        }

        .larc-contSpecial {
            width: 98%;
            margin: 1%;
            margin-top: 4%;
        }

        #container .harc-3 p {
            font-size: 15px;
            line-height: 25px;
        }

        #container .harc-2 h3 {
            font-size: 22px;
            line-height: 25px;
            margin-top: 13px;
        }

        #container .harc-4 h4 {
            font-size: 22px;
            line-height: 20px;
            margin-top: 12px;
        }

            #container .harc-4 h4 span {
                font-size: 18px;
                margin-right: 2px;
            }

        .harc-6 {
            height: 56px;
            bottom: 15px;
        }

        #container .harc-6 .p3 {
            font-size: 17px;
            line-height: 12px;
            margin-top: 23px;
        }

        #container .harc-6 .p1 {
            font-size: 17px;
            line-height: 12px;
            margin-top: 13px;
        }

        #container .harc-6 .p2 {
            font-size: 14px;
            line-height: 8px;
            margin-top: 9px;
        }
    }

    @media (min-width: 401px) AND (max-width:600px) {
        #filtrolatcont {
            display: none;
        }

        #filtrolatbt {
            display: block;
        }

        .filter-item {
            padding: 10px;
            padding-bottom: 9px;
            padding-left: 11px;
            padding-right: 31px;
            margin-right: 4px;
            margin-top: 4px;
            -webkit-border-radius: 11px;
            border-radius: 11px;
        }

        #container .filter-item p {
            font-size: 10px;
            line-height: 10px;
        }

        #container .filter-item i {
            font-size: 15px;
            right: 5px;
            top: 3px;
        }

        .spaceorder2 .orderbox1 .textDrop1 {
            padding-left: 5px;
            margin: 0;
        }

        .spaceorder2 .orderbox1 {
            width: 200px;
            height: 30px;
            margin-top: 9px;
            float: left;
            margin-left: 0;
            margin-bottom: 8px;
        }

        .arc-foto2 {
            display: none;
        }

        .harc-cont {
            width: 48%;
            margin: 1%;
        }

        .larc-cont {
            width: 48%;
            margin: 1%;
        }

        .larc-contSpecial {
            width: 48%;
            margin: 1%;
        }

        #container .harc-3 p {
            font-size: 11px;
            line-height: 17px;
        }

        #container .harc-3 .no769 {
            display: none;
        }

        #container .harc-2 h3 {
            font-size: 16px;
            line-height: 20px;
        }

        #container .harc-4 h4 {
            font-size: 17px;
            line-height: 20px;
            margin-top: 12px;
        }

            #container .harc-4 h4 span {
                font-size: 13px;
                margin-right: 2px;
            }

        #container .harc-5 p span.special2 {
            display: none;
        }

        .harc-6 {
            height: 46px;
            bottom: 10px;
        }

        #container .harc-6 .p3 {
            font-size: 12px;
            line-height: 12px;
            margin-top: 18px;
        }

        #container .harc-6 .p1 {
            font-size: 12px;
            line-height: 12px;
            margin-top: 10px;
        }

        #container .harc-6 .p2 {
            font-size: 8px;
            line-height: 8px;
            margin-top: 5px;
        }
    }

    @media (min-width: 601px) and (max-width: 768px) {
        #filtrolatcont {
            display: none;
        }

        #filtrolatbt {
            display: block;
        }

        #filtSX {
            width: 50%;
            padding: 2%;
        }

        #filtDX {
            width: 50%;
            padding: 2%;
        }

        .spaceorder2 .orderbox0 {
            width: auto;
        }

        .harc-cont {
            width: 31%;
            margin: 1%;
        }

        .larc-cont {
            width: 31%;
            margin: 1%;
        }

        .larc-contSpecial {
            width: 31%;
            margin: 1%;
        }

        #container .harc-2 h3 {
            font-size: 16px;
            line-height: 20px;
        }

        #container .harc-3 p {
            font-size: 11px;
            line-height: 17px;
        }

        #container .harc-3 .no769 {
            display: none;
        }

        #container .harc-4 h4 {
            font-size: 17px;
            line-height: 20px;
            margin-top: 12px;
        }

            #container .harc-4 h4 span {
                font-size: 13px;
                margin-right: 2px;
            }

        #container .harc-5 p span.special2 {
            display: none;
        }

        .harc-6 {
            height: 46px;
            bottom: 10px;
        }

        #container .harc-6 .p3 {
            font-size: 12px;
            line-height: 12px;
            margin-top: 18px;
        }

        #container .harc-6 .p1 {
            font-size: 12px;
            line-height: 12px;
            margin-top: 10px;
        }

        #container .harc-6 .p2 {
            font-size: 8px;
            line-height: 8px;
            margin-top: 5px;
        }
    }

    @media (min-width: 769px) and (max-width: 980px) {
        #filtrolatcont {
            display: none;
        }

        #filtrolatbt {
            display: block;
        }

        #filtSX {
            width: 50%;
            padding: 2%;
        }

        #filtDX {
            width: 50%;
            padding: 2%;
        }

        .harc-cont {
            width: 31%;
            margin: 1%;
        }

        .larc-cont {
            width: 31%;
            margin: 1%;
        }

        .larc-contSpecial {
            width: 31%;
            margin: 1%;
        }

        #container .harc-4 h4 {
            font-size: 19px;
            line-height: 20px;
            margin-top: 12px;
        }

            #container .harc-4 h4 span {
                font-size: 14px;
                margin-right: 2px;
            }
    }

    @media (min-width: 981px) and (max-width: 1279px) {
        #container .harc-4 h4 {
            font-size: 20px;
            margin-top: 9px;
        }

            #container .harc-4 h4 span {
                font-size: 15px;
                margin-right: 3px;
            }
    }

    @media (min-width: 1900px) {
        .harc-cont {
            width: 18%;
            margin: 1%;
            background-color: #fcfcfc;
            overflow: hidden;
        }

        .larc-cont {
            width: 23%;
            margin: 1%;
            background-color: #fcfcfc;
            overflow: hidden;
        }

        .larc-contSpecial {
            width: 23%;
            margin: 1%;
        }

        .harc-1 {
            width: 100%;
            overflow: hidden;
        }
    }

    /* ################### UT ARCHIVIO*/
    @media all {

        .statoasta1 .stato-ann-ico {
            background-color: #2a9822;
        }

        #container .statoasta1 .stato-ann-ico p {
            color: #fff;
        }

        #container .statoasta1 .stato-ann-text .p1 {
            color: #2a9822;
        }

        .statoasta2 .stato-ann-ico {
            background-color: rgba(216,154,6,1);
        }

        #container .statoasta2 .stato-ann-ico p {
            color: #fff;
        }

        #container .statoasta2 .stato-ann-text .p1 {
            color: rgba(216,154,6,1);
        }

        .statoasta3 .stato-ann-ico {
            background-color: #dc2121;
        }

        #container .statoasta3 .stato-ann-ico p {
            color: #fff;
        }

        #container .statoasta3 .stato-ann-text .p1 {
            color: #dc2121;
        }

        .stato-ann-ico-cont {
            width: 5%;
            height: 50px;
        }

        .stato-ann-ico {
            width: 50px;
            height: 50px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            float: left;
        }

        #container .stato-ann-ico p {
            text-align: center;
            margin: 0;
            font-size: 26px;
            margin-top: 12px;
        }

        .stato-ann-text {
            width: 95%;
            min-height: 50px;
        }

        #container .stato-ann-text .p1 {
            font-size: 21px;
            line-height: 21px;
            margin: 0;
            margin-top: 2px;
            margin-left: 20px;
        }

        #container .stato-ann-text .p2 {
            font-size: 15px;
            line-height: 18px;
            margin: 0;
            margin-top: 7px;
            margin-left: 20px;
        }

        .of-1 {
            width: 28%;
            height: 50px;
        }

        .of-1-img {
            width: 50px;
            height: 50px;
            overflow: hidden;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #eee;
            margin-left: 5px;
        }

            .of-1-img p {
                text-align: center;
                margin: 0;
                color: #bbb;
                font-size: 19px;
                margin-top: 13px;
            }

        .of-1-text {
            width: auto;
            height: 50px;
            margin-left: 17px;
        }

            .of-1-text .p1 {
                margin-top: 16px;
                font-size: 21px;
                line-height: 16px;
            }

            .of-1-text .p2 {
                margin-top: 4px;
                font-size: 13px;
                line-height: 13px;
                color: #666;
            }

        .of-2 {
            width: 16%;
            height: 50px;
            padding: 12px;
        }

            .of-2 p {
                text-align: center;
                margin: 0;
                margin-top: 7px;
                font-size: 14px;
                line-height: 14px;
            }

        .of-3 {
            width: 16%;
            height: 50px;
            padding: 12px;
        }

            .of-3 p {
                text-align: center;
                margin: 0;
                margin-top: 4px;
                font-size: 19px;
                line-height: 19px;
            }

                .of-3 p span {
                    font-size: 15px;
                    margin-right: 5px;
                }

        .of-4 {
            width: 40%;
            height: 50px;
        }

        .of-4-1 {
            width: auto;
            height: 50px;
            float: right;
            padding-left: 5px;
            padding-right: 10px;
            margin-right: 10px;
            padding: 12px;
        }

        .of-4 p {
            text-align: right;
            margin: 0;
            margin-top: 6px;
            font-size: 15px;
            line-height: 15px;
        }

        .of-4-2 {
            width: 50px;
            height: 50px;
            float: right;
            margin-right: 6px;
        }

        .of-bt {
            width: 50px;
            height: 50px;
            border: 1px solid #ccc;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
            -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
        }

            .of-bt:hover {
                border: 1px solid var(--color-text-cont);
            }

            .of-bt:active {
                border: 1px solid var(--color-text-cont);
            }

            .of-bt:hover p {
                color: var(--color-text-cont);
            }

            .of-bt:active p {
                color: var(--color-text-cont);
            }

            .of-bt p {
                text-align: center;
                margin: 0;
                font-size: 18px;
                color: #bbb;
                margin-top: 15px;
                -webkit-animation-duration: 0.2s;
                animation-duration: 0.2s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
            }

        .of-bt2 {
            width: 50px;
            height: 50px;
            border: 1px solid var(--color-text-cont);
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
            -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
        }

            .of-bt2:hover {
                border: 1px solid var(--color-text-cont-hover);
            }

            .of-bt2:active {
                border: 1px solid var(--color-text-cont-hover);
            }

            .of-bt2:hover p {
                color: var(--color-text-cont-hover);
            }

            .of-bt2:active p {
                color: var(--color-text-cont-hover);
            }

            .of-bt2 p {
                text-align: center;
                margin: 0;
                font-size: 18px;
                color: var(--color-text-cont);
                margin-top: 15px;
                -webkit-animation-duration: 0.2s;
                animation-duration: 0.2s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
            }

        .alert-sx {
            width: 70%;
            height: auto;
        }

        #container .alert-sx .p1 {
            font-size: 22px;
            line-height: 26px;
        }

        #container .alert-sx .p2 {
            font-size: 16px;
            line-height: 21px;
            margin-top: 15px;
            color: #666;
        }

        #container .alert-sx .p3 {
            font-size: 13px;
            line-height: 19px;
            margin-top: 25px;
            font-weight: bold;
        }

        .alert-dx {
            width: 25%;
            height: 70px;
            float: right;
            padding-left: 30px;
        }

        #container .alert-dx .divbuttonwhite {
            float: right;
            margin-top: 0px;
        }

        .orderbox1 {
            width: 220px;
            height: 100%;
            float: right;
            margin-right: 5px;
        }

            .orderbox1 .textDrop1 {
                height: 32px;
                width: 100%;
                font-size: 14px;
                background-color: transparent;
                border: none;
            }

                .orderbox1 .textDrop1:hover {
                    background-color: transparent;
                    border: none;
                }

                .orderbox1 .textDrop1:active {
                    background-color: transparent;
                    border: none;
                }

        .spaceorder {
            width: 99%;
            margin: 0.5%;
            height: auto;
            padding-bottom: 8px;
            border-bottom: 1px solid #ccc;
            margin-top: 5px;
        }

        .arc-1 {
            width: 18%;
            height: 150px;
            border: 1px solid #ddd;
            overflow: hidden;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

            .arc-1 img {
                z-index: 1;
            }

        .arc-num {
            position: absolute;
            z-index: 1;
            width: auto;
            padding-left: 6px;
            padding-right: 6px;
            height: 34px;
            left: 8px;
            bottom: 8px;
            background-color: rgba(0,0,0,0.3);
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

        #container .arc-num p {
            text-align: center;
            color: #fcfcfc;
            margin: 0;
            font-size: 12px;
            margin-top: 6px;
            text-transform: uppercase
        }

        .arc-promo {
            position: absolute;
            z-index: 1;
            width: auto;
            padding-left: 8px;
            padding-right: 9px;
            height: 26px;
            right: 8px;
            top: 12px;
            background-color: var(--color-background4);
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }

        #container .arc-promo p {
            text-align: center;
            color: #fcfcfc;
            margin: 0;
            font-size: 11px;
            margin-top: 2px;
            text-transform: uppercase
        }

            #container .arc-promo p i {
                margin-right: 3px;
            }

        #container .arc-num p i {
            margin-right: 5px;
        }

        .arc-foto {
            position: absolute;
            z-index: 1;
            width: auto;
            padding-left: 6px;
            padding-right: 6px;
            height: 34px;
            left: 8px;
            bottom: 8px;
            background-color: rgba(0,0,0,0.3);
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

        #container .arc-foto p {
            text-align: center;
            color: #fcfcfc;
            margin: 0;
            font-size: 12px;
            margin-top: 6px;
            text-transform: uppercase
        }

            #container .arc-foto p i {
                margin-right: 5px;
            }

        .arc-id {
            position: absolute;
            z-index: 1;
            width: auto;
            padding-left: 6px;
            padding-right: 6px;
            height: 34px;
            left: 8px;
            top: 8px;
            background-color: rgba(0,0,0,0.3);
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }
        .arc-preferiti {
            position: absolute;
            z-index: 1;
            width: 40px;
            padding-left: 6px;
            padding-right: 6px;
            height: 34px;
            right: 8px;
            top: 8px;
            background-color:  transparent;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }
        #container .arc-preferiti p i {
            text-align: center;
            margin: 0;
            font-size: 21px;
            margin-top: 8px;
        }
        #container .arc-id p {
            text-align: center;
            color: #fcfcfc;
            margin: 0;
            font-size: 14px;
            margin-top: 6px;
        }


        .arc-2 {
            width: 50%;
            height: auto;
            padding-left: 25px;
            padding-right: 25px;
            border-right: 1px solid #ddd;
        }

        #container .arc-2 .p1 {
            font-size: 22px;
            line-height: 26px;
            margin-top: 5px;
            color: #000;
        }

        #container .arc-2 .p2 {
            font-size: 14px;
            line-height: 23px;
            color: #888;
            margin-top: 14px;
        }


            #container .arc-2 .p2 span {
                margin-right: 10px;
            }

            #container .arc-2 .p2 strong {
                font-size: 16px;
                line-height: 23px;
                color: #666;
            }

        #container .arc-2 .p2bis {
            font-size: 15px;
            line-height: 23px;
            color: #666;
            margin-top: 14px;
        }

            #container .arc-2 .p2bis a {
                color: #666;
            }

            #container .arc-2 .p2bis span {
            }

        #container .arc-2 .p3 {
            font-size: 16px;
            line-height: 21px;
            color: #888;
        }

        .arc-stato0 {
            width: auto;
            padding-left: 15px;
            padding-right: 15px;
            height: 38px;
            background-color: rgba(0,0,0,0.03);
            border: 1px solid rgba(0,0,0,0.17);
            -webkit-border-radius: 24px;
            border-radius: 24px;
            margin-top: 11px;
        }

        #container .arc-stato0 p {
            text-align: center;
            color: rgba(0,0,0,0.4);
            margin: 0;
            font-size: 12px;
            margin-top: 7px;
            font-weight: bold;
            text-transform: uppercase;
        }

        .arc-stato1 {
            width: auto;
            padding-left: 15px;
            padding-right: 15px;
            height: 38px;
            background-color: rgba(40,193,52,0.08);
            border: 1px solid rgba(40,193,52,0.27);
            -webkit-border-radius: 24px;
            border-radius: 24px;
            margin-top: 11px;
        }

        #container .arc-stato1 p {
            text-align: center;
            color: rgba(40,193,52,1);
            margin: 0;
            font-size: 12px;
            margin-top: 7px;
            font-weight: bold;
            text-transform: uppercase;
        }

        .arc-stato2 {
            width: auto;
            padding-left: 15px;
            padding-right: 15px;
            height: 38px;
            background-color: rgba(216,154,6,0.08);
            border: 1px solid rgba(216,154,6,0.27);
            -webkit-border-radius: 24px;
            border-radius: 24px;
            margin-top: 11px;
        }

        #container .arc-stato2 p {
            text-align: center;
            color: rgba(216,154,6,1);
            margin: 0;
            font-size: 12px;
            margin-top: 7px;
            font-weight: bold;
            text-transform: uppercase;
        }

        .arc-info {
            width: auto;
            padding-left: 9px;
            height: 38px;
            margin-top: 11px;
        }

        #container .arc-info p {
            color: #666;
            margin: 0;
            font-size: 12px;
            margin-top: 7px;
            margin-left: 32px;
            font-weight: bold;
            text-transform: uppercase;
        }

        #container .arc-info i {
            position: absolute;
            color: #aaa;
            font-size: 18px;
            top: 6px;
            font-style: normal;
        }

        #container .arc-info p strong {
            color: #666;
        }

        .arc-3 {
            width: 32%;
            height: auto;
            float: right;
            padding-left: 20px;
            padding-right: 20px;
        }

        .arc-stat {
            width: 33%;
            height: auto;
        }

        .arc-bt {
            width: 96%;
            margin-left: 2%;
            height: auto;
            margin-top: 33px;
        }

        .arc-stat-bid {
            width: 100%;
            position: absolute;
            bottom: -25px;
            float: none;
            background-color: transparent;
            font-size: 10px;
            line-height: 10px;
            color: #666;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            text-align: center;
        }

        #container .arc-stat .p1 {
            text-align: center;
            color: #bbb;
            margin: 0;
            font-size: 20px;
            margin-top: 8px;
        }

        #container .arc-stat .p2 {
            text-align: center;
            margin: 0;
            font-size: 22px;
            margin-top: 15px;
        }

        #container .arc-stat .p3 {
            text-align: center;
            margin: 0;
            font-size: 12px;
            margin-top: 18px;
        }

        .border0 {
            border: 3px solid #fff;
        }

        .border1 {
            border: 3px solid var(--color-text1);
        }

        .box100arc {
            width: 99%;
            height: auto;
            margin: 0.5%;
            padding: 18px;
            background-color: #fff;
            -webkit-transition: all ease 0.20s;
            transition: all ease 0.20s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            -webkit-box-shadow: 0 2px 15px #ccc;
            box-shadow: 0 2px 15px #ccc;
        }

            .box100arc:active {
                margin-left: 0.8%;
            }

            .box100arc:hover {
                -webkit-box-shadow: 0 0 15px #ccc;
                box-shadow: 0 0 15px #ccc;
            }
    }

    @media (max-width: 340px) {
        .orderbox0 {
            display:none;
        }
        #itemoff.bb2 {
            border-bottom: 1px solid #bbb;
        }

        .of-1 {
            width: 100%;
            height: auto;
            margin-top: 25px;
        }

        .of-1-img {
            width: 50px;
            height: 50px;
            overflow: hidden;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #eee;
            margin-left: 5px;
        }

            .of-1-img p {
                text-align: center;
                margin: 0;
                color: #bbb;
                font-size: 19px;
                margin-top: 13px;
            }

        .of-1-text {
            width: auto;
            height: 50px;
            margin-left: 17px;
        }

            .of-1-text .p1 {
                margin-top: 16px;
                font-size: 21px;
                line-height: 16px;
            }

            .of-1-text .p2 {
                margin-top: 4px;
                font-size: 13px;
                line-height: 13px;
                color: #666;
            }

        .of-2 {
            width: 60%;
            height: 50px;
            padding: 6px;
            margin-top: 25px;
        }

            .of-2 p {
                text-align: left;
                margin: 0;
                margin-top: 8px;
                font-size: 13px;
                line-height: 13px;
                margin-left: 2px;
            }

        .of-3 {
            width: 40%;
            height: 50px;
            padding: 6px;
            margin-top: 25px;
        }

            .of-3 p {
                text-align: right;
                margin: 0;
                margin-top: 7px;
                font-size: 14px;
                line-height: 14px;
                font-weight: bold;
                margin-right: 2px;
            }

                .of-3 p span {
                    font-size: 15px;
                    margin-right: 5px;
                }

        .of-4 {
            width: 100%;
            height: auto;
        }

        .of-4-1 {
            float: left;
            padding: 0;
            height: auto;
            margin-top: 15px;
            margin-bottom: 15px;
        }

            .of-4-1 p {
                margin-top: 16px;
            }

        .of-4-2 {
            height: auto;
            padding: 0;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .stato-ann-ico-cont {
            width: 12%;
            margin-left: 3%;
            display: none;
        }

        .stato-ann-ico {
            width: 36px;
            height: 36px;
        }

        #container .stato-ann-ico p {
            font-size: 17px;
            margin-top: 6px;
        }

        .stato-ann-text {
            width: 100%;
            min-height: 50px;
        }

        #container .stato-ann-text .p1 {
            font-size: 18px;
            line-height: 18px;
            margin: 0;
            margin-top: 2px;
            margin-left: 15px;
        }

        #container .stato-ann-text .p2 {
            font-size: 14px;
            line-height: 16px;
            margin: 0;
            margin-top: 7px;
            margin-left: 15px;
            margin-right: 10px;
        }

        .alert-sx {
            width: 100%;
            height: auto;
        }


        .alert-dx {
            width: 100%;
            height: 70px;
            float: left;
            padding-left: 0;
            border-top: 1px solid #eee;
            padding-top: 30px;
            margin-top: 30px;
        }

        #container .alert-dx .divbuttonwhite {
            float: left;
            margin-top: 0;
        }

        .arc-1 {
            width: 100%;
            height: 28vh;
        }

        .arc-2 {
            width: 100%;
            padding: 0;
            border: none;
            padding-top: 25px;
            padding-bottom: 25px;
            border-bottom: 1px solid #ddd;
        }

        #container .arc-2 .p1 {
            font-size: 22px;
            line-height: 24px;
        }

        #container .arc-2 .p2 {
            font-size: 13px;
            line-height: 22px;
        }

            #container .arc-2 .p2 strong {
                font-size: 15px;
            }

        .arc-info {
            width: auto;
            padding-left: 0;
            height: auto;
            margin-top: 20px;
        }

        .arc-3 {
            width: 100%;
            padding: 0;
            margin-top: 20px;
        }

        .box100arc {
            margin-top: 15px;
            padding: 13px;
            padding-bottom: 30px;
        }
    }

    @media (min-width: 341px) and (max-width: 480px) {
        .orderbox0 {
            display: none;
        }

        #itemoff.bb2 {
            border-bottom: 1px solid #bbb;
        }

        .of-1 {
            width: 100%;
            height: auto;
            margin-top: 25px;
        }

        .of-1-img {
            width: 50px;
            height: 50px;
            overflow: hidden;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #eee;
            margin-left: 5px;
        }

            .of-1-img p {
                text-align: center;
                margin: 0;
                color: #bbb;
                font-size: 19px;
                margin-top: 13px;
            }

        .of-1-text {
            width: auto;
            height: 50px;
            margin-left: 17px;
        }

            .of-1-text .p1 {
                margin-top: 16px;
                font-size: 21px;
                line-height: 16px;
            }

            .of-1-text .p2 {
                margin-top: 4px;
                font-size: 13px;
                line-height: 13px;
                color: #666;
            }

        .of-2 {
            width: 60%;
            height: 50px;
            padding: 6px;
            margin-top: 25px;
        }

            .of-2 p {
                text-align: left;
                margin: 0;
                margin-top: 8px;
                font-size: 13px;
                line-height: 13px;
                margin-left: 2px;
            }

        .of-3 {
            width: 40%;
            height: 50px;
            padding: 6px;
            margin-top: 25px;
        }

            .of-3 p {
                text-align: right;
                margin: 0;
                margin-top: 7px;
                font-size: 14px;
                line-height: 14px;
                font-weight: bold;
                margin-right: 2px;
            }

                .of-3 p span {
                    font-size: 15px;
                    margin-right: 5px;
                }

        .of-4 {
            width: 100%;
            height: auto;
        }

        .of-4-1 {
            float: left;
            padding: 0;
            height: auto;
            margin-top: 15px;
            margin-bottom: 15px;
        }

            .of-4-1 p {
                margin-top: 16px;
            }

        .of-4-2 {
            height: auto;
            padding: 0;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .stato-ann-ico-cont {
            width: 12%;
            margin-left: 3%;
            display: none;
        }

        .stato-ann-ico {
            width: 36px;
            height: 36px;
        }

        #container .stato-ann-ico p {
            font-size: 17px;
            margin-top: 6px;
        }

        .stato-ann-text {
            width: 100%;
            min-height: 50px;
        }

        #container .stato-ann-text .p1 {
            font-size: 20px;
            line-height: 20px;
            margin: 0;
            margin-top: 2px;
            margin-left: 15px;
        }

        #container .stato-ann-text .p2 {
            font-size: 14px;
            line-height: 17px;
            margin: 0;
            margin-top: 8px;
            margin-left: 15px;
            margin-right: 10px;
        }

        .alert-sx {
            width: 100%;
            height: auto;
        }


        .alert-dx {
            width: 100%;
            height: 70px;
            float: left;
            padding-left: 0;
            border-top: 1px solid #eee;
            padding-top: 30px;
            margin-top: 30px;
        }

        #container .alert-dx .divbuttonwhite {
            float: left;
            margin-top: 0;
        }

        .arc-1 {
            width: 100%;
            height: 28vh;
        }

        .arc-2 {
            width: 100%;
            padding: 0;
            border: none;
            padding-top: 25px;
            padding-bottom: 25px;
            border-bottom: 1px solid #ddd;
        }

        .arc-info {
            width: auto;
        }

        .arc-3 {
            width: 100%;
            padding: 0;
            margin-top: 20px;
        }

        .box100arc {
            padding: 15px;
            padding-bottom: 30px;
            width: 90%;
            margin-left: 5%;
            margin-right: 5%;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        .orderbox0 {
            display: none;
        }

        #itemoff.bb2 {
            border-bottom: 1px solid #bbb;
        }

        .of-1 {
            width: 100%;
            height: auto;
            margin-top: 25px;
        }

        .of-1-img {
            width: 50px;
            height: 50px;
            overflow: hidden;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #eee;
            margin-left: 5px;
        }

            .of-1-img p {
                text-align: center;
                margin: 0;
                color: #bbb;
                font-size: 19px;
                margin-top: 13px;
            }

        .of-1-text {
            width: auto;
            height: 50px;
            margin-left: 17px;
        }

            .of-1-text .p1 {
                margin-top: 16px;
                font-size: 21px;
                line-height: 17px;
            }

            .of-1-text .p2 {
                margin-top: 4px;
                font-size: 14px;
                line-height: 14px;
                color: #666;
            }

        .of-2 {
            width: 60%;
            height: 50px;
            padding: 6px;
            margin-top: 25px;
        }

            .of-2 p {
                text-align: left;
                margin: 0;
                margin-top: 8px;
                font-size: 14px;
                line-height: 14px;
                margin-left: 2px;
            }

        .of-3 {
            width: 40%;
            height: 50px;
            padding: 6px;
            margin-top: 25px;
        }

            .of-3 p {
                text-align: right;
                margin: 0;
                margin-top: 7px;
                font-size: 15px;
                line-height: 15px;
                font-weight: bold;
                margin-right: 3px;
            }

                .of-3 p span {
                    font-size: 15px;
                    margin-right: 5px;
                }

        .of-4 {
            width: 100%;
            height: auto;
        }

        .of-4-1 {
            float: left;
            padding: 0;
            height: auto;
            margin-top: 15px;
            margin-bottom: 15px;
        }

            .of-4-1 p {
                margin-top: 16px;
            }

        .of-4-2 {
            height: auto;
            padding: 0;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .stato-ann-ico-cont {
            width: 12%;
            margin-left: 3%;
            display: none;
        }

        .stato-ann-ico {
            width: 36px;
            height: 36px;
        }

        #container .stato-ann-ico p {
            font-size: 17px;
            margin-top: 6px;
        }

        .stato-ann-text {
            width: 100%;
            min-height: 50px;
        }

        #container .stato-ann-text .p1 {
            font-size: 21px;
            line-height: 21px;
            margin: 0;
            margin-top: 2px;
            margin-left: 15px;
        }

        #container .stato-ann-text .p2 {
            font-size: 15px;
            line-height: 18px;
            margin: 0;
            margin-top: 8px;
            margin-left: 15px;
            margin-right: 10px;
        }

        .alert-sx {
            width: 65%;
        }

        .arc-1 {
            width: 25%;
            height: 150px;
        }

        .arc-2 {
            width: 75%;
            border: none;
            border-bottom: none;
            padding-bottom: 20px;
        }

        .arc-info {
            width: auto;
        }

        .arc-3 {
            width: 100%;
            padding: 0;
            float: right;
            border-top: 1px solid #ddd;
            padding-top: 20px;
        }

        .box100arc {
            padding-bottom: 30px;
        }
    }

    @media (min-width: 769px) and (max-width: 980px) {
        .arc-info {
            width: auto;
        }

        .of-1 {
            width: 25%;
            height: 50px;
        }

        .of-1-img {
            display: none;
        }

        .of-1-text {
            margin-left: 0;
        }

            .of-1-text .p1 {
                margin-top: 16px;
                font-size: 21px;
                line-height: 13px;
            }

            .of-1-text .p2 {
                margin-top: 4px;
                font-size: 12px;
                line-height: 12px;
                color: #666;
            }

        .of-2 {
            width: 18%;
            height: 50px;
            padding: 12px;
            padding-left: 5px;
            padding-right: 5px;
        }

            .of-2 p {
                text-align: center;
                margin: 0;
                margin-top: 8px;
                font-size: 11px;
                line-height: 11px;
            }

        .of-3 {
            width: 15%;
            height: 50px;
            padding: 12px;
        }

            .of-3 p {
                text-align: center;
                margin: 0;
                margin-top: 6px;
                font-size: 14px;
                line-height: 14px;
            }

                .of-3 p span {
                    font-size: 15px;
                    margin-right: 5px;
                }

        .arc-1 {
            width: 25%;
            height: 150px;
        }

        .arc-2 {
            width: 75%;
            border: none;
            border-bottom: none;
            padding-bottom: 20px;
        }

        .arc-info {
            width: auto;
        }

        .arc-3 {
            width: 100%;
            padding: 0;
            float: right;
            border-top: 1px solid #ddd;
            padding-top: 20px;
        }

        .box100arc {
            padding-bottom: 30px;
        }
    }

    @media (min-width: 981px) and (max-width: 1279px) {
        .of-1 {
            width: 25%;
            height: 50px;
        }

        .of-1-img {
            display: none;
        }

        .of-1-text {
            margin-left: 0;
        }

            .of-1-text .p1 {
                margin-top: 16px;
                font-size: 21px;
                line-height: 13px;
            }

            .of-1-text .p2 {
                margin-top: 4px;
                font-size: 12px;
                line-height: 12px;
                color: #666;
            }

        .of-2 {
            width: 18%;
            height: 50px;
            padding: 12px;
            padding-left: 5px;
            padding-right: 5px;
        }

            .of-2 p {
                text-align: center;
                margin: 0;
                margin-top: 8px;
                font-size: 11px;
                line-height: 11px;
            }

        .of-3 {
            width: 15%;
            height: 50px;
            padding: 12px;
        }

            .of-3 p {
                text-align: center;
                margin: 0;
                margin-top: 6px;
                font-size: 14px;
                line-height: 14px;
            }

                .of-3 p span {
                    font-size: 15px;
                    margin-right: 5px;
                }
    }
    /* ################### UT*/
    @media all {
        .menufix-cont1 {
            width: 20%;
            height: 40px;
        }

        #container .menufix-cont1 p {
            margin: 0;
            text-align: center;
            font-size: 22px;
            margin-top: 8px;
        }

        .menufix-cont2 {
            width: 80%;
            height: 40px;
        }

        #container .menufix-cont2 p {
            margin: 0;
            font-size: 15px;
            margin-left: 10px;
            margin-top: 8px;
        }

            #container .menufix-cont2 p span {
                font-size: 18px;
                margin-right: 5px;
            }

        .menufix-cont {
            width: 94%;
            margin-left: 3%;
            height: 40px;
        }

        #menufixed {
            width: 100%;
            min-height: 40px;
            padding: 10px;
            background-color: #fff;
            float: none;
            position: fixed;
            bottom: 0;
            z-index: 9999;
            display: none;
            -webkit-box-shadow: 0 0 10px #bbb;
            box-shadow: 0 0 10px #bbb;
        }

        #container .formatavviso h2 {
            font-size: 28px;
            line-height: 32px;
            padding: 0;
            margin-bottom: 30px;
            margin-top: 80px;
        }

        #container .formatavviso h3 {
            font-size: 21px;
            line-height: 30px;
            padding: 0;
            margin: 0;
            margin-bottom: 40px;
            margin-top: 0;
            text-align: left;
            font-weight: normal;
        }

        #container .formatavviso .p3 {
            margin-top: 20px;
            font-size: 16px;
            line-height: 25px;
            color: #666;
        }

        #container .formatavviso .p4 {
            margin-top: 25px;
            font-size: 16px;
            line-height: 24px;
            color: #666;
        }

        #container .formatavviso .p5 {
            margin-top: 25px;
            font-size: 16px;
            line-height: 24px;
            color: #666;
        }

        #container .formatavviso .p1 {
            margin-top: 15px;
        }

        #container .formatavviso .p2 {
            font-size: 13px;
        }

        #container .formatavviso .pfirma {
            font-style: italic;
            color: #666;
            font-size: 15px;
        }

        #menuutcont {
            width: 100%;
            overflow: hidden;
            height: auto;
        }

        #container #menuutcont p {
            margin: 9px;
            margin-top: 18px;
        }

            #container #menuutcont p span {
                font-size: 19px;
                color: var(--color-text1);
            }

        #container #menuutcont h6 {
            margin: 9px;
            margin-top: 10px;
            font-size: 15px;
            line-height: 18px;
            padding: 0;
            color: #666;
            font-weight: normal;
        }

        #container #menuutcont .divbutton1 h6 {
            padding: 0;
            margin: 0;
            text-align: center;
            margin-top: 23px;
            font-size: 16px;
            text-transform: uppercase;
            color: #fff;
            font-weight: bold;
        }

        #container #menuutcont .divbutton1 h5 {
            padding: 0;
            margin: 0;
            text-align: center;
            margin-top: -35px;
            font-size: 16px;
            text-transform: uppercase;
            color: #fff;
            font-weight: bold;
        }

        #container #menuutcont .divbutton1:hover h5 {
            margin-top: 10px;
            color: #fcfcfc;
        }

        #container #menuutcont .divbutton1:hover h6 {
            color: transparent;
        }

        #container #menuutcont .divbutton1:active h5 {
            margin-top: 11px;
            color: #fcfcfc;
        }

        #container #menuutcont .divbutton1:active h6 {
            color: var(--color-text1);
        }

        #menuut {
            width: 99%;
            height: auto;
            margin: 0.5%;
            background-color: #fff;
            overflow: hidden;
        }

        .menulink {
            width: 100%;
            height: 56px;
            border-right: 1px solid #eee;
        }

            .menulink:hover {
                background-color: #fcfcfc;
            }

            .menulink:active {
                background-color: #fcfcfc;
            }

        #container .menulink .p1 {
            text-align: center;
            margin: 0;
            text-transform: uppercase;
            font-size: 14px;
            margin-top: 17px;
        }

            #container .menulink .p1 i {
                margin-right: 10px;
            }

        .info-titolo {
            width: 100%;
            margin-bottom: 45px;
        }

        .info-titolo-sx {
            width: auto;
            margin-right: 30px;
            margin-bottom: 30px;
        }

        #container .info-titolo-sx h3 {
            font-size: 34px;
            line-height: 34px;
            margin: 0;
            padding: 0;
            font-weight: normal;
            margin-top: 1px;
            color: #111;
        }

        #container .info-titolo-sx .p1 {
            font-size: 15px;
            line-height: 20px;
            margin: 0;
            padding: 0;
            font-weight: normal;
            margin-top: 15px;
            color: #444;
        }

        .info-titolo-dx {
            width: auto;
            height: 32px;
            padding-left: 12px;
            padding-right: 12px;
            overflow: hidden;
            text-decoration: none;
            -webkit-border-radius: 25px;
            border-radius: 25px;
            background-color: transparent;
            border: 2px solid #222;
            -webkit-transition: all ease 0.20s;
            transition: all ease 0.20s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            margin-top: 2px;
        }

            .info-titolo-dx:hover {
                border: 2px solid var(--color-text1);
            }

        #container .info-titolo-dx p {
            font-size: 16px;
            line-height: 16px;
            margin: 0;
            padding: 0;
            font-weight: normal;
            margin-top: 5px;
            text-align: center;
            -webkit-transition: all ease 0.20s;
            transition: all ease 0.20s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            color: #222;
        }

        #container .info-titolo-dx:hover p {
            color: var(--color-text1);
        }

        .info-riga {
            width: 100%;
            padding-bottom: 31px;
            padding-top: 31px;
            border-bottom: 1px solid #ddd;
        }

        .info-sx {
            width: 42%;
        }

        #container .info-sx .p1 {
            font-size: 18px;
            line-height: 18px;
            margin: 0;
            padding: 0;
            color: #000;
            font-weight: bold;
        }

        #container .info-sx .p1bis {
            font-size: 18px;
            line-height: 18px;
            margin: 0;
            padding: 0;
            color: #000;
            margin-top: 23px;
            font-weight: bold;
        }

        #container .info-sx .p2 {
            font-size: 13px;
            line-height: 18px;
            margin: 0;
            padding: 0;
            color: #666;
            margin-top: 17px;
            margin-right: 30px;
        }

            #container .info-sx .p2 strong {
                color: #555;
            }

        .info-dx {
            width: 54%;
            float: right;
        }
        .info-dx-stat {
            width: 24%;
            height:100px;
            margin:0.5%;
            padding:10px;
            background-color:#eee;
        }
        #container .info-dx .info-dx-stat .p1 {
            font-size: 24px;
            line-height: 24px;
            margin: 0;
            padding: 0;
            color: #111;
            text-align: center;
            margin-top:10px;
        }
        #container .info-dx .info-dx-stat .p2 {
            font-size: 13px;
            line-height: 15px;
            margin: 0;
            padding: 0;
            color: #666;
            text-align: center;
            text-transform: uppercase;
            margin-top:9px;
        }
        .info-dx-form-cont {
            width: 82%;
            margin-left: 18%;
        }

        #container .info-dx .p1 {
            font-size: 17px;
            line-height: 22px;
            margin: 0;
            padding: 0;
            margin-left: 10px;
            color: #666;
        }
    }

    @media (max-width: 480px) {
        .info-dx-stat {
            width: 32%;
            padding: 5px;
        }

        #container .info-dx .info-dx-stat .p1 {
            font-size: 22px;
            line-height: 22px;
            margin-top: 17px;
        }

        #container .info-dx .info-dx-stat .p2 {
            font-size: 12px;
            line-height: 14px;
            margin-top: 9px;
        }
        #menufixed {
            display: block;
        }

        #container .formatavviso .p2 {
            font-size: 11px;
            line-height: 16px;
        }

        #container .info-titolo-sx h3 {
            font-size: 24px;
            line-height: 24px;
            margin-top: 10px;
        }

        #container .info-titolo-sx .p1 {
            font-size: 14px;
            line-height: 19px;
            margin-top: 15px;
        }

        #container .formatavviso .div50 {
            width: 100%;
        }



        .info-titolo-dx {
            float: left;
            height: 30px;
            padding-left: 7px;
            padding-right: 7px;
            margin-right: 10px;
            margin-top: 6px;
        }

        #container .info-titolo-dx p {
            font-size: 14px;
            line-height: 14px;
            margin-top: 6px;
        }

        .info-riga {
            width: 100%;
            padding-bottom: 32px;
            padding-top: 32px;
        }

        .info-sx {
            width: 100%;
        }

        #container .info-sx .p2 {
            margin-right: 0;
        }

        .info-dx {
            width: 100%;
            margin-top: 10px;
        }

        #container .info-dx .p1 {
            margin-left: 0;
            margin-top: 8px;
        }

        .info-dx-form-cont {
            width: 100%;
            margin-left: 0;
        }

        #container .info-sx .p1bis {
            margin-top: 13px;
        }

        .info-dx-check {
            margin-top: 35px;
            margin-left:2px;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        .info-dx-stat {
            width: 32%;
            padding: 5px;
        }

        #container .info-dx .info-dx-stat .p1 {
            font-size: 22px;
            line-height: 22px;
            margin-top: 17px;
        }

        #container .info-dx .info-dx-stat .p2 {
            font-size: 12px;
            line-height: 14px;
            margin-top: 9px;
        }
        #menufixed {
            display: block;
        }

        .menufix-cont {
            width: 70%;
            margin-left: 15%;
        }

        .info-riga {
            width: 100%;
            padding-bottom: 32px;
            padding-top: 32px;
        }

        .info-sx {
            width: 100%;
        }

        #container .info-sx .p2 {
            margin-right: 0;
        }

        .info-dx {
            width: 100%;
            margin-top: 20px;
        }

        #container .info-dx .p1 {
            margin-left: 0;
            margin-top: 8px;
        }

        .info-dx-form-cont {
            width: 100%;
            margin-left: 0;
        }

        .info-dx-check {
            margin-top: 35px;
        }

        #container .formatavviso .div50 {
            width: 100%;
        }
    }

    @media (min-width: 769px) and (max-width: 980px) {
        .info-dx-stat {
            width: 32%;
            padding: 5px;
        }

        #container .info-dx .info-dx-stat .p1 {
            font-size: 22px;
            line-height: 22px;
            margin-top: 17px;
        }

        #container .info-dx .info-dx-stat .p2 {
            font-size: 12px;
            line-height: 14px;
            margin-top: 9px;
        }
        .menufix-cont {
            width: 70%;
            margin-left: 15%;
        }

        .info-sx {
            width: 45%;
        }

        #container .info-sx .p2 {
            margin-right: 20px;
        }

        .info-dx {
            width: 48%;
        }

        #container .info-dx .p1 {
            margin-left: 0;
            text-align: right;
        }

        .info-dx-form-cont {
            width: 100%;
            margin-left: 0;
        }
    }

    @media (min-width: 981px) and (max-width: 1279px) {
        .info-dx-stat {
            width: 32%;
            padding: 5px;
        }

        #container .info-dx .info-dx-stat .p1 {
            font-size: 22px;
            line-height: 22px;
            margin-top: 17px;
        }

        #container .info-dx .info-dx-stat .p2 {
            font-size: 12px;
            line-height: 14px;
            margin-top: 9px;
        }
        .info-sx {
            width: 50%;
        }

        #container .info-sx .p2 {
            margin-right: 20px;
        }

        .info-dx {
            width: 50%;
        }

        #container .info-dx .p1 {
            margin-left: 50px
        }

        .info-dx-form-cont {
            width: 80%;
        }
    }
    /* ################### PREFOOTER*/
    @media all {

        .prefooter {
            width: 100%;
            height: 230px;
            overflow: hidden;
        }

        .prefooter-sx {
            width: 45%;
            height: 230px;
            background-color: var(--color-background);
        }

        #container .prefooter-sx p {
            color: #fff;
        }

        #container .prefooter-sx .p1 {
            color: #fff;
            font-size: 30px;
            line-height: 30px;
            font-weight: bold;
            margin-left: 140px;
            margin-top: 30px;
        }

        #container .prefooter-sx .p2 {
            color: #f2f2f2;
            font-size: 16px;
            line-height: 23px;
            margin-left: 140px;
            margin-top: 15px;
        }

            #container .prefooter-sx .p2 strong {
                color: #fff;
            }

        #container .prefooter .divbuttonwhite {
            margin-left: 140px;
            margin-top: 25px;
        }

        .prefooter-dx {
            width: 55%;
            height: 230px;
            overflow: hidden;
            background-image: url('/img_sito/bghome-1.jpg');
            background-position: center -30px;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .prefooter-el {
            width: 230px;
            height: 230px;
            margin-left: -130px;
            background-color: var(--color-background);
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }
    }

    @media (max-width: 560px) {
        .prefooter {
            width: 100%;
            height: 230px;
            overflow: hidden;
        }

        .prefooter-sx {
            width: 100%;
            padding: 15px;
            -webkit-border-radius: 0 40px 0 0;
        }

        #container .prefooter-sx p {
            color: #fff;
            text-align: center;
        }

        #container .prefooter-sx .p1 {
            font-size: 23px;
            line-height: 23px;
            margin-left: 0;
            margin-top: 20px;
        }

        #container .prefooter-sx .p2 {
            font-size: 13px;
            line-height: 18px;
            margin-left: 0;
            margin-top: 15px;
        }

        #container .prefooter .divbuttonwhite {
            margin-left: 0;
            float: none;
            margin: 25px auto;
            width: 200px;
        }

        .prefooter-dx {
            background-image: none;
            display: none;
        }

        .prefooter-el {
            width: 230px;
            height: 230px;
            margin-left: -130px;
            background-color: var(--color-background);
            -webkit-border-radius: 50%;
        }
    }

    @media (min-width: 561px) and (max-width: 1279px) {
        .prefooter-sx {
            width: 55%;
        }

        #container .prefooter-sx .p1 {
            color: #fff;
            font-size: 24px;
            line-height: 24px;
            font-weight: bold;
            margin-left: 40px;
            margin-top: 30px;
        }

        #container .prefooter-sx .p2 {
            color: #f2f2f2;
            font-size: 14px;
            line-height: 20px;
            margin-left: 40px;
            margin-top: 15px;
        }

            #container .prefooter-sx .p2 strong {
                color: #fff;
            }

        #container .prefooter .divbuttonwhite {
            margin-left: 40px;
            margin-top: 25px;
        }

        .prefooter-dx {
            width: 45%;
            height: 230px;
            overflow: hidden;
            background-image: url('/img_sito/bghome-1.jpg');
            background-position: right -30px;
            background-size: 750px;
            background-repeat: no-repeat;
        }
    }


    /* ################### FOOTER */
    @media all {
        #boxpartner {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            padding-bottom: 70px;
            padding-top: 30px;
        }

        #footershort2 {
            width: 100%;
            height: auto;
            position: relative;
            float: left;
            padding-top: 37px;
            padding-bottom: 37px;
            background-color: transparent;
            background-color: #e3e3e3;
        }

            #footershort2 .middle1 {
                padding: 20px;
                padding-bottom: 0;
                padding-top: 0;
            }

        #container #footershort2 .p2 {
            font-size: 15px;
            line-height: 19px;
            color: #666;
            margin: 0;
        }

        #footershort {
            width: 100%;
            height: auto;
            position: relative;
            float: left;
            padding-top: 74px;
            padding-bottom: 74px;
            background-color: transparent;
            -webkit-box-shadow: 0 0 35px #666;
            box-shadow: 0 0 35px #666;
        }

            #footershort .middle1 {
                padding: 20px;
            }

        #container #footershort .p1 {
            font-size: 17px;
            color: #222;
            font-weight: bold;
            margin-bottom: 45px;
        }

        #container #footershort .p2 {
            font-size: 15px;
            color: #666;
            margin-top: 17px;
        }

            #container #footershort .p2 a {
                text-decoration: none;
                color: #666;
            }

                #container #footershort .p2 a:hover {
                    color: #111;
                    margin-left: 3px;
                }

        #container #footershort .p1 span.s2 {
            float: right;
        }

        #container #footershort .p1 a {
            color: #555;
        }

        #footershort .boxsocial {
            width: 44px;
            height: 44px;
            background-color: transparent;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            border: 1px solid #999;
            -webkit-transition: all ease 0.25s;
            transition: all ease 0.25s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        }

            #footershort .boxsocial p {
                margin: 0;
                margin-top: 10px;
                text-align: center;
                font-size: 24px;
                color: #888;
                -webkit-transition: all ease 0.25s;
                transition: all ease 0.25s;
                -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
                transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            }

            #footershort .boxsocial:hover {
                border: 1px solid #777;
            }

                #footershort .boxsocial:hover p {
                    color: #666;
                }

        #footer {
            width: 100%;
            height: auto;
            position: relative;
            float: left;
            padding-top: 110px;
            background-color: #fff;
        }

        #footerprelink {
            width: 100%;
            height: 55px;
            background-image: url("/svg/bullets2.svg");
            background-repeat: repeat;
            background-size: 36px;
            margin-top: 60px;
        }

        #footerlink {
            width: 100%;
            height: auto;
            padding-top: 28px;
            padding-bottom: 28px;
            background-color: #eee;
        }

            #footerlink p {
                text-transform: uppercase;
                font-size: 14px;
                color: #555;
            }

                #footerlink p a {
                    text-decoration: none;
                    color: #333;
                    font-weight: normal;
                    margin-left: 15px;
                    margin-right: 15px;
                }

                    #footerlink p a:hover {
                        color: var(--color-text1);
                    }

                    #footerlink p a:active {
                        color: var(--color-text1);
                    }

        #footer2 {
            width: 100%;
            padding-bottom: 20px;
            padding-top: 20px;
        }

        #logosmartcont {
            width: 64px;
            height: 64px;
            margin: -60px auto;
            float: none;
        }

        #logosmart {
            width: 64px;
            height: 64px;
        }

            #logosmart img {
                width: 100%;
            }

            #logosmart p {
                margin: 0;
            }

        #footer2 .p1 img {
            width: 160px;
            filter: brightness(0) invert(0.4);
        }

        #footer2 .p2 {
            color: #333;
            font-size: 24px;
            line-height: 20px;
            margin-top: 70px;
            font-weight: bold;
        }

        #footer2 .p3 {
            color: #555;
            font-size: 15px;
            line-height: 23px;
            margin-top: 8px;
        }

        #footer2 .p4 {
            font-size: 35px;
            margin-top: 60px;
        }

            #footer2 .p4 a {
                margin-left: 5px;
                margin-right: 5px;
                text-decoration: none;
            }

            #footer2 .p4 a {
                color: var(--color-text1);
            }

                #footer2 .p4 a:hover {
                    color: var(--color-text1);
                }

                #footer2 .p4 a:active {
                    color: var(--color-text1);
                }


        #firma {
            width: 100%;
            padding-bottom: 19px;
            padding-top: 19px;
        }
    }

    @media (max-width: 480px) {

        #footershort .div25 {
            width: 100%;
            margin-bottom: 40px;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        #footershort .div25 {
            width: 50%;
            height: 360px;
        }
    }

    @media (min-width: 769px) and (max-width: 980px) {
    }

    @media (min-width: 981px) and (max-width: 1279px) {
    }
    /* ################### MAN-404*/
    @media all {
        #div404 {
            width: 100%;
            padding: 10px;
        }

        #container #div404 h1 {
            text-align: center;
            margin: 0;
            margin-top: 10px;
            font-size: 28px;
            line-height: 30px;
            padding: 0;
        }

        #container #div404 h2 {
            text-align: center;
            margin: 0;
            font-size: 16px;
            line-height: 25px;
            margin-top: 25px;
            font-weight: normal;
        }

        #container #div404 h3 {
            text-align: center;
            margin: 0;
            font-size: 21px;
            line-height: 29px;
            margin-top: 5px;
        }
    }

    @media (max-width: 480px) {


        #container #div404 h3 {
            margin-top: 135px;
        }
    }

    /* ################### POPUP*/
    @media all {
        .valuta-cont {
            width: 290px;
            height: 50px;
            float: none;
            margin: 40px auto;
        }

        #container .valuta-cont .ann-bt-cont {
            width: 66%;
            margin-left: 17%;
        }

        .valuta-item {
            width: 50px;
            height: 50px;
            text-align: center;
            margin-left: 4px;
            margin-right: 4px;
            color: #bbb;
        }

            .valuta-item i {
                font-size: 46px;
                text-align: center;
            }

        .pop4cont {
            width: 70vw;
            height: 90vh;
            float: left;
            margin-left: 15vw;
            margin-top: 5vh;
            background-color: #fff;
            overflow: hidden;
            background-position: left center;
            background-size: cover;
        }

        .pop4cont2 {
            width: 100%;
            height: 100%;
            float: left;
            display: block;
            position: relative;
        }

            .pop4cont2 .pop2title2 .menumobile {
                height: 50px;
                width: 50px;
                float: right;
                top: 15px;
                right: 15px;
                background-color: rgba(0,0,0,0.1);
            }

        #container .pop4cont2 .pop2title {
            border: none;
        }

        .pop3cont {
            width: 40vw;
            height: 56vh;
            max-height: 500px;
            float: none;
            margin-left: 30vw;
            margin-top: 22vh;
            background-color: #fff;
            overflow: hidden;
        }

        .pop2cont {
            width: 38vw;
            height: 90vh;
            float: none;
            margin-left: 31vw;
            margin-top: 5vh;
            background-color: #fff;
            overflow: hidden;
        }

        .pop2cont2 {
            width: 100%;
            height: 100%;
            padding: 25px;
            overflow-y: scroll;
        }

            .pop2cont2::-webkit-scrollbar {
                width: 6px;
            }

            .pop2cont2::-webkit-scrollbar-thumb {
                background: #444;
            }

        .pop2text {
            width: 100%;
            height: auto;
        }

        .pop2title {
            width: 100%;
            height: 100px;
            border-bottom: 1px solid #eee;
        }

        .pop2title1 {
            width: 80%;
            height: 100%;
        }

        .pop2title1 {
            width: 80%;
            height: 100%;
        }

        .pop2title2 {
            width: 20%;
            height: 100%;
        }

        #container .pop2title1 .p1 {
            font-size: 32px;
            line-height: 34px;
        }

        #container .pop2title1 .p2 {
            font-size: 11px;
            margin-top: 17px;
            text-transform: uppercase;
        }

            #container .pop2title1 .p2 i {
                color: var(--color-text-cont);
            }

            #container .pop2title1 .p2 span.s1 {
                background-color: #eee;
                padding: 10px;
                padding-left: 17px;
                padding-right: 17px;
                -webkit-border-radius: 7px;
                border-radius: 7px;
                margin-right: 10px;
            }

        .pop2title2 .menumobile {
            float: right;
            position: relative;
            margin: 0;
        }

        .pop2title2 .menumobile {
            height: 50px;
            width: 50px;
            float: right;
        }

        .popdati {
            width: 100%;
            height: auto;
        }

            .popdati .ann-caratt-dato:hover {
                background-color: #fff;
            }

            .popdati .ann-caratt-dato:active {
                background-color: #fff;
            }

        .ann-caratt-dato3 {
            width: 100%;
            padding-bottom: 8px;
            padding-top: 8px;
            border: 2px solid var(--color-text-cont);
        }

        #container .ann-caratt-dato3 .p1 {
            color: var(--color-text-cont);
            text-align: center;
            font-weight: bold;
        }

        .ann-caratt-dato4 {
            width: 100%;
            padding-bottom: 8px;
            padding-top: 8px;
            border: 2px solid #28c134;
        }

        #container .ann-caratt-dato4 .p1 {
            color: #28c134;
            text-align: center;
            font-weight: bold;
        }

        .pop2title2 .menumobile:active .menuclose1 {
            background: var(--color-background);
        }

        .pop2title2 .menumobile:active .menuclose2 {
            background: var(--color-background);
        }

        .pop2title2 .menumobile:hover .menuclose1 {
            background: var(--color-background);
        }

        .pop2title2 .menumobile:hover .menuclose2 {
            background: var(--color-background);
        }

        .pop2title2 .menumobile .menuclose1 {
            background-color: #555;
            height: 40px;
            width: 2px;
            margin-left: 24px;
            margin-top: 5px;
            transform: rotate(47deg);
            -webkit-transform: rotate(47deg);
            -o-transform: rotate(47deg);
            -moz-transform: rotate(47deg);
            -ms-transform: rotate(47deg);
            position: absolute;
        }

        .pop2title2 .menumobile .menuclose2 {
            background-color: #555;
            height: 40px;
            width: 2px;
            margin-left: 24px;
            margin-top: 5px;
            transform: rotate(-47deg);
            -webkit-transform: rotate(-47deg);
            -o-transform: rotate(-47deg);
            -moz-transform: rotate(-47deg);
            -ms-transform: rotate(-47deg);
            position: absolute;
        }

        .pop2alert {
            width: 100%;
        }

        #container .pop2alert .p1 {
            text-align: center;
            margin: 0;
            font-size: 36px;
            line-height: 40px;
            margin-top: 10px;
        }

        #container .pop2alert .p2 {
            text-align: center;
            margin: 0;
            font-size: 21px;
            line-height: 24px;
            margin-top: 13px;
        }

        #container .pop2alert .p3 {
            text-align: center;
            margin: 0;
            font-size: 17px;
            margin-top: 18px;
        }

        .pop-avv-cont {
            width: 80%;
            margin-left: 10%;
            margin-top: 15px;
        }

        .faioff-sx {
            width: 35%;
            height: 40px;
        }

        #container .faioff-sx .p1 {
            margin-top: 10px;
        }

        .faioff-dx {
            width: 65%;
            height: 40px;
        }

        .faioff-dx50 {
            width: 50%;
            height: 40px;
        }
    }

    @media (max-width: 320px) {
        .pop2cont2 {
            padding: 15px;
        }

        .pop2alert .giga2 {
            font-size: 28px;
        }

        .valuta-cont {
            width: 100%;
        }

        .valuta-item {
            width: 18%;
            height: 50px;
            text-align: center;
            margin-left: 1%;
            margin-right: 1%;
            color: #bbb;
        }

            .valuta-item i {
                font-size: 36px;
            }

        .pop2cont {
            width: 90vw;
            height: 90vh;
            min-height: 0;
            margin-top: 5vh;
            margin-left: 5vw;
        }

        .pop4cont {
            width: 90vw;
            height: 94vh;
            min-height: 0;
            margin-top: 3vh;
            margin-left: 5vw;
        }

        .pop3cont {
            width: 90vw;
            height: 80vh;
            min-height: 0;
            margin-top: 10vh;
            margin-left: 5vw;
        }

        #container .pop2title1 .p1 {
            font-size: 20px;
            line-height: 26px;
            margin-top: 11px;
        }

        #div50segnala .div50 {
            width: 100%;
        }

        .pop2title1 .s2 {
            display: none;
        }

        .faioff-sx {
            display: none;
        }

        .faioff-dx {
            width: 100%;
        }

        #popelofferte .ann-caratt-dato .p1 {
            font-size: 11px;
        }

        #popelofferte2 .ann-caratt-dato .p1 {
            font-size: 11px;
        }
    }

    @media (min-width: 321px) AND (max-width:600px) {
        #div50segnala .div50 {
            width: 100%;
        }

        .pop2alert .giga2 {
            font-size: 28px;
        }

        .valuta-cont {
            width: 100%;
        }

        .valuta-item {
            width: 20%;
            height: 50px;
            text-align: center;
            margin-left: 0;
            margin-right: 0;
            color: #bbb;
        }

            .valuta-item i {
                font-size: 47px;
            }

        .pop2cont {
            width: 90vw;
            height: 90vh;
            min-height: 0;
            margin-top: 5vh;
            margin-left: 5vw;
        }

        .pop2cont2 {
            padding: 15px;
        }

        .pop4cont {
            width: 90vw;
            height: 94vh;
            min-height: 0;
            margin-top: 3vh;
            margin-left: 5vw;
        }

        .pop3cont {
            width: 90vw;
            height: 70vh;
            min-height: 0;
            margin-top: 15vh;
            margin-left: 5vw;
        }

        #container .pop2title1 .p1 {
            font-size: 20px;
            line-height: 28px;
            margin-top: 10px;
        }

        .pop2title1 .s2 {
            display: none;
        }

        .faioff-sx {
            display: none;
        }

        .faioff-dx {
            width: 100%;
        }

        #popelofferte .ann-caratt-dato .p1 {
            font-size: 11px;
        }

        #popelofferte2 .ann-caratt-dato .p1 {
            font-size: 11px;
        }
        #container .pop2alert .p1 {
            font-size: 28px;
            line-height: 34px;
        }

        #container .pop2alert .p2 {
            font-size: 20px;
            line-height: 25px;
            margin-top: 20px;
        }
    }

    @media (min-width: 601px) and (max-width: 768px) {
        .pop2cont {
            width: 78vw;
            height: 90vh;
            min-height: 0;
            margin-top: 5vh;
            margin-left: 11vw;
        }

        .pop4cont {
            width: 90vw;
            height: 94vh;
            min-height: 0;
            margin-top: 3vh;
            margin-left: 5vw;
        }

        .pop3cont {
            width: 78vw;
            height: 60vh;
            min-height: 0;
            margin-top: 20vh;
            margin-left: 11vw;
        }
    }

    @media (min-width: 769px) and (max-width: 980px) {
        .pop2cont {
            width: 70vw;
            height: 90vh;
            min-height: 0;
            margin-top: 5vh;
            margin-left: 15vw;
        }

        .pop3cont {
            width: 70vw;
            height: 60vh;
            min-height: 0;
            margin-top: 20vh;
            margin-left: 15vw;
        }

        .pop4cont {
            width: 90vw;
            height: 94vh;
            min-height: 0;
            margin-top: 3vh;
            margin-left: 5vw;
        }
    }

    @media (min-width: 981px) and (max-width: 1279px) {
        .pop2cont {
            width: 54vw;
            height: 90vh;
            min-height: 0;
            margin-top: 5vh;
            margin-left: 23vw;
        }

        .pop4cont {
            width: 90vw;
            height: 94vh;
            min-height: 0;
            margin-top: 3vh;
            margin-left: 5vw;
        }

        .pop3cont {
            width: 54vw;
            height: 60vh;
            min-height: 0;
            margin-top: 20vh;
            margin-left: 23vw;
        }
    }

    @media (min-width: 1900px) {
        .pop2cont {
            width: 40vw;
            height: 90vh;
            min-height: 0;
            margin-top: 5vh;
            margin-left: 30vw;
        }

        .pop3cont {
            width: 40vw;
            height: 60vh;
            min-height: 0;
            margin-top: 20vh;
            margin-left: 30vw;
        }

        .pop4cont {
            width: 60vw;
            height: 94vh;
            min-height: 0;
            margin-top: 3vh;
            margin-left: 20vw;
        }
    }
    /* ##################### BANNER*/
    @media all {

        .boxbanner1 {
            width: 100%;
            height: auto;
            text-align: center;
        }

            .boxbanner1 div {
                width: 100%;
                height: auto;
                text-align: center;
            }

            .boxbanner1 img {
                width: 100%;
                max-width: 680px;
                margin: 0;
                margin-top: 7px;
                padding: 15px;
            }
    }

    @media (max-width: 480px) {
    }

    @media (min-width: 481px) and (max-width: 768px) {
    }

    @media (min-width: 769px) and (max-width: 980px) {
    }

    @media (min-width: 981px) and (max-width: 1279px) {
    }
    /* ##################### CONTATTI*/


    @media (max-width: 480px) {
        #paginacontatti .div50 {
            width: 100%;
        }

            #paginacontatti .div50.div502 {
                width: 100%;
                margin-top: 90px;
            }

        #paginacontatti .box100 {
            padding: 10px;
        }

        #paginacontatti .box100tra {
            padding: 10px;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        #paginacontatti .div50 {
            width: 100%;
        }

            #paginacontatti .div50.div502 {
                width: 100%;
                margin-top: 90px;
            }

        #paginacontatti .box100 {
            padding: 10px;
        }

        #paginacontatti .box100tra {
            padding: 10px;
        }
    }

    @media (min-width: 769px) and (max-width: 999px) {


        #paginacontatti .box100 {
            padding: 15px;
        }

        #paginacontatti .box100tra {
            padding: 15px;
        }
    }

    /*
    @media all
{

}
    @media (max-width: 480px)
{

}
@media (min-width: 481px) and (max-width: 768px)
{

}
@media (min-width: 769px) and (max-width: 980px)
{

}
@media (min-width: 981px) and (max-width: 1279px)
{

}*/