/* ########### HEADER*/
/* ########### PRIMO*/
/* ########### ARTICOLI*/
/* ########### SEZIONI*/
/* ########### CONTATTI*/
/* ########### TEST*/
/* ########### FORM LITTLE*/
/* ########### CART*/
/*#####################################*/
.temp-1 {
    width:280px;
    margin:140px auto;
    float:none;
}
/*HEADER*/
@media all {
    #container {
        width: 100%;
        height: 100%;
        overflow: hidden;
        -webkit-transition: all ease 0.4s;
        transition: all ease 0.4s;
        -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
        -webkit-transition-delay: 0.02s;
        transition-delay: 0.02s;
    }

    .containeropen {
        margin-left: -70px;
    }

    .containerclose {
        margin-left: 0;
        margin-top: 0;
    }

    .containerclose {
        margin-left: 0;
    }

    #spacenav {
        width: 100%;
        position: fixed;
        z-index: 9993;
    }

    #spacenav2 {
        width: 100%;
        z-index: 9990;
    }

    #spacenavwhite {
        width: 100%;
        z-index: 9990;
    }
    .menuitem2 {
        width: 50px;
        height: 100%;
        float: right;
        margin-right: 50px;
        outline:none;
    }
    #container .nav1 .menuitem2 p {
        font-size: 26px;
        text-align: center;
        margin: 0;
        margin-top: 26px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
    }
    #container .nav1 .menuitem2 p:hover {
        color:#D3C382;
    }
        #container .nav1 .menuitem2 p:active {
            color: #D3C382;
        }
    #container .nav2 .menuitem2 p {
        font-size: 26px;
        text-align: center;
        margin: 0;
        margin-top: 13px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
    }
    #container .nav2 .menuitem2 p:hover {
        color: #D3C382;
    }

    #container .nav2 .menuitem2 p:active {
        color: #D3C382;
    }
    .menuitem {
        width: auto;
        height: 100%;
        float: right;
        margin-right: 50px;
    }

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

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

    .submenu {
        width: 280px;
        height: auto;
        background-color: #0b1318;
        position: absolute;
        left: -110px;
        display: none;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        overflow: hidden;
    }

    .submenuitem {
        width: 100%;
        padding-bottom: 40px;
        padding-top: 40px;
        overflow: hidden;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
    }

    #container .submenuitem p {
        text-align: center;
        margin: 0;
        line-height: 13px;
        font-size: 13px;
        color: #fcfcfc;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
    }

    #container .submenuitem:hover {
        background-color: #132028;
    }

    #container .submenuitem:active p {
        margin-left: 10px;
    }

    #container .submenuitem:hover p {
        color: #fff;
    }

    .humb1:hover #line1 {
        background-color: #CC3F0C;
    }

    .humb1:hover #line2 {
        background-color: #CC3F0C;
    }
    .humb1:hover #line3 {
        background-color: #CC3F0C;
    }

    .humb1 #line1 {
        width: 30px;
        height: 2px;
        background-color: #111;
        position: absolute;
        top: 14px;
        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: 30px;
        height: 2px;
        background-color: #111;
        position: absolute;
        top: 23px;
        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 #line3 {
        width: 30px;
        height: 2px;
        background-color: #111;
        position: absolute;
        top: 32px;
        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: 30px;
        height: 40px;
        margin-top: 13px;
        float: right;
        margin-right: 5px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        display:   none;
        cursor: pointer;
    }

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


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

    .nav1 .menuitem p {
        text-transform: uppercase;
        font-size: 19px;
        text-align: center;
        margin: 0;
        text-decoration: none;
        margin-top: 22px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        color: #63372C;
        font-family: 'Barlow Condensed', sans-serif;
    }
    .nav1 .menuitem span {
        font-family: 'Barlow Condensed', sans-serif;
    }
    .nav1 .menuitem p i {
        font-size: 20px;
    }

    .nav1 .menuitem p a:hover {
        text-decoration: none;
        color: #D3C382;
    }

    .nav1 .menuitem p:hover {
        text-decoration: none;
        color:#D3C382;
    }

    .nav1 .menuitem p a {
        text-decoration: none;
        color: #63372C;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        font-family: 'Barlow Condensed', sans-serif;
    }

    .nav1 #logo img.logoimg1 {
        width: 100%;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        margin-top: 13px;
        
    }
    .nav1 #logo img.logoimg2 {
        width: 200px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        margin-top: 6px;
        display:none;
    }
    .nav1 #logo {
        width: 240px;
        height: 100%;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
    }

    .nav1 #middlenav {
        width: 70%;
        max-width:1399px;
        height: 70px;
        margin: 0 auto;
        float: none;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
    }

    .nav1 {
        background-color: #fff;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        padding-bottom: 8px;
        padding-top: 8px;
        border-bottom: 1px solid #ddd;
    }


    

    .nav2 #logo img.logoimg1 {
        width: 100%;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        margin-top: 3px;
    }

    .nav2 #logo img.logoimg2 {
        width: 200px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        margin-top: 6px;
        display: none;
    }

    .nav2 #logo {
        width: 240px;
        height: 100%;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
    }

    .nav2 #middlenav {
        width: 70%;
        max-width: 1399px;
        height: 50px;
        margin: 0 auto;
        float: none;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
    }

    .nav2 {
        background-color: #fff;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: 1px solid #ddd;
    }


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

        .nav2 #navcta1 .divbutton2small {
            margin-top: 4px;
        }

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


        .nav2 .menuitem p a:hover {
            text-decoration: none;
            color: #D3C382;
        }

        .nav2 .menuitem p:hover {
            text-decoration: none;
            color: #D3C382;
        }
        .nav2 .menuitem p {
            text-transform: uppercase;
            font-size: 19px;
            text-align: center;
            margin: 0;
            text-decoration: none;
            margin-top: 11px;
            -webkit-transition: all ease 0.16s;
            transition: all ease 0.16s;
            color: #63372C;
            font-family: 'Barlow Condensed', sans-serif;
        }
        .nav2 .menuitem span {
            font-family: 'Barlow Condensed', sans-serif;
        }
    .nav2 .menuitem p i {
        font-size: 20px;
    }
        .nav2 .menuitem p a {
            text-decoration: none;
            color: #63372C;
            -webkit-transition: all ease 0.16s;
            transition: all ease 0.16s;
            font-family: 'Barlow Condensed', sans-serif;
        }



    
    
    .nav2 #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: 50px;
        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;
    }

    #middlemobilecont {
        width: auto;
        height: 100%;
        overflow: hidden;
    }

    #middlemobile {
        width: 400px;
        height: 460px;
        margin-top: 100px;
        margin-left: 100px;
        overflow: hidden;
    }

    .subm1 {
        margin-left: -400px;
    }

    .subm2 {
        margin-left: -800px;
    }

    .subm3 {
        margin-left: 0;
    }

    #submobile1 {
        width: 1200px;
        height: auto;
        -webkit-transition: all ease-in-out 0.22s;
        transition: all ease-in-out 0.22s;
    }

    #middlemobile .itemmobile:hover .hr1 {
        height: 7px;
        margin: -12px auto;
    }

    #middlemobile .itemmobile .hr1 {
        background-color: #0067da;
        width: 94px;
        height: 0px;
        float: none;
        margin: -4px auto;
        border: none;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
    }

    #container .divback p {
        color: #fcfcfc;
        font-size: 44px;
        margin-top: 11px;
    }

    .divback:active {
        background-color: #d11e4b;
    }

    .divback:hover {
        background-color: #d11e4b;
    }

    .divback {
        width: 66px;
        height: 66px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
    }

    .closemobile p {
        text-align: center;
        color: #fcfcfc;
        margin: 0;
        font-size: 46px;
        margin-top: 3px;
    }

    .closemobile:hover {
        background-color: #d11e4b;
    }

    .closemobile:active {
        background-color: #d11e4b;
    }

    .closemobile {
        width: 50px;
        height: 50px;
        position: absolute;
        float: none;
        right: 20px;
        top: 20px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        z-index: 9999;
    }

    .itemmobile {
        width: 400px;
        height: 66px;
    }

    #container .itemmobile .divbutton2W {
        float: left;
        margin: 0;
    }

    .itemmobile p:hover {
        color: #e6f2de;
    }

    .itemmobile a:hover {
        color: #e6f2de;
    }

    .itemmobile p:active {
        color: #e6f2de;
    }

    .itemmobile a:active {
        color: #e6f2de;
    }

    .itemmobile p {
        text-transform: uppercase;
        color: #fcfcfc;
        font-size: 36px;
        margin: 0;
        font-weight: bold;
        font-family: 'Nunito Sans', sans-serif;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
    }

    .itemmobile a {
        text-decoration: none;
        color: #fcfcfc;
        font-weight: bold;
        font-family: 'Nunito Sans', sans-serif;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
    }

    #menuservizi {
        z-index: 9999;
        width: 100%;
        height: 100%;
        background-color: #051920;
        position: fixed;
        float: none;
        overflow: hidden;
        -webkit-transition: all ease-in-out 0.46s;
        transition: all ease-in-out 0.46s;
    }

    #container #menuservizi .divbutton2 {
        float: none;
        margin: 0;
    }

    .menus1 {
        margin-top: -1500px;
    }

    .menus2 {
        margin-top: 0;
    }

    #middleservizicont {
        width: 100%;
        height: 100%;
        overflow-x: auto;
    }

    #middleservizi {
        width: 260px;
        height: 300px;
        margin: 150px auto;
        float: none;
        overflow: hidden;
    }

    .subms1 {
        margin-left: 0;
    }

    .subms2 {
        margin-left: -260px;
    }

    #subservizi1 {
        width: 260px;
        height: auto;
        -webkit-transition: all ease-in-out 0.22s;
        transition: all ease-in-out 0.22s;
    }

    .subservizi1 {
        width: 260px;
        height: auto;
    }

    .itemmobile2 {
        width: 260px;
        height: 35px;
        padding-top: 8px;
        padding-bottom: 8px;
        margin-top: 2px;
        margin-bottom: 2px;
    }

        .itemmobile2 p {
            text-transform: uppercase;
            color: #fcfcfc;
            text-align: center;
            font-size: 24px;
            margin: 0;
        }

        .itemmobile2 a {
            text-decoration: none;
            color: #fcfcfc;
        }

    #middleservizi .itemmobile2:hover .hr1 {
        height: 7px;
        margin: -12px auto;
    }

    #middleservizi .itemmobile2 .hr1 {
        background-color: #0067da;
        width: 114px;
        height: 0px;
        float: none;
        margin: -2px auto;
        border: none;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
    }
    .menudownmobile {
        width: 100%;
        padding: 0;
        padding-left: 0;
        padding-right: 0;
        height: 56px;
        background-color: #fff;
        border-top: 1px solid #ddd;
        position: fixed;
        float: none;
        bottom: 0;
        left: 0;
        z-index: 9998;
        display: none;
    }

    .mdd-item {
        width: 25%;
        height: 100%;
        -webkit-transition: all ease-out 0.1s;
        -moz-transition: all ease-out 0.1s;
    }

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

        .mdd-item:hover {
            background-color: #f5f5f5;
        }
    #container .mdd-item p {
        text-align:center;
        margin:0;
        margin-top:16px;
    }
}
@media (max-width: 480px) {
        .menudownmobile {
            display: block;
        }
        .menuitem2 {
            display:none;
        }
        #container .nav1 .divbutton2small {
            width: 120px;
            height: 40px;
            margin-top: 15px;
        }

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


            #container .nav1 .divbutton2small:active p {
                margin-top: 5px;
            }


            #container .nav1 .divbutton2small p {
                margin-top: -32px;
            }

        #container .nav2 .divbutton2small {
            width: 120px;
            height: 40px;
            margin-top: 6px;
        }

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


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


            #container .nav2 .divbutton2small p {
                margin-top: -32px;
            }

        .nav1 {
            padding-top: 2px;
            padding-bottom: 2px;
        }

            .nav1 #middlenav {
                width: 92%;
                margin-left: 4%;
                margin-right: 4%;
                float: left;
            }

        .nav2 #middlenav {
            width: 92%;
            margin-left: 4%;
            margin-right: 4%;
            float: left;
        }

        .nav1 #logo img.logoimg1 {
          
            display:none;
        }

        .nav1 #logo img.logoimg2 {
            width: 44px;
            margin-top: 14px;
            display:  block;
        }
        .nav1 #logo {
            width: 44px;
        }
        .nav2 #logo img.logoimg1 {
          
            display: none;
        }

        .nav2 #logo img.logoimg2 {
            width: 44px;
            margin-top: 3px;
            display: block;
        }
        .nav2 #logo {
            width: 44px;
        }


        .nav2 #humb {
            display: block;
        }

        .nav1 #humb {
            display: block;
            margin-top:12px;
        }
        .nav1 .menuitem p {
            font-size: 16px;
            margin-top: 23px;
        }
        .nav2 .menuitem p {
            font-size: 16px;
            margin-top: 13px;
        }
        .menuitem {
            display: none;
        }
        .menuitem.special {
            display: block;
            margin-right:35px;
        }

        #middlemobile {
            margin-top: 105px;
            margin-left: 20px;
            overflow: hidden;
            width: 280px;
        }

        #submobile {
            overflow: hidden;
        }

        #middlemobilecont {
            overflow: hidden;
        }

        .itemmobile {
            width: 400px;
            height: 60px;
        }

            .itemmobile p {
                font-size: 24px;
                line-height: 30px;
            }
    }
@media (min-width: 480px) and (max-width: 769px) {
        .menudownmobile {
            display: block;
        }
        .menuitem2 {
            display: none;
        }
        .nav1 #middlenav {
            width: 90%;
            margin-left: 5%;
            margin-right: 5%;
            float: left;
        }

        .nav2 #middlenav {
            width: 90%;
            margin-left: 5%;
            margin-right: 5%;
            float: left;
        }

        
        .nav2 #humb {
            display: block;
        }

        .nav1 #humb {
            display: block;
        }

        .menuitem {
            display: none;
        }

            .menuitem.special {
                display: block;
                margin-right: 45px;
            }

        #middlemobile {
            margin-top: 100px;
            margin-left: 40px;
            overflow: hidden;
            width: 300px;
        }

        #submobile {
            overflow: hidden;
        }

        #middlemobilecont {
            overflow: hidden;
        }

        .itemmobile {
            width: 400px;
            height: 60px;
        }

            .itemmobile p {
                font-size: 24px;
                line-height: 30px;
            }

        .nav1 #logo img.logoimg1 {
         
            display: none;
        }

        .nav1 #logo img.logoimg2 {
            width: 44px;
            margin-top: 14px;
            display: block;
        }

        .nav1 #logo {
            width: 44px;
        }

        .nav2 #logo img.logoimg1 {
         
            display: none;
        }

        .nav2 #logo img.logoimg2 {
            width: 44px;
            margin-top: 3px;
            display: block;
        }

        .nav2 #logo {
            width: 44px;
        }
    }
@media (min-width: 769px) and (max-width: 980px) {
        .menuitem2 {
            display: none;
        }
        .nav1 #middlenav {
            width: 90%;
            margin-left: 5%;
            margin-right: 5%;
            float: left;
        }

        .nav2 #middlenav {
            width: 90%;
            margin-left: 5%;
            margin-right: 5%;
            float: left;
        }

        .nav2 #humb {
            display: block;
        }

        .nav1 #humb {
            display: block;
        }

        .menuitem {
            display: none;
        }

            .menuitem.special {
                display: block;
                margin-right: 45px;
            }
        .nav1 #logo img.logoimg1 {
         
            display: none;
        }

        .nav1 #logo img.logoimg2 {
            width: 44px;
            margin-top: 14px;
            display: block;
        }

        .nav1 #logo {
            width: 44px;
        }

        .nav2 #logo img.logoimg1 {
           
            display: none;
        }

        .nav2 #logo img.logoimg2 {
            width: 44px;
            margin-top: 3px;
            display: block;
        }

        .nav2 #logo {
            width: 44px;
        }
    }
