#sidebar-sliding {
	position: fixed;
	z-index: 100000;

	min-width: 240px;
    max-width: 640px;

    right: -75%; /** start closed */
    width:	75%;

    top: 0;
	height: 100%;


	background: #fff;
    background: #fffffff6;

	-webkit-box-shadow: -3px 0px 50px -2px rgba(0,0,0,0.14);
    -moz-box-shadow: -3px 0px 50px -2px rgba(0,0,0,0.14);
    box-shadow: -3px 0px 50px -2px rgba(0,0,0,0.14);

}
#sidebar-sliding .style-toggle {
	position: absolute;
    width: 180px;
    height: 50px;

    cursor: pointer;
    opacity: 1;

	font-family: Citadina, Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 21px;

    margin-left: -115px;
    bottom: 25%;
    padding:	10px 20px;

    transform: rotate(-90deg);

    -moz-box-shadow: -3px 0px 5px -2px rgba(0,0,0,0.14);
    box-shadow: -3px 0px 5px -2px rgba(0,0,0,0.14);


	background: #0069b4;
	color: #ffffff;
	border: 1px solid #ffffff;
	border-color: #ffffff66;

	-webkit-transition: all .2s;
	transition: all .2s;
}

#sidebar-sliding .style-toggle i{
	font-size:18px;
}
#sidebar-sliding .style-toggle:hover {
	background: #004071;
	background-image: -webkit-linear-gradient( to top, #004071, #0069b4 );
	background-image: linear-gradient( to top, #004071, #0069b4 );
}

#sidebar-sliding-container {
    height: 100%;
    padding: 15px;

	overflow-x: hidden;
    overflow-y: auto;

	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}