/* ########### HEADER*/
/* ########### COOKIE*/
/* ########### HOME BG*/
/* ########### PRIMO*/
/*############ MENU MOBILE*/
/* ########### PORTFOLIO*/
/*########### BLOG*/
/* ########### FORM*/
/* ########### SEZIONI*/
/* ########### TABS*/
/* ########### PAGINE*/
/* ########### PREFOOTER*/
/* ########### FOOTER*/
/*-------------------------------------*/
/*-------------------------------------*/
/*-------------------------------------*/
/*####################  HEADER*/
@media all {
#container {
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}

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

.containerclose {
margin-left: 0;
}

.containerclose {
margin-left: 0;
}

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

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

    #spacenavwhite {
        width: 100%;
        position: fixed;
        z-index: 2;
    }
    #spacecat {
        margin-top: 77px;
        border-bottom: 9px solid #1c5ba6;
    }
    .menuseparatore {
        width: 1px;
        height: 36px;
        margin-top: 12px;
        background-color: #162d48;
    }
        .menuitem {
        width: auto;
        height: 56px;
        float: left;
        padding-left:30px;
        padding-right:30px;
        background-color: transparent;
        -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);
        
    }
        .menuitem:hover {
            background-color:#1b2836;
        }
    .submenu {
        width: 200px;
        height: auto;
        padding: 15px;
        position: absolute;
        left: 10px;
        top: 50px;
        float: none;
        overflow: hidden;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 5px 5px 15px #444;
        box-shadow: 5px 5px 15px #444;
        display: none;
        z-index: 1;
    }
    .menuitem:hover .submenu {
        display: block;
    }
    .menuitemsubline {
        width: 100%;
        height: 1px;
        background-color: #162d48;
    }
    .menuitemsub {
        width: 100%;
        padding-bottom: 2px;
        padding-top: 2px;
        -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);
    }
    
        .menuitemsub:hover {
            background-color: #1b2836;
        }
        .menuitemsub:active {
            background-color: #1b2836;
        }
    #container .menuitemsub h4 {
        color: #fff;
        font-weight: normal;
        font-size: 13px;
        text-transform: uppercase;
        margin-top: 0;
        margin-left: 7px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
    .menuitemsub:hover h4 {
        margin-left: 10px;
    }

    .menuitemsub:active h4 {
        margin-left: 10px;
    }
    #container .menuitem h3 {
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        text-transform: uppercase;
        margin-top: 17px;
    }
        
  



    .humb1 #line1 {
        width: 30px;
        height: 3px;
        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: 3px;
        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: 3px;
        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: 3px;
float: right;
margin-right: 5px;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
display: none;
cursor: pointer;
}
    .nav1 .mobile-cta1 {
        width: 32px;
        height: 32px;
        margin-top: 11px;
        float: right;
        margin-right: 6px;
        -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;
    }
    #container .nav1 .mobile-cta1 p {
        margin: 0;
        padding: 0;
        text-align: center;
        color: #fff;
        font-size: 16px;
        margin-left:2px;
    }
        .nav1 .mobile-cta2 {
        width: 32px;
        height: 32px;
        margin-top: 11px;
        float: right;
        margin-right: 10px;
        -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;
        
    }
    #container .nav1 .mobile-cta2 .p1 {
        margin: 0;
        padding: 0;
        text-align: center;
        color: #fff;
        font-size: 16px;
        margin-left: 3px;
    }

.nav1 #navcta1 .divbutton2small {
margin-top: 26px;
}
    .nav1 #navcta1 .divbutton2small p{
        color:#fff;
    }
    .nav1 #navcta1 .divbutton2small h3 {
        color: #fff;
    }

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


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

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

.nav1 .menuitem p a {
text-decoration: none;
color: #fff;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
font-family: var(--font-family);
font-weight: bold;
}
    .nav1 #menu-top {
        width: 100%;
        height: 65px;
        padding-right:10px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
      
    }
    #container .nav1 .divbutton1small {
        float: right;
        margin: 0;
        margin-top: 10px;
        border: 1px solid #52c174;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
        #container .nav1 .divbutton1small.menubt1 {
            float: right;
            margin: 0;
            margin-top: 10px;
            background-color: transparent;
            margin-right: 10px;
            border: 1px solid #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);
        }
    .nav1 #menu-bottom {
        width: 100%;
        height: 65px;
        -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);
        /*border-top: 1px solid #2b4765;*/
        display:block;
    }
.nav1 #logo {
width: 300px;
height: 72px;
margin-left:0;
margin-top:29px;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
}

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

    .nav1 {
        /*background-color: rgba(2,28,55,0.5);*/
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        padding-bottom: 8px;
        padding-top: 8px;
    }

.nav1 .menuitem p {
text-transform: uppercase;
font-size: 14px;
text-align: center;
margin: 0;
text-decoration: none;
margin-top: 8px;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
color: #fff;
font-weight:500;
}

    .nav2 .menuitem p {
        text-transform: uppercase;
        font-size: 14px;
        text-align: center;
        margin: 0;
        text-decoration: none;
        margin-top: 23px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        color: #aaa;
        font-weight: 500;
    }
    .nav2 #menu-top {
        width: 100%;
        height: 100%;
        padding-right: 10px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }
    #container .nav2 .divbutton1small {
        float: right;
        margin: 0;
        margin-top: 17px;
        border: 1px solid #52c174;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    }

        #container .nav2 .divbutton1small.menubt1 {
            float: right;
            margin: 0;
            margin-top: 17px;
            background-color: transparent;
            margin-right: 10px;
            border: 1px solid #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);
        }
    .nav2 #menu-bottom {
        width: 100%;
        height: 75px;
        background-color: #bbb;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        display:none;
    }
    .nav2 #logo {
        width: 240px;
        height: auto;
        margin-left: 0;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        
    }
    .nav2 #logo img{
        width: 100%;
    }

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

    
.nav2 {
        -webkit-transition: all ease 0.26s;
        transition: all ease 0.26s;
        animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
        padding-bottom: 5px;
        padding-top: 5px;
        -webkit-box-shadow: 0 0 35px #444;
        box-shadow: 0 0 35px #444;
        
    }


    .nav2 #humb {
        width: 30px;
        height: 40px;
        margin-top: 7px;
        float: right;
        margin-right: 5px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        cursor: pointer;
    }
        .nav2 .mobile-cta1 {
            width: 32px;
            height: 32px;
            margin-top: 11px;
            float: right;
            margin-right: 6px;
            -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;
        }

    #container .nav2 .mobile-cta1 p {
        margin: 0;
        padding: 0;
        text-align: center;
        color: #fff;
        font-size: 16px;
        margin-left: 2px;
    }

    .nav2 .mobile-cta2 {
        width: 32px;
        height: 32px;
        margin-top: 11px;
        float: right;
        margin-right: 10px;
        -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;
    }

    #container .nav2 .mobile-cta2 .p1 {
        margin: 0;
        padding: 0;
        text-align: center;
        color: #fff;
        font-size: 16px;
        margin-left: 3px;
    }

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


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


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

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

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

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


    .nav1 .mobile-cta1 {
        display: none;
    }

    .nav1 .mobile-cta2 {
        display: none;
    }

    .nav2 .mobile-cta1 {
        display: none;
    }

    .nav2 .mobile-cta2 {
        display: none;
    }
#menu {
width: 50%;
height: 100%;
-webkit-transition: all ease 0.16s;
transition: all ease 0.16s;
float: right;
overflow:hidden;
}

.menumar1 {
margin-right: 80px;
}

.menumar2 {
margin-right: 0px;
}

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

.menum2 {
margin-top: 0;
}
}
    @media (max-width: 480px) {
        #spacecat {
            display:none;
        }
        .nav1 #middlenav {
            width: 92%;
            margin-left: 4%;
            margin-right: 4%;
            float: left;
            height: 54px;
        }

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

        .nav1 #logo {
            margin-left: 0;
            margin-top: 0;
            width: 60px;
            height: 54px;
        }

            .nav1 #logo img {
                margin-top: 0;
                width: 100%;
            }

        .nav2 #logo {
            margin-left: 0;
            margin-top: 0;
            width: 205px;
        }

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

        #menu {
            width: auto;
        }

        .nav2 #humb {
            display: block;
            margin-top:7px;
        }

        .nav1 #humb {
            display: block;
        }
        .nav1 .mobile-cta1 {
            display:  block;
        }

        .nav1 .mobile-cta2 {
            display: block;
        }

        .nav2 .mobile-cta1 {
            display: block;
        }

        .nav2 .mobile-cta2 {
            display: block;
        }
        .nav1 #menu-top {
            display: none;
        }

        .nav1 #menu-bottom {
            display: none;
        }

        .nav2 #menu-top {
            display: none;
        }

        .nav2 #menu-bottom {
            display: none;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        #spacecat {
            display:none;
        }
        .nav1 #middlenav {
            width: 92%;
            margin-left: 4%;
            margin-right: 4%;
            float: left;
            height: 54px;
        }

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

        .nav1 #logo {
            margin-left: 0;
            margin-top: 0;
            width: 60px;
            height: 54px;
        }

            .nav1 #logo img {
                margin-top: 0;
                width: 100%;
            }

        .nav2 #logo {
            margin-left: 0;
            margin-top: 0;
            width: 200px;
            height: 54px;
        }

            .nav2 #logo img {
                margin-top: 0;
                width: 100%;
            }

        #menu {
            width: 70px;
        }

        .nav2 #humb {
            display: block;
            margin-top:3px;
        }

        .nav1 #humb {
            display: block;
        }
        .nav1 .mobile-cta1 {
            display: block;
        }

        .nav1 .mobile-cta2 {
            display: block;
        }

        .nav2 .mobile-cta1 {
            display: block;
        }

        .nav2 .mobile-cta2 {
            display: block;
        }
        .nav1 #menu-top {
            display: none;
        }

        .nav1 #menu-bottom {
            display: none;
        }

        .nav2 #menu-top {
            display: none;
        }

        .nav2 #menu-bottom {
            display: none;
        }
    }

    @media (min-width: 769px) and (max-width: 980px) {
        #spacecat {
            display: none;
        }
        #spacecat .middle1 {
            width:88%;
            margin-left:6%;
            margin-right:6%;
        }
        .nav1 #middlenav {
            width: 92%;
            margin-left: 4%;
            margin-right: 4%;
            float: left;
            height: 54px;
        }

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

        .nav1 #logo {
            margin-left: 0;
            margin-top: 0;
            width: 200px;
        }

            .nav1 #logo img {
                margin-top: 0;
                width: 100%;
            }

        .nav2 #logo {
            margin-left: 0;
            margin-top: 0;
            width: 200px;
        }

            .nav2 #logo img {
                margin-top: 0;
                width: 100%;
            }

        #menu {
            width: 70px;
        }

        .nav2 #humb {
            display: block;
            margin-top: 3px;
        }

        .nav1 #humb {
            display: block;
        }
        .nav1 .mobile-cta1 {
            display: block;
        }

        .nav1 .mobile-cta2 {
            display: block;
        }

        .nav2 .mobile-cta1 {
            display: block;
        }

        .nav2 .mobile-cta2 {
            display: block;
        }
        .nav1 #menu-top {
            display: none;
        }

        .nav1 #menu-bottom {
            display: none;
        }

        .nav2 #menu-top {
            display: none;
        }

        .nav2 #menu-bottom {
            display: none;
        }
    }

    @media (min-width: 981px) and (max-width: 1279px) {
        #spacecat {
            display: none;
        }
            #spacecat .middle1 {
                width: 96%;
                margin-left: 2%;
                margin-right: 2%;
            }
        .nav1 #middlenav {
            width: 96%;
            margin-left: 2%;
            margin-right: 2%;
            float: left;
        }

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

        .nav1 #logo {
            margin-left: 0;
        }

        .nav2 #logo {
            margin-left: 0;
        }

        .menuitem.menuhome {
            display: none;
        }

        .menuitem {
            padding-left: 14px;
            padding-right: 14px;
        }
        .nav2 #humb {
            display: block;
        }
    }
    /*################# COOKIE*/
    @media all {
        .popup1cover {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9999;
            background-color: rgba(0,0,0,0.7);
            display: none;
        }

        #popup1cont {
            width: 56%;
            height: 100%;
            margin-left: 22%;
            z-index: 9990;
            background-color: #fcfcfc;
            padding: 65px;
            overflow: scroll;
            overflow-x: hidden;
            -webkit-box-shadow: 0 0 50px #222;
            box-shadow: 0 0 50px #222;
        }

        #container #popup1cont h1 {
            margin: 0;
            padding: 0;
            font-size: 36px;
            line-height: 40px;
            
        }

        #container #popup1cont p {
            margin: 0;
            padding: 0;
            margin-top: 15px;
            font-size: 14px;
            line-height: 28px;
            
        }


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

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

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

        #popup1cont::-webkit-scrollbar-thumb {
            background: #004080;
        }

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

            .popup1cover .menumobile:active .menuclose1 {
                background-color: #1c5ba6;
            }

            .popup1cover .menumobile:active .menuclose2 {
                background-color: #1c5ba6;
            }

            .popup1cover .menumobile:hover .menuclose1 {
                background-color: #1c5ba6;
            }

            .popup1cover .menumobile:hover .menuclose2 {
                background-color: #1c5ba6;
            }

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

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

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

        #cookiesx {
            width: 70%;
        }

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

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

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

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

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

    @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: 50px;
        }

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

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

        #cookiesx {
            width: 100%;
        }

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

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

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

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

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

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

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

        .popup1cover .menumobile {
            right: 16%;
        }
    }
