/*DESKTOP*/
@media only screen and (min-width: 651px){
    /* General styles for all menus */
    .cbp-spmenu {
        background: /*rgba(0,0,0,0.8);*/#333;
        position: fixed;
    z-index: 99999;
    padding-top: 15vh;
    }
    
    
    /* (1366x768) Display */
        @media  screen and (max-width: 1366px) {
    
            .cbp-spmenu {
        background: /*rgba(0,0,0,0.8);*/#333;
        position: fixed;
    z-index: 9;
    padding-top: 15vh;
    }
        }
    
    
    
        .real_menu{
            position: relative;
            background-color: #171695;
        }
    
    
        .evi_menu{
            background-color: #555;
            color: #fff;
            margin-bottom: 10px;
        }
    
    
    
        .int_menu2{
            margin-bottom: 20px;
            background-color: #555;
            width: 100%;
        }
    
        .back_grey{
            background-color: #d1d1d1;
        }
    
    
        .int_menu2 h1{
            padding: 1.5vh 0 0 2.5vh;
            margin-bottom: 0;
            color: #222;
        font-size: 0.8vw;
        font-weight: 400;
          text-transform: uppercase;
        }
    
    
    #cbp-spmenu-s1 .int_menu a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0.4vh 0 0.4vh 4vh;
        font-size: 0.7vw;
    
    }
    
    #cbp-spmenu-s1 .int_menu:first-child a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0 0 0 4vh;
    
    }
    
    #cbp-spmenu-s1 .int_menu2 a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0.4vh 0 0.4vh 4vh;
        font-size: 0.7vw;
    
    }
    #cbp-spmenu-s1 .int_menu2:first-child a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0 0 0 4vh;
    
    }
        #cbp-spmenu-s2 .int_menu a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0.4vh 0 0.4vh 4vh;
        font-size: 0.7vw;
    
    }
    
    #cbp-spmenu-s2 .int_menu:first-child a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0 0 0 4vh;
    
    }
    
    #cbp-spmenu-s2 .int_menu2 a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0.4vh 0 0.4vh 4vh;
        font-size: 0.7vw;
    
    }
    #cbp-spmenu-s2 .int_menu2:first-child a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0 0 0 4vh;
    
    }
    
    
    .cbp-spmenu a {
        display: block;
        color: #fff;
        font-size: 0.8vw;
        font-weight: 400;
        margin-bottom: 1vh;
      text-transform: uppercase;
    }
    
    
    
    .cbp-spmenu a:hover {
        background: #171695;
        color: #fff;
    }
    
    .cbp-spmenu a:active {
    /*background: #D4DFEF;*/
    color: #171695;
    }
    /* Orientation-dependent styles for the content of the menu */
    
    .cbp-spmenu-vertical {
        width: 15vw;
        height: 100%;
        top: 0;
        z-index: 9;
    
    }
        /* 	.click-first{
                background: #bcbcbc;
                color: #171695;
                }
    
                .click-first a{
                color: #171695;
                } */
    
    .bordmenu, #cbp-spmenu-s1 a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0.8vh 0 0.8vh 2.5vh;
    }
    
    .bordmenu, #cbp-spmenu-s2 a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0.8vh 0 0.8vh 2.5vh;
    }
    
    .cbp-spmenu-horizontal {
        width: 20vw;
        height: 100%;
        top: 0;
        z-index: 9;
    }
    
    .cbp-spmenu-horizontal a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0 1.5vh;
    }
    
    /* Vertical menu that slides from the left or right */
    
    .cbp-spmenu-left {
        left: -20vw;
    }
    
    .cbp-spmenu-right {
        right: -20vw;
    }
    
    .cbp-spmenu-left.cbp-spmenu-open {
        left: 0px;
    }
    
    .cbp-spmenu-right.cbp-spmenu-open {
        right: 0px;
    }
    
    
    /* Push classes applied to the body */
    
    .cbp-spmenu-push {
        overflow-x: hidden;
        position: relative;
        left: 0;
    }
    
    .cbp-spmenu-push-toright {
        left: 20vw;
    }
    
    .cbp-spmenu-push-toleft {
        left: -20vw;
    }
    
    /* Transitions */
    
    .cbp-spmenu,
    .cbp-spmenu-push {
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }
    
    }
    
    
    /*mobile*/
    @media only screen and (max-width: 650px){
    /* General styles for all menus */
    .cbp-spmenu {
        background: /*rgba(0,0,0,0.8);*/#333;
        position: fixed;
    z-index: 9;
    padding-top: 20%;
    }
    
            #open_realizzazioni{
                display: none;
            }
    
    
            .real_menu{
                position: relative;
                background-color: #171695;
            }
    
            .real_menu::after{
                content: '';
                width: 2vw;
                height: 2vw;
                position: absolute;
                top:3vw;
                left:1.6vw;
                background-image: url(../images/plus.svg);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center center;
                }
    
    
        .real_menu.active::after {
            content: '';
                width: 2vw;
                height: 2vw;
                position: absolute;
                top:3vw;
                left:1.6vw;
                background-image: url(../images/min_red.svg);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center center;
        }
    
    
            .evi_menu{
                background-color: #555;
                margin-bottom: 10px;
            }
    
    
            .int_menu2{
                margin-bottom: 20px;
                background-color: #555;
                width: 100%;
            }
    
            .back_grey{
                background-color: #d1d1d1;
            }
    
    
    
            .int_menu2 h1{
                padding: 1.5vh 0 0 2.5vh;
                margin-bottom: 0;
                color: #222;
            font-size: 150%;
            font-weight: 400;
          text-transform: uppercase;
            }
    
    
    
    #cbp-spmenu-s1 .int_menu a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0.4vh 0 0.4vh 4vh;
        font-size: 150%;
    
    }
    
    #cbp-spmenu-s1 .int_menu:first-child a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0 0 0 4vh;
    
    }
    
    #cbp-spmenu-s1 .int_menu2 a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0.4vh 0 0.4vh 4vh;
        font-size: 150%;
    
    }
    #cbp-spmenu-s1 .int_menu2:first-child a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0 0 0 4vh;
    
    }
    
    #cbp-spmenu-s2 .int_menu a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0.4vh 0 0.4vh 4vh;
        font-size: 150%;
    
    }
    
    #cbp-spmenu-s2 .int_menu:first-child a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0 0 0 4vh;
    
    }
    
    #cbp-spmenu-s2 .int_menu2 a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0.4vh 0 0.4vh 4vh;
        font-size: 150%;
    
    }
    #cbp-spmenu-s2 .int_menu2:first-child a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0 0 0 4vh;
    
    }
    
    
    .cbp-spmenu a {
        display: block;
        color: #fff;
        font-size: 150%;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: 1vh;
    }
    
    
    .cbp-spmenu a:hover {
        background: #171695;
        color: #fff;
    }
    
    .cbp-spmenu a:active {
    /*background: #D4DFEF;*/
    color: #171695;
    }
    /* Orientation-dependent styles for the content of the menu */
    
    .cbp-spmenu-vertical {
        width:50vw;
        height: 100%;
        top: 0;
        z-index: 9;
    
    }
        /* 	.click-first{
                background: #bcbcbc;
                color: #171695;
                }
    
                .click-first a{
                color: #171695;
                } */
    
    .bordmenu, #cbp-spmenu-s1 a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0.8vh 0 0.8vh 2.5vh;
    }
    
    .bordmenu, #cbp-spmenu-s2 a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0.8vh 0 0.8vh 2.5vh;
    }
    
    .cbp-spmenu-horizontal {
        width: 50vw;
        height: 100%;
        top: 0;
        z-index: 9;
    }
    
    .cbp-spmenu-horizontal a {
        /*border-bottom: 0.015em solid #ededed;*/
        padding: 0 1.5vh;
    }
    
    /* Vertical menu that slides from the left or right */
    
    .cbp-spmenu-left {
        left: -50vw;
    }
    
    .cbp-spmenu-right {
        right: -50vw;
    }
    
    .cbp-spmenu-left.cbp-spmenu-open {
        left: 0px;
    }
    
    .cbp-spmenu-right.cbp-spmenu-open {
        right: 0px;
    }
    
    
    /* Push classes applied to the body */
    
    .cbp-spmenu-push {
        overflow-x: hidden;
        position: relative;
        left: 0;
    }
    
    .cbp-spmenu-push-toright {
        left: 50vw;
    }
    
    .cbp-spmenu-push-toleft {
        left: -50vw;
    }
    
    /* Transitions */
    
    .cbp-spmenu,
    .cbp-spmenu-push {
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }
    
    
    }
    
    
    
    
    
    /* Example media queries */
    
    @media screen and (max-width: 55.1875em){
    
        .cbp-spmenu-horizontal {
            font-size: 75%;
            height: 110px;
        }
    
        .cbp-spmenu-top {
            top: -110px;
        }
    
        .cbp-spmenu-bottom {
            bottom: -110px;
        }
    
    }
    
    @media screen and (max-height: 26.375em){
    
        .cbp-spmenu-vertical {
            font-size: 90%;
            width: 60vw;
        }
    
        .cbp-spmenu-left,
        .cbp-spmenu-push-toleft {
            left: -60vw;
        }
    
        .cbp-spmenu-right {
            right: -60vw;
        }
    
        .cbp-spmenu-push-toright {
            left: 60vw;
        }
    }
    
    
    
    .close-vertical{
            text-align: right;
                    cursor: pointer;
            width: 100%;
            padding: 8px 0;
            margin:0;
          }
       .close-vertical h2 {
         color: #fff;
         font-size: 1em;
         padding: 0 10px;
         right: 0;
         font-weight: 400;
             text-transform: uppercase;
       }