html, body, #sb-site, .sb-site-container, .sb-slidebar { margin:0; padding:0; }
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:auto; position:fixed; top:0; z-index:0; display:none; background-color:#fff; -webkit-transform:translate(0px);}
.sb-left { left:0; }
.sb-right { 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:80%; }
.sb-width-thin { width:15%; }
.sb-width-wide { width:45%; }
@media (max-width:480px) {
	.sb-slidebar {width:80%; }
	.sb-width-thin { width:55%; }
	.sb-width-wide { width:85%; }
}
@media (min-width:481px) {
	.sb-slidebar { width:80%; }
	.sb-width-thin { width:40%; }
	.sb-width-wide { width:70%; }
}
@media (min-width:768px) {
	.sb-slidebar { width:80%; }
	.sb-width-thin { width:25%; }
	.sb-width-wide { width:55%; }
}
@media (min-width:992px) {
	.sb-slidebar { width:80%; }
	.sb-width-thin { width:15%; }
	.sb-width-wide { width:45%; }
}
@media (min-width:1200px) {
	.sb-slidebar { width:80%; }
	.sb-width-thin { width:5%; }
	.sb-width-wide { width:35%; }
}

.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;
}

.sb-slidebar h2{height:45px; border-bottom:3px solid #0083c6; text-align:center; background-color:#e7e7e7;}
.sb-slidebar h2 img{height:100%;}