#wrapper{
    width:100%;
    height:100%;
}



/*multimenu css*/
/**/




.item{
    height:40px;
    position:relative;
    width:100%;
    line-height:40px;
    display:inline-block;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    float:left;
    -webkit-transition:height 0.5s;
    -o-transition:height 0.5s;
    -moz-transition:height 0.5s;
    transition:height 0.5s;
    background:#f0f6ee;
    
/*
    background-image: url(../images/nav/paw-black-op60b.png);
    background-repeat: no-repeat;
    background-origin: content-box;
*/
    
/*
    background: rgb(187,210,178); 
    background: -moz-linear-gradient(top,  rgba(187,210,178,1) 0%, rgba(240,245,239,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(187,210,178,1) 0%,rgba(240,245,239,1) 100%); 
    background: linear-gradient(to bottom,  rgba(187,210,178,1) 0%,rgba(240,245,239,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd2b2', endColorstr='#f0f5ef',GradientType=0 );
*/

    
    margin: 2px 0;
    
    border: 1.2px solid #ccc; /*added*/
    -webkit-border-radius: 9px;
            border-radius: 9px;
}

.item a:hover {
    cursor: pointer;
}

/*
.item a{
    padding: 0 12px;
    -webkit-transition:color 0.1s;
    -o-transition:color 0.1s;
    -moz-transition:color 0.1s;
    transition:color 0.1s;
    text-decoration: none;
    color: #666;
}
*/

.item a{
    padding: 0 12px;
    -webkit-transition:color 0.1s;
    -o-transition:color 0.1s;
    -moz-transition:color 0.1s;
    transition:color 0.1s;
    text-decoration: none;
    color: #666;
    display: block;
    
/*    cursor: pointer;*/
}

/*
.item:hover {
    background-image: url(../images/nav/paw-black-op40b.png);
    background-origin: content-box;
    background-repeat: no-repeat;
}
*/

.item:hover > a {
    color: #8b8a8a;
}

.item:hover > .img-nav {
    opacity: 0.3;
}

.img-nav {
    position: absolute;
    right: 5px;
    top: 11px;
    width: 25px;
    height: auto;
    
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.menutitle > a{
    padding-right: 32px;
}

#menu{
    position:relative;
    width:202px;
    z-index:3;
    float: left;
    color: #666;
    font-size: .99em;
    font-weight: 500;
    margin-left: 10px;
    margin-top: 1.2em;
    
    border: none /*added*/
}

#menutitle{
    visibility:hidden;
}

#menutitle:before, #menuitems>.item:last-child:before {
    bottom:-1px;
} 



.folder{
    position:relative;
    background:inherit;
    overflow:hidden;
    width:100%;
    
    border: none; /*added*/
}

.menutitle{
    z-index:2;
    padding:0;
    margin:0;
    position:absolute;
    top:0;
}


.menuitems{
    position:absolute;
    bottom:0;
    background:inherit;
    -webkit-transition:bottom 0.5s;
    -o-transition:bottom 0.5s;
    -moz-transition:bottom 0.5s;
    transition:bottom 0.5s;
    white-space: nowrap;

    right:0;
    width:-webkit-calc( 100% - 20px );
    width:-moz-calc( 100% - 20px );
    width:calc( 100% - 20px );
    z-index:1;
    margin-bottom: -2px
}

#menuitems{
    width:100%;
}

.menuitems_wrap{
    position:absolute;
    left:0px;
    height:0px;
    background:inherit;
    -webkit-transition:height 0.5s;
    -o-transition:height 0.5s;
    -moz-transition:height 0.5s;
    transition:height 0.5s;
    
    bottom:0px;
    height:auto;
    width:100%;
}


#menubutton{
    position:absolute;
    right:20px;
    
    vertical-align:middle;
    top:-webkit-calc(50% - 0px);
    top:-moz-calc(50% - 0px);
    top:calc(50% - 0px);
    height:15px;
    width:20px;
    padding:0px;
    overflow:visible;
    
    stroke:#4e4e4e;
    stroke-width:1.5;
    stroke-linecap:round;
    
    -webkit-transition:-webkit-transform 0.5s;
    
    transition:-webkit-transform 0.5s;
    
    -o-transition:-o-transform 0.5s;
    
    -moz-transition:transform 0.5s, -moz-transform 0.5s;
    
    transition:transform 0.5s;
    
    transition:transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
    -webkit-transform-origin: 0% 0%;
       -moz-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
         -o-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
}

