.sidr{	
    display:none;
    position:absolute;
    position:fixed;
    top:0;
    height:100%;
    z-index:999999;
    width:350px;
    overflow-x:none;
    overflow-y:auto;
    font-family: 'Quattrocento Sans', sans-serif;
    background:#f8f8f8;
    color:#373a36;
    font-size: 1.6em;
}

.sidr .info {
    margin-left: 50px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.sidr .sidr-inner{
    padding:0 0 15px
}
.sidr .sidr-inner>p{
    margin-left:15px;
    margin-right:15px}
.sidr.right{
    left:auto;
    right:-350px
}
.sidr.left{
    left:-350px;
    right:auto
}

.sidr p{
    margin:0 0 12px;
    line-height: 22px;
}

.sidr>p{
    margin-left:15px;
    margin-right:15px
}
.sidr ul{
    display:block;
    margin:0 0 50px;
    padding:0;
}

.sidr ul li{
    display:block;
    margin:0;
    background-color: #373a36;
    height: 60px;
    line-height: 60px;
}
.sidr ul li:hover {
    background-color: #1f211f;
}
.sidr ul li.active {
    background-color: #1f211f;
}

.sidr ul li a {
    text-transform: uppercase;
    padding:0 15px 0 50px;
    display:block;
    text-decoration:none;
    color:#FFF;
}

.sidr .info a {
    color: #373a36;
}

.sidr .info a:hover {
    text-decoration: none;
}