/* -----------------------------------
 * Slidebars
 * Version 0..10
 */

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;}
.sb-slidebar {height: 100%;overflow-y:scroll;position: fixed;top: 0;z-index: 0;display: none;-webkit-transform: translate(0px);
background-color: #222222;}
.sb-left {left: 0;}
.sb-right {right: 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: 30%;}
.sb-width-thin {width: 15%;}
.sb-width-wide {width: 45%;}
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {-webkit-transition: -webkit-transform 400ms ease;-moz-transition: -moz-transform 400ms ease;-o-transition: -o-transform 400ms ease;transition: transform 400ms ease;-webkit-transition-property: -webkit-transform, left, right;-webkit-backface-visibility: hidden;}
.sb-hide {display: none;}