/* Slidebars 0.7.1 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://opensource.org/licenses/MIT */
html, body, #sb-site, .sb-slidebar { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

#sb-site { width: 100%; min-height: 100%; padding:10px; position: relative; z-index: 1; background-color: #eeeeee  }
.sb-slidebar { width: 35%; height: 100%; overflow-y: auto; position: fixed; top: 0; z-index: 0; visibility: hidden; background-color: #222 }
html.sb-android .sb-slidebar { height: auto; position: absolute }
.sb-left { left: 0 }
.sb-right { right: 0 }
html.sb-active-left .sb-left { visibility: visible }
html.sb-active-right .sb-right { visibility: visible }
@media(max-width:480px) {
.sb-slidebar { width: 70% }
}
@media(min-width:481px) and (max-width:991px) {
.sb-slidebar { width: 50% }
}
@media(min-width:992px) {
.sb-slidebar { width: 35% }
}
@media(min-width:1200px) {
.sb-slidebar { width: 20% }
}
html.sb-anim-type-translate .sb-slide, html.sb-anim-type-side .sb-slide { -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; -webkit-backface-visibility: hidden }