/* ---------------- NAV ---------------- */

nav {  float: none;
       position: fixed;
       top: 10px;
       left: 3px;
       width: 60px;
       height: 50px;
       background-image: url(menu.svg);
       background-repeat: no-repeat;
       background-position: 0px 0px;
       transition: left 0.2s ease;
       -moz-transition: left 0.2s ease;
       -webkit-transition: left 0.2s ease;
       -o-transition: left 0.2s ease;
}
nav:hover {
       background-image: url(menu.svg);
       color: whitesmoke;
}

nav:after {
       content: none;
}

nav ul {
       padding: 20px 0px 0px 0px;
       list-style: none;
       position: absolute;
       top: -30px;
       left: -266px;
       width: 260px;
       height: 1000px;
       overflow-x:hidden;
       overflow-y:scroll;
       -webkit-overflow-scrolling: touch;
       border: 0px solid silver;
       border-right-width: 3px;
       display: block;
       background-color: whitesmoke;
       opacity: 0.9;
       filter:Alpha(Opacity=90);
       font-family: arial;
       font-weight: bold;
       font-size: 12px;
       font-size: 0.75rem;
       background-image: none;
}

li.last {
       padding-bottom:600px;
}
nav ul:after {
       content: "";
       clear: both;
       display: block;
}
nav ul li {
       float: none;
       background-color: gainsboro;
}
nav ul li:hover {
       background-image: none;
       background-color: gainsboro;
}
nav ul li:hover > ul {
       display: block;
}
nav ul li:hover a {
       color: darkslategray;
}
nav ul li a {
       border: 0px solid gainsboro;
       border-bottom-width: 0px;
       display: block;
       padding: 2px 10px;
       color: darkslategray;
       text-decoration: none;
       transition: color 0.5s;
       -moz-transition: color 0.5s;
       -webkit-transition: color 0.5s;
       -o-transition: color 0.5s;
       cursor: text;
}
nav ul li a:hover {
       color: darkslategray;
       background-color: gainsboro;
}
nav ul ul {
       display: block;
       background-color: whitesmoke;
       border-radius: 0px;
       padding: 7px 0px;
       position: static;
       top: 100%;
       font-family: arial;
       font-weight: 100;
       font-size: 14px;
       font-size: 0.88rem;
       height: 100%;
       overflow-x:hidden;
       overflow-y:hidden;
       border-radius: 0px;
       width: auto;
}
nav ul ul li {
       float: none;
       position: static;
       border: 0px solid gainsboro;
       background-color: whitesmoke;
}
nav ul ul li:hover {
       background-color: whitesmoke;
}
nav ul ul li a {
       border-bottom-width: 1px;
       padding: 15px 40px;
       color: darkslategray;
       background-color: whitesmoke
       transition: background-color 0.5s;
       -moz-transition: background-color 0.5s;
       -webkit-transition: background-color 0.5s;
       -o-transition: background-color 0.5s;
       cursor: pointer;
}
nav ul ul li a:hover {
       color: darkslategray;
       background-color: whitesmoke;
}