.sidr {

	right: -260px;
	position: absolute;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 999;
	width: 260px;
	overflow-x: none;
	overflow-y: auto;

	text-transform: uppercase;
	font-size: 15px;
	background: #333;
	color: #fff;

}

.sidr .sidr-inner {
	padding: 0 0 15px
}

.sidr .sidr-inner>p {
	margin-left: 15px;
	margin-right: 15px
}

.sidr.right {
	left: auto;
	right: -260px
}

.sidr.left {
	left: -260px;
	right: auto
}



.sidr p {
	font-size: 13px;
	margin: 0 0 12px
}

.sidr p a {
	color: rgba(51, 51, 51, 0.9)
}

.sidr>p {
	margin-left: 15px;
	margin-right: 15px
}

.sidr ul {
	display: block;
	margin: 0 0 15px;
	padding: 0;

}

.sidr ul li {
	display: block;
	margin: 0 0;
	line-height: 1.2;
	padding:0 0

}

.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active {
background:black
}


.sidr ul li a,
.sidr ul li>span {
	padding: 2em 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
}

.sidr ul li a span{font-weight:normal;font-size:14px;display:block;letter-spacing:1px;}
.sidr ul li ul {
	border-bottom: none;
	margin: 0
}

.sidr ul li ul li {
	line-height: 40px;
	font-size: 13px
}

.sidr ul li ul li:last-child {
	border-bottom: none
}

.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active {
	border-top: none;
	line-height: 41px
}



.sidr ul li ul li a,
.sidr ul li ul li span {
	color: white;
	padding-left: 30px
}

.sidr form {
	margin: 0 15px
}

.sidr label {
	font-size: 13px
}