html, body, #sb-site, .sb-site-container, .sb-slidebar {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
html, body {
	width: 100%;
	overflow-x: hidden; 
}
html {
	height: 100%;
}
body {
	min-height: 100%;
	height: auto;
	position: relative; 
}
html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden; 
}
#sb-site, .sb-site-container {
	width: 100%;
	position: relative;
	z-index: 1; 
	background-color: #ffffff;
}
.sb-slidebar {
	height: 100%;
	overflow-y: auto; 
	position: fixed;
	top: 0;
	z-index: 0; 
	display: none; 
	background-color: #222222; 
	-webkit-transform: translate(0px); 
}

    .sb-left {left: 0;}
    html.sb-static .sb-slidebar,
    .sb-slidebar.sb-static {position: absolute; }
    .sb-slidebar.sb-active {display: block; }
    .sb-style-overlay {z-index: 9999; }
    .sb-momentum-scrolling {-webkit-overflow-scrolling: touch; }
    .sb-slidebar {width: 220px;}
    .sb-width-thin {width: 220px;}
    .sb-width-wide {width: 220px;}
    .sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms cubic-bezier(0.89,.005,.545,1);
	   -moz-transition: -moz-transform 400ms cubic-bezier(0.89,.005,.545,1);
	     -o-transition: -o-transform 400ms cubic-bezier(0.89,.005,.545,1);
	        transition: transform 400ms cubic-bezier(0.89,.005,.545,1);
	-webkit-transition-property: -webkit-transform, left, right;
	-webkit-backface-visibility: hidden;
    }
    .sb-hide { display: none; }