#sb-site,.sb-site-container,.sb-slidebar,body,html {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
}

body,html {
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%;
min-height:100vh;
position:relative;
z-index:1;
background-color:#fff;
}

#sb-site:after,#sb-site:before,.sb-site-container:after,.sb-site-container:before {
content:' ';
display:table;
clear:both;
}

.sb-slidebar {
height:100%;
overflow-y:auto;
position:fixed;
top:0;
z-index:0;
display:none;
background-color:#222;
width:30%;
}

.sb-slidebar,.sb-slidebar * {
	/* -webkit-transform:translateZ(0px); */
}

.sb-left {
left:0;
}

.sb-right {
right:0;
}

.sb-slidebar.sb-static,html.sb-static .sb-slidebar {
position:absolute;
}

.sb-slidebar.sb-active {
display:block;
}

.sb-style-overlay {
z-index:9999;
}

.sb-momentum-scrolling {
-webkit-overflow-scrolling:touch;
}

.sb-width-thin {
width:15%;
}

.sb-width-wide {
width:45%;
}

#sb-site,.sb-site-container,.sb-slide,.sb-slidebar {
-webkit-transform:translate(0px);
-moz-transform:translate(0px);
-o-transform:translate(0px);
transform:translate(0px);
-webkit-transition:0 400ms ease;
-moz-transition:0 400ms ease;
-o-transition:0 400ms ease;
transition:transform 400ms ease;
-webkit-transition-property:0;
-webkit-backface-visibility:hidden;
}

.sb-hide {
display:none;
}

@media max-width480px{
.sb-slidebar {
width:70%;
}

.sb-width-thin {
width:55%;
}

.sb-width-wide {
width:85%;
}
}

@media min-width481px{
.sb-slidebar {
width:55%;
}

.sb-width-thin {
width:40%;
}

.sb-width-wide {
width:70%;
}
}

@media min-width768px{
.sb-slidebar {
width:40%;
}

.sb-width-thin {
width:25%;
}

.sb-width-wide {
width:55%;
}
}

@media min-width992px{
.sb-slidebar {
width:30%;
}

.sb-width-thin {
width:15%;
}

.sb-width-wide {
width:45%;
}
}

@media min-width1200px{
.sb-slidebar {
width:20%;
}

.sb-width-thin {
width:5%;
}

.sb-width-wide {
width:35%;
}
}