@media (min-width: 980px) and (max-width: 1279px) {

        .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 #logo img.logoimg1 {
           
            margin-top: 19px;
            display: block;
        }

        .nav1 #logo img.logoimg2 {
            
            display: none;
        }

        .nav1 #logo {
            width: 180px;
        }

        .nav2 #logo img.logoimg1 {
           
            margin-top: 8px;
            display: block;
        }

        .nav2 #logo img.logoimg2 {
           
            display: none;
        }

        .nav2 #logo {
            width: 180px;
        }
        

            .menuitem {
                margin-right: 35px;
            }
    }
@media (min-width: 1279px) and (max-width: 1499px) {
    .nav1 #middlenav {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        float: left;
    }

    .nav2 #middlenav {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        float: left;
    }

    
}
/* ########### SEZIONI*/
@media all {

    .cs-text {
width:50%;
height:auto;
padding:60px;
    }
    .cs-img {
        width: 50%;
        height: auto;
        display:flex;
        justify-content:center;
        
    }
    .cs-img-cont {
        width: 60%;
        max-width: 500px;
        height: 500px;
        overflow: hidden;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        display: flex;
        justify-content: center;
    }

    i.tooltiplink {
        position: relative;
    }

        i.tooltiplink:hover::after, i.tooltiplink:active::after {
            content: attr(data-title);
            background-color: #000;
            width: 260px;
            height: auto;
            color: #fff;
            padding: 20px;
            border-radius: 8px;
            font-size: 17px;
            line-height: 24px;
            font-style: normal;
            display: block;
            position: absolute;
            bottom: 120%;
            left: 50%;
            transform: translateX(-50%);
            z-index: 1;
            text-align: left;
            -webkit-animation: opa2 0.15s ease;
            -o-animation: opa2 0.15s ease;
            -ms-animation: opa2 0.15s ease;
            -moz-animation: opa2 0.15s ease;
            animation: opa2 0.15s ease;
        }

    .pagamentook {
        width:100%;
    }
    #container .pagamentook .p1 {
        font-size:34px;
        font-weight:600;
    }
    #container .pagamentook .p2 {
        font-size: 19px;
        margin-top:25px;
    }
    #container .pagamentook .p3 {
        font-size: 19px;
        margin-top: 50px;
    }
    #divform1 {
        background-color: #f5f5f5;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 20px;
    }
    #container #divform1 .text1 {
        width: 100%;
        height: 44px;
        padding-left: 12px;
        padding-right: 8px;
        padding-top: 8px;
        padding-bottom: 7px;
        font-family: 'Arial';
        font-size: 17px;
        line-height: 19px;
        outline: none;
        background-color: #fff;
        border: 2px solid #111;
        font-weight: bold;
        color: #000;
        -webkit-transition: all 0.05s ease;
        transition: all 0.05s ease;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 5px;
    }
    .prodboxqta {
        width: 120px;
        height: 64px;
        margin-right: 12px;
        webkit-border-radius: 10px;
        border-radius: 10px;
        background-color: #eee;
        -webkit-transition: all ease 0.05s;
        transition: all ease 0.05s;
        cursor: pointer;
        padding: 8px;
    }

        .prodboxqta.sel {
            background-color: #1D0E04;
            -webkit-transition: all ease 0.05s;
            transition: all ease 0.05s;
        }
    #container .prodboxqta .p1 {
        text-align: center;
        margin: 0;
        font-size: 23px;
        line-height: 23px;
        font-weight: bold;
        margin-top: 1px;
    }

        #container .prodboxqta .p1 span {
            font-size: 16px;
        }
    #container .prodboxqta .p2 {
        text-align: center;
        margin: 0;
        font-size: 17px;
        line-height: 17px;
        font-weight: normal;
        margin-top: 3px;
    }
    #container .prodboxqta.sel p {
        color:#fcfcfc
    }

    .adoboxqta {
        width: 30.3%;
        margin: 1.5%;
        height: 400px;
        webkit-border-radius: 17px;
        border-radius: 17px;
        background-color: #fff;
        border: 9px solid #fff;
        -webkit-transition: all ease 0.1s;
        transition: all ease 0.1s;
        cursor: pointer;
        padding: 12px;
    }
       
        .adoboxqta.sel {
            border: 9px solid #1D0E04;
            -webkit-transition: all ease 0.1s;
            transition: all ease 0.1s;
        }
    .adoboxqta-1 {
        width: 100%;
        height: 70px;
    }
    #container  .adoboxqta-1 .p1 {
        text-align:center;
        margin:0;
        font-size:32px;
        font-weight:bold;
        margin-top:9px;
    }
    #container .adoboxqta-1 .p1 span {
       
        font-size: 20px;
    }
    .adoboxqta-2 {
        width: 100%;
        height: 135px;
        display: flex;
        justify-content: center;
        overflow:hidden;
    }
        .adoboxqta-2 img {
            -webkit-border-radius: 12px;
            border-radius: 12px;
            
        }
    .adoboxqta-3 {
        width: 100%;
        height: 70px;
    }
    #container .adoboxqta-3 .p1 {
        text-align: center;
        margin: 0;
        font-size: 22px;
        margin-top: 25px;
        color:#d3d3d3;
    }
    #container .adoboxqta-3 .p2 {
        text-align: center;
        margin: 0;
        font-size: 14px;
        margin-top:0;
        text-transform:uppercase;
    }
    .adoboxqta-4 {
        width: 100%;
        height: 80px;
    }
    #container .adoboxqta-4 .p1 {
        text-align: center;
        margin: 0;
        font-size: 30px;
        font-weight: normal;
        margin-top: 22px;
    }

        #container .adoboxqta-4 .p1 span {
            font-size: 18px;
        }
    #container .adoboxqta-4 .p2 {
        text-align: center;
        margin: 0;
        font-size: 16px;
        font-weight: normal;
        margin-top: 5px;
    }
    .adoboxinfo1 {
        width: 100%;
        height: auto;
    }
    #container .adoboxinfo1 .p1 {
        text-align: center;
        margin: 0;
        font-size: 34px;
        line-height:40px;
        font-weight: bold;
        margin-top: 22px;
    }
    #container .adoboxinfo1 .p2 {
        text-align: center;
        margin: 0;
        font-size: 20px;
        font-weight: normal;
        margin-top: 10px;
    }
    .adoboxinfo2 {
        width: 80%;
        margin-left:10%;
        height: auto;
        padding:25px;
        border:2px solid #1D0E04;
    }

    #container .adoboxinfo2 .p1 {
        text-align: center;
        margin: 0;
        font-size: 25px;
        line-height:34px;
        font-weight: normal;
        margin-top: 10px;
    }
    #container .adoboxinfo2 .p2 {
        text-align: center;
        margin: 0;
        font-size: 19px;
        font-weight: normal;
        margin-top: 10px;
    }
    #boxname .divbutton1 {
        text-align:center;
        float:right;
        margin-top:5px;
        width:95%;
    }
    #boxname .div70 i {
        position:absolute;
        float:none;
        left:23px;
        top:22px;
        font-size:22px;
        color:#bbb;
    }
    #boxname img {
        width: 100%;
        -webkit-border-radius: 18px;
        border-radius: 18px;
    }
    #boxname .div35 {
        padding:5px;
    }
    #boxname .div65 {
        padding-left:45px;
    }
    #boxname .div40 {
        padding: 5px;
    }

    #boxname .div60 {
        padding-left: 45px;
    }
    #boxname .text1 {
        border:none;
        border-bottom:2px solid #222;
        border-radius:0;
        font-weight:normal;
        font-size:20px;
        text-transform:uppercase;
        padding-left:75px;
        background-color:transparent;
    }
        #boxname .text1:hover {
            border-bottom: 2px solid #0071bc;
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: transparent;
        }
        #boxname .text1:active {
            border-bottom: 2px solid #0071bc;
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: transparent;
        }
        #boxname .text1:focus {
            border-bottom: 2px solid #0071bc;
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: transparent;
        }
    #login-sx-cont {
        width: 100%;
        padding: 30px;
        border: 1px solid #bbb;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        margin-top: 30px;
    }
    #login-dx-cont {
        width: 100%;
        
    }
    .prodlist-cont {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .prodlist-item {
        width: 23%;
        height: 255px;
        margin: 1%;
        overflow: hidden;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        background-color: #fff;
        display: flex;
        justify-content: center;
    }
        .prodlist-item:hover .prodlist-cover {
            background-color: rgba(29,14,4,0.35)
        }
        .prodlist-item:active .prodlist-cover {
            background-color: rgba(29,14,4,0.5)
        }
    .prodlist-cover {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        float: none;
        z-index: 999;
        -webkit-transition: all ease 0.15s;
        transition: all ease 0.15s;
        background-color: rgb(29,14,4,0.2);
    }
    .prodlist-item img {
        width:100%;
        
    }
    .prodlist-text {
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 20px;
        left: 0;
        float: none;
        z-index: 1001;
    }
    #container .prodlist-text .p1 {
        color:#fff;
        font-weight:bold;
        text-align:center;
        margin:0;
        font-size:22px;
        line-height:27px;
        text-transform:uppercase;
    }
    #container .prodlist-text .p2 {
        color: #fff;
        font-weight: bold;
        text-align: center;
        margin: 0;
        margin-top:8px;
        font-size: 17px;
        line-height: 20px;
    }
        .produttore-menu {
        width: auto;
        height: 50px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        margin-top:8px;
        margin-right: 8px;
        padding-right: 25px;
        padding-left: 25px;
    }
    .menubgWA {
        background-color: #25d366;
        -webkit-transition: all ease 0.1s;
        transition: all ease 0.1s;
    }

        .menubgWA:hover {
            background-color: #1dc65c;
        }

        .menubgWA:active {
            background-color: #1dc65c;
        }
    .menubg1 {
        background-color: #eee;
        -webkit-transition: all ease 0.1s;
        transition: all ease 0.1s;
    }
    .menubg1:hover {
        background-color: #e5e5e5;
    }
        .menubg1:active {
            background-color: #e5e5e5;
        }
    .menubg2 {
        background-color: #1D0E04;
    }
    #container .menubg2 p {
        color:#fff;
    }
    #container .produttore-menu p {
        text-align:center;
        margin:0;
        margin-top:9px;
        text-transform:uppercase;
        font-size:15px;
    }
    #container .produttore-menu p .s1 {
        display:none;
    }  
    .produttore-sx {
        width: 30%;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        z-index:9992;
    }
    .produttore-sx-2 {
        width: 100%;
        height: auto;
        margin-top: -140px;
        display: flex;
        justify-content: center;
    }
    .produttore-avatar {
        width: 244px;
        height: 244px;
        overflow:hidden;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: 6px solid #FFF;
        background-color: #eee;
        display: flex;
        justify-content: center;
    }
    .produttore-avatar img {
        width: 100%;
        margin:0;
    }
    .produttore-text {
        width: 96%;
        margin-left:2%;
        height: auto;
        margin-top:20px;
    }
    #container .produttore-text .p1 {
        font-size:32px;
        line-height:36px;
        font-weight:bold;
        color:#D3C382;
    }
    #container .produttore-text .p2 {
        font-size: 23px;
        line-height: 28px;
        margin-top:5px;
    }
    #container .produttore-text .p2 span {
        display: none;
    }
    #produttore-info {
        display:block;
    }
    #container .produttore-text .p3 {
        
        margin-top: 45px;
    }
    #container .produttore-text .p3 a {
        font-size: 32px;
        line-height: 38px;
    }
   
    #container .produttore-text .p4 {
        font-size: 19px;
        line-height: 28px;
        margin-top: 45px;
    }
    .produttore-dx {
        width: 70%;
        height: auto;
        padding-left: 40px;
        padding-right: 40px;
    }
    .middle1 {
        width: 70%;
        max-width: 1399px;
        margin: 0 auto;
        float: none;
    }
    #prodarticoli.middle1 {
        width: 80%;
        max-width: 1399px;
        margin: 0 auto;
        float: none;
    }
    .middle2 {
        width: 48%;
        max-width: 1099px;
        margin: 0 auto;
        float: none;
    }
    .middle3 {
        width: 54%;
        max-width: 999px;
        margin: 0 auto;
        float: none;
    }
    .middle4 {
        width: 52%;
        max-width: 999px;
        margin: 0 auto;
        float: none;
    }
    .middle5 {
        width: 100%;
        max-width: 599px;
        margin: 0 auto;
        float: none;
    }
    #adozioni-list .adocont {
        width: 21.4%;
        height: 520px;
        margin:1.8%;
    }

    #produttore-ado .adocont {
        width: 29%;
        height: 520px;
        margin: 2%;
    }
    #produttore-prod .adocont {
        width: 29%;
        height: 520px;
        margin: 2%;
    }

    #produttore-ado .adobox {
        height: 520px;
    }
    #produttore-ado .adobox1 img {
        margin-top: 0;
    }
    #produttore-prod .adocont {
        width: 29%;
        height: 520px;
        margin: 2%;
    }
    #produttore-prod .adobox {
        height: 520px;
    }

    #produttore-prod .adobox1 img {
        margin-top: 0;
    }

    .adocont {
        width: 100%;
        height: 530px;
    }
    .adobox {
        width: 100%;
        height: 530px;
        background-color: #fcfcfc;
        -webkit-border-radius: 17px;
        border-radius: 17px;
        overflow: hidden;
        -webkit-box-shadow: 0 0 18px rgba(0,0,0,0.18);
        box-shadow: 0 0 18px rgba(0,0,0,0.18);
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }
    .adobox:active {
        -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.28);
        box-shadow: 0 0 14px rgba(0,0,0,0.28);
    }
    .ado-img-cont {
        width: 100%;
        height: 200px;
        overflow:hidden;
    }
    .ado-img-cont img.special {
        width: 100%;
    }
    .adobox1 {
        width: 100%;
        height: 200px;
    }
    .adobox1 img {
        width: 100%;
        margin-top:-50px;
    }
    .adobox2 {
        width: 100%;
        height: 65px;
        padding: 15px;
        padding-top:7px;
        
    }
    #container .adobox2 p {
        text-transform: uppercase;
        font-size: 19px;
        line-height: 22px;
        font-weight: bold;
        margin-top: 7px;
    }
    .adobox3 {
        width: 100%;
        height: 70px;
        padding: 15px;
    }
    #container .adobox3 p {
        font-size: 18px;
        line-height: 20px;
        margin-top: 4px;
    }
   
    .adobox4 {
        width: 100%;
        height: 50px;
        padding: 15px;
    }
    #container .adobox4 p {
        font-size: 17px;
        line-height: 17px;
        margin-top: 5px;
    }
    .adobox5 {
        width: 100%;
        height: 38px;
        margin-top:5px;
    }

    .adoboxicocont {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .adoboxico1 {
        width: 30px;
        height: 38px;
   margin-right:10px;
    }
    #container .adoboxico1 p {
        font-size: 23px;
        margin-top: 13px;
    }
    .adoboxico2 {
        width: 38px;
        height: 38px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #1D0E04;
        margin-right: 4px;
        margin-top:5px;
    }
    #container .adoboxico2 p {
        font-size: 14px;
        margin-top: 3px;
        font-weight:bold;
        color:#fff;
    }
        #container .adoboxico2 p.pspecial {
            font-size: 12px;
            margin-top: 14px;
        }
    .adoboxico3 {
        width: 38px;
        height: 38px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #eee;
        margin-right: 4px;
        margin-top: 5px;
    }

    #container .adoboxico3 p {
        font-size: 14px;
        margin-top: 3px;
        font-weight: bold;
        color: #1D0E04;
    }

        #container .adoboxico3 p.pspecial {
            font-size: 12px;
            margin-top: 14px;
        }
    .adobox6 {
        width: 100%;
        height: 75px;
        position: absolute;
        float: none;
        bottom: 0;
        padding: 15px;
    }
    .adotitle {
        width:auto;
        height:50px;
    }
    .adotitle1 {
        width: 30px;
        height: 50px;
        margin-right:5px;
    }
    #container .adotitle1 p {
        color: #D3C382;
        margin: 0;
        margin-top:15px;
    }
    .adotitle2 {
        width: auto;
        height: 50px;
        margin-right: 15px;
    }
    #container .adotitle2 p {
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        line-height:16px;
        margin: 0;
        margin-top: 16px;
    }
    #produttore-prod .prodcont {
        width: 33.3%;
        height: 350px;
    }
    #produttore-prod .prodbox {
        height: 300px;
    }
    
    .prodcont {
        width: 100%;
        height: 500px;
        background-color: transparent;
    }

    .prodbox {
        width: 100%;
        height: 430px;
        background-color: #fff;
        -webkit-border-radius: 17px;
        border-radius: 17px;
    }
    #homebgcont {
        margin-top:60px;
    }
    .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);
        }
    .bgpage1 {
        background-image:url(/img_sito/home-4.jpg);
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center;
    }
    .divbg1 {
        width: 70%;
        min-height: 170px;
        
        margin-top: 75px;
        margin-left: 15%;
    }

    #container .divbg1 h1 {
        text-transform: none;
        color: #fff;
        font-weight: bold;
        font-size: 62px;
        line-height: 74px;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    #container .divbg1 h2 {
        text-transform: none;
        color: #fff;
        font-weight: bold;
        font-size: 24px;
        line-height: 32px;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .divbg2 {
        width: 70%;
        height: auto;
        margin-top: 145px;
        margin-left:15%;
    }

    #container .divbg2 h1 {
        text-transform: none;
        color: #fff;
        font-weight: bold;
        font-size: 68px;
        line-height: 80px;
        margin: 0;
        padding: 0;
        text-align:center;
    }

    #container .divbg2 h2 {
        text-transform: none;
        color: #fcfcfc;
        font-weight: normal;
        font-size: 29px;
        line-height: 34px;
        margin: 0;
        padding: 0;
        margin-top: 25px;
        text-align: center;
    }
    #container .divbg2 h3 {
        margin:0;
        margin-top: 95px;
        text-align: center;
    }
    .homebgline1 {
        width: 100%;
        height:auto;
        margin-top:-30px;
        z-index:9989;
    }
    .homebgline1 img {
        width: 100%;
    }
    .homebgline2 {
        width: 100%;
        height: auto;
        margin-bottom: -30px;
        z-index: 9989;
    }

        .homebgline2 img {
            width: 100%;
        }
    #cartbox {
        position: fixed;
        float: none;
        width: auto;
        height: 56px;
        background-color: #1D0E04;
        border: 2px solid #fff;
        border-right: none;
        right: -5px;
        top: 150px;
        z-index: 9991;
        -webkit-border-radius: 50px 0 0 50px;
        border-radius: 50px 0 0 50px;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
    }
    #cartbox:hover {
        right: 0;
    }
        #cartbox:active {
            right: 0;
        }
    #cartbox1 {
        width: auto;
        height: 56px;
        float: right;
        background-color: transparent;
        padding-left: 15px;
        padding-right: 10px;
    }
    #container #cartbox1 p {
        color: #D3C382;
        font-size: 30px;
        text-align: center;
        margin: 0;
        margin-top: 10px;
    }
    #cartbox2 {
        width: 44px;
        height: 56px;
        float: right;
        background-color: transparent;
    }
    #container #cartbox2 p {
        color: #fff;
        font-size: 20px;
        text-align: center;
        margin: 0;
        margin-top: 16px;
    }
    #cartboxalert {
        position: fixed;
        float: none;
        width: auto;
        height: 30px;
        background-color: transparent;
        top: 210px;
        right: 0;
        z-index: 9991;
        -webkit-animation: dissolvenza 1.4s forwards;
        -o-animation: dissolvenza 1.4s forwards;
        -ms-animation: dissolvenza 1.4s forwards;
        -moz-animation: dissolvenza 1.4s forwards;
        animation: dissolvenza 1.4s forwards;
        -webkit-animation-delay: 2.5s;
        -o-animation-delay: 2.5s;
        -ms-animation-delay: 2.5s;
        -moz-animation-delay: 2.5s;
        animation-delay: 2.5s;
    }
    #container #cartboxalert p {
        color: #20c724;
        font-size:18px;
        text-align: right;
        margin-right:14px;
    }
    .dissolvenza {
        -webkit-animation: dissolvenza 0.55s forwards;
        -o-animation: dissolvenza 0.55s forwards;
        -ms-animation: dissolvenza 0.55s forwards;
        -moz-animation: dissolvenza 0.55s forwards;
        animation: dissolvenza 0.55s forwards;
        -webkit-animation-delay: 2.2s;
        -o-animation-delay: 2.2s;
        -ms-animation-delay: 2.2s;
        -moz-animation-delay: 2.2s;
        animation-delay: 2.2s;
    }
    /*dissolvenza*/

    @keyframes dissolvenza {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @-webkit-keyframes dissolvenza {
        0% {
            -webkit-opacity: 1;
        }

        100% {
            -webkit-opacity: 0;
        }
    }

    @-moz-keyframes dissolvenza {
        0% {
            -moz-opacity: 1;
        }

        100% {
            -moz-opacity: 0;
        }
    }

    @-o-keyframes dissolvenza {
        0% {
            -o-opacity: 1;
        }

        100% {
            -o-opacity: 0;
        }
    }

    @-ms-keyframes dissolvenza {
        0% {
            -ms-opacity: 1;
        }

        100% {
            -ms-opacity: 0;
        }
    }
    .boxva {
        width: 20%;
        height: 200px;
    }
    .boxva img{
        width: 110px;
    }
    #container .boxva .p1 {
        text-align: center;
        margin: 0;
        font-size: 46px;
        margin-top: 30px;
    }

    #container .boxva .p2 {
        text-align: center;
        margin: 0;
        text-transform: uppercase;
        font-size: 24px;
        line-height: 28px;
        font-weight: 600;
        margin-top: 35px;
        color:#1D0E04;
       
    }
    #container .boxva .p3 {
        text-align: center;
        margin: 0;
        text-transform: uppercase;
        font-size: 34px;
        line-height: 26px;
        font-weight: 600;
        margin-top: 20px;
        color:#fff;
    }
    .spacefarm {
        width:100%;
        height:580px;
        background-image:url(/svg/farm-1.svg);
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
    }
    .farmline1 {
        width:100%;
        margin-left:-10%;
    }
    .farmline2 {
        width: 100%;
    }
    .farmbox {
        width: 20%;
        height:116px;
    }

    .farmbox-img {
        position: absolute;
        width: 120px;
        height: 120px;
        background-color: #fff;
        top: -50px;
        right: -60px;
        display: none;
        z-index: 9990;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0 0 15px #ccc;
        box-shadow: 0 0 10px #ddd;
        overflow: hidden;
        justify-content: center;
    }
    .farmbox-img img{
        width:140%;
        margin-left:-20%;
    }
        .farmboxico:hover .farmbox-img {
        display: block;
    }
    .farmboxico {
        width: 100%;
        height: 62px;
        margin-top: 17px;
        display: flex;
        justify-content: center;
    }
    .farmboximg {
        width: 62px;
        height: 62px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: transparent;
        border: 4px solid transparent;
        overflow:hidden;
    }
        .farmboximg img {
            width: 100%;
            cursor: pointer;
        }
        .farmboximg.opacity img{
            opacity: 0.4;
            cursor:no-drop;
        }
        
    .farmboximg-sel {
        position: absolute;
        float: none;
        left:0;
        top:0;
        z-index: 10;
        width: 62px;
        height: 62px;
        background-color: #1D0E04;
    }
    .farmboximg-sel p {
        font-size:24px;
        color: #fff;
        text-align:center;
        margin-top:16px;
        margin-left:-1px;
    }
    .farmboxtext {
        width: 100%;
        margin-top: 0;
    }
    #container .farmboxtext p {
        text-transform:uppercase;
        text-align:center;
        font-size:15px;
        margin:0;
        font-weight:bold;
    }
    .filter-cont {
        width:100%;
        max-width:460px;
        height:60px;
        margin-bottom:35px;
    }
    .filter-1 {
        width: 40%;
    }
    #container .filter-1 p {
        text-align: right;
        font-size: 22px;
        margin: 0;
        font-weight: bold;
        color:#fff;
        margin-right:26px;
        margin-top:16px;
    }
    .filter-2 {
        width: 60%;
    }

}
@media (max-width: 480px)
{
    .cs-text {
        width: 100%;
        padding: 10px;
    }

    .cs-img {
        width: 100%;
        padding: 10px;
    }
    .cs-img-cont {
        width: 100%;
    }
    i.tooltiplink:hover::after, i.tooltiplink:active::after {      
        width: 240px;       
        padding: 18px;     
        font-size: 16px;
        line-height: 22px;
        bottom: 120%;
        position:relative;
    }
    .farmboxico:hover .farmbox-img {
        display: none;
    }
    .prodboxqta {
        width: 105px;
        height: 56px;
        margin-right: 6px;
        padding: 6px;
    }

    #container .prodboxqta .p1 {
        font-size: 20px;
        line-height: 20px;
        margin-top: 1px;
    }
        #container .prodboxqta .p1 span {
            font-size: 15px;
        }

    #container .prodboxqta .p2 {
        font-size: 15px;
        line-height: 15px;
        margin-top: 3px;
    }
    .adoboxqta {
        width: 76%;
        margin: 12%;
    }
    #boxnome .div70 {
        width:100%;
    }
    #boxnome .div30 {
        width: 100%;
    }
    #boxname .divbutton1 {
        width: 100%;
    }
    #boxnome .div35 {
        width: 100%;
    }
    #boxnome .div65 {
        width: 100%;
        padding-left:10px;
        margin-top:20px;
    }
    #boxnome .div40 {
        width: 100%;
    }

    #boxnome .div60 {
        width: 100%;
        padding-left: 10px;
        margin-top: 20px;
    }
    #boxnome .adoboxico2 {
        margin-top: 5px;
    }
    #boxnome .adoboxico3 {
        margin-top: 5px;
    }
    #container .adoboxico2 p {
        font-size: 14px;
        margin-top: 5px;
    }
    #container .adoboxico3 p {
        font-size: 14px;
        margin-top: 5px;
    }
    
    #divlogincont .div50 {
        width:100%;
    }
    #login-dx-cont {
        margin-top:50px;
    }
    .prodlist-item {
        width: 48%;
        height:156px;
    }
    .prodlist-text {
        bottom:10px;
    }
    #container .prodlist-text .p1 {
        font-size: 18px;
        line-height: 22px;
    }

    #container .prodlist-text .p2 {
        font-size: 16px;
        line-height: 19px;
        margin-top:2px;
    }
    #adozioni-list .adocont {
        width: 94%;
        margin:3%;
        margin-top:5%;
    }
    .adobox1 img {
        margin-top: 0;
    }
    #produttore-ado .adocont {
        width: 94%;
        margin: 3%;
        margin-top: 5%;
    }
    #produttore-prod .adocont {
        width: 94%;
        margin: 3%;
        margin-top: 5%;
    }
    #produttore-prod .prodcont {
        width: 94%;
        margin: 3%;
        margin-top: 5%;
    }
    .produttore-menu {
        width: auto;
        height: 36px;
        
        margin-right: 6px;
        padding-right: 14px;
        padding-left: 14px;
    }

    #container .produttore-menu p {
        margin-top: 3px;
        
    }

        #container .produttore-menu p .s1 {
            display: block;
            font-size:17px;
            margin-top:10px;
        }
        #container .produttore-menu p .s2 {
            display: none;
        }
    #container .produttore-text .p2 span {
        display: inline-block;
    }

    #produttore-info {
        display: none;
    }
    .produttore-sx {
        width: 100%;
        padding:0;
    }
    
    .produttore-avatar {
        width: 200px;
        height: 200px;
    }
    .produttore-text {
        width: 96%;
        margin-left:2%;
        margin-top:20px;
    }
    .produttore-dx {
        width: 100%;
        padding:10px;
        margin-top:30px;
    }
    .middle1 {
        width: 92%;
        margin-left:4%;
    }
    #prodarticoli.middle1 {
        width: 100%;
        margin-left: 0;
    }
    .middle2 {
        width: 92%;
        margin-left: 4%;
    }
    .middle3 {
        width: 92%;
        margin-left: 4%;
    }
    .middle4 {
        width: 92%;
        margin-left: 4%;
    }
    .middle5 {
        width: 94%;
        
    }
    #homebgcont {
        margin-top: 50px;
    }
    .divbg1 {
        width: 100%;
        min-height: 110px;
        margin-top: 75px;
        margin-left: 0;
    }

    #container .divbg1 h1 {
        font-size: 40px;
        line-height: 42px;
    }
    .divbg2 {
        width: 100%;
        margin-top: 110px;
        margin-left: 0;
    }

    #container .divbg2 h1 {
        font-size: 40px;
        line-height: 42px;
    }

    #container .divbg2 h2 {
        font-size: 22px;
        line-height: 30px;
        margin-top: 30px;
    }
    .homebgline1 {
        width: 100%;
        margin-top:-10px;
    }

        .homebgline1 img {
            width: 800px;
        }
    .homebgline2 {
        width: 100%;
        margin-bottom: -10px;
    }

        .homebgline2 img {
            width: 800px;
        }
    .boxva {
        width: 50%;
        height: 200px;
    }

    #container .boxva .p1 {
        font-size: 44px;
        margin-top: 35px;
    }

    #container .boxva .p2 {
        font-size: 17px;
        line-height: 22px;
        font-weight: 600;
        margin-top: 20px;
    }
    #container .adotitle2 p span {
        display:none;
    }
    #container .farmboxtext p {
        font-size: 13px;
    }
    .adoboxinfo2 {
        width: 90%;
        margin-left: 5%;
        padding: 20px;
    }
    .filter-cont {
        max-width: 360px;
        margin-bottom: 35px;
    }

    .filter-1 {
        width: 30%;
    }

    #container .filter-1 p {
        font-size: 18px;
        text-align:left;
        margin-right: 0;
        margin-left:5px;
        margin-top: 18px;
    }

    .filter-2 {
        width: 70%;
    }

}
@media (min-width: 480px) and (max-width: 769px)
{
    .cs-text {
        width: 100%;
        padding: 30px;
    }

    .cs-img {
        width: 100%;
        padding: 30px;
    }
    .cs-img-cont {
        width: 90%;
    }
    .adoboxqta {
        width: 48%;
        margin: 26%;
        margin-top:25px;
        margin-bottom:25px;
    }
    #boxnome .div70 {
        width: 100%;
    }

    #boxnome .div30 {
        width: 100%;
    }
    #boxnome .div35 {
        width: 100%;
    }

    #boxnome .div35 img {
        width: 60%;
    }
    #boxnome .div65 {
        width: 100%;
        padding-left: 10px;
        margin-top: 20px;
    }

    #boxnome .div40 {
        width: 100%;
    }

        #boxnome .div40 img {
            width: 100%;
        }

    #boxnome .div60 {
        width: 100%;
        padding-left: 10px;
        margin-top: 20px;
    }

    #boxnome .adoboxico2 {
        margin-top: 5px;
    }

    #boxnome .adoboxico3 {
        margin-top: 5px;
    }

    #container .adoboxico2 p {
        font-size: 14px;
        margin-top: 5px;
    }

    #container .adoboxico3 p {
        font-size: 14px;
        margin-top: 5px;
    }
    #boxname .divbutton1 {
        width: 100%;
    }
    #divlogincont .div50 {
        width: 100%;
    }

    #login-dx-cont {
        margin-top: 50px;
    }
    .prodlist-item {
        width: 48%;
        height: 190px;
    }

    .prodlist-text {
        bottom: 20px;
    }

    #container .prodlist-text .p1 {
        font-size: 22px;
        line-height: 26px;
    }

    #container .prodlist-text .p2 {
        font-size: 18px;
        line-height: 19px;
        margin-top: 5px;
    }
    #adozioni-list .adocont {
        width: 46%;
        margin:2%;
        margin-top:4%;
    }
    .adobox1 img {
        margin-top: 0;
    }
    #produttore-ado .adocont {
        width: 46%;
        margin: 2%;
        margin-top: 4%;
    }
    #produttore-prod .adocont {
        width: 46%;
        margin: 2%;
        margin-top: 4%;
    }
    #produttore-prod .prodcont {
        width: 46%;
        margin: 2%;
        margin-top: 4%;
    }
    .produttore-menu {
        width: auto;
        height: 36px;
        margin-right: 8px;
        padding-right: 20px;
        padding-left: 20px;
    }

    #container .produttore-menu p {
        margin-top: 3px;
    }

        #container .produttore-menu p .s1 {
            display: block;
            font-size: 17px;
            margin-top: 10px;
        }

        #container .produttore-menu p .s2 {
            display: none;
        }
    #container .produttore-text .p2 span {
        display: inline-block;
    }

    #produttore-info {
        display: none;
    }
    .produttore-sx {
        width: 100%;
        padding: 0;
    }

    .produttore-avatar {
        width: 220px;
        height: 220px;
    }

    .produttore-text {
        width: 96%;
        margin-left: 2%;
        margin-top: 20px;
    }

    .produttore-dx {
        width: 100%;
        padding: 10px;
        margin-top:30px;
    }

    .produttore-dx {
        width: 100%;
        padding:20px;
    }
    .middle1 {
        width: 90%;
    }
    #prodarticoli.middle1 {
        width: 90%;
    }
    .middle2 {
        width: 90%;
    }
    .middle3 {
        width: 90%;
    }
    .middle4 {
        width: 90%;
    }
    .middle5 {
        width: 90%;
    }
    #homebgcont {
        margin-top: 60px;
    }
    .divbg1 {
        width: 100%;
        min-height: 110px;
        margin-top: 75px;
        margin-left: 0;
    }

    #container .divbg1 h1 {
        font-size: 44px;
        line-height: 46px;
    }
    .divbg2 {
        width: 100%;
        margin-top: 120px;
        margin-left: 0;
    }

    #container .divbg2 h1 {
        font-size: 44px;
        line-height: 46px;
    }

    #container .divbg2 h2 {
        font-size: 22px;
        line-height: 30px;
        margin-top: 30px;
    }
    .homebgline1 {
        width: 100%;
        margin-top: -10px;
    }

        .homebgline1 img {
            width: 800px;
        }
    .homebgline2 {
        width: 100%;
        margin-bottom: -10px;
    }

        .homebgline2 img {
            width: 800px;
        }
    .boxva {
        width: 33%;
        height: 200px;
    }

    #container .boxva .p1 {
        font-size: 44px;
        margin-top: 35px;
    }

    #container .boxva .p2 {
        font-size: 17px;
        line-height: 23px;
        font-weight: 600;
        margin-top: 25px;
    }
    #container .adotitle2 p span {
        display: none;
    }
    #container .farmboxtext p {
        font-size: 13px;
    }
    .adoboxinfo2 {
        width: 90%;
        margin-left: 5%;
        padding: 20px;
    }
    .filter-cont {
        max-width: 360px;
        margin-bottom: 35px;
    }

    .filter-1 {
        width: 30%;
    }

    #container .filter-1 p {
        font-size: 18px;
        text-align: left;
        margin-right: 0;
        margin-left: 5px;
        margin-top: 18px;
    }

    .filter-2 {
        width: 70%;
    }
    #container .adobox2 p {
        font-size: 17px;
        line-height: 21px;
    }
}
@media (min-width: 769px) and (max-width: 980px)
{
    .cs-text {
        padding: 20px;
    }

    .cs-img {
        padding: 20px;
    }
    .cs-img-cont {
        width: 100%;
    }
    .prodboxqta {
        width: 29%;
    }
    #container .adoboxqta-3 .p1 {
        font-size: 19px;
        margin-top: 25px;
    }
    #container .adoboxqta-4 .p2 {
        font-size: 13px;
    }
    #boxnome .div35 {
        width: 35%;
    }

    #boxnome .div65 {
        width: 65%;
        padding-left: 30px;
    }
    
    #boxnome .div60 {
        padding-left: 30px;
    }
    #boxnome .adoboxico2 {
        margin-top: 5px;
    }

    #boxnome .adoboxico3 {
        margin-top: 5px;
    }
    .prodlist-item {
        width: 31.3%;
        height: 210px;
    }

    .prodlist-text {
        bottom: 20px;
    }

    #container .prodlist-text .p1 {
        font-size: 22px;
        line-height: 26px;
    }

    #container .prodlist-text .p2 {
        font-size: 18px;
        line-height: 19px;
        margin-top: 5px;
    }
    #adozioni-list .adocont {
        width: 29%;
        margin:2%;
        margin-top:4%;
    }
    .adobox1 img {
        margin-top: 0;
    }
    #produttore-ado .adocont {
        width: 46%;
        margin: 2%;
        margin-top: 4%;
    }
    #produttore-prod .adocont {
        width: 46%;
        margin: 2%;
        margin-top: 4%;
    }
    .adobox1 img {
        margin-top: 0;
    }
    #produttore-prod .prodcont {
        width: 29%;
        margin: 2%;
        margin-top: 4%;
    }
    .produttore-menu {
        margin-right: 6px;
        padding-right: 18px;
        padding-left: 18px;
    }
    #container .produttore-menu p {
        margin-top: 8px;
        font-size: 16px;
    }
        #container .produttore-menu p .s1 {
            display: block;
            font-size: 18px;
            margin-top: 16px;
        }

        #container .produttore-menu p .s2 {
            display: none;
        }
    .produttore-sx {
        padding: 0;
    }
    .produttore-sx-2 {
        margin-top: -100px;
    }
    .produttore-avatar {
        width: 150px;
        height: 150px;
    }

    .produttore-text {
        width: 96%;
        margin-left: 2%;
        margin-top: 15px;
    }
    .middle1 {
        width: 90%;
    }
    .middle2 {
        width: 90%;
    }
    .middle3 {
        width: 80%;
    }
    .middle4 {
        width: 90%;
    }
    .middle5 {
        width: 90%;
    }
    #homebgcont {
        margin-top: 60px;
    }
    .divbg1 {
        width: 100%;
        min-height: 110px;
        margin-top: 75px;
        margin-left: 0;
    }

    #container .divbg1 h1 {
        font-size: 50px;
        line-height: 52px;
    }
    .divbg2 {
        width: 100%;
        margin-top: 120px;
        margin-left: 0;
    }

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

    #container .divbg2 h2 {
        font-size: 24px;
        line-height: 32px;
        margin-top: 30px;
    }
    .homebgline1 {
        width: 100%;
        margin-top: -10px;
    }

        .homebgline1 img {
            width: 1000px;
        }
    .homebgline2 {
        width: 100%;
        margin-bottom: -10px;
    }

        .homebgline2 img {
            width: 1000px;
        }
    .boxva {
        width: 33%;
        height: 200px;
    }

    #container .boxva .p2 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
        margin-top: 25px;
    }
    #container .adobox2 p {
        font-size: 17px;
        line-height: 21px;
    }
}
@media (min-width: 980px) and (max-width: 1279px)
{
    .cs-img-cont {
        width: 80%;
    }
    .prodboxqta {
        width: 29%;
    }
    #container .adoboxqta-3 .p1 {
        font-size: 19px;
        margin-top: 25px;
    }
    #container .adoboxqta-4 .p2 {
        font-size: 13px;
    }

    #container .prodlist-text .p1 {
        font-size: 22px;
        line-height: 26px;
    }

    #container .prodlist-text .p2 {
        font-size: 18px;
        line-height: 19px;
        margin-top: 5px;
    }
    .produttore-sx {
        padding: 0;
    }

    .produttore-sx-2 {
        margin-top: -130px;
    }
    #container .produttore-menu p {
        margin-top: 9px;
        font-size: 16px;
    }

        #container .produttore-menu p .s1 {
            display: block;
            font-size: 18px;
            margin-top: 16px;
        }

        #container .produttore-menu p .s2 {
            display: none;
        }
    .produttore-avatar {
        width: 180px;
        height: 180px;
    }

    .produttore-text {
        width: 96%;
        margin-left: 2%;
        margin-top: 15px;
    }
    .middle1 {
        width: 90%;
    }
    .middle2 {
        width: 74%;
    }
    .middle3 {
        width: 74%;
    }
    .middle4 {
        width: 64%;
    }
    #homebgcont {
        margin-top: 60px;
    }
    .divbg1 {
        width: 100%;
        min-height: 110px;
        margin-top: 75px;
        margin-left: 0;
    }

    #container .divbg1 h1 {
        font-size: 52px;
        line-height: 52px;
    }
    .divbg2 {
        width: 100%;
        margin-top: 120px;
        margin-left: 0;
    }

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

    #container .divbg2 h2 {
        font-size: 24px;
        line-height: 32px;
        margin-top: 30px;
    }
    .homebgline1 {
        width: 100%;
        margin-top: -20px;
    }

        .homebgline1 img {
            width: 1300px;
        }
    .homebgline2 {
        width: 100%;
        margin-bottom: -20px;
    }

        .homebgline2 img {
            width: 1300px;
        }
    .prodlist-item {
        height: 190px;
    }
    .adobox1 img {
        margin-top: 0;
    }
    #container .adobox2 p {
        font-size: 17px;
        line-height: 21px;
    }
}
@media (min-width: 1279px) and (max-width: 1499px) {
    .prodboxqta {
        width: 29%;
    }
    #container .adoboxqta-3 .p1 {
        font-size: 19px;
        margin-top: 25px;
    }

    #container .adoboxqta-4 .p2 {
        font-size: 13px;
    }

    #container .prodlist-text .p1 {
        font-size: 22px;
        line-height: 26px;
    }
    .produttore-sx-2 {
        margin-top: -130px;
    }

    .produttore-avatar {
        width: 200px;
        height: 200px;
    }
   
    .middle1 {
        width: 90%;
    }
    .middle2 {
        width: 74%;
    }
    .prodlist-item {
        height: 260px;
    }
    .adobox1 img {
        margin-top: 0;
    }
}
/* ################### PORTFOLIO*/
@media all {
    .boxcaricacont {
        width: 100%;
        height: 240px;
        border: 2px dashed #ddd;
        cursor: pointer;
    }

        .boxcaricacont:hover {
            border: 2px dashed #bbb;
        }

        .boxcaricacont:active {
            border: 2px dashed #26b8d9;
        }

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

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

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

    #container .boxcaricacont .p3 {
        font-size: 13px;
        line-height: 15px;
        color: #aaa;
        text-align: center;
        margin: 0;
        margin-top: 13px;
    }
    .portitem {
        width: 31.1%;
        height: 29vh;
        max-height:280px;
        background-color: #eee;
        overflow: hidden;
        float: left;
        position: relative;
        margin: 1%;
        padding: 0;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
        .portitem .boxfotoinfo {
            width: 90%;
            height: 35px;
            background-color: rgba(0,0,0,0.3);
            overflow: hidden;
            position: absolute;
            float: none;
            right: 5%;
            bottom: 11px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            overflow: hidden;
            z-index: 9990;
        }
        .portitem .boxfotoinfo p{
            text-align:center;
            color:#fff;
            margin:0;
            font-size:16px;
        }
        .portitem .boxfotoelimina {
            width: 35px;
            height: 35px;
            background-color: #fcfcfc;
            overflow: hidden;
            position: absolute;
            float: none;
            right: 11px;
            top: 11px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            overflow: hidden;
            z-index:9990;
        }
        .portitem .boxfotoelimina:hover {
            background-color: #eee;
        }

    #container .portitem .boxfotoelimina p {
        text-align: center;
        margin: 0;
        font-size: 12px;
        color: #111;
        margin-top: 12px;
        margin-left: 0;
    }
    .portimgbg {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0;
        padding: 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);
    }

    .portitem:hover .portimgbg {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    .portitem:active .portimgbg {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    .porttext {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        z-index: 1;
        position: absolute;
        background-color: rgba(0,0,0,0.30);
        -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);
    }

    .portitem:hover .porttext {
        background-color: rgba(0,0,0,0.07);
    }

    .portitem:active .porttext {
        background-color: rgba(0,0,0,0.07);
    }

    .porttext2 {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 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);
    }

    .portitem:hover .porttext2 {
        bottom: 25px;
    }

    .portitem:active .porttext2 {
        bottom: 25px;
    }

    #container .porttext2 h4 {
        text-align: center;
        margin: 0;
        padding: 0;
        color: #fcfcfc;
        font-size: 15px;
        line-height: 26px;
        font-weight: bold;
        margin-left: 10px;
        margin-right: 10px;
        text-transform: uppercase;
    }

    #container .porttext2 h5 {
        text-align: center;
        margin: 0;
        padding: 0;
        color: #eee;
        font-size: 14px;
        margin-top: 5px;
    }
}
@media (max-width: 480px) {
    #container .boxcaricacont .p1 {
        margin-top: 45px;
    }

        #container .boxcaricacont .p1 i {
            font-size: 54px;
        }

    #container .boxcaricacont .p2 {
        font-size: 13px;
        margin-top: 35px;
    }

    #container .boxcaricacont .p3 {
        font-size: 12px;
        line-height: 15px;
        margin-top: 13px;
    }
    .portitem {
        width: 48%;
        height: 17vh;
    }
        .portitem .boxfotoelimina {
            width: 26px;
            height: 26px;
            right: 6px;
            top: 6px;
        }

    #container .portitem .boxfotoelimina p {
        text-align: center;
        margin: 0;
        font-size: 9px;
        color: #111;
        margin-top: 8px;
        margin-left: 0;
    }
    .portitem .boxfotoinfo {
        height: 30px;       
    }

        .portitem .boxfotoinfo p {
            font-size: 14px;
            margin-top:1px;
        }
}
@media (min-width: 480px) and (max-width: 769px) {
    #container .boxcaricacont .p1 {
        margin-top: 45px;
    }

        #container .boxcaricacont .p1 i {
            font-size: 54px;
        }

    #container .boxcaricacont .p2 {
        font-size: 13px;
        margin-top: 35px;
    }

    #container .boxcaricacont .p3 {
        font-size: 12px;
        line-height: 15px;
        margin-top: 13px;
    }
    .portitem {
        width: 31.3%;
        height: 19vh;
    }
        .portitem .boxfotoelimina {
            width: 26px;
            height: 26px;
            right: 6px;
            top: 6px;
        }

    #container .portitem .boxfotoelimina p {
        text-align: center;
        margin: 0;
        font-size: 9px;
        color: #111;
        margin-top: 8px;
        margin-left: 0;
    }
    .portitem .boxfotoinfo {
        height: 30px;
    }

        .portitem .boxfotoinfo p {
            font-size: 14px;
            margin-top: 1px;
        }
}
@media (min-width: 769px) and (max-width: 980px) {
    .portitem {
        width: 31.3%;
        height: 25vh;
    }
        .portitem .boxfotoelimina {
            width: 26px;
            height: 26px;
            right: 6px;
            top: 6px;
        }

    #container .portitem .boxfotoelimina p {
        text-align: center;
        margin: 0;
        font-size: 9px;
        color: #111;
        margin-top: 8px;
        margin-left: 0;
    }
        .portitem .boxfotoinfo p {
            margin-top: 1px;
        }
}
@media (min-width: 980px) and (max-width: 1479px) {
    .portitem {
        width: 31.3%;
        height: 28vh;
    }
}
/* ################## BLOG */
@media all {
    .bgsi {
        background-color: #158b39;
    }

    .bgsi2 {
        background-color: #ddf6e4;
    }

    .bgno {
        background-color: #ab1818;
    }

    .bgno2 {
        background-color: #f9e3e3;
    }

    .sinobox {
        width: 100%;
        height: auto;
    }

    .sinocapo {
        width: 100%;
        padding: 10px;
        height: 46px;
        border-bottom: 1px solid #fff;
    }

    #container .sinocapo .p1 {
        font-size: 15px;
        line-height: 15px;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        margin-top: 7px;
    }

    .sinocapo2 {
        width: 100%;
        padding: 10px;
        min-height: 46px;
        border-bottom: 1px solid #fff;
    }

    #container .sinocapo2 .p1 {
        font-size: 16px;
        line-height: 21px;
        color: #222;
        margin-top: 7px;
    }

    .boxmipiace {
        width: 100%;
        padding: 30px;
        background-color: #fcfcfc;
        -webkit-border-radius: 25px;
        border-radius: 25px;
    }

    #container .divlike0 p {
        text-transform: uppercase;
        font-size: 16px;
        margin-left: 80px;
        margin-top: 23px;
        -webkit-transition: all ease-out 0.15s;
        transition: all ease-out 0.15s;
    }

    #container .divlike0 img {
        position: absolute;
        left: 0;
        top: 9px;
        width: 40px;
        -webkit-transition: all ease-out 0.15s;
        transition: all ease-out 0.15s;
    }

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


    #container .divlike0 {
        width: 100%;
        height: 60px;
        margin-top: 10px;
        background-color: transparent;
    }

    #container .divlike1 p {
        text-transform: uppercase;
        font-size: 16px;
        margin-left: 80px;
        margin-top: 23px;
        -webkit-transition: all ease-out 0.15s;
        transition: all ease-out 0.15s;
        color: #0067da;
    }

    #container .divlike1 i {
        position: absolute;
        left: 0;
        top: 9px;
        font-size: 56px;
        -webkit-transition: all ease-out 0.15s;
        transition: all ease-out 0.15s;
        color: #0067da;
    }

    #container .divlike1:hover p {
        color: #777;
    }

    #container .divlike1:hover i {
        color: #777;
    }

    #container .divlike1 {
        width: 200px;
        height: 60px;
        margin-top: 10px;
    }

    #container .box-share p {
        font-size: 24px;
        margin-top: 13px;
    }

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

    .box-share {
        width: 60px;
        height: 60px;
        margin: 1px;
        margin-right: 10px;
        background-color: transparent;
        border: 2px solid #020911;
        -webkit-transition: all ease-out 0.15s;
        transition: all ease-out 0.15s;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .action-cont {
        width: 100%;
        height: 70px;
        margin-top: 25px;
    }

    .action-like {
        width: 260px;
        height: 70px;
        float: none;
        margin: 0 auto;
    }

    #boxentra {
        width: 100%;
    }

    #container #boxentra img.imgentra {
        width: 56px;
        position: absolute;
        float: none;
        left: 0;
        background-color: transparent;
        border-radius: 0;
        -webkit-border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #container #boxentra p {
        font-size: 17px;
        text-transform: uppercase;
        font-weight: bold;
        margin-left: 75px;
        margin-top: 44px;
        text-decoration: underline;
    }

    .action-title .p1 {
        font-weight: bold;
        margin-top: 0;
        margin-left: 0;
        text-align: center;
        font-size: 26px;
    }

    .action-title .p2 {
        font-weight: normal;
        margin-top: 0;
        margin-left: 0;
        text-align: center;
        font-size: 17px;
    }

    .action-title {
        width: 100%;
        height: auto;
    }

    #blog-action-box2 {
        width: 100%;
        height: auto;
    }

    #blog-action-box1 .box-share {
        margin-top: 10px;
    }

    #blog-action-box1 {
        width: 50%;
        height: auto;
    }

        #blog-action-box1 .action-cont {
            padding-left: 5px;
            margin-top: 30px;
        }

    #blog-action-box {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    #art-1 {
        width: 100%;
        height: auto;
        padding-bottom: 50px;
        padding-left:40px;
        padding-right:40px;
    }

    #container #art-1 h1 {
        margin-bottom: 35px;
        font-weight: bold;
        margin-top: 50px;
    }

    #container #art-1 .p2 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #container #art-1 .p3 {
        margin-top: 35px;
    }

    #container #art-1 img {
        width: 100%;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        #container #art-1 img.imgbanner {
            width: 100%;
            max-width: 700px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            margin-top: 60px;
            margin-bottom: 40px;
            -webkit-box-shadow: 0 0 25px #ccc;
            box-shadow: 0 0 25px #ccc;
            -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);
        }

            #container #art-1 img.imgbanner:hover {
                -webkit-box-shadow: 0 0 15px #ccc;
                box-shadow: 0 0 15px #ccc;
            }

    .imgbanner {
        width: 100%;
        max-width: 700px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin-top: 60px;
        margin-bottom: 40px;
        -webkit-box-shadow: 0 0 25px #ccc;
        box-shadow: 0 0 25px #ccc;
        -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);
    }

        .imgbanner:hover {
            -webkit-box-shadow: 0 0 15px #ccc;
            box-shadow: 0 0 15px #ccc;
        }

    .imgbanner2 {
        width: 100%;
        max-width: 310px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin-top: 0;
        margin-bottom: 40px;
        -webkit-box-shadow: 0 0 25px #ccc;
        box-shadow: 0 0 25px #ccc;
        -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);
    }

        .imgbanner2:hover {
            -webkit-box-shadow: 0 0 15px #ccc;
            box-shadow: 0 0 15px #ccc;
        }

    #container #art-1 img.imgspecial {
        width: 60px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    #container #art-1 h2 {
        margin: 5px;
        margin-left: 4px;
        font-size: 21px;
        line-height: 33px;
        text-align: left;
        font-family: var(--font-family);
        padding: 0;
        font-weight: normal;
        margin-top: 45px;
        margin-bottom: 35px;
    }

    #container #art-1 h3 {
        margin: 5px;
        margin-left: 0px;
        font-size: 30px;
        line-height: 46px;
        text-align: left;
        font-family: var(--font-family);
        padding: 0;
        margin-top: 45px;
        margin-bottom: 35px;
    }

    #container #art-1 ul {
        margin-left: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        #container #art-1 ul li {
            margin: 5px;
            margin-left: 0px;
            font-size: 19px;
            line-height: 33px;
            text-align: left;
            font-family: var(--font-family);
            padding: 0;
            font-weight: normal;
        }

    #art-2 {
        width: 100%;
        height: auto;
        padding-left:40px;
        padding-right:40px;
    }

    #bgarticolocont2 #homebgcont2 {
        height: 260px;
        width: 100%;
    }

    #contenuti {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #blog-sx {
        width: 65%;
    }

    #blog-dx {
        width: 27%;
        height: auto;
        float: right;
    }

    #container .blog-item-cont p a {
        font-weight: normal;
    }
    #container .blog-item-cont p {
        font-size: 18px;
        line-height: 23px;
        margin: 5px;
        margin-left: 30px;
        margin-top: 10px;
    }

    #container .blog-item-cont h4 {
        font-size: 28px;
        line-height: 35px;
        margin: 5px;
        margin-left: 30px;
        margin-top: 0;
        font-weight: bold;
        text-transform: none;
    }

    #container #art-lt .blog-item-cont h4 {
        font-size: 26px;
        line-height:34px;
        margin: 20px;
        margin-bottom: 0;
        margin-left: 25px;
        margin-top: 3px;
        font-weight: bold;
        text-transform: none;
    }

    


    #art-lt .blog-item-img {
        width: 30%;
        height: auto;
        align-items: center;
        text-align: center;
        align-content: center;
    }
    #art-lt .blog-item-cont {
        width: 70%;
        height: auto;
    }

    #container .blog-item-cont h4 a {
        color: #020911;
        text-decoration: none;
        font-weight: bold;
    }

        #container .blog-item-cont h4 a:hover {
            color: #020911;
            text-decoration: none;
        }

        #container .blog-item-cont h4 a:active {
            color: #020911;
            text-decoration: none;
        }

    #container .blog-item-cont h5 {
        font-size: 16px;
        line-height: 16px;
        margin: 20px;
        margin-left: 45px;
        margin-top: 35px;
    }

        #container .blog-item-cont h5 a {
            color: #2373b6;
            text-decoration: none;
        }

            #container .blog-item-cont h5 a:hover {
                color: #2373b6;
                text-decoration: none;
            }

            #container .blog-item-cont h5 a:active {
                color: #2373b6;
                text-decoration: none;
            }

    .blog-item-img img {
        -webkit-border-radius: 12px;
        border-radius: 12px;
        width: 100%;
    }

    .blog-item-img {
        width: 40%;
        height: auto;
        align-items: center;
        text-align: center;
        align-content: center;
    }
    .blog-item-cont {
        width: 60%;
        float:right;
    }
    .blog-item {
        width: 100%;
        margin-bottom: 75px;
    }



    .blog-dx-box {
        width: 100%;
        height: auto;
        padding: 35px;
        background-color: #eee;
        border: 1px solid #e4e4e4;
        -webkit-border-radius: 22px;
        border-radius: 22px;
        -webkit-box-shadow: 0 0 30px #ddd;
        box-shadow: 0 0 30px #ddd;
        -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);
        overflow: hidden;
    }

    #container .blog-dx-box .p2 {
        font-size: 30px;
        line-height: 30px;
        font-weight: 600;
    }

    #container .blog-dx-box .p3 {
        font-size: 16px;
        line-height: 23px;
        margin-top: 25px;
        font-weight: 500;
    }

    #container .blog-dx-box .divbutton1small {
        margin: 0 auto;
        float: none;
        width: 204px;
    }

    .blog-dx-follow {
        width: 100%;
        height: auto;
    }

    #container .blog-dx-follow .p1 {
        font-size: 40px;
        line-height: 40px;
        font-weight: 600;
    }

    #container .blog-dx-follow .p2 {
        font-size: 22px;
        line-height: 22px;
        font-weight: 600;
        margin-top: 25px;
    }

    #boxpager {
        width: 100%;
        margin-top: 50px;
        margin-bottom: 50px;
    }
}
@media (max-width: 400px) {
    #banner1no {
        display: none;
    }


    #container .sinocapo .p1 {
        font-size: 14px;
        line-height: 14px;
        margin-top: 2px;
    }

    .sinobox {
        width: 100%;
    }

    #contenuti {
        margin-top: 50px;
    }

    .boxmipiace {
        padding: 15px;
    }

    #blog-action-box1 {
        width: 100%;
        margin-top: 50px;
    }

    #blog-action-box2 {
        width: 100%;
    }

    #container #art-1 h1 {
        font-size: 30px;
        line-height: 40px;
    }

    #container #art-1 h2 {
        font-size: 17px;
        line-height: 24px;
    }

    #container #art-1 h3 {
        font-size: 23px;
        line-height: 27px;
    }

    #container #art-1 p {
        font-size: 17px;
        line-height: 24px;
    }

    #container #art-1 ul li {
        font-size: 17px;
        line-height: 24px;
    }

    #container #art-1 .p2 {
        font-size: 15px;
        line-height: 20px;
    }

    #bgarticolocont2 #homebgcont2 {
        height: 120px;
    }

    #container .blog-item-cont p {
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 5px;
    }

    #container .blog-item-cont h4 {
        font-size: 30px;
        line-height: 38px;
        margin: 0;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #container .blog-item-cont h5 {
        font-size: 17px;
        line-height: 17px;
        margin: 0;
        margin-top: 25px;
    }

    

    .blog-item-cont {
        width: 100%;
    }

    .blog-item-img {
        width: 100%;
        height: auto;
    }


    #blog-sx {
        width: 100%;
    }

    #blog-dx {
        width: 100%;
        padding: 2%;
        margin-top: 10px;
    }

    .blog-dx {
        width: 320px;
        float: none;
        margin: 0;
        margin: 40px auto;
        padding: 0;
    }

    #art-1 {
        padding-bottom: 20px;
        padding-right: 0;
        padding-left:0;
    }
    #art-2 {
        padding-bottom: 20px;
        padding-right: 0;
        padding-left: 0;
    }

    #container #art-lt .blog-item-cont h4 {
        font-size: 17px;
        line-height: 23px;
        margin: 0;
        margin-bottom: 0;
        margin-left: 15px;
        margin-top: 3px;
        font-weight: bold;
        text-transform: none;
        padding:0;
    }

    #art-banner1 {
        display: none;
    }
}
@media (min-width: 400px) and (max-width: 769px) {
    #banner1no {
        display: none;
    }

    #container .blog-item-cont p .spanmacro {
        padding: 8px;
        padding-left: 12px;
        padding-right: 12px;
        font-size: 10px;
    }

    #container #art-1 .p1 .spanmacro {
        padding: 8px;
        padding-left: 12px;
        padding-right: 12px;
        font-size: 10px;
    }

    #contenuti {
        margin-top: 50px;
    }

    #container #art-1 h1 {
        font-size: 44px;
        line-height: 52px;
    }

    #container #art-1 .p2 {
        font-size: 16px;
        line-height: 21px;
    }

    #bgarticolocont2 #homebgcont2 {
        height: 120px;
    }

    #container .blog-item-cont h4 {
        font-size: 34px;
        line-height: 42px;
        margin: 0;
        margin-top: 30px;
        margin-bottom: 30px;
        margin-left:0;
    }

    #container .blog-item-cont p {
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 5px;
    }

    #container .blog-item-cont h5 {
        font-size: 20px;
        line-height: 20px;
        margin: 0;
        margin-top: 25px;
        
    }

    

    .blog-item-cont {
        width: 100%;
    }

    .blog-item-img {
        width: 100%;
        height: auto;
        text-align: left;
    }


    #blog-sx {
        width: 100%;
    }

    #blog-dx {
        width: 100%;
        margin-top: 40px;
    }

    .blog-dx {
        width: 320px;
        float: none;
        margin: 0;
        margin: 40px auto;
        padding: 0;
    }

    #art-1 {
        padding-bottom: 20px;
        padding-right: 0;
        padding-left: 0;
    }

    #art-2 {
        padding-bottom: 20px;
        padding-right: 0;
        padding-left: 0;
    }

    #container #art-lt .blog-item-cont h4 {
        font-size: 24px;
        line-height: 29px;
        margin: 0;
        margin-bottom: 0;
        margin-left: 15px;
        margin-top: 3px;
        font-weight: bold;
        text-transform: none;
        padding: 0;
    }

    #art-banner1 {
        display: none;
    }
}
@media (min-width: 769px) and (max-width: 1299px) {
    #banner2no {
        display: none;
    }

    #contenuti {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #bgarticolocont2 #homebgcont2 {
        height: 215px;
    }

    .blog-item {
        width: 100%;
    }

    .blog-item-img {
        width: 30%;
    }

    .blog-item-cont {
        width: 70%;
    }

    #blog-sx {
        width: 100%;
    }

    #blog-dx {
        width: 100%;
        margin-top: 40px;
    }

    .blog-dx {
        width: 340px;
        margin-right: 15px;
    }

    #art-1 {
        padding-bottom: 20px;
        padding-right: 0;
        padding-left: 0;
    }
    #art-2 {
        padding-bottom: 20px;
        padding-right: 0;
        padding-left: 0;
    }
    #container .blog-item-cont h4 {
        font-size: 28px;
        line-height: 34px;
        margin-top: 5px;
        margin-bottom: 20px;
    }
    #container #art-lt .blog-item-cont h4 {
        font-size: 25px;
        line-height: 32px;
        margin: 20px;
        margin-bottom: 0;
        margin-left: 40px;
        margin-top: 3px;
        font-weight: bold;
        text-transform: none;
    }

    #art-banner1 {
        display: none;
    }
}
/* ########### FOOTER E PREFOOTER*/
@media all {
    #footer {
        width: 100%;
        height: auto;
        padding-bottom: 80px;
        padding-top: 100px;
    }

    #footer1 {
        width: 100%;
    }

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

    #footer2 {
        width: 100%;
        margin-top: 10px;
    }

    #container #footer2 p .sp1 {
        font-weight:  normal;
        font-size: 17px;
    }

    #container #footer2 p {
        text-align: center;
        margin: 0;
        
        line-height: 23px;
        margin-top: 0;
        color: #bbb;
    }

    #container #footer2 a:hover {
        color: #D3C382;
    }

    #container #footer2 p .sp2 {
        margin-left: 7px;
        margin-right: 7px;
    }

    #container #footer2 p a {
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        text-decoration: none;
        color: #ccc;
        font-size: 16px;
    }

    #footer3 {
        width: 100%;
    }

    #container #footer3 p {
        text-align: center;
        margin: 0;
        font-size: 36px;
        margin-top: 30px;
    }

        #container #footer3 p a:hover {
            color: #D3C382;
        }

        #container #footer3 p a {
            -webkit-transition: all ease 0.08s;
            transition: all ease 0.08s;
            color: #ffffff;
            margin-right: 3px;
        }

    #footer4 {
        width: 100%;
        margin-top: 70px;
    }

    #container #footer4 p {
        text-align: center;
        margin: 0;
        font-size: 16px;
        line-height: 23px;
        margin-top: 5px;
        color: #bbb;
    }

        #container #footer4 p .sp2 {
            margin-left: 7px;
            margin-right: 7px;
        }

        #container #footer4 p a {
            -webkit-transition: all ease 0.08s;
            transition: all ease 0.08s;
            text-decoration: none;
            color: #ccc;
            text-transform: uppercase;
            font-weight: 400;
        }

    #container #footer4 a:hover {
        color: #D3C382;
    }
} 
@media (max-width: 480px) {
    #container #footer4 img {
        width:100%;
    }
    }