#menubutton line{
    -webkit-transition:opacity 0.5s, -webkit-transform 0.5s;
    transition:opacity 0.5s, -webkit-transform 0.5s;
    -o-transition:opacity 0.5s, -o-transform 0.5s;
    -moz-transition:opacity 0.5s, transform 0.5s, -moz-transform 0.5s;
    transition:opacity 0.5s, transform 0.5s;
    transition:opacity 0.5s, transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
    vector-effect:non-scaling-stroke;
}

.rotate90{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.opacity0{ opacity:0; }

.lineA{ -webkit-transform: rotate(45deg) translate(0,50%); -moz-transform: rotate(45deg) translate(0,50%); -ms-transform: rotate(45deg) translate(0,50%); -o-transform: rotate(45deg) translate(0,50%); transform: rotate(45deg) translate(0,50%) }
.lineB{ opacity:0;  }
.lineC{ -webkit-transform: rotate(-45deg) translate(0,-50%); -moz-transform: rotate(-45deg) translate(0,-50%); -ms-transform: rotate(-45deg) translate(0,-50%); -o-transform: rotate(-45deg) translate(0,-50%); transform: rotate(-45deg) translate(0,-50%)  }



.button_wrap{
    position:absolute;
    right:0px;
    height:100%;
    width:60px;
    top:0px;
}

.fbut{
    position:absolute;
    left:-webkit-calc(50% - 3px);
    left:-moz-calc(50% - 3px);
    left:calc(50% - 3px);
    top:-webkit-calc(50% - 3px);
    top:-moz-calc(50% - 3px);
    top:calc(50% - 3px);
    height:5px;
    width:5px;
    overflow:visible;
    fill:#4e4e4e;
    fill-opacity:0;
/*    transform-origin: 0% 0%;*/
    stroke-width:1.5;
/*    transform: rotate(0deg);*/
    -webkit-transition:opacity 0.5s, -webkit-transform 0.5s;
    transition:opacity 0.5s, -webkit-transform 0.5s;
    -o-transition:opacity 0.5s, -o-transform 0.5s;
    -moz-transition:opacity 0.5s, transform 0.5s, -moz-transform 0.5s;
    transition:opacity 0.5s, transform 0.5s;
    transition:opacity 0.5s, transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
}


.fbut path{
    -webkit-transition:fill-opacity 0.1s, stroke 0.1s, -webkit-transform 0.3s;
    transition:fill-opacity 0.1s, stroke 0.1s, -webkit-transform 0.3s;
    -o-transition:fill-opacity 0.1s, stroke 0.1s, -o-transform 0.3s;
    -moz-transition:transform 0.3s, fill-opacity 0.1s, stroke 0.1s, -moz-transform 0.3s;
    transition:transform 0.3s, fill-opacity 0.1s, stroke 0.1s;
    transition:transform 0.3s, fill-opacity 0.1s, stroke 0.1s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
    opacity:1;
    stroke-linejoin:round;
    stroke:#4e4e4e;
}

.item:hover > .button_wrap{
    stroke: #666;
}


.fbut:hover{
/*    fill-opacity:1;*/
/*    stroke-width:2.5;*/

}

.notransition{
    -webkit-transition:none;
    -o-transition:none;
    -moz-transition:none;
    transition:none;
}


@media screen and (max-width: 1020px) {
    
    
    #menu{
        overflow:hidden;
        width:100%;
        margin-left: 0;
        margin-top: 4px;
        font-size: 1em;
    }
    
    #menutitle{
        visibility:visible;
        font-weight: 600;
    }
    
    .item {
        border-left: none;
        border-right: none;
        -webkit-border-radius: 0;
                border-radius: 0;
    }
    
    .item a{
    padding: 0 12px;
    }
    
    .img-nav {
    right: 30px;
    top: 11px;
    }
    
}

@media (hover: none) {
    .item:hover > a {
        color: inherit;
    }
    
    .item:hover > .button_wrap .fbut path{
        stroke: #4e4e4e;
    }
}



/*multimenu css ^^*/
/**/