.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;max-width:360px; width:30%; overflow-x:none;overflow-y:auto;font-size:15px;-webkit-box-shadow:0 0 15px 15px rgba(0,0,0,0.5);-moz-box-shadow:0 0 15px 15px rgba(0,0,0,0.5);box-shadow:0 0 15px 15px rgba(0,0,0,0.5);}
.sidr h2 {position:absolute; color:#fff;}
.sidr.right{left:auto;right:-360px}
.sidr.left{left:-360px;right:auto}
.sidr-inner {padding-top:10%; }
.sidr-inner a { display:block; text-align:left; border-bottom:1px solid rgba(255,255,255,0.1); padding:10px 20px; transition:all ease-in-out 0.3s; font-weight:300; text-transform:uppercase; font-size:16px;}

.sidr-inner ul a {color:#eee; font-size:13px; padding:5px 20px; text-transform:none;}
.sidr-inner ul a:before {content:"- ";}

.sidr-inner li {list-style:none; padding:0; margin:0;}