@media (min-width: 480px) and (max-width: 769px) {
    #container #footer4 img {
        width: 100%;
    }
    }
@media (min-width: 769px) and (max-width: 980px) {
    }
@media (min-width: 980px) and (max-width: 1279px) {
    }
/*################# COOKIE*/
@media all {
        

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

        #cookiesx {
            width: 70%;
        }

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

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

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

            #cookiedx .boxcolor1 {
                padding: 10px;
                padding-left: 15px;
                padding-right: 15px;
                -webkit-border-radius: 20px;
                border-radius: 20px;
                margin-top: 8px;
                background-color: #1D0E04;
            }
                #cookiedx .boxcolor1 p {
                    color: #fff;
                    font-family: var(--font-family);
                    font-weight: 600;
                    text-transform: uppercase;
                    font-size: 14px;
                    line-height: 15px;
                    margin: 0;
                }
            #cookiedx .boxcolor2 {
                padding: 10px;
                padding-left: 15px;
                padding-right: 15px;
                -webkit-border-radius: 20px;
                border-radius: 20px;
                margin-top: 8px;
                background-color: #FFF;
            }

                #cookiedx .boxcolor2 p {
                    color: #1D0E04;
                    font-family: var(--font-family);
                    font-weight: 600;
                    text-transform: uppercase;
                    font-size: 14px;
                    line-height: 15px;
                    margin: 0;
                }
    }
