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 !important;
}
#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;
}
.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%}
@media (max-width:480px){
.sb-slidebar{width:
100%}
.sb-width-thin{width:55%}
.sb-width-wide{width:85%}
}
@media (min-width:481px){
.sb-slidebar{width:
100%}
.sb-width-thin{width:40%}
.sb-width-wide{width:70%}
}
@media (min-width:768px){
.sb-slidebar{width:40%}
.sb-width-thin{width:25%}
.sb-width-wide{width:55%}
}
@media (min-width:992px){
.sb-slidebar{width:30%}
.sb-width-thin{width:15%}
.sb-width-wide{width:45%}
}
@media (min-width:1200px){
.sb-slidebar{width:20%}
.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;
}