.pushy {
    background-color: #4f84a4;
    width: 270px;
}

    .pushy button, .pushy a {
        color: #162950;
    }

        .pushy button:hover, .pushy a:hover {
            color: #333;
        }

    .pushy button {
        font-size: 14px;
        font-weight: 700;
    }

    .pushy a {
        font-size: 14px;
    }

.pushy-content > ul {
    padding: 0;
}

.pushy ul li {
    list-style-type: none;
}

.pushy h6 {
    text-align: center;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    background-color: #4b4b4d;
    margin:0;
    padding:10px 0;
}

#closePushy {
    position:absolute;
    right:10px;
    top:10px;
    padding:0;
}

    #closePushy i {
        display:block;
        color:#FFF;
    }

/*per customizzare la larghezza*/
.pushy-left {
    transform: translate3d(-270px,0,0); /* Updated the values */
    /* Don't forget the vendor prefixes */
}

.pushy-open-left #container,
.pushy-open-left .push {
    transform: translate3d(270px, 0, 0); /* Updated the values */
}

.pushy-right {
    transform: translate3d(270px, 0, 0); /* Updated the values */
    /* Don't forget the vendor prefixes */
}

.pushy-open-right #container,
.pushy-open-right .push {
    transform: translate3d(-270px, 0, 0); /* Updated the values */
    /* Don't forget the vendor prefixes */
}
/**/