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%;}
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: auto;position: fixed;top: 0;z-index: 0;display: none;background-color: #222222;-webkit-transform: translate(0px);}
.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;z-index: 99999;}
.sb-momentum-scrolling {-webkit-overflow-scrolling: touch;}
.sb-slidebar {width: 30%;}
@media (max-width: 480px) {
	.sb-slidebar {width: 70%;}
}
@media (min-width: 481px) {
	.sb-slidebar {width: 55%;}
}
@media (min-width: 768px) {
	.sb-slidebar {width: 40%;}
}
@media (min-width: 992px) {
	.sb-slidebar {width: 30%;}
}
@media (min-width: 1200px) {
	.sb-slidebar {width: 335px;}
}
.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;}