@media (max-width: 480px) {
        
        #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: 480px) and (max-width: 769px) {
        #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;
        }

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

        #cookiesx {
            width: 65%;
        }

        #cookiedx {
            width: auto;
            float:right;
            margin-top:10px;
        }  
    }
@media (min-width: 980px) and (max-width: 1299px) {

    #cookiesx {
        width: 65%;
    }

    #cookiedx {
        width: auto;
        float: right;
        margin-top: 10px;
    }
}
/*#################### MENU MOBILE*/
@media all {
    #menumobilecover {
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: rgba(0,0,0,0.5);
        right: 0px;
        top: 0px;
        z-index: 9999;
        display: none;
    }

    #menumobilecont {
        width: 300px;
        height: 100vh;
        position: fixed;
        /*background-color: rgb(0, 64, 128);*/
        top: 0px;
        padding-left: 25px;
        overflow: hidden;
        z-index: 9999;
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
        -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
    }

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

    .mcont1 {
        right: -350px;
    }

    .mcont2 {
        right: 0;
        -webkit-box-shadow: 0 0 80px #444;
        box-shadow: 0 0 80px #444;
    }

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

    #menumobilecont {
        scrollbar-width: none;
    }

    #menumobilecont4 {
        width: 86%;
        height: 50px;
        margin-top: 54px;
        margin-left: 25px;
    }

        #menumobilecont4 img {
            height: 54px;
        }

    #menumobilecont3 {
        width: 90%;
        height: auto;
        margin-top: 15px;
        margin-left: 6px;
        padding-bottom: 13px;
        border-bottom: 1px solid #ddd;
    }

    #menumobilecont3-sx {
        width: 50px;
        height: 50px;
        background-color: #ddd;
        overflow: hidden;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

        #menumobilecont3-sx img {
            width: 50px;
        }

    #menumobilecont3-dx {
        width: auto;
        height: 60px;
        margin-left: 13px;
    }

        #menumobilecont3-dx h4 {
            color: #111;
            margin-top: 5px;
            font-weight: bold;
            font-size: 18px;
            line-height: 15px;
            text-transform: uppercase;
        }

        #menumobilecont3-dx h5 {
            color: #0071bc;
            margin-top: 0;
            font-size: 12px;
            line-height: 12px;
        }

    #menumobilecont3 .mobile-cta1 {
        width: 46px;
        height: 46px;
        margin-right: 8px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        display: block;
        cursor: pointer;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #ddd;
    }

        #menumobilecont3 .mobile-cta1 p {
            margin: 0;
            padding: 0;
            text-align: center;
            color: #fff;
            font-size: 22px;
            margin-left: 1px;
            margin-top: 7px;
        }

    #menumobilecont3 .mobile-cta2 {
        width: 46px;
        height: 46px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        display: block;
        cursor: pointer;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #52c174;
        background-color: #52c174;
    }

        #menumobilecont3 .mobile-cta2 .p1 {
            margin: 0;
            padding: 0;
            text-align: center;
            color: #fff;
            font-size: 22px;
            margin-left: 2px;
            margin-top: 7px;
        }

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

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

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

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

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

            #menumobilecont1 .menumobile .menuclose1 {
                background-color: #fff;
                height: 36px;
                width: 2px;
                margin-left: 24px;
                margin-top: 0;
                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;
                -o-transition: all ease 0.2s;
                transition: all ease 0.2s;
            }

            #menumobilecont1 .menumobile .menuclose2 {
                background-color: #fff;
                height: 36px;
                width: 2px;
                margin-left: 24px;
                margin-top: 0;
                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;
                -o-transition: all ease 0.2s;
                transition: all ease 0.2s;
            }

    #menumobilecont2 {
        width: 100%;
        min-height: 70px;
        margin-top: 50px;
    }

    .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%;
    }

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

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

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

    .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;
            -o-transition: all ease 0.2s;
            transition: all ease 0.2s;
        }

        .menumobilecont3:hover p {
            color: #b3a46e;
            margin-left: 12px;
        }
        .sidebar {
            width:100%;
            
        }
    #container .sidebar p {
        color: #ddd;
        margin-left: 10px;
        font-size: 30px;
        line-height:36px;
        -webkit-transition: all ease 0.2s;
        -moz-transition: all ease 0.2s;
        -o-transition: all ease 0.2s;
        transition: all ease 0.2s;
    }
    #container .sidebar:hover p {
        color: #fff;
        margin-left: 13px;
    }
    #container .sidebar:active p {
        color: #fff;
        margin-left: 13px;
    }

    .sidebar2 {
        width: 100%;
    }

    #container .sidebar2 p {
        color: #ddd;
        margin-left: 10px;
        font-size: 16px;
        line-height:16px;
        -webkit-transition: all ease 0.2s;
        -moz-transition: all ease 0.2s;
        -o-transition: all ease 0.2s;
        transition: all ease 0.2s;
    }

    #container .sidebar2:hover p {
        color: #fff;
        margin-left: 13px;
    }

    #container .sidebar2:active p {
        color: #fff;
        margin-left: 13px;
    }


    /*
==============================================
opa2
==============================================
*/

    .opa2 {
        animation-name: opa2;
        -webkit-animation-name: opa2;
        animation-duration: 0.05s;
        -webkit-animation-duration: 0.05s;
        animation-timing-function: ease-in;
        -webkit-animation-timing-function: ease-in;
        visibility: visible !important;
    }

    @keyframes opa2 {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-webkit-keyframes opa2 {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-ms-keyframes opa2 {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    

}
@media (max-width: 480px) {
    #menumobilecont {
        width: 100%;
        height: 100%;
        padding-left: 0;
    }

    #menumobilecont1 {
        padding-left: 30px;
    }

    #menumobilecont3 {
        padding-left: 30px;
    }

    #menumobilecont4 {
        padding-left: 30px;
    }

    .mcont1 {
        right: -490px;
    }
    #container .sidebar p {
        
        margin-left: 40px;
    }
    #container .sidebar:hover p {
        margin-left: 43px;
    }

    #container .sidebar:active p {
        margin-left: 43px;
    }
    #container .sidebar2 p {
        margin-left: 40px;
    }

    #container .sidebar2:hover p {
        margin-left: 43px;
    }

    #container .sidebar2:active p {
        margin-left: 43px;
    }
}
@media (min-width: 480px) and (max-width: 769px) {
}
@media (min-width: 769px) and (max-width: 980px) {
}
@media (min-width: 980px) and (max-width: 1279px) {
}
/*################# FAQ*/
@media all {   
    .boxlist2 {
        width: 100%;
        background-color: transparent;
        margin-top: 0;
        margin-bottom: 15px;
        padding: 18px;
        display: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }
    #container .boxlist2 p {
        font-size: 19px;
        line-height: 27px;
        text-align: center;
        margin: 0;
        margin-left: 25px;
        margin-right: 25px;
    }


    .boxlistcont {
        width: 100%;
    }

    .boxlist1 {
        width: 100%;
        background-color: #f5f5f5;
        margin-top: 7px;
        margin-bottom: 7px;
        padding: 18px;
        padding-top: 16px;
        -webkit-border-radius: 35px;
        border-radius: 35px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }

        .boxlist1:hover {
            background-color: #f2f2f2;
        }

        .boxlist1:active {
            background-color: #f2f2f2;
        }


    #container .boxlist1 p {
        font-size: 19px;
        line-height: 25px;
        text-align: left;
        margin: 0;
        margin-left: 25px;
        margin-right: 25px;
        text-align: center;
        font-weight:bold;
    }
}
@media (max-width: 480px) {
    #container .boxlist1 p {
        font-size: 15px;
        line-height: 18px;
        margin-left: 7px;
        margin-right: 7px;
    }


    #container .boxlist2 p {
        font-size: 16px;
        line-height: 19px;
        margin-left: 7px;
        margin-right: 7px;
    }
}
@media (min-width: 480px) and (max-width: 769px) {
}
@media (min-width: 769px) and (max-width: 980px) {
}
@media (min-width: 980px) and (max-width: 1299px) {
}
/*############## MESSAGGI */
@media all {
    #msgutenti {
        width: 300px;
        height: 50px;
        position: fixed;
        float: none;
        right: 10px;
        bottom: 13px;
        z-index: 9999;
    }

    #msgutenti2 {
        width: 100%;
        height: 50px;
        background-color:#1D0E04;
        -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: #fff;
        font-size: 14px;
        line-height: 16px;
        margin: 0;
        font-weight: normal;
        margin-left: 18px;
        margin-right: 10px;
        margin-top: 14px;
        text-align: center;
    }

        #container #msgutenti2 .p1 span {
            color: #fff;
            font-size: 16px;
            font-weight: bold;
        }
}
@media (max-width: 480px) {
    #msgutenti {
        width: 90%;
        
        right: 5%;
    }
}
@media (min-width: 480px) and (max-width: 769px) {
    #msgutenti {
        width: 80%;
        right: 10%;
    }
}
/*################# POPUP*/
@media all {
    
    #container .textpop1 li {
        font-size: 14px;
        line-height: 23px;
        margin-top: 5px;
    }
    #container .textpop1 h1 {
        font-size: 37px;
        line-height: 37px;
        font-weight: normal;
        margin-top: 0;
        margin-bottom: 25px;
        text-transform: none;
    }
    #container .textpop1 p {
        font-size: 25px;
        line-height: 32px;
        margin-top: 60px;
    }
    #container .textpop1 h2 {
        font-size: 21px;
        line-height: 26px;
        font-weight: 500;
        margin-top: 0;
        margin-bottom: 25px;
        text-transform: none;
        color: #222;
    }

    #container .textpop1 h3 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    #container .textpop1 h4 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .popclose .menumobile {
        position: absolute;
        right: 30px;
        top: 30px;
        height: 40px;
        width: 40px;
        cursor: pointer;
        z-index: 9990;
    }

        .popclose .menumobile:hover .menuclose1 {
            background-color: #000;
        }

        .popclose .menumobile:hover .menuclose2 {
            background-color: #000;
        }

        .popclose .menumobile .menuclose1 {
            background-color: #000;
            height: 36px;
            width: 2px;
            margin-left: 24px;
            margin-top: 0;
            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;
            -o-transition: all ease 0.2s;
            transition: all ease 0.2s;
        }

        .popclose .menumobile .menuclose2 {
            background-color: #000;
            height: 36px;
            width: 2px;
            margin-left: 24px;
            margin-top: 0;
            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;
            -o-transition: all ease 0.2s;
            transition: all ease 0.2s;
        }
    .modalpop {
        position: fixed;
        z-index: 9990;
        height: 100%;
        width: 100%;
        top: 0;
        background-color: rgba(0,0,0,0.6);
    }
    .popmsg {
        display: none;
    }

    .popup-cont-msg {
        width: 36vw;
        min-height: 35vh;
        top: 24vh;
        left: 32vw;
        float: none;
        padding: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
        -webkit-box-shadow: 0 0 27px #333;
        box-shadow: 0 0 27px #333;
        background-color: #fff;
        overflow: hidden;
        -webkit-border-radius: 15px;
        border-radius: 15px;
    }

        .popup-cont-msg::-webkit-scrollbar {
            width: 10px;
        }

    .popup-cont-cerca-little {
        width: 40vw;
        height: 92vh;
        top: 4vh;
        left: 30vw;
        float: none;
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
        -webkit-box-shadow: 0 0 27px #333;
        box-shadow: 0 0 27px #333;
        background-color: #fff;
        overflow: hidden;
        overflow-y: scroll;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .popup-cont-cerca-little::-webkit-scrollbar {
            width: 10px;
        }

    .popup-cont-cerca-little2 {
        width: 30vw;
        height: 82vh;
        top: 9vh;
        left: 35vw;
        float: none;
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
        -webkit-box-shadow: 0 0 27px #333;
        box-shadow: 0 0 27px #333;
        background-color: #fff;
        overflow: hidden;
        overflow-y: scroll;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .popup-cont-cerca-little2::-webkit-scrollbar {
            width: 10px;
        }

    .popup-cont-cerca {
        width: 92vw;
        height: 92vh;
        top: 4vh;
        left: 4vw;
        float: none;
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
        -webkit-box-shadow: 0 0 27px #333;
        box-shadow: 0 0 27px #333;
        background-color: #fff;
        overflow: hidden;
        overflow-y: scroll;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .popup-cont-cerca::-webkit-scrollbar {
            width: 10px;
        }

    .popup-cont {
        width: 58vw;
        height: 86vh;
        top: 6vh;
        left: 21vw;
        float: none;
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
        -webkit-box-shadow: 0 0 27px #333;
        box-shadow: 0 0 27px #333;
        background-color: #fff;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .popup-cont::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }

    .popup-cont-scroll {
        width: 100%;
        height: 100%;
        overflow: hidden;
        overflow-y: scroll;
    }

        .popup-cont-scroll::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }

    .popup-top {
        width: 100%;
        min-height: 112px;
        background-color: #eef4ff;
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #container .popup-top i {
        font-size: 56px;
        position: absolute;
        left: 15px;
        top: 25px;
        color: #bbdbef;
    }

    #container .popup-top h4 {
        font-size: 30px;
        font-weight: bold;
        text-transform: uppercase;
        margin-left: 80px;
        color: #0071bc;
    }

    #container .popup-top .pnome {
        font-size: 16px;
        line-height: 22px;
        margin-top: 6px;
        margin-left: 80px;
        color: #0071bc;
        font-weight: bold;
    }

    .popup-stato {
        width: 100%;
        height: auto;
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #container .popup-stato i {
        font-size: 28px;
        position: absolute;
        left: 33px;
        top: 29px;
    }

    #container .popup-stato h4 {
        font-size: 17px;
        font-weight: bold;
        margin-left: 80px;
        margin-top: 4px;
    }

    .popup-avviso {
        width: 100%;
        padding: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
        border: 1px solid #ff7575;
        background-color: #fff7f7;
        box-shadow: 0 0 9px #bbb;
        -webkit-box-shadow: 0 0 9px #bbb;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #container .popup-avviso .p1 {
        font-size: 15px;
        line-height: 23px;
        margin: 0;
        color: #111;
    }

    .popup-down {
        width: 100%;
        height: 85px;
        background-color: #eee;
        position: absolute;
        float: none;
        bottom: 0;
        left: 0;
    }

    #container .popup-down .bt2 {
        float: none;
        top: 15px;
        right: 20px;
        position: absolute;
    }

    #container .popup-down .p1 {
        font-size: 16px;
        color: #555;
        margin-top: 34px;
        margin-left: 40px;
    }

    .popup-carica-cont {
        width: 100%;
        height: 200px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 40px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .popup-carica {
        width: 100%;
        height: 200px;
        border: 4px dashed #ccc;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 60px;
        cursor: pointer;
        -webkit-transition: all ease 0.05s;
        transition: all ease 0.05s;
    }

        .popup-carica:hover {
            border: 4px dashed #0067da;
            -webkit-box-shadow: 0 0 6px #64a6f0;
            box-shadow: 0 0 6px #64a6f0;
        }

        .popup-carica:active {
            border: 4px dashed #0067da;
            -webkit-box-shadow: 0 0 6px #64a6f0;
            box-shadow: 0 0 6px #64a6f0;
        }

    .popup-carica1 {
        width: 100%;
        height: 100%;
        z-index: 2;
        position: absolute;
        float: none;
        top: 0;
        left: 0;
    }

    .popup-carica2 {
        width: 100%;
        height: auto;
        z-index: 1;
        position: absolute;
        float: none;
        top: 60px;
        left: 0;
    }

    #container .popup-carica2 .p1 {
        text-align: center;
        margin: 0;
        font-size: 34px;
        margin-left: 10px;
        margin-right: 10px;
    }

    #container .popup-carica2 .p2 {
        text-align: center;
        margin: 0;
        font-size: 19px;
        line-height: 25px;
        margin-top: 28px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .popup-elenco {
        width: 100%;
        height: auto;
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 20px;
    }

    .all-item {
        width: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
        -webkit-transition: all ease 0.05s;
        transition: all ease 0.05s;
    }

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

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

    .all-1 {
        width: 65%;
    }

    #container .all-1 p {
        margin-left: 22px;
        margin-right: 20px;
    }

        #container .all-1 p i {
            margin-right: 10px;
        }

    .all-2 {
        width: 20%;
    }

    .all-3 {
        width: 15%;
        float: right;
    }

    #container .all-3 p {
        text-align: right;
        margin-right: 26px;
    }
}
@media (max-width: 480px) {
    .popup-cont-msg {
        width: 92vw;
        top: 20vh;
        left: 4vw;
        padding: 25px;
    }

    .popup-cont-cerca-little {
        width: 92vw;
        height: 88vh;
        top: 3vh;
        left: 4vw;
        padding: 25px;
    }

    .popup-cont-cerca-little2 {
        width: 92vw;
        height: 88vh;
        top: 3vh;
        left: 4vw;
        padding: 25px;
    }


    .all-item {
        border-bottom: 1px solid #ddd;
    }

    .all-1 {
        width: 100%;
        margin-bottom: 10px;
    }

    #container .all-1 p {
        margin-left: 0;
        margin-right: 0;
    }

    .all-2 {
        width: auto;
    }

    .all-3 {
        float: left;
        width: auto;
        margin-left: 20px;
    }

    #container .all-3 p {
        text-align: left;
        margin-right: 0;
        margin-left: 0;
    }

    .popup-avviso {
        padding: 10px;
    }

    #container .popup-avviso .p1 {
        font-size: 13px;
        line-height: 20px;
    }

    .popup-top {
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: 80px;
    }

    #container .popup-top i {
        display: none;
    }

    #container .popup-top h4 {
        font-size: 24px;
        margin-left: 0;
    }

    #container .popup-top .pnome {
        font-size: 15px;
        line-height: 20px;
        margin-left: 0;
    }

    #container .popup-stato i {
        display: none;
    }

    #container .popup-stato h4 {
        font-size: 15px;
        margin-left: 0;
        margin-top: 0;
    }

    .popup-down {
        height: 70px;
    }

    #container .popup-down .bt2 {
        margin: 10px;
        margin-top: 16px;
    }

    .popup-cont-cerca {
        padding: 25px;
        top: 3vh;
    }

    .popup-cont {
        width: 96vw;
        height: 88vh;
        top: 2vh;
        left: 2vw;
        padding: 15px;
    }

    #container .popup-down .p1 {
        font-size: 12px;
        line-height: 15px;
        margin-top: 20px;
        margin-left: 20px;
        margin-right: 120px;
    }

    #container .popup-down .bt2 {
        top: 0px;
        right: 5px;
    }

    .popup-carica-cont {
        padding: 20px;
    }

    .popup-carica {
        padding: 40px;
    }

    .popup-carica2 {
        top: 70px;
    }

    #container .popup-carica2 .p1 {
        font-size: 24px;
    }

    #container .popup-carica2 .p2 {
        font-size: 14px;
        line-height: 19px;
        margin-top: 20px;
    }

    .popup-cont .div25 {
        width: 25%;
    }

    .popup-cont-cerca-little .div25 {
        width: 50%;
    }

    .popup-cont-cerca-little .div50 {
        width: 100%;
    }
    #container .textpop1 h1 {
        font-size: 28px;
        line-height: 28px;
        margin-top:3px;
    }

    #container .textpop1 p {
        font-size: 22px;
        line-height: 30px;
        margin-top: 50px;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .all-item {
        border-bottom: 1px solid #ddd;
    }

    .all-1 {
        width: 100%;
        margin-bottom: 10px;
    }

    #container .all-1 p {
        margin-left: 0;
        margin-right: 0;
    }

    .all-2 {
        width: auto;
    }

    .all-3 {
        width: auto;
        margin-left: 20px;
        float: left;
    }

    #container .all-3 p {
        text-align: left;
        margin-right: 0;
        margin-left: 0;
    }

    .popup-avviso {
        padding: 10px;
    }

    #container .popup-avviso .p1 {
        font-size: 13px;
        line-height: 20px;
    }

    #container .popup-top i {
        display: none;
    }

    #container .popup-top h4 {
        font-size: 26px;
        margin-left: 0;
    }

    #container .popup-top .pnome {
        font-size: 15px;
        line-height: 20px;
        margin-left: 0;
    }

    #container .popup-stato i {
        display: none;
    }

    #container .popup-stato h4 {
        font-size: 15px;
        margin-left: 0;
        margin-top: 0;
    }

    .popup-cont-msg {
        width: 90vw;
        top: 20vh;
        left: 5vw;
    }

    .popup-cont {
        width: 90vw;
        height: 86vh;
        top: 3vh;
        left: 5vw;
        padding: 10px;
    }

    #container .popup-down .p1 {
        font-size: 13px;
        line-height: 15px;
        margin-top: 34px;
        margin-left: 20px;
        margin-right: 120px;
    }

    #container .popup-down .bt2 {
        right: 10px;
    }

    .popup-carica-cont {
        padding: 20px;
    }

    .popup-carica {
        padding: 40px;
    }

    .popup-carica2 {
        top: 70px;
    }

    #container .popup-carica2 .p1 {
        font-size: 24px;
    }

    #container .popup-carica2 .p2 {
        font-size: 14px;
        line-height: 19px;
        margin-top: 20px;
    }

    #container .popup-cont .div25 {
        width: 25%;
    }

    .popup-cont-cerca-little {
        width: 76vw;
        height: 88vh;
        top: 3vh;
        left: 12vw;
        padding: 25px;
    }

    .popup-cont-cerca-little2 {
        width: 76vw;
        height: 88vh;
        top: 3vh;
        left: 12vw;
        padding: 25px;
    }
}
@media (min-width: 769px) and (max-width: 1000px) {
    .popup-avviso {
        padding: 10px;
    }

    #container .popup-avviso .p1 {
        font-size: 13px;
        line-height: 20px;
    }

    #container .popup-top i {
        display: none;
    }

    #container .popup-top h4 {
        font-size: 26px;
        margin-left: 0;
    }

    #container .popup-top .pnome {
        font-size: 15px;
        line-height: 20px;
        margin-left: 0;
    }

    #container .popup-stato i {
        display: none;
    }

    #container .popup-stato h4 {
        font-size: 15px;
        margin-left: 0;
        margin-top: 0;
    }

    .popup-cont-msg {
        width: 70vw;
        top: 20vh;
        left: 15vw;
    }

    .popup-cont {
        width: 70vw;
        height: 86vh;
        top: 3vh;
        left: 15vw;
    }

    #container .popup-down .p1 {
        font-size: 14px;
        line-height: 15px;
        margin-top: 34px;
        margin-left: 20px;
        margin-right: 120px;
    }

    #container .popup-down .bt2 {
        right: 10px;
    }

    .popup-carica-cont {
        padding: 20px;
    }

    .popup-carica {
        padding: 40px;
    }

    .popup-cont-cerca-little {
        width: 50vw;
        height: 88vh;
        top: 3vh;
        left: 25vw;
        padding: 25px;
    }

    .popup-cont-cerca-little2 {
        width: 50vw;
        height: 88vh;
        top: 3vh;
        left: 25vw;
        padding: 25px;
    }

    .popup-cont-cerca-little .div25 {
        width: 50%;
    }

    .popup-cont-cerca-little .div50 {
        width: 100%;
    }
}
@media (min-width: 1001px) and (max-width: 1300px) {

    .popup-cont {
        width: 70vw;
        height: 88vh;
        top: 5vh;
        left: 15vw;
    }

    .popup-cont-msg {
        width: 60vw;
        top: 23vh;
        left: 20vw;
    }

    .popup-cont-cerca-little .div25 {
        width: 50%;
    }

    .popup-cont-cerca-little .div50 {
        width: 100%;
    }
}
/*################# AREA UT */
@media all {
    .stat-box-little {
        width: 23%;
        height: 77px;
        border: 1px solid #1D0E04;
        margin: 1%;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        
    }
    #container .stat-box-little .p1 {
        font-size:13px;
        text-transform:uppercase;
        margin:0;
        margin-left:10px;
        margin-top:3px;
    }
    #container .stat-box-little .p2 {
        font-size: 30px;
        margin: 0;
        margin-left: 10px;
        margin-top: 1px;
    }

    .stat-box-big {
        width: 31.3%;
        margin:1%;
        height: 180px;
        background-color:#eee;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        
    }
    #container .stat-box-big .p1 {
        font-size: 36px;
        text-transform: uppercase;
        text-align:center;
        margin: 0;
        margin-top: 45px;
    }

    #container .stat-box-big .p2 {
        font-size: 26px;
        margin: 0;
        text-align: center;
        margin-top: 18px;
    }
    .stat-box-big:hover {
        background-color: #e9e9e9;
    }
    .stat-box-big:active {
        background-color: #e9e9e9;
    }

    #usernav p {
        font-size: 18px;
        line-height: 23px;
    }
    .edit-sx {
        width: 25%;
        padding-right: 25px;
        margin-top: 5px;
    }
    #container .edit-sx p {
        text-align: right;
        margin: 0;
        margin-right: 0;
        margin-top: 16px;
        font-size: 20px;
        line-height: 23px;
        color:#000;
    }
    #container .edit-sx .p2 {
        text-align: right;
        margin: 0;
        margin-right: 0;
        margin-top: 9px;
        font-size: 17px;
        line-height: 20px;
        color: #444;
    }

    .edit-dx {
        width: auto;
        min-width: 55%;
        max-width: 75%;
        padding-left: 25px;
        margin-top: 5px;
    }
  
    #container .edit-dx .p1 {
        font-size:18px;
        line-height:22px;
        margin-top: 17px;
    }
    #container .edit-dx .littlep {
        color:#777;
    }
   .edit-dx .spacecheck1 {
        margin-top:11px;
        margin-left:-2px;
    }
    .edit-dx .imgavatar {
        width:140px;
    }
    .edit-dx .imgavatar2 {
        width: 240px;
    }
    .edit-dx .spacecheck1 {
        margin-top:15px;
    }
}
@media (max-width: 480px) {
    #container .edit-sx .p2 {
        text-align: left;
        font-size:16px;
        line-height:19px;
    }
    .stat-box-little {
        width: 48%;
        height: 67px;    
    }

    #container .stat-box-little .p1 {
        font-size: 12px;
    }

    #container .stat-box-little .p2 {
        font-size: 25px;
        margin-top: 0;
    }

    .stat-box-big {
        width: 48%;
        margin: 1%;
        height: 165px;
    }

    #container .stat-box-big .p1 {
        font-size: 34px;
        text-transform: uppercase;
        text-align: center;
        margin: 0;
        margin-top: 45px;
    }

    #container .stat-box-big .p2 {
        font-size: 20px;
        margin: 0;
        text-align: center;
        margin-top: 18px;
    }
    #usernav p {
        font-size: 15px;
        line-height: 22px;
    }
    .edit-sx {
        width: 100%;
        padding-right: 0;
        margin-top:15px;
    }
    #container .edit-sx p {
        text-align: left;
        margin: 0;
        margin-top: 3px;
    }

    .edit-dx {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding-left: 0;
    }  
}
@media (min-width: 481px) and (max-width: 768px) {
    #usernav p {
        font-size: 15px;
        line-height: 22px;
    }
    .edit-sx {
        width: 30%;
        padding-right: 10px;
    }


    .edit-dx {
        width: 70%;
        min-width: 70%;
        max-width: 70%;
        padding-left: 10px;
    }
    #container .stat-box-big .p1 {
        font-size: 34px;
        text-transform: uppercase;
        text-align: center;
        margin: 0;
        margin-top: 45px;
    }

    #container .stat-box-big .p2 {
        font-size: 20px;
        margin: 0;
        text-align: center;
        margin-top: 18px;
    }
}
@media (min-width: 769px) and (max-width: 1000px) {
    .edit-sx {
        width: 30%;
    }


    .edit-dx {
        width: auto;
        min-width: 60%;
        max-width: 70%;
    }  
}
@media (min-width: 1001px) and (max-width: 1300px) {

    .edit-sx {
        width: 30%;
    }


    .edit-dx {
        width: auto;
        min-width: 60%;
        max-width: 70%;
    }
}
/*################# TABELLA*/
@media all {
    .table-img1 {
        width: 70%;
        height: 40px;
        overflow: hidden;
        margin: 0 auto;
        float: none;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

        .table-img1 img {
            width: 123%;
            margin-left: -15%;
            margin-top: 0;
        }

    .tabformat1 .table-img1 {
        padding-bottom: 0;
        padding-top: 0;
    }
    .tab13 {
        width: 800px;
    }

    .tab12 {
        width: 180px;
    }

    .tab11 {
        width: 1100px;
    }

    .tab16 {
        width: 1300px;
    }

    .tab10 {
        width: 160px;
    }

    .tab9 {
        width: 200px;
    }

    .tab8 {
        width: 70px;
    }

    .tab14 {
        width: 60px;
    }

    .tab7 {
        width: 480px;
    }

    .tab6 {
        width: 260px;
    }

    .tab5 {
        width: 300px;
    }

    .tab4 {
        width: 90px;
    }

    .tab3 {
        width: 460px;
    }

    .tab2bis {
        width: 140px;
    }

    .tab2 {
        width: 145px;
    }

    .tab15 {
        width: 122px;
    }

    .tab1 {
        width: 116px;
    }

    .tab0 {
        width: 102px;
    }

    .tab0bis {
        width: 51px;
    }

    .tabimg {
        text-align: center;
    }

        .tabimg img {
            border-radius: 2px;
            -webkit-border-radius: 2px;
        }

    #container .tabcbis i {
        font-size: 15px;
    }

    #container .tabcbis p {
        text-align: center;
        margin-left: 0px;
        padding-bottom: 4px;
        padding-top: 9px;
    }

    .tabcbis:hover p {
        color: #fff;
    }

    .tabcbis:hover {
        background-color: #1273ea;
        cursor: pointer;
    }

    .tabcbis.special:hover {
        background-color: #f6f2e5;
    }

    #container .tabcbis.special:hover p {
        color: #222;
    }

    #container .tabcbis.special p {
        color: #222;
        margin-top: 7px;
    }

    .tabcbis.special {
        width: 50px;
        padding: 0;
    }

    #container .tabc i {
        font-size: 15px;
    }

    #container .tabc p {
        text-align: center;
        margin-left: 0px;
        padding-bottom: 4px;
        padding-top: 4px;
        color: #111;
    }

    .tabc:hover p {
        color: #fff;
    }

    .tabc:hover {
        background-color: #f5f5f5;
    }

    .tabcbis {
        width: 50px;
    }

    .tabcbis2 {
        width: 50px;
        border-right: 1px solid #ddd;
    }

    #container .tabcbis2 i {
        font-size: 16px;
    }

    #container .tabcbis2 p {
        text-align: center;
        margin-left: 0px;
        padding-bottom: 4px;
        padding-top: 5px;
    }


    .tabcbis2:hover {
        cursor: pointer;
    }

    .tabc {
        width: 50px;
        border-right: 1px solid #e3e3e3;
        background-color: #fff;
    }

    #container .tabc2 i {
        font-size: 19px;
        color: #fff;
    }

    #container .tabc2 p {
        text-align: center;
        margin-left: 0px;
        padding-bottom: 4px;
        padding-top: 4px;
    }

    .tabc2:hover p {
        color: #fff;
    }

    .tabc2:hover {
        background-color: #159510;
    }

    .tabc2 {
        width: 50px;
        border-right: 1px solid #e3e3e3;
        background-color: #45b53a;
    }

    .tabfix1 {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 9990;
        -webkit-box-shadow: 4px 4px 10px #ddd;
        box-shadow: 4px 4px 10px #ddd;
        -webkit-transition: background ease 0.05s;
        transition: background ease 0.05s;
    }

    .tabscroll1 {
        width: auto;
        margin-left: 10px;
        overflow: hidden;
    }

    .tabformat1 .tabfix1 {
        padding: 0;
    }

    .tabformat1 .tabscroll1 {
        padding: 0;
    }

    .tabpretesta {
        width: 2000px;
        height: 50px;
        background-color: #d0cf9b;
    }

    .tabtesta {
        width: 2000px;
        height: auto;
        background-color: #f5f5f5;
    }

    .tabcorpo {
        width: 2000px;
        height: auto;
    }

    .tabella {
        width: 100%;
        height: auto;
        overflow-x: scroll;
        box-shadow: 0 0 0.3125rem #1718180d,0 0.0625rem 0.125rem #00000026;
    }

        .tabella::-webkit-scrollbar {
            height: 15px;
        }

    #container .tabitem2 p {
        font-size: 13px;
        line-height: 22px;
        color: #777;
        margin-left: 10px;
        margin-top: 29px;
    }

    .tabitem2 i {
        font-size: 28px;
        top: 8px;
        left: 2px;
        position: absolute;
    }

    .tabitem2 {
        width: 100%;
        height: auto;
        padding-bottom: 50px;
        padding-top: 0px;
        border-bottom: 1px solid #eee;
        display: none;
    }

    .tabitem:hover {
        background-color:#f3fcfb;
    }

        .tabitem:hover .tabfix1 {
            background-color: #f3fcfb;
        }

    .tabitem:active {
        background-color: #e7f8f5;
    }

        .tabitem:active .tabfix1 {
            background-color: #e7f8f5;
        }

        

    .tabitem {
        width: 100%;
        height: auto;
        border-bottom: 1px solid #eee;
        -webkit-transition: background ease 0.05s;
        transition: background ease 0.05s;
    }

    .tabformat1 div {
        padding-bottom: 10px;
        padding-top: 8px;
    }

    .tabformat1 .divspecial2 {
        padding: 0;
    }

    .tabformat1 .divspecial3 {
        width: 100%;
        padding: 0;
        background-color: #e9e6e1;
    }

        .tabformat1 .divspecial3:hover {
            background-color: #eeebe8;
        }

    .tabformat1 .divspecial4 {
        width: 100%;
        padding: 0;
        padding-bottom: 25px;
        background-color: #fff;
        display: none;
    }

    .tabformat1 .divspecial2 div {
        padding: 0;
    }

    .divspecial div {
        height: 40px;
    }

    .tabformat1 div p {
        text-align: left;
        margin: 0;
        margin-top: 1px;
        margin-left: 13px;
        color: #111;
        font-size: 17px;
    }

    .tabformat1 .icosort {
        margin-left: 8px;
    }
}
@media (max-width: 480px) {
    .table-img1 {
        width: 54%;
        height: 36px;
    }
    .tabno1 {
        display: none;
    }

    .tabno2 {
        display: none;
    }

    .tabno3 {
        display: none;
    }
    .tabfix1 {
        position: relative;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .table-img1 {
        width: 54%;
        height: 36px;
    }
    .tabno2 {
        display: none;
    }

    .tabno3 {
        display: none;
    }
    .tabfix1 {
        position: relative;
    }
}
@media (min-width: 769px) and (max-width: 1000px) {
    .table-img1 {
        width: 58%;
        height: 38px;
    }
    .tabno3 {
        display: none;
    }
}
@media (min-width: 1001px) and (max-width: 1600px) {
    .table-img1 {
        width: 58%;
        height: 40px;
    }

}
/*################# certificato*/
@media all {
    #img-cont {
        width: 100%;
        height: 700px;
        position:relative;
        float:left;
    }
    #certificato-cont {
        width: 990px;
        height: 700px;
        padding: 0;
        background-image:url('/img_sito/cert-bg.jpg');
        background-position:top;
        background-size:100%;
        background-repeat:repeat;
    }
    #certificato {
        width: 100%;
        height: 100%;
        padding: 15px;
    }
    .certificato-logo {
        width: 100%;
        height: 92px;
    }
    .certificato-logo img {
        width: 92px;
    }
    .certificato-line1 {
        width: 100%;
        height: 94px;
        margin-top:-28px;
    }
    .certificato-line2 {
        width: 100%;
        height: 94px;
    }
    .certificato-desc {
        width: 100%;
        height: 384px;
        padding-left:154px;
        padding-right:154px;
    }
    #container .certificato-desc .p1 {
        font-family: "font3", serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 44px;
        color: #000;
        margin-top:20px;
    }
    #container .certificato-desc .p2 {
        font-family: "font3", serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 16px;
        color: #000;
        margin-top: 15px;
    }
    #container .certificato-desc .p3 {
        font-family: "font2", serif;
        text-transform: none;
        font-weight: 400;
        font-size: 68px;
        color: #000;
        margin-top: 40px;
        text-transform: capitalize;
    }
    #container .certificato-desc .hr2 {
        width: 100%;
        height: 1px;
        background-color: transparent;
        border: 1px dashed #D3C382;
        margin: 0;
        margin-top: 24px;
        margin-bottom: 18px;
    }
    #container .certificato-desc .p4 {
        font-family: "Libre Baskerville", serif;
        text-transform: none;
        font-weight: 400;
        font-size: 12px;
        line-height:21px;
        color:#000;
    }
    #container .certificato-desc .p5 {
        font-family: "font2", serif;
        text-transform: none;
        font-weight: 400;
        font-size: 34px;
        color: #000;
        text-align:left;
    }
    .certificato-footer {
        width: 100%;
        height:80px;
        padding-left: 154px;
        padding-right: 154px;
        margin-top:-15px;
    }

    #container .certificato-footer .p1 {
        font-family: "font3", serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 17px;
        line-height:16px;
        color: #000;
    }
    #container .certificato-footer .p2 {
        font-family: "font3", serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 12px;
        line-height:12px;
        color: #000;
        margin-top:13px;
    }
    
}
@media (max-width: 480px) {
    #certificato-img img {
        width:90%;
        margin:5%;
    }
}
@media (min-width: 480px) and (max-width: 769px) {
    #certificato-img img {
        width: 90%;
        margin: 5%;
    }
}
@media (min-width: 769px) and (max-width: 980px) {
    #certificato-img img {
        width: 90%;
        margin: 5%;
    }
}
@media (min-width: 980px) and (max-width: 1299px) {
    #certificato-img img {
        width: 90%;
        margin: 5%;
    }
}
/*EDIT IMG*/
@media all {
    #edit-img-cont {
        width: 100%;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }

    #editimgupload {
        width: 100%;
        height: 140px;
        background-color: #fff;
        border: 2px dashed #ccc;
        padding: 30px;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }

        #editimgupload:active {
            border: 2px dashed #888;
        }

    #container #editimgupload .p1 {
        font-size: 28px;
        margin-top: 8px;
    }

    #container #editimgupload .p2 {
        font-size: 13px;
        line-height: 16px;
        margin-top: 15px;
    }

    #editimgedit {
        width: 100%;
        height: 330px;
        background-color: #f5f5f5;
        padding: 10px;
        margin-bottom: 2px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }

    #edit-img-edit-1 {
        width: 100%;
        height: 260px;
        display: flex;
        justify-content: center;
        background-color: #fff;
        overflow: hidden;
    }

        #edit-img-edit-1 img {
            height: 100%;
        }

    #edit-img-edit-2 {
        width: 100%;
        height: 30px;
        margin-top: 13px;
    }

    #container #edit-img-edit-2 .p3 {
        margin-top: 2px;
    }

    #container #edit-img-edit .p3 {
        margin-top: 0;
    }

    #editimgfinish {
        width: 100%;
        height: 270px;
        background-color: #fff;
        padding: 5px;
        justify-content: center;
        border: 2px dashed #ccc;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }

        #editimgfinish img {
            height: 254px;
            z-index: 1;
        }

    #edit-img-finish-cover {
        width: 100%;
        height: 100%;
        z-index: 2;
        background-color: rgba(0,0,0,0.6);
        display: none;
        position: absolute;
        float: none;
        top: 0;
        left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }

    #editimgfinish:hover #edit-img-finish-cover {
        display: block;
    }

    #container #edit-img-finish-cover p {
        margin-top: 117px;
        color: #fff;
    }

    #preview-container {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }

    #container #preview-container p {
        margin: 0;
    }
}
@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) {
}
/*CART*/
@media all {
    .cart-line {
        width:100%;
        height:auto;
        float:left;
    }
    #container .cart-line a {
        text-decoration: none;
    }
    #container .cart-line a:hover {
        text-decoration: underline;
    }
    #container .cart-line .ptitle {
        margin:0;
        font-weight:normal;
        color:#777;
        text-transform:uppercase;
        font-size:16px;
    }
        #container .cart-line .ptitle a {
            font-weight: normal;
            color: #777;
            text-transform: uppercase;
        }
    #container .cart-line .p1 {
        margin: 0;
        font-weight: bold;
        font-size: 21px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    #container .cart-line .pdel {
        margin: 0;
        font-weight: normal;
        font-size: 17px;
        text-decoration:underline;
        margin-top:13px;
    }
    .cart-img {
        width: 15%;
        padding: 17px;
    }
        .cart-img img {
            width: 100%;
            -webkit-border-radius: 12px;
            border-radius: 12px;
        }
    .cart-details {
        width: 70%;
        padding: 17px;
    }
    .cart-text {
        width: 70%;
        
    }
    .cart-sel {
        width: 30%;
    }
    .cart-delete {
        width: 100%;
    }
    .cart-price {
        width: 15%;
        padding: 17px;
       float:right;
    }


}
@media (max-width: 480px) {
    .cart-line {
        margin-top:18px;
    }
    .cart-img {
        width: 27%;
        padding: 7px;
    }
    .cart-img img{
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    .cart-details {
        width: 51%;
        padding: 7px;
    }
    .cart-details.sp {
        display:none;
    }
    .cart-text {
        width: 100%;
    }
    .cart-sel {
        width: 100%;
    }

    .cart-price {
        width: 22%;
        padding: 7px;
    }
    #container .cart-line .ptitle {
        font-size: 13px;
    }

    #container .cart-line .p1 {
        font-size: 16px;
    }
    #container .cart-line .pdel {
        font-size: 16px;
        margin-top: 5px;
    }

}
@media (min-width: 481px) and (max-width: 768px) {
    .cart-line {
        margin-top: 15px;
    }
    .cart-img {
        width: 27%;
        padding: 9px;
    }
        .cart-img img {
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }
    .cart-details {
        width: 51%;
        padding: 9px;
    }
        .cart-details.sp {
            display: none;
        }
    .cart-text {
        width: 100%;
    }

    .cart-sel {
        width: 100%;
    }

    .cart-price {
        width: 22%;
        padding: 9px;
    }
    #container .cart-line .ptitle {
        font-size: 14px;
    }

    #container .cart-line .p1 {
        font-size: 17px;
    }
    #container .cart-line .pdel {
        font-size: 17px;
        margin-top: 8px;
    }
}
@media (min-width: 769px) and (max-width: 980px) {

    .cart-img {
        width: 25%;
        padding: 12px;
    }

    .cart-details {
        width: 52%;
        padding: 12px;
    }
        .cart-details.sp {
            display: none;
        }
    .cart-text {
        width: 100%;
    }

    .cart-sel {
        width: 100%;
    }

    .cart-price {
        width: 23%;
        padding: 12px;
    }
    #container .cart-line .ptitle {
        font-size: 15px;
    }

    #container .cart-line .p1 {
        font-size: 18px;
    }
}
@media (min-width: 981px) and (max-width: 1279px) {
    .cart-img {
        width: 25%;
        padding: 14px;
    }
    .cart-details {
        width: 52%;
        padding: 14px;
    }
        .cart-details.sp {
            display: none;
        }
    .cart-text {
        width: 100%;
    }
    .cart-sel {
        width: 100%;
    }
    .cart-price {
        width: 23%;
        padding: 14px;
    }
}
/*@media (max-width: 480px)
{
}
@media (min-width: 480px) and (max-width: 769px)
{
}
@media (min-width: 769px) and (max-width: 980px)
{
}
@media (min-width: 980px) and (max-width: 1279px)
{
}*/