.st-container{overflow:hidden;position:relative}.st-menu{background:#48a770;height:100%;left:0;position:fixed;top:0;-webkit-transition:all .5s;transition:all .5s;visibility:hidden;width:300px;z-index:100}.st-menu:after{background:rgba(0,0,0,.2);content:"";height:100%;opacity:1;position:absolute;right:0;top:0;-webkit-transition:opacity .5s;transition:opacity .5s;width:100%}.st-menu-open .st-menu:after{height:0;opacity:0;-webkit-transition:opacity .5s,width .1s .5s,height .1s .5s;transition:opacity .5s,width .1s .5s,height .1s .5s;width:0}.st-menu ul{list-style:none;margin:0;padding:0}.st-menu h2{color:rgba(0,0,0,.4);font-size:2em;font-weight:300;margin:0;padding:1em;text-shadow:0 0 1px rgba(0,0,0,.1)}.st-menu ul li a{border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;display:block;font-weight:400;outline:none;padding:1em 1em 1em 1.2em;-webkit-transition:background .3s,box-shadow .3s;transition:background .3s,box-shadow .3s}.st-menu ul li a:hover{background:rgba(0,0,0,.2);color:#fff}