/*
	SIDEBAR
----------- */
.btn-open-sidebar{
	position:fixed;
	bottom:15px;
	width:150px;
	left:50%;
	margin-left:-75px;
	padding:15px 0;
	border-radius:30px;
	text-decoration:none;
	z-index:10;
	text-align:center;
	font-size:14px;
	line-height:14px;
	-webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.15);
	box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.15);
}
.sidebar{
	position:fixed;
	top:30px;
	left:30px;
	right:30px;
	bottom:30px;
	z-index:250;
	padding:30px;
	max-height:calc(100% - 30px);
	display:none;
	border-radius:0 0 5px 0;
}
.sidebar .title{
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	padding:0 0 5px 0;
	margin:0 0 15px 0;
}
.btn-close-sidebar{
	position:absolute;
	top:-15px;
	right:-15px;
	font-size:24px;
	line-height:50px;
	width:50px;
	height:50px;
	text-align:center;
	border-radius:50%;
}
.sidebar a{
	text-decoration:none;
	display:block;
}
.sidebar .list{
	overflow-y:scroll;
	height:calc(100% - 30px);
}
.sidebar li a{
	font-size:18px;
	line-height:18px;
	padding:15px 0 15px 0;
}
.sidebar li a i{
	float:right;
	font-size:14px;
	opacity:0.8;
}
.sidebar li ul{
	display:none;
}
.sidebar li li a{
	font-size:16px;
	line-height:16px;
	padding:8px 0 8px 15px;
}
.sidebar li li:last-child a{
	margin-bottom:15px;
}
@media(min-width:768px){
	.btn-open-sidebar{
		font-size:16px;
		line-height:16px;
	}
	.sidebar{
		width:400px;
		left:0;
		right:auto;
	}
}
@media(min-width:1200px){
	.sidebar{
		position:relative;
		left:auto;
		top:auto;
		bottom:auto;
		display:block !important;
		width:100%;
		z-index:1;
	}
}