/* ################### PRIMO*/
@media all {
    .sliderimgcont {
        width: 100%;
        height: 640px;
        position: relative;
        float: left;
        background-position: center;
        background-size: cover;
    }

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .figure1 {
        width: 100%;
    }

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

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


    .middle1 {
        width: 100%;
        max-width:1160px;
        height: auto;
        margin: 0 auto;
        float: none;
    }
    .middle1cat {
        width: 100%;
        max-width: 1260px;
        height: auto;
        margin: 0 auto;
        float: none;
    }

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

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

    .middlemsg {
        width: 52%;
        height: auto;
        margin: 0 auto;
        float: none;
    }

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

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

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

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

    .titlepage1 {
        width: 60%;
    }

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

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

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

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

    #cerca p {
        margin: 0;
    }
}

@media (max-width: 480px) {


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

    .articolocont {
        width: 100%;
    }

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



    .middle1 {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        float: left;
    }
    .middle1cat {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        float: left;
    }
    .middle2 {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        float: left;
    }
    .middle3 {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        float: left;
    }

    .middlemsg {
        width: 100%;
        padding: 4%;
        float: left;
    }

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

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

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

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

    .titlepage1 {
        width: 100%;
    }

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

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

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

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

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

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

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


    .articolocont {
        width: 100%;
    }

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


    .middle1 {
        max-width:440px;
    }

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

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

    .middleform {
        width: 88%;
    }

    .titlepage1 {
        width: 100%;
    }

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

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

    #cerca {
        margin-left: 20px;
    }

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

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

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

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

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


    .middle1 {
        max-width:620px;
    }

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

    .middleform {
        width: 80%;
    }

    .titlepage1 {
        width: 70%;
    }

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

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


    .middle1 {
        max-width:700px;
    }
    .middle1cat {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        float: left;
    }
    .middle2 {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        float: left;
    }
   
    .middlemsg {
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
        float: left;
    }

    .middleform {
        width: 60%;
    }

    .titlepage1 {
        width: 70%;
    }

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

@media (min-width: 1280px) {
    .middle1cat {
        width: 78%;
        height: auto;
        margin: 0 auto;
        float: none;
    }
}
    /* ################### HOME BG*/
    @media all {
        #homebgcont2 {
            width: 100%;
            height: 360px;
            z-index: 1;
            overflow: hidden;
        }
       
       #homebgcont {
           width:100%;
           height:740px;
           z-index:1;
           overflow:hidden;
       }
        #homebg {
            width: 100%;
            height: 100%;
            /*background: url(/video/farella-trasporti.mp4);
            background-position: right;
            background-size: cover;*/
            z-index:1;
        }
        #homebg2 {
            width: 100%;
            height: 100%;
            background: url(/img_sito/home-bg2.jpg);
            background-position: right;
            background-size: cover;
            z-index: 1;
        }
        #videocont {
            width: 100%;
            height: 100%;
        }
            #videocont #myVideo {
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                left: 0;
                width:100%;
            }
        #homebgline {
            width: 100%;
            height: auto;
            position: absolute;
            float: none;
            bottom: -3px;
            z-index: 10;
        }
            #homebgline img {
                width: 100%;
                margin-top: 0;
                position: absolute;
                float:none;
                bottom: 0;
            }
        #homecover {
            width: 78%;
            height: 740px;
            background-image: url(/svg/homecover.svg);
            background-position: right;
            background-size: cover;
            z-index: 1;
            position: absolute;
            float: none;
        }
        #homecover2 {
            width: 100%;
            height: 360px;
            background-image: url(/svg/homecover2.svg);
            background-position: right;
            background-size: cover;
            z-index: 1;
            position: absolute;
            float: none;
        }
        #hometext {
            width: 100%;
            height: 480px;
            top:170px;
            /*background-color: rgba(255,255,255,0.5);*/
            z-index: 1;
            position: absolute;
            float: none;
        }
        #hometext-bis {
            width: 100%;
            height: 110px;
            top: 165px;
            /*background-color: rgba(255,255,255,0.5);*/
            z-index: 1;
            position: absolute;
            float: none;
        }
        #hometext2 {
            width: 48%;
            height: 480px;
            padding:20px;
        }
        #hometext2-bis {
            width: 100%;
            height: auto;
            padding: 0;
            padding-top:0;
        }
        #hometext-1 {
            width: 100%;
            height: 170px;
        }
        #hometext-special {
            width: auto;
            height: 100%;
            padding: 35px;
            background-color: #09325c;
            border: 1px solid #174473;
            -webkit-border-radius: 26px;
            border-radius: 26px;
            -webkit-box-shadow: 0 0 40px #092546;
            box-shadow: 0 0 40px #092546;
            -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 #hometext-1 h1 {
            color:#fff;
            font-size:96px;
            margin:0;
            padding:0;
            font-weight:700;
            text-transform:uppercase;
        }
        #container #hometext-1 h2 {
            color: #fcfcfc;
            font-size: 24px;
            margin: 0;
            padding: 0;
            margin-top: 8px;
            margin-left:4px;
            text-transform: uppercase;
        }
        #container #hometext-1 .p404 {
            color: #fcfcfc;
            font-style: italic;
            font-size: 18px;
            line-height:25px;
            margin: 0;
            padding: 0;
            margin-top: 25px;
        }
        #hometext-1-bis {
            width: 100%;
            height: auto;
        }

        #container #hometext-1-bis h1 {
            color: #fff;
            font-style: italic;
            font-size: 42px;
            line-height:46px;
            margin: 0;
            padding: 0;
            font-weight: 700;
            margin-top:10px;
            text-align:center;
        }

        #container #hometext-1-bis p {
            color: #fcfcfc;
            font-style: italic;
            font-size: 15px;
            margin: 0;
            padding: 0;
            margin-top: 8px;
        }
        #container #hometext-1-bis p a {
            color: #fcfcfc;
        }
        #hometext-2 {
            width: 100%;
            height: 170px;
        }
        #container #hometext-2 p {
            color: #ddd;
            font-size:18px;
            line-height:29px;
        }
        #container #hometext-2 p strong {
            color: #fff;
        }
        #hometext-3 {
            width: 100%;
            height: 50px;
            margin-top:60px;
        }
        #container #hometext-3 .divbutton1small.menubt1 {
            
            background-color: transparent;
            margin-left: 10px;
            border: 1px solid #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);
        }
    }

    @media (max-width: 480px) {
        #homebgcont2 {
            height: 300px;
        }
        #homebg {
            display:none;
        }
        #homebg2 {
            width: 100%;
            height: 100%;
            background: url(/img_sito/home-bg2.jpg);
            background-position: -400px;
            background-size: cover;
            z-index: 1;
        }
        #homebgline {
            height: auto;
            bottom: -8px;
        }

            #homebgline img {
                bottom:0;
            }

        #homecover {
            width: 100%;
            background-position: left;
        }
        #homecover2 {
            width: 100%;
            background-position: left;
        }
        #hometext {
            height: auto;
            top: 90px;
        }
        #hometext-bis {
            height: auto;
            top: 90px;
        }
        #hometext2 {
            width: 100%;
            height: auto;
            padding: 10px;
        }
        #hometext2-bis {
            width: 100%;
            height: auto;
            padding: 10px;
            margin-top:20px;
        }
        #hometext-1 {
            height: auto;
        }
        #hometext-special {
            padding: 20px;
            width:100%;
        }

        
        #container #hometext-1 h1 {
            font-size: 48px;
            line-height:42px;
            text-align:center;
            margin:0;
        }


        #container #hometext-1 h2 {
            font-size: 15px;
            line-height: 20px;
            text-align: center;
            margin: 0;
            margin-top:10px;
        }
        #hometext-1-bis {
            height: auto;
        }

        #container #hometext-1-bis h1 {
            font-size: 32px;
        }

        #container #hometext-1-bis p {
            font-size: 14px;
            margin-top: 10px;
        }
        #hometext-2 {
            margin-top:10px;
        }

        #container #hometext-2 p {
            font-size: 15px;
            line-height: 23px;
        }

        #hometext-3 {
            height: auto;
            margin-top: 50px;
        }

        #container #hometext-3 .divbutton1small.menubt1 {
            
            margin-left: 0;
            margin-top:15px;
            
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        #homebgcont2 {
            height: 300px;
        }
        #homebg {
            display: none;
        }

        #homebgline {
            height: auto;
            bottom: -8px;
        }

            #homebgline img {
                bottom: 0;
            }

        #homecover {
            width: 100%;
            background-position: left;
        }
        #homecover2 {
            width: 100%;
            background-position: left;
        }
        #hometext {
            height: auto;
            top: 130px;
        }
        #hometext-bis {
            height: auto;
            top: 100px;
        }
        #hometext2 {
            width: 100%;
            height: auto;
            padding: 10px;
        }
        #hometext2-bis {
            width: 100%;
            height: auto;
            padding: 10px;
        }
        #hometext-1 {
            height: auto;
        }

        #container #hometext-1 h1 {
            font-size: 82px;
        }

        #container #hometext-1 h2 {
            font-size: 28px;
            margin-top: 15px;
        }
        #hometext-1-bis {
            height: auto;
        }

        #container #hometext-1-bis h1 {
            font-size: 42px;
        }
        #hometext-2 {
            margin-top: 20px;
        }

        #container #hometext-2 p {
            font-size: 16px;
            line-height: 25px;
        }

        #hometext-3 {
            height: auto;
            margin-top: 50px;
        }

        #container #hometext-3 .divbutton1small.menubt1 {
            margin-left: 0;
            margin-top: 15px;
            clear:left;
        }
        #container #hometext-3 .divbutton1small {
            clear: left;
        }
    }

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


        #homebgline {
            height: auto;
            bottom: -8px;
        }

            #homebgline img {
                bottom: 0;
            }

        #homecover {
            width: 100%;
            background-position: right;
        }
        #homecover2 {
            width: 100%;
            background-position: right;
        }
        #videocont #myVideo {
            width: auto;
            height: 740px;
        }
        #hometext {
            height: auto;
            top: 130px;
        }
        #hometext-bis {
            height: auto;
            top: 130px;
        }
        #hometext2 {
            width: 50%;
            height: auto;
            padding: 0;
        }
        #hometext2-bis {
            width: 50%;
            height: auto;
            padding: 0;
        }
        #hometext-1 {
            height: auto;
        }

        #container #hometext-1 h1 {
            font-size: 110px;
        }

        #container #hometext-1 h2 {
            font-size: 30px;
            margin-top: 15px;
        }
        #hometext-1-bis {
            height: auto;
        }

        #container #hometext-1-bis h1 {
            font-size: 35px;
        }
        #hometext-2 {
            margin-top: 20px;
        }

        #container #hometext-2 p {
            font-size: 15px;
            line-height: 24px;
        }

        #hometext-3 {
            height: auto;
            margin-top: 50px;
        }

        #container #hometext-3 .divbutton1small.menubt1 {
            margin-left: 0;
            margin-top: 15px;
            clear: left;
        }

        #container #hometext-3 .divbutton1small {
            clear: left;
        }
        
    }

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

        #homebgline {
            height: auto;
            bottom: -8px;
        }

            #homebgline img {
                bottom: 0;
            }

        #homecover {
            width: 100%;
            background-position: right;
        }
        #homecover2 {
            width: 100%;
            background-position: right;
        }
        #videocont #myVideo {
            width: auto;
            height:740px;
        }
        #hometext {
            height: auto;
        }
        #hometext-bis {
            height: auto;
        }
        #container #hometext .middle1 {
            width:86%;
            margin-left:7%;
            margin-right:7%;
        }
        #container #hometext-bis .middle1 {
            width: 86%;
            margin-left: 7%;
            margin-right: 7%;
        }
        #hometext2 {
            width: 50%;
            height: auto;
            padding: 0;
        }
        #hometext2-bis {
            width: 50%;
            height: auto;
            padding: 0;
        }
        #hometext-1 {
            height: auto;
        }

        #container #hometext-1 h1 {
            font-size: 100px;
            margin-top:20px;
        }

        #container #hometext-1 h2 {
            font-size: 29px;
            margin-top: 15px;
        }
        #hometext-1-bis {
            height: auto;
        }

        #container #hometext-1-bis h1 {
            font-size: 42px;
            line-height:46px;
            margin-top: 20px;
        }
        #hometext-2 {
            margin-top: 0;
        }

        #container #hometext-2 p {
            font-size: 16px;
            line-height: 25px;
        }

        #hometext-3 {
            height: auto;
            margin-top: 50px;
        }

        #container #hometext-3 .divbutton1small.menubt1 {
            margin-left: 0;
            margin-top: 15px;
            clear: left;
        }

        #container #hometext-3 .divbutton1small {
            clear: left;
        }
        

    }

