.menu-icon { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; display: none; float: left; width: 40px; height: 30px; background: url(menu.png) center center no-repeat #0099d3; text-indent: -999999px; border: 0 }

#pageslide { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; background-color: rgba(216, 246, 255, 1); color: #464646; -webkit-box-shadow: inset 0 0 5px 5px rgba(144, 228, 254, 1); -moz-box-shadow: inset 0 0 5px 5px rgba(144, 228, 254, 1); -o-box-shadow: inset 0 0 5px 5px rgba(144, 228, 254, 1); -ms-box-shadow: inset 0 0 5px 5px rgba(144, 228, 254, 1); box-shadow: inset 0 0 5px 5px rgba(144, 228, 254, 1); width: 200px; padding: 20px; font-size:14px; line-height:140%; text-transform:uppercase; }
#pageslide ul { list-style: none; padding: 0; margin: 0 }
#pageslide #nav li { padding: 10px 0; border-bottom: 1px solid #3dacce }
#pageslide #nav li:last-child { border-bottom: none }
#pageslide #nav li a { color: #464646; border: none }
#pageslide #nav li.active,
#pageslide #nav li.current-menu-item { font-weight:700; display:none; }
#pageslide #nav li:hover .sub-menu,
#pageslide #nav li:focus .sub-menu { }
#pageslide #nav li .sub-menu { text-align: left; margin-left: 20px; }
#pageslide #nav li .sub-menu li { background-color: transparent; background-image: url("img01_40.png"); background-position: left 17px; background-repeat: no-repeat; border-bottom: 1px solid #3dacce; padding-left: 18px }
#pageslide #nav li .sub-menu li:last-child { border-bottom: none }

@media (max-width: 767px) {

ul#nav { display: none; }
.menu-icon { display: block; }

}