@media (min-width: 1280px) and (max-width: 1380px) {
    #homebgline {
        height: auto;
        bottom: -20px;
    }

        #homebgline img {
            bottom: 0;
        }
    #hometext-3 {
        height: auto;
        margin-top: 40px;
    }
    #container #hometext-3 .divbutton1small.menubt1 {
        margin-left: 0;
        margin-top: 15px;
        clear: left;
    }

    #container #hometext-3 .divbutton1small {
        clear: left;
    }
}
@media (min-width: 1799px) {
    #homebgline {
        height: auto;
        bottom: -35px;
    }
}
    /*#################### MENU MOBILE*/
    @media all {
        #menumobilecover {
            width: 100%;
            height: 100%;
            position: fixed;
            background-color: rgba(0,0,0,0.6);
            right: 0px;
            top: 0px;
            z-index: 9999;
            display: none;
        }

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

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

        .mcont1 {
            right: -420px;
        }

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

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

        #menumobilecont {
            scrollbar-width: none;
        }

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

            #menumobilecont4 img {
                height: 54px;
            }

        #menumobilecont3 {
            width: 100%;
            height: 46px;
            margin-top: 50px;
            margin-left: 8px;
        }

            #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: 17px;
                cursor: pointer;
            }

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

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

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

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

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

        .menumobilelang {
            min-width: 40px;
            height: 40px;
            float: right;
            margin-left: 5px;
        }

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

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

                .menumobilelang p:active {
                    color: #fff;
                }

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

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

    @media (max-width: 480px) {

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

        .mcont1 {
            right: -490px;
        }
    }

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

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

    @media (min-width: 981px) and (max-width: 1279px) {
    }
    /* ################### PORTFOLIO*/
    @media all {
        #boxvideo iframe {
            width:100%;
            height:460px;
        }
        .portitem {
            width: 33.3%;
            height: 45vh;
            background-color: #eee;
            overflow: hidden;
            float: left;
            position: relative;
            margin: 0;
            padding: 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) {
        .portitem {
            width: 100%;
            height: 40vh;
        }
    }

    @media (min-width: 481px) and (max-width: 599px) {
        .portitem {
            width: 50%;
            height: 32vh;
        }
    }

    @media (min-width: 600px) and (max-width: 980px) {
        .portitem {
            width: 33.3%;
            height: 35vh;
        }
    }

    @media (min-width: 981px) and (max-width: 1279px) {
        .portitem {
            width: 33.3%;
            height: 38vh;
        }
    }
    /* ################## 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:20px;
        padding-right:50px;
    }
    #container #art-1 h1 {
        margin-bottom:35px;
        font-weight:bold;
        margin-top:50px;
    }
    #container #art-1 .p2 {
        margin-top:30px;
        margin-bottom:30px;
        
        font-weight:500;
    }
    #container #art-1 .p3 {
        margin-top:35px;
    }
    #container #art-1 img {
        width: 100%;
        -webkit-box-shadow: 0 0 25px #ccc;
        box-shadow: 0 0 25px #ccc;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        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: 0px;
        color: #000;
        font-size: 19px;
        line-height: 33px;
        text-align: left;
        font-family: var(--font-family);
        padding: 0;
        font-weight: normal;
        margin-top: 35px;
        margin-bottom: 35px;
    }
    #container #art-1 h3 {
        margin: 5px;
        margin-left: 0px;
        color: #0071bc;
        font-size: 30px;
        line-height: 46px;
        text-align: left;
        font-family: var(--font-family);
        padding: 0;
        font-weight: 600;
        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;
            color: #020911;
            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;
        border-bottom: 2px dotted #ddd;
        padding-bottom: 20px;
    }
    #bgarticolocont2 #homebgcont2 {
        height:260px;
        width:100%;
    }
    #contenuti {
        margin-top:20px;
    }
    #blog-sx {
        width: 65%;
    }

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

    #container .blog-item-cont p {
        font-size: 11px;
        line-height: 11px;
        margin: 20px;
        margin-left: 0;
        margin-top: 20px;
    }
    #container #art-1 .p1 .spanmacro {
        padding: 9px;
        padding-left: 13px;
        padding-right: 13px;
        text-transform: uppercase;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        color: #fff;
        font-size: 12px;
        -webkit-box-shadow: 0 0 12px #ddd;
        box-shadow: 0 0 12px #ddd;
    }

    #container #art-1 .p1 .spancat {
        padding: 9px;
        padding-left: 13px;
        padding-right: 13px;
        text-transform: uppercase;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #333;
        margin-left: 5px;
        background-color: #ddd;
        font-size: 12px;
        -webkit-box-shadow: 0 0 15px #ddd;
        box-shadow: 0 0 15px #ddd;
    }
    #container .blog-item-cont p .spanmacro {
        padding: 9px;
        padding-left: 13px;
        padding-right: 13px;
        text-transform: uppercase;
        -webkit-border-radius: 35px;
        border-radius: 35px;
        color: #fff;
        font-size: 12px;
        -webkit-box-shadow: 0 0 12px #ddd;
        box-shadow: 0 0 12px #ddd;
    }
        #container .blog-item-cont p .spancat {
            padding: 8px;
            padding-left: 12px;
            padding-right: 12px;
            text-transform: uppercase;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            color: #333;
            margin-left:5px;
            background-color:#ddd;
        }
    #container .blog-item-cont h4 {
        font-size: 33px;
        line-height: 43px;
        margin: 20px;
        margin-bottom:30px;
        margin-left: 0;
        margin-top: 10px;
        font-weight: bold;
        text-transform: none;
    }
    #container #art-lt .blog-item-cont h4 {
        font-size: 17px;
        line-height: 23px;
        margin: 20px;
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 3px;
        font-weight: bold;
        text-transform: none;
    }
    #art-lt .blog-item-cont {
        width: 100%;
        height: auto;
    }
    #art-lt .blog-item {
        padding-top:22px;
        padding-bottom:22px;
    }
    #art-lt .blog-item-img {
        width: 30%;
        height: auto;
        align-items: center;
        text-align: center;
        align-content: center;
    }
        #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-cont {
        width: 100%;
        height: auto;
    }

    .blog-item-img img {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        width: 100%;
        -webkit-box-shadow: 0 0 25px #ccc;
        box-shadow: 0 0 25px #ccc;
    }

    .blog-item-img {
        width: 37%;
        height: auto;
        align-items:center;
        text-align:center;
        align-content:center;
    }

    .blog-item {
        width: 100%;
        border-bottom: 1px solid #ddd;
        padding-top: 40px;
        padding-bottom: 40px;
    }



    .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: 70px;
        margin-bottom: 40px;
    }
}
    @media (max-width: 400px) {
        #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;
        }
        #container .sinocapo .p1 {
            font-size: 14px;
            line-height: 14px;
            margin-top: 2px;
        }
        .sinobox {
            width: 100%;
        }
        #contenuti {
            margin-top: 90px;
        }
        .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: 26px;
            line-height: 36px;
            margin: 0;
            margin-top:10px;
            margin-bottom:10px;
        }
        #container .blog-item-cont h5 {
            font-size: 17px;
            line-height: 17px;
            margin: 0;
            margin-top:25px;
        }
        .blog-item {
            width: 96%;
            margin-left: 2%;
            margin-right:2%;
            height: auto;
        }
        .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;
        }
        #container #art-lt .blog-item-cont h4 {
            font-size: 17px;
            line-height: 23px;
            margin: 0;
            margin-bottom: 0;
            margin-left: 0;
            margin-top: 3px;
            font-weight: bold;
            text-transform: none;
        }
        #art-banner1 {
            display:none;
        }
    }

    @media (min-width: 401px) 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: 90px;
        }
        #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: 28px;
            line-height: 42px;
            margin: 0;
            margin-top: 30px;
            margin-bottom: 30px;
        }
        #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 {
            width: 100%;
            height: auto;
        }

        .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;
        }
        #container #art-lt .blog-item-cont h4 {
            font-size: 21px;
            line-height: 26px;
            margin: 20px;
            margin-bottom: 0;
            margin-left: 0;
            margin-top: 3px;
            font-weight: bold;
            text-transform: none;
        }
        #art-banner1 {
            display: none;
        }
    }

    @media (min-width: 770px) and (max-width: 1299px) {
        #banner2no {
            display: none;
        }
        #contenuti {
            margin-top: 90px;
        }
        #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;
        }
        #container #art-lt .blog-item-cont h4 {
            font-size: 25px;
            line-height: 32px;
            margin: 20px;
            margin-bottom: 0;
            margin-left: 0;
            margin-top: 3px;
            font-weight: bold;
            text-transform: none;
        }
        #art-banner1 {
            display: none;
        }
    }
    /* ################### FORM*/
    @media all {

        .boxform {
            width: 100%;
            height: auto;
            -webkit-border-radius: 13px;
            border-radius: 13px;
            z-index: 1;
        }

            .boxform .text1 {
                width: 100%;
                height: 60px;
                -webkit-box-shadow: 0 0 13px #ddd;
                box-shadow: 0 0 13px #ddd;
            }

            .boxform .textcheck1 a {
                color: #004080;
            }

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

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

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

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

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

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

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

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

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

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

    @media (max-width: 480px) {
        #secpreventivo .boxform .div50 {
            width: 100%;
        }

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

        #container .boxform .divbutton1 {
            width: 230px;
            padding-left: 13px;
            padding-right: 13px;
        }

            #container .boxform .divbutton1 h4 {
                font-size: 20px;
                top: 2px;
            }

            #container .boxform .divbutton1 h5 {
                font-size: 16px;
                margin-right: 0;
                margin-left: 40px;
            }

            #container .boxform .divbutton1 h6 {
                font-size: 16px;
                margin-right: 0;
                margin-left: 40px;
            }

        .formcont50 {
            width: 100%;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        #secpreventivo .boxform .text1 {
            font-size: 14px;
        }

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

    @media (min-width: 769px) and (max-width: 980px) {
        #secpreventivo .boxform .text1 {
            font-size: 15px;
        }
    }

    @media (min-width: 981px) and (max-width: 1279px) {
    }
    /* ################### SEZIONI*/
    @media all {
        .box1 {
            width: 44%;
            padding: 10px;
            overflow: hidden;
        }

        .box2 {
            width: 54%;
            padding: 10px;
            height: auto;
            float: right;
        }

        .section1 .box1 {
            float: left;
        }

        .section1 .box2 {
            float: right;
        }

        .section2 .box1 {
            float: right;
        }

        .section2 .box2 {
            float: left;
        }
    }

    @media (max-width: 480px) {

        .section2 .box1 {
            float: left;
        }

        .section2 .box2 {
            float: right;
        }


        .box1 {
            width: 100%;
            padding: 1%;
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .box2 {
            width: 100%;
            height: auto;
            padding: 1%;
            margin-top: 50px;
            margin-bottom: 50px;
        }
    }

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

        .section2 .box1 {
            float: left;
        }

        .section2 .box2 {
            float: right;
        }

        .box1 {
            width: 100%;
            padding: 1%;
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .box2 {
            width: 100%;
            height: auto;
            padding: 1%;
            margin-top: 50px;
            margin-bottom: 50px;
        }
    }

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

        .section2 .box1 {
            float: left;
        }

        .section2 .box2 {
            float: right;
        }

        .box1 {
            width: 100%;
            padding: 1%;
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .box2 {
            width: 100%;
            height: auto;
            padding: 1%;
            margin-top: 50px;
            margin-bottom: 50px;
        }
    }

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

        .box1 {
            width: 50%;
            padding: 20px;
        }

        .box2 {
            width: 48%;
            padding: 20px;
        }
    }
    /* ################### TABS*/
    @media all {
        .tabcontent {
            display: none;
            width: 100%;
        }

        .tabcont {
            width: 100%;
            padding-bottom: 70px;
            padding-top: 70px;
        }

        .boxtextbox1tab {
            width: 33.3%;
            height: 40px;
            cursor: pointer;
        }

        #container .boxtextbox1tab p {
            font-size: 17px;
            font-weight: 500;
        }

            #container .boxtextbox1tab p span strong {
                font-weight: bold;
                font-size: 20px;
            }

        #container .boxtextbox1tab.active p span {
            font-size: 17px;
            background-color: var(--color-text1);
            padding: 13px;
            padding-left: 26px;
            padding-right: 26px;
            -webkit-border-radius: 25px;
            border-radius: 25px;
            color: #fff;
        }

        #container .boxtextbox1tab.active p:hover span {
            font-size: 17px;
            background-color: var(--color-text1);
            padding: 13px;
            padding-left: 26px;
            padding-right: 26px;
            -webkit-border-radius: 25px;
            border-radius: 25px;
            color: #fff;
        }

        #container .boxtextbox1tab p:hover span {
            background-color: #e6e6e6;
            padding: 13px;
            padding-left: 26px;
            padding-right: 26px;
            -webkit-border-radius: 25px;
            border-radius: 25px;
        }

        .tabmobilecont {
            width: 200px;
            margin: 0 auto;
            float: none;
            display: none;
        }

            .tabmobilecont i {
                color: #bbb;
                cursor: pointer;
                margin-left: 3px;
                margin-right: 3px;
            }

                .tabmobilecont i.active {
                    color: var(--color-text1);
                }
    }

    @media (max-width: 480px) {
        .boxtextbox1tab {
            display: none;
        }

        .tabmobilecont {
            display: block;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        .boxtextbox1tab {
            display: none;
        }

        .tabmobilecont {
            display: block;
        }
    }

    @media (min-width: 769px) and (max-width: 1190px) {
        .boxtextbox1tab {
            display: none;
        }

        .tabmobilecont {
            display: block;
        }
    }

    @media (min-width: 981px) and (max-width: 1279px) {
        #container .boxtextbox1tab p {
            font-size: 12px;
            padding: 8px;
            padding-left: 11px;
            padding-right: 11px;
            text-align: center;
        }

            #container .boxtextbox1tab p span {
                font-size: 12px;
                padding: 8px;
                padding-left: 11px;
                padding-right: 11px;
            }

        #container .boxtextbox1tab.active p span {
            font-size: 12px;
            padding: 8px;
            padding-left: 11px;
            padding-right: 11px;
        }

        #container .boxtextbox1tab.active p:hover span {
            font-size: 12px;
            padding: 8px;
            padding-left: 11px;
            padding-right: 11px;
        }

        #container .boxtextbox1tab p:hover span {
            font-size: 12px;
            padding: 8px;
            padding-left: 11px;
            padding-right: 11px;
        }
    }
    /* ################### PAGINE*/
    @media all {
        #tr-1 {
            width: 100%;
            height: auto;
            border-bottom: 3px dotted #ddd;
            padding: 10px;
        }

        #tr-sx {
            width: 100%;
            height: 60px;
        }

        #container #tr-sx .p1 {
            text-transform: uppercase;
            font-size: 13px;
            margin: 0;
            font-weight: 500;
        }

        #container #tr-sx .p2 {
            text-transform: uppercase;
            font-size: 29px;
            color: #2a9822;
            margin: 0;
            font-weight: 500;
        }

        .tr-item {
            width: 100%;
            min-height: 50px;
            padding: 10px;
            border-bottom: 2px dotted #ddd;
            background-color: #f5f5f5;
        }

        #container .tr-item .p1 {
            text-transform: uppercase;
            font-size: 13px;
            margin: 0;
            font-weight: 500;
            color: #666;
        }
        #container .tr-item .p1 span {
           float:right;
        }
        #container .tr-item .p2 {
            text-transform: uppercase;
            margin: 0;
            font-weight: 500;
            font-size: 15px;
            line-height: 22px;
        }

        .tr-mercecapo {
            width: 100%;
            min-height: 60px;
            padding: 10px;
            border-bottom: 2px dotted #ddd;
            background-color: #888;
        }

        #container .tr-mercecapo .p1 {
            text-transform: uppercase;
            font-size: 24px;
            color: #fff;
            margin: 0;
            font-weight: 500;
            margin-top: 5px;
        }

        #container #tr-button .divbutton1small.menubt1 {
            background-color: transparent;
            margin-left: 10px;
            border: 1px solid #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);
        }

            #container #tr-button .divbutton1small.menubt1 h4 {
                color: #444;
            }

            #container #tr-button .divbutton1small.menubt1 h5 {
                color: #444;
            }

            #container #tr-button .divbutton1small.menubt1 h6 {
                color: #444;
            }

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

        .contattibox-1 {
            width: 60px;
            height: 60px;
            background-color: var(--color-background2);
            -webkit-border-radius: 50%;
            border-radius: 50%;
            overflow: hidden;
        }

        #container .contattibox-1 p {
            text-align: center;
            margin: 0;
            color: #fff;
            font-size: 25px;
            margin-top: 14px;
            margin-left: -1px;
        }

        .contattibox-2 {
            width: auto;
            height: auto;
            margin-left: 15px;
        }

        #container .contattibox-2 .p1 {
            font-size: 13px;
            line-height: 13px;
            margin-top: 10px;
            text-transform: uppercase;
        }

        #container .contattibox-2 .p2 {
            margin-top: 5px;
            font-weight: 600;
        }

        #container .contattibox-2 .p4 {
            font-size: 15px;
            line-height: 22px;
        }

        #container .contattibox-2 .p2bis {
            margin-top: 15px;
            font-weight: 600;
        }

        #container .contattibox-2 .p2 a {
            margin-top: 5px;
            font-weight: 500;
        }

        #container .contattibox-2 .p3 {
            margin-top: 5px;
            font-weight: 500;
            font-size: 13px;
        }

            #container .contattibox-2 .p3 a {
                margin-top: 5px;
                font-weight: 500;
            }

        .contattiline {
            width: 100%;
            height: 2px;
            border-bottom: 3px dotted #ddd;
            margin-top: 23px;
            margin-bottom: 23px;
        }

        .contattiline2 {
            width: 60px;
            height: 3px;
            background-color: var(--color-background2);
            position: absolute;
            float: none;
            top: 0;
            left: 0;
        }


        #divslogan {
            width: 100%;
            height: 660px;
            background-position: center;
            background-size: cover;
        }

        #container #divslogan h5 {
            text-align: center;
            margin: 0;
            color: #fff;
            font-weight: 500;
            font-style: italic;
            font-size: 58px;
            line-height: 62px;
            margin-top: 430px;
        }

        #divslogan .line-down {
            width: 100%;
            height: auto;
            float: none;
            position: absolute;
            top: 0;
        }

            #divslogan .line-down img {
                float: none;
                position: absolute;
                top: -2px;
            }

        #divslogan .line-down2 {
            width: 100%;
            height: auto;
            float: none;
            position: absolute;
            bottom: 0;
        }

            #divslogan .line-down2 img {
                float: none;
                position: absolute;
                bottom: -2px;
            }

        .div50special {
            width: 49%;
            padding: 20px;
        }

        .divborder {
            width: 3px;
            height: 30px;
            background-color: #52c174;
            position: absolute;
            float: none;
            top: 25px;
            left: 13px;
        }

        #container .div50special h4 {
            font-size: 23px;
            font-weight: 500;
            margin-left: 45px;
        }
        #container .div50special i {
            font-size: 28px;
            position:absolute;
            left:20px;
            top:25px;
        }

        #container .div50special .p2 {
            text-align: left;
            font-size: 16px;
            line-height: 25px;
            margin-top: 10px;
            margin-left: 8px;
        }

        .box-sx {
            width: 50%;
            height: auto;
            padding: 35px;
        }

        .box-dx {
            width: 50%;
            height: auto;
            padding: 35px;
        }

        #sec2 .box-sx {
            -webkit-transition: all ease 0.20s;
            transition: all ease 0.20s;
            -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
            animation: fadeEffect1 0.52s;
        }

        #sec1 .line-down2 {
            width: 100%;
            height: auto;
            position: absolute;
            float: none;
            bottom: 0;
            z-index: 1;
        }

            #sec1 .line-down2 img {
                position: absolute;
                float: none;
                bottom: -3px;
            }

        #container #sec2 .line-down2 {
            width: 100%;
            height: 110px;
            position: absolute;
            float: none;
            bottom: 0;
            z-index: 1;
        }

        #sec0 #track-dx .divbutton1 {
            margin-left: 10px;
        }

        #container #sec2 .line-down2 img {
            position: absolute;
            float: none;
            bottom: -3px;
        }

        .spaceborder1 {
            width: 100%;
            height: auto;
            border-left: 5px solid #2a9822;
            padding-left: 20px;
        }

        .spaceel1 {
            width: 100%;
            height: auto;
            margin-top: 8px;
        }

        #container .spaceel1 i {
            position: absolute;
            font-size: 39px;
            color: #2a9822;
        }

        #container .spaceel1 .p1 {
            margin-left: 60px;
            font-size: 16px;
            margin-top: 3px;
        }

        #container .title1 h3 {
            font-size: 40px;
            line-height: 50px;
            font-weight: 500;
        }

        #container .title1 .p1 {
            font-size: 20px;
            line-height: 26px;
            margin-top: 15px;
        }

        #container .boxcta1 .divbutton1 {
            margin: 0 auto;
            float: none;
            width: 360px;
        }

            #container .boxcta1 .divbutton1 h5 {
                margin-right: 10px;
                text-align: right;
            }

            #container .boxcta1 .divbutton1 h6 {
                margin-right: 10px;
                text-align: right;
            }

        #track-sx {
            width: 30%;
            height: 260px;
            text-align: center;
        }

            #track-sx img {
                margin-top: 15px;
            }

                #track-sx img.imgautotrasporti {
                    margin-top: 15px;
                    width: 220px;
                    float: left;
                }

        #track-dx {
            width: 70%;
            height: auto;
        }

        #track-text {
            width: 100%;
            height: auto;
            padding: 10px;
        }

        #container #track-text h3 {
            text-align: center;
            margin: 0;
            font-weight: 500;
            font-size: 34px;
            line-height: 36px;
            margin-top: 20px;
            color: var(--color-text1);
        }

        #container #track-text p {
            text-align: center;
            margin: 0;
            font-size: 17px;
            line-height: 26px;
            margin-top: 15px;
        }

        #container #track-text .p1 {
            text-align: left;
            margin: 0;
            font-size: 19px;
            line-height: 31px;
            margin-top: 55px;
        }

        #container #track-text .p3 {
            text-align: left;
            margin: 0;
            font-size: 19px;
            line-height: 31px;
            margin-top: 5px;
        }

        #track-input {
            width: 90%;
            margin-left: 5%;
            height: auto;
            margin-top: 14px;
        }

            #track-input .text1 {
                width: 100%;
                height: 60px;
                padding-right: 80px;
            }

            #track-input .divbutton1text {
                position: absolute;
                float: none;
                right: 0;
            }

        #secservizi {
            width: 100%;
            height: auto;
            float: left;
            position: relative;
            padding-bottom: 105px;
            padding-top: 85px;
            background-image: url(/img_sito/world-bg.gif);
            background-position: center;
            background-size: cover;
        }

        #secpreventivo {
            width: 100%;
            height: auto;
            float: left;
            position: relative;
            padding-bottom: 105px;
            padding-top: 85px;
        }

        #secservizi img.forma-dx {
            position: absolute;
            right: -30px;
            top: 30px;
            width: 280px;
        }

        #secservizi img.forma-sx {
            position: absolute;
            left: -30px;
            bottom: 30px;
            width: 280px;
        }

        #container #secservizi h3 {
            text-align: center;
            margin: 0;
            padding: 0;
            font-weight: 500;
            font-size: 34px;
            line-height: 36px;
            margin-top: 20px;
        }

        #container #secservizi .p1 {
            text-align: center;
            margin: 0;
            font-size: 17px;
            line-height: 26px;
            margin-top: 32px;
        }

        #container #secpreventivo .p1 {
            text-align: center;
            margin: 0;
            font-size: 17px;
            line-height: 26px;
            margin-top: 32px;
        }

        #container #secpreventivo h3 {
            text-align: center;
            margin: 0;
            padding: 0;
            font-weight: 500;
            font-size: 34px;
            line-height: 36px;
            margin-top: 20px;
        }

        #servizi-slide {
            width: 100%;
            height: 360px;
            padding: 20px;
            margin-top: 55px;
        }

        .servizi-slide-cont {
            width: 100%;
            height: 280px;
            overflow: hidden;
            -webkit-border-radius: 20px;
            border-radius: 20px;
        }

        .servizi-slide-sx {
            width: 40%;
            height: 100%;
            overflow: hidden;
        }

        .servizi-slide-dx {
            width: 60%;
            height: 100%;
            padding: 40px;
            background-color: #fff;
        }

        .servizi-slide-100 {
            width: 100%;
            height: auto;
            padding: 30px;
            height: 100%;
            overflow: hidden;
        }

        #container #servizi-slide .servizi-slide-100 .p3 {
            text-align: center;
            margin: 0;
            font-size: 44px;
            line-height: 26px;
            color: #fff;
            font-weight: 500;
            margin-top: 30px;
        }

        #container #servizi-slide .servizi-slide-100 .p4 {
            text-align: center;
            margin: 0;
            font-size: 20px;
            line-height: 26px;
            color: #fff;
            font-weight: 500;
            margin-top: 40px;
        }

        #container #servizi-slide h4 {
            text-transform: uppercase;
            font-size: 22px;
            line-height: 22px;
            font-weight: bold;
        }

        #container #servizi-slide .p1 {
            text-align: left;
            margin: 0;
            font-size: 17px;
            line-height: 26px;
            margin-top: 15px;
        }

            #container #servizi-slide .p1 a {
                z-index: 9999;
            }

        #servizi-slide .swiper-pagination-bullet {
            background: #1c5ba6;
            width: 13px;
            height: 13px;
        }

        #secservizi2 {
            width: 100%;
            height: auto;
            float: left;
            position: relative;
            background-color: var(--color-background);
            padding-top: 40px;
            padding-bottom: 40px;
            z-index: 1;
        }

        #servizi2-sx {
            width: 35%;
            height: 145px;
        }

        #servizi2-img {
            width: 100%;
            height: 145px;
            z-index: 2;
        }

            #servizi2-img img {
                float: right;
                margin-top: -85px;
            }

        #servizi2-dx {
            width: 65%;
            height: 145px;
            padding: 20px;
            padding-left: 40px;
        }

        #container #servizi2-dx h3 {
            margin: 0;
            padding: 0;
            font-weight: 500;
            font-size: 34px;
            line-height: 36px;
            margin-top: 20px;
            color: #fff;
        }

        #container #servizi2-dx .p1 {
            margin: 0;
            font-size: 17px;
            line-height: 26px;
            margin-top: 15px;
            color: #fcfcfc;
        }

            #container #servizi2-dx .p1 strong {
                color: #fff;
            }

        .line-down-servizi {
            width: 100%;
            height: auto;
            top: -2px;
        }

            .line-down-servizi img {
                width: 100%;
            }

        .boxnumeri2 {
            width: 25%;
            height: auto;
        }

        .boxnumeri3 {
            width: 33.3%;
            height: auto;
        }

        .boxnumeri-ico {
            width: 100px;
            height: 100px;
            margin: 0 auto;
            float: none;
            background-color: var(--color-background);
            -webkit-border-radius: 50%;
            border-radius: 50%;
            text-align: center;
        }

            .boxnumeri-ico .p1 {
                text-align: center;
                color: #fff;
                font-size: 48px;
                margin: 0;
                margin-top: 27px;
                font-weight: 500;
            }

        #container .boxnumeri2 .p3 {
            color: #e3e3e3;
            text-transform: uppercase;
            font-size: 17px;
            line-height: 25px;
            margin-top: 30px;
            margin-left: 40px;
            margin-right: 40px;
            font-weight: 500;
        }

        .boxnumeri {
            width: 25%;
            height: auto;
        }

        .boxnumeri-br {
            width: 1px;
            height: 100%;
            position: absolute;
            float: none;
            right: 0;
            background-color: transparent;
            border-right: 3px dotted #ddd;
        }

            .boxnumeri-br.sp2 {
                display: none;
            }

        .boxnumeri-br2 {
            width: 1px;
            height: 25px;
            position: absolute;
            float: none;
            left: 0;
            bottom: 0;
            border-right: 3px solid var(--color-text1);
        }

        .boxnumeri-br3 {
            width: 1px;
            height: 65px;
            position: absolute;
            float: none;
            left: 0;
            bottom: 0;
            border-right: 3px solid var(--color-text1);
        }

        #container .boxnumeri .p1 {
            color: var(--color-text1);
            font-size: 44px;
            line-height: 44px;
            margin-top: 10px;
            font-weight: 600;
        }

        #container .boxnumeri .p2 {
            text-transform: uppercase;
            font-size: 16px;
            line-height: 20px;
            margin-top: 30px;
        }

        #container .boxnumeri .p4 {
            font-size: 15px;
            line-height: 20px;
            margin-top: 30px;
        }

        #container .boxnumeri3 .p1bis {
            color: var(--color-text1);
            font-size: 44px;
            line-height: 44px;
            margin-top: 10px;
            font-weight: 600;
        }

        #container .boxnumeri2 .p1bis {
            color: var(--color-text1);
            font-size: 44px;
            line-height: 44px;
            margin-top: 10px;
            font-weight: 600;
        }

        #container .boxnumeri2 .p2 {
            text-transform: uppercase;
            font-size: 18px;
            line-height: 20px;
            margin-top: 30px;
            font-weight: 500;
        }

        #container .boxnumeri2 .p4 {
            font-size: 15px;
            line-height: 20px;
            margin-top: 30px;
        }

        #container .boxnumeri3 .p2 {
            text-transform: uppercase;
            font-size: 18px;
            line-height: 20px;
            margin-top: 30px;
            font-weight: 500;
        }

        #container .boxnumeri3 .p4 {
            font-size: 15px;
            line-height: 20px;
            margin-top: 30px;
        }

        #container #divsec1 h4 {
            font-size: 33px;
            line-height: 38px;
            margin-top: 30px;
            margin-bottom: 10px;
            color: #fff;
            font-weight: 500;
        }
    }

    @media (max-width: 480px) {
        #container #tr-button .divbutton1small.menubt1 {
            margin-left: 0;
            margin-top: 10px;
            clear: left;
        }

        .spacenumsp.mt-80 {
            margin-top: 0;
        }

        .boxnumeri-br.sp2 {
            display: none;
        }


        .contattibox {
            padding: 5px;
        }

        .contattibox-1 {
            width: 38px;
            height: 38px;
        }

        #container .contattibox-1 p {
            font-size: 18px;
            margin-top: 4px;
            margin-left: 0;
        }

        .contattibox-2 {
            margin-left: 10px;
        }

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

        #container .contattibox-2 .p2 {
            margin-top: 8px;
            font-size: 14px;
            line-height: 17px;
        }

        #container .contattibox-2 .p2bis {
            margin-top: 8px;
            font-size: 14px;
            line-height: 17px;
        }

        #container .contattibox-2 .p4 {
            font-size: 10px;
            line-height: 21px;
        }

        #container #divslogan h5 {
            font-size: 30px;
            margin-top: 500px;
        }

        #container #servizi-slide .servizi-slide-100 .p3 {
            margin-top: 20px;
        }

        #container #servizi-slide .servizi-slide-100 .p4 {
            font-size: 17px;
            line-height: 23px;
            margin-top: 30px;
        }

        .div50special {
            width: 100%;
            padding: 10px;
        }

        .divborder {
            top: 15px;
            left: 13px;
        }

        #container .div50special i {
            left: 15px;
            top:18px;
        }

        #container .div50special .p2 {
            margin-left: 15px;
        }

        .box-sx {
            width: 100%;
            height: auto;
            padding: 10px;
        }

        #container #sec2 p {
            font-size: 17px;
            line-height: 26px;
        }

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

        .footer-box-text {
            padding: 10px;
        }



        #container #divsec1 p {
            font-size: 17px;
            line-height: 26px;
        }

        #container #divsec1 h4 {
            font-size: 28px;
            line-height: 32px;
            margin-top: 20px;
        }

        #sec1.pad8 {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        #sec1 .mt-70 {
            margin-top: 0;
        }

        #sec1 .pad4 {
            padding: 0;
        }

        .boxnumeri2 {
            width: 100%;
            margin-top: 40px;
            padding-bottom: 38px;
        }

        .boxnumeri-ico {
            width: 100px;
            height: 100px;
        }

            .boxnumeri-ico .p1 {
                margin-top: 27px;
            }

        #container .boxnumeri2 .p3 {
            font-size: 21px;
            line-height: 33px;
            margin-left: 20px;
            margin-right: 20px;
        }

        .boxnumeri-br3 {
            width: 60px;
            height: 1px;
            border: none;
            left: 0;
            top: 0;
            border-bottom: 3px solid var(--color-text1);
        }




        #container .title1 h3 {
            font-size: 28px;
            line-height: 34px;
            text-align: center;
        }

        #track-sx img.imgautotrasporti {
            margin-top: 0;
            width: 60%;
            float: none;
            text-align: center;
        }

        #container #track-text .p1 {
            font-size: 17px;
            line-height: 26px;
            margin-top: 20px;
            text-align: center;
        }

        #sec0 #track-dx .divbutton1 {
            width: 250px;
            float: none;
            margin: 0 auto;
        }



        #secservizi img.forma-dx {
            display: none;
        }

        #secservizi img.forma-sx {
            display: none;
        }

        #container .boxcta1 .divbutton1 {
            width: 260px;
            padding-left: 10px;
            padding-right: 10px;
        }

            #container .boxcta1 .divbutton1 h4 {
                margin-top: 14px;
                font-size: 22px;
            }

            #container .boxcta1 .divbutton1 h5 {
                margin-top: -32px;
                margin-left: 0;
                margin-right: 5px;
                font-size: 14px;
                text-align: right;
            }

            #container .boxcta1 .divbutton1 h6 {
                margin-top: 23px;
                margin-left: 0;
                margin-right: 5px;
                font-size: 14px;
                text-align: right;
            }



        #track-sx {
            width: 100%;
            height: auto;
        }

            #track-sx img {
                margin-top: 0;
                width: 60%;
            }

        #track-dx {
            width: 100%;
            height: auto;
        }

        #track-text {
            width: 100%;
            height: auto;
        }

        #container #track-text h3 {
            font-size: 28px;
            line-height: 34px;
            margin-top: 20px;
        }

        #container #track-text p {
            font-size: 17px;
            line-height: 26px;
            margin-top: 20px;
        }

        #track-input {
            width: 100%;
            margin-left: 0;
            height: auto;
            margin-top: 30px;
        }

            #track-input .text1 {
                width: 100%;
                height: 60px;
                padding-right: 80px;
            }

        #servizi-slide {
            padding: 10px;
        }


        .servizi-slide-sx {
            display: none;
        }

        .servizi-slide-dx {
            width: 100%;
            padding: 10px;
        }

        #container #servizi-slide h4 {
            font-size: 16px;
        }

        #container #servizi-slide .p1 {
            font-size: 15px;
            line-height: 21px;
            margin-top: 8px;
        }

        #container #secservizi h3 {
            font-size: 28px;
            line-height: 34px;
        }

        #servizi2-sx {
            display: none;
        }

        #servizi2-img {
            display: none;
        }

        #servizi2-dx {
            width: 100%;
            height: auto;
            padding: 20px;
            padding-left: 0;
        }

        #container #servizi2-dx h3 {
            font-size: 28px;
            line-height: 34px;
            text-align: center;
        }

        #container #servizi2-dx .p1 {
            text-align: center;
        }


        .line-down-servizi {
            top: -3px;
        }

        .boxnumeri {
            width: 100%;
            margin-top: 25px;
            padding-bottom: 38px;
        }

        .boxnumeri-br {
            width: 100%;
            height: 1px;
            border: none;
            border-bottom: 3px dotted #ddd;
            bottom: 0;
        }

        .boxnumeri-br2 {
            width: 30px;
            height: 1px;
            border: none;
            left: 0;
            top: 0;
            border-bottom: 3px solid var(--color-text1);
        }

        .boxnumeri3 {
            width: 100%;
            margin-top: 25px;
            padding-bottom: 38px;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        .spacenumsp.mt-80 {
            margin-top: 0;
        }

        .boxnumeri-br.sp2 {
            display: none;
        }

        .contattibox {
            padding: 5px;
        }

        #container #divslogan h5 {
            font-size: 40px;
        }

        #container #servizi-slide .servizi-slide-100 .p3 {
            margin-top: 20px;
        }

        #container #servizi-slide .servizi-slide-100 .p4 {
            font-size: 17px;
            line-height: 23px;
            margin-top: 30px;
        }

        .div50special {
            width: 100%;
            padding: 10px;
        }

        .divborder {
            top: 15px;
            left: 13px;
        }

        #container .div50special i {
            left: 15px;
            top: 17px;
        }

        #container .div50special .p2 {
            margin-left: 14px;
        }

        .box-sx {
            width: 100%;
            height: auto;
            padding: 10px;
        }

        #container #sec2 p {
            font-size: 17px;
            line-height: 26px;
        }

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

        .footer-box-text {
            padding: 10px;
        }

        #container #divsec1 p {
            font-size: 17px;
            line-height: 26px;
        }

        #container #divsec1 h4 {
            font-size: 24px;
            line-height: 32px;
        }

        #sec1.pad8 {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        #sec1 .mt-70 {
            margin-top: 0;
        }

        #sec1 .pad4 {
            padding: 0;
        }

        .boxnumeri2 {
            width: 100%;
            margin-top: 40px;
            padding-bottom: 38px;
        }

        .boxnumeri3 {
            width: 100%;
            margin-top: 40px;
            padding-bottom: 38px;
        }

        .boxnumeri-ico {
            width: 100px;
            height: 100px;
        }

            .boxnumeri-ico .p1 {
                margin-top: 27px;
            }

        #container .boxnumeri2 .p3 {
            font-size: 21px;
            line-height: 33px;
            margin-left: 20px;
            margin-right: 20px;
        }

        .boxnumeri-br3 {
            width: 60px;
            height: 1px;
            border: none;
            left: 0;
            top: 0;
            border-bottom: 3px solid var(--color-text1);
        }



        #container .title1 h3 {
            font-size: 28px;
            line-height: 34px;
            text-align: center;
        }

        #track-sx img.imgautotrasporti {
            margin-top: 0;
            width: 50%;
            max-width: 200px;
            float: none;
            text-align: center;
        }

        #container #track-text .p1 {
            font-size: 17px;
            line-height: 26px;
            margin-top: 20px;
            text-align: center;
        }

        #sec0 #track-dx .divbutton1 {
            width: 250px;
            float: none;
            margin: 0 auto;
        }

        #secservizi img.forma-dx {
            top: -60px;
            right: -180px;
        }

        #secservizi img.forma-sx {
            bottom: -60px;
            left: -150px;
        }

        #track-sx {
            width: 100%;
            height: auto;
        }

            #track-sx img {
                margin-top: 0;
                width: 250px;
            }

        #track-dx {
            width: 100%;
            height: auto;
        }

        #track-text {
            width: 100%;
            height: auto;
        }

        #container #track-text h3 {
            font-size: 28px;
            line-height: 34px;
            margin-top: 20px;
        }

        #container #track-text p {
            font-size: 17px;
            line-height: 26px;
            margin-top: 20px;
        }

        #track-input {
            width: 100%;
            margin-left: 0;
            height: auto;
            margin-top: 30px;
        }

            #track-input .text1 {
                width: 100%;
                height: 60px;
                padding-right: 80px;
            }

        #servizi-slide {
            padding: 10px;
        }


        .servizi-slide-sx {
            display: none;
        }

        .servizi-slide-dx {
            width: 100%;
            padding: 20px;
        }

        #servizi2-sx {
            display: none;
        }

        #servizi2-img {
            display: none;
        }

        #servizi2-dx {
            width: 100%;
            height: auto;
            padding: 20px;
            padding-left: 0;
        }

        #container #servizi2-dx h3 {
            font-size: 28px;
            line-height: 34px;
            text-align: center;
        }

        #container #servizi2-dx .p1 {
            text-align: center;
        }


        .line-down-servizi {
            top: -3px;
        }

        .boxnumeri {
            width: 50%;
            margin-top: 25px;
            padding-bottom: 38px;
        }

        .boxnumeri-br.sp {
            display: none;
        }

        .boxnumeri-br {
            width: 100%;
            height: 1px;
            border: none;
            border-bottom: 3px dotted #ddd;
            bottom: 0;
        }

        .boxnumeri-br2 {
            width: 30px;
            height: 1px;
            border: none;
            left: 0;
            top: 0;
            border-bottom: 3px solid var(--color-text1);
        }
    }

    @media (min-width: 769px) and (max-width: 980px) {
        #container .boxnumeri .p4 {
            font-size: 13px;
            line-height: 18px;
            margin-top: 20px;
        }

        #container #divslogan h5 {
            font-size: 50px;
        }

        .box-sx {
            padding: 10px;
        }

        #container #sec2 p {
            font-size: 17px;
            line-height: 26px;
            margin-right: 35px;
        }

        .box-dx {
            padding: 10px;
        }

        .footer-box-text {
            padding: 10px;
        }

        .boxnumeri-ico {
            width: 100px;
            height: 100px;
        }

            .boxnumeri-ico .p1 {
                margin-top: 27px;
            }

        #container .boxnumeri2 .p3 {
            font-size: 16px;
            line-height: 24px;
            margin-left: 10px;
            margin-right: 10px;
        }

        #container .title1 h3 {
            font-size: 34px;
            line-height: 36px;
        }

        #track-sx img.imgautotrasporti {
            width: 90%;
            margin-top: 30px;
        }


        #secservizi img.forma-dx {
            top: -60px;
            right: -180px;
        }

        #secservizi img.forma-sx {
            bottom: -60px;
            left: -150px;
        }

        #track-sx {
            width: 25%;
        }

            #track-sx img {
                width: 100%;
            }

        #track-dx {
            width: 70%;
            height: auto;
        }

        #track-text {
            height: auto;
        }

        .servizi-slide-dx {
            padding: 20px;
        }

        #servizi2-sx {
            width: 40%;
        }

            #servizi2-sx img {
                width: 314px;
                margin-top: -5px;
                margin-right: 20px;
            }


        #servizi2-dx {
            width: 60%;
            height: auto;
            padding: 20px;
        }

        #container #servizi2-dx h3 {
            font-size: 28px;
            line-height: 34px;
        }

        #container #servizi2-dx .p1 {
        }


        .line-down-servizi {
            top: -3px;
        }

        #container .boxnumeri .p1 {
            font-size: 38px;
            line-height: 38px;
        }

        #container .boxnumeri .p2 {
            font-size: 14px;
        }

        #container .contattibox-2 .p4 {
            font-size: 14px;
            line-height: 21px;
        }
    }

    @media (min-width: 981px) and (max-width: 1279px) {
        #container .boxnumeri .p4 {
            font-size: 13px;
            line-height: 18px;
            margin-top: 20px;
        }

        .box-sx {
            padding: 10px;
        }

        #container #sec2 p {
            font-size: 17px;
            line-height: 26px;
            margin-right: 35px;
        }

        .box-dx {
            padding: 10px;
        }

        .footer-box-text {
            padding: 10px;
        }

        .boxnumeri-ico {
            width: 100px;
            height: 100px;
        }

            .boxnumeri-ico .p1 {
                margin-top: 27px;
            }

        #container .boxnumeri2 .p3 {
            font-size: 16px;
            line-height: 24px;
            margin-left: 10px;
            margin-right: 10px;
        }

        #secservizi img.forma-dx {
            top: -60px;
            right: -180px;
        }

        #secservizi img.forma-sx {
            bottom: -60px;
            left: -150px;
        }

        .line-down-servizi {
            top: -3px;
        }

        #container .boxnumeri .p2 {
            font-size: 15px;
        }
    }
    /* ################### PREFOOTER*/
    @media all {

        .prefooter {
            width: 100%;
            height: auto;
            padding: 50px;
            padding-bottom: 100px;
            padding-top: 100px;
        }

        #container .prefooter .divbutton2 {
            background-color: #fff;
            border: 2px solid #fff;
        }

            #container .prefooter .divbutton2 p {
                color: #1a81c6;
            }

            #container .prefooter .divbutton2 h3 {
                color: #1a81c6;
            }

        .prefooter .p1 {
            text-transform: none;
            font-size: 52px;
            line-height: 49px;
            font-family: font1eb;
            color: #fcfcfc;
        }

        .prefooter .p2 {
            font-size: 18px;
            line-height: 31px;
            margin-top: 35px;
            margin-bottom: 20px;
            color: #eee;
        }

            .prefooter .p2 strong {
                font-size: 19px;
                color: #eee;
            }

            .prefooter .p2 a {
                color: #eee;
            }

                .prefooter .p2 a:hover {
                    color: #fff;
                }
    }

    @media (max-width: 480px) {
        .prefooter {
            padding: 25px;
            padding-bottom: 100px;
            padding-top: 100px;
        }

            .prefooter .p1 {
                font-size: 43px;
                line-height: 45px;
            }

            .prefooter .p2 {
                font-size: 20px;
                line-height: 27px;
                margin-right: 0;
                margin-left: 0;
            }

                .prefooter .p2 strong {
                    font-size: 21px;
                }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        .prefooter {
            padding: 25px;
            padding-bottom: 100px;
            padding-top: 100px;
        }

            .prefooter .p1 {
                font-size: 43px;
                line-height: 45px;
            }

            .prefooter .p2 {
                font-size: 20px;
                line-height: 27px;
                margin-right: 0;
                margin-left: 0;
            }

                .prefooter .p2 strong {
                    font-size: 21px;
                }
    }

    @media (min-width: 769px) and (max-width: 980px) {
        .prefooter .p2 {
            margin-right: 30px;
            margin-left: 30px;
        }
    }

    @media (min-width: 981px) and (max-width: 1279px) {
        .prefooter .p2 {
            margin-right: 30px;
            margin-left: 30px;
        }
    }
    /* ################### FOOTER */
    @media all {
        #prefooter {
            width:100%;
            height:auto;
        }
        #prefooter .line-down2 {
            width: 100%;
            height: auto;
            float: none;
            position: absolute;
            bottom: 0;
        }

            #prefooter .line-down2 img {
                float: none;
                position: absolute;
                bottom: -2px;
            }
        .line-down {
            width: 100%;
            height: auto;
            z-index: 1;
            position: absolute;
            top: 0;
        }

            .line-down img {
                width: 100%;
            }

        #footer {
            width: 100%;
            height: auto;
            position: relative;
            float: left;
            z-index: 1;
        }

        #footer-sx {
            width: 50%;
            height: 580px;
            padding: 35px;
            padding-top: 135px;
        }

        #container #footer-sx .p1 {
            color: var(--color-text1);
            font-size: 21px;
            line-height: 26px;
            font-weight: 500;
        }

            #container #footer-sx .p1 a {
                color: var(--color-text1);
            }

        #container #footer-sx .p2 {
            color: #fff;
            font-size: 34px;
            line-height: 42px;
            margin-top: 25px;
            font-weight: 500;
        }

        #container #footer-sx .p3 {
            color: #aaa;
            font-size: 21px;
            line-height: 26px;
            margin-top: 40px;
        }

        #footer-dx {
            width: 50%;
            height: 580px;
            padding: 35px;
            border-left: 2px dotted #1c5ba6;
            padding-top: 75px;
        }

        .footer-box {
            width: 100%;
            min-height: 350px;
            padding: 35px;
            background-color: #09325c;
            border: 1px solid #174473;
            -webkit-border-radius: 26px;
            border-radius: 26px;
            -webkit-box-shadow: 0 0 40px #092546;
            box-shadow: 0 0 40px #092546;
            -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;
        }

            .footer-box:hover {
                -webkit-box-shadow: 0 0 45px #092546;
                box-shadow: 0 0 45px #092546;
            }

            .footer-box:active {
                -webkit-box-shadow: 0 0 45px #092546;
                box-shadow: 0 0 45px #092546;
            }

        .footer-box-img {
            width: 100%;
            height: 250px;
            background-image: url(/img_sito/autotrasporti-1.jpg);
            background-position: center;
            background-size: cover;
        }

        .footer-line {
            width: 100%;
            height: auto;
            position: absolute;
            float: none;
            bottom: 0;
        }

            .footer-line img {
                position: absolute;
                float: none;
                bottom: -3px;
            }

        .footer-box-text {
            width: 100%;
            height: auto;
            padding: 30px;
        }

        #container .footer-box-text .p1 {
            font-size: 22px;
            line-height: 36px;
        }

        #container .footer-box-text .p2 {
            font-size: 17px;
            line-height: 25px;
            margin-top: 40px;
        }

            #container .footer-box-text .p2 span {
                font-weight: bold;
                color: var(--color-text1);
            }

        #container #footer-dx .p1 {
            color: #aaa;
            font-size: 16px;
            line-height: 23px;
        }

            #container #footer-dx .p1 strong {
                color: #ccc;
            }

        .footer-box-contatti {
            width: 100%;
            min-height: 40px;
        }

        .footer-box-contatti-ico {
            width: 40px;
            height: 40px;
            position: absolute;
            background-color: var(--color-background);
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

        #container .footer-box-contatti .pico {
            text-align: center;
            margin: 0;
            color: #fff;
            font-size: 20px;
            margin-top: 4px;
        }

        #container .footer-box-contatti .p1 {
            margin-top: 9px;
            margin-left: 52px;
        }

        #footer-cta {
            width: 100%;
            height: auto;
            margin-top: -30px;
        }

        #container #footer-cta .divbutton1 {
            width: 320px;
            float: none;
            margin: 0 auto;
        }

        #firma {
            width: 100%;
            padding-bottom: 45px;
            padding-top: 45px;
            background-color: #021c37;
        }

        #firma-logo {
            width: 80px;
            height: 72px;
            margin-left: 30px;
        }

        #firma-text {
            width: auto;
            height: auto;
            margin-left: 20px;
        }

        #container #firma-text .p1 {
            color: #fff;
            font-size: 22px;
            line-height: 22px;
            margin-top: 13px;
        }

        #container #firma-text .p2 {
            color: #aaa;
            font-size: 14px;
        }

            #container #firma-text .p2 a {
                color: #aaa;
            }

                #container #firma-text .p2 a:hover {
                    color: #fff;
                }

                #container #firma-text .p2 a:active {
                    color: #fff;
                }

        #firma-social {
            width: 50px;
            height: 50px;
            float: right;
            margin-right: 5px;
        }

        #container #firma-social .p1 {
            color: #fff;
            font-size: 25px;
            line-height: 22px;
            margin-top: 13px;
        }

            #container #firma-social .p1 a:hover {
                color: var(--color-text1);
            }

            #container #firma-social .p1 a:active {
                color: var(--color-text1);
            }

        #firma2 {
            width: 100%;
            padding-bottom: 32px;
            padding-top: 32px;
            background-color: #020911;
            border-bottom: 10px solid #0071bc;
        }

        #container #firma2 .p1 {
            color: #aaa;
            font-size: 15px;
            line-height: 18px;
            margin: 0;
            margin-left: 0;
            text-align:center;
        }

            #container #firma2 .p1 a {
                color: #aaa;
                text-decoration: none;
            }

                #container #firma2 .p1 a:hover {
                    color: #fff;
                }

                #container #firma2 .p1 a:active {
                    color: #fff;
                }

        #container #firma2 .p2 {
            color: #aaa;
            font-size: 15px;
            line-height: 18px;
            margin: 0;
            margin-left: 0;
            text-align: center;
            margin-top:10px;
        }

            #container #firma2 .p2 a {
                color: #fff;
                text-decoration: none;
            }

                #container #firma2 .p2 a:hover {
                    color: #fff;
                }

                #container #firma2 .p2 a:active {
                    color: #fff;
                }

        #container #firma2 .p3 {
            color: #aaa;
            font-size: 15px;
            line-height: 18px;
            margin: 0;
            margin-left: 0;
            text-align: center;
        }
        #container #firma2 .p3 a {
            color: #fff;
            text-decoration: none;
        }
    }

    @media (max-width: 480px) {
        .line-down {
            top: -5px;
        }

        #footer-sx {
            width: 100%;
            height: auto;
            padding: 20px;
            padding-top: 100px;
        }

        #container #footer-sx .p1 {
            font-size: 15px;
            line-height: 22px;
        }

        #container #footer-sx .p2 {
            font-size: 28px;
            line-height: 34px;
            margin-top: 25px;
        }

        #container #footer-sx .p3 {
            font-size: 17px;
            line-height: 23px;
        }

        #footer-dx {
            width: 100%;
            height: auto;
            padding: 20px;
            padding-top: 40px;
            border: none;
            border-top: 2px dotted #1c5ba6;
            margin-top: 20px;
        }


        .footer-box {
            width: 100%;
            height: auto;
            padding: 20px;
        }

        #container #footer-dx .p1 {
            font-size: 13px;
            line-height: 18px;
        }

        .footer-box-contatti {
            width: 100%;
            min-height: 40px;
        }

        .footer-box-contatti-ico {
            width: 28px;
            height: 28px;
        }

        #container .footer-box-contatti .pico {
            font-size: 15px;
            margin-top: -2px;
        }

        #container .footer-box-contatti .p1 {
            margin-top: 5px;
            margin-left: 35px;
            font-size: 13px;
        }

            #container .footer-box-contatti .p1 span {
                display: none;
            }

        #footer-cta {
            width: 100%;
            height: auto;
            margin-top: 25px;
            margin-bottom: 5px;
        }

        #container #footer-cta .divbutton1 {
            width: 100%;
            float: none;
            margin: 0 auto;
            padding-left: 9px;
            padding-right: 5px;
        }

            #container #footer-cta .divbutton1 h4 {
                text-align: left;
                margin-top: 14px;
                font-size: 22px;
            }

            #container #footer-cta .divbutton1 h5 {
                margin-top: -32px;
                margin-left: 0;
                margin-right: 5px;
                font-size: 14px;
                text-align: right;
            }

            #container #footer-cta .divbutton1 h6 {
                margin-top: 23px;
                margin-left: 0;
                margin-right: 5px;
                font-size: 14px;
                text-align: right;
            }

            #container #footer-cta .divbutton1:hover h5 {
                margin-top: 17px;
                color: #fcfcfc;
            }


            #container #footer-cta .divbutton1:active h5 {
                margin-top: 17px;
                color: #fcfcfc;
            }

        #firma {
            padding: 20px;
            padding-bottom: 45px;
            padding-top: 45px;
        }

        #firma-logo {
            width: 100%;
            height: 72px;
            margin-left: 0;
            text-align: center;
        }

        #firma-text {
            width: 100%;
            height: auto;
            margin-left: 0;
        }

        #container #firma-text .p1 {
            font-size: 20px;
            line-height: 20px;
            margin: 0;
            margin-top: 20px;
            text-align: center;
        }

        #container #firma-text .p2 {
            margin: 0;
            text-align: center;
        }

        #firma-social {
            width: 100%;
            height: 50px;
            float: right;
            margin: 0;
            margin-top: 30px;
        }

        #container #firma-social .p1 {
            margin: 0;
            margin-top: 13px;
            text-align: center;
        }

        #firma2 {
            padding: 20px;
            padding-bottom: 32px;
            padding-top: 32px;
        }

        #container #firma2 .p1 {
            line-height: 21px;
            margin: 0;
            margin-left: 0;
            text-align: center;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        .line-down {
            top: -1px;
        }

        #footer-sx {
            width: 100%;
            height: auto;
            padding-top: 100px;
        }



        #footer-dx {
            width: 100%;
            height: auto;
            padding: 20px;
            padding-top: 40px;
            border: none;
            border-top: 2px dotted #1c5ba6;
            margin-top: 20px;
        }


        .footer-box {
            width: 100%;
            height: auto;
        }



        .footer-box-contatti-ico {
            width: 28px;
            height: 28px;
        }

        #container .footer-box-contatti .pico {
            font-size: 15px;
            margin-top: -2px;
        }

        #container .footer-box-contatti .p1 {
            margin-top: 4px;
            margin-left: 40px;
            font-size: 14px;
        }

            #container .footer-box-contatti .p1 span {
                display: none;
            }

        #firma {
            padding: 20px;
            padding-bottom: 45px;
            padding-top: 45px;
        }

        #firma-logo {
            width: 100%;
            height: 72px;
            margin-left: 0;
            text-align: center;
        }

        #firma-text {
            width: 100%;
            height: auto;
            margin-left: 0;
        }

        #container #firma-text .p1 {
            font-size: 22px;
            line-height: 22px;
            margin: 0;
            margin-top: 30px;
            text-align: center;
        }

        #container #firma-text .p2 {
            margin: 0;
            text-align: center;
        }

        #firma-social {
            width: 100%;
            height: 50px;
            float: right;
            margin: 0;
            margin-top: 30px;
        }

        #container #firma-social .p1 {
            margin: 0;
            margin-top: 13px;
            text-align: center;
        }

        #firma2 {
            padding: 20px;
            padding-bottom: 32px;
            padding-top: 32px;
        }

        #container #firma2 .p1 {
            line-height: 21px;
            margin: 0;
            margin-left: 0;
            text-align: center;
        }
    }

    @media (min-width: 769px) and (max-width: 980px) {
        .line-down {
            top: -1px;
        }

        #footer-sx {
            padding: 25px;
            padding-top: 190px;
        }

        #footer-dx {
            height: auto;
            padding: 25px;
            padding-top: 130px;
        }

        .footer-box {
            padding: 20px;
        }


        .footer-box-contatti {
            width: 100%;
            min-height: 40px;
        }

        .footer-box-contatti-ico {
            width: 28px;
            height: 28px;
        }

        #container .footer-box-contatti .pico {
            font-size: 15px;
            margin-top: -2px;
        }

        #container .footer-box-contatti .p1 {
            margin-top: 3px;
            margin-left: 40px;
            font-size: 13px;
        }

            #container .footer-box-contatti .p1 span {
                display: none;
            }

        #footer-cta {
            width: 100%;
            height: auto;
            margin-top: 20px;
        }

        #container #footer-cta .divbutton1 {
            width: 100%;
            float: none;
            margin: 0 auto;
            padding-left: 9px;
            padding-right: 5px;
        }

            #container #footer-cta .divbutton1 h4 {
                text-align: left;
                margin-top: 14px;
                font-size: 22px;
                margin-left: 15px;
            }

            #container #footer-cta .divbutton1 h5 {
                margin-top: -32px;
                margin-left: 0;
                margin-right: 10px;
                font-size: 15px;
                text-align: right;
            }

            #container #footer-cta .divbutton1 h6 {
                margin-top: 23px;
                margin-left: 0;
                margin-right: 10px;
                font-size: 15px;
                text-align: right;
            }

            #container #footer-cta .divbutton1:hover h5 {
                margin-top: 17px;
                color: #fcfcfc;
            }


            #container #footer-cta .divbutton1:active h5 {
                margin-top: 17px;
                color: #fcfcfc;
            }
    }

    @media (min-width: 981px) and (max-width: 1279px) {
        .line-down {
            top: -1px;
        }

        #footer-sx {
            padding: 25px;
            padding-top: 190px;
        }

        #footer-dx {
            height: auto;
            padding: 25px;
            padding-top: 130px;
        }




        .footer-box-contatti {
            width: 100%;
            min-height: 40px;
        }

        .footer-box-contatti-ico {
            width: 28px;
            height: 28px;
        }

        #container .footer-box-contatti .pico {
            font-size: 15px;
            margin-top: -2px;
        }

        #container .footer-box-contatti .p1 {
            margin-top: 3px;
            margin-left: 40px;
            font-size: 13px;
        }

            #container .footer-box-contatti .p1 span {
                display: none;
            }

        #footer-cta {
            width: 100%;
            height: auto;
            margin-top: 20px;
        }

        #container #footer-cta .divbutton1 {
            width: 100%;
            float: none;
            margin: 0 auto;
            padding-left: 9px;
            padding-right: 5px;
        }

            #container #footer-cta .divbutton1 h4 {
                text-align: left;
                margin-top: 14px;
                font-size: 22px;
                margin-left: 15px;
            }

            #container #footer-cta .divbutton1 h5 {
                margin-top: -32px;
                margin-left: 0;
                margin-right: 10px;
                font-size: 15px;
                text-align: right;
            }

            #container #footer-cta .divbutton1 h6 {
                margin-top: 23px;
                margin-left: 0;
                margin-right: 10px;
                font-size: 15px;
                text-align: right;
            }

            #container #footer-cta .divbutton1:hover h5 {
                margin-top: 17px;
                color: #fcfcfc;
            }


            #container #footer-cta .divbutton1:active h5 {
                margin-top: 17px;
                color: #fcfcfc;
            }
    }



    /*
    @media all
{

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

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

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

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

}*/