html, body{width:100%;}
html.sb-active #sb-site, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close{cursor:pointer;}
html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden;}
html{height:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{height:auto;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html,body, #sb-site, .sb-site-container, .sb-slidebar{margin:0px;padding:0px;}
.sb-toggle-left, .sb-toggle-right{}
@media only screen and (min-width:1024px) and (max-width:2000px){.sb-scroll-lock.sb-active body{padding-right:17px;}}
.overlay{background-color: rgba(0, 0, 0, 0.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:10;display:none;}
.sb-active .overlay{display:block;}
/* ---------- * 002 - Site*/
#sb-site, .sb-site-container{width:100%;position:relative;z-index:3;background-color:#fff;margin:0px auto;min-width:320px;padding:0px;/*-webkit-box-shadow: -4px -1px 28px 0px rgba(0,0,0,0.75);-moz-box-shadow: -4px -1px 28px 0px rgba(0,0,0,0.75);box-shadow: -4px -1px 28px 0px rgba(0,0,0,0.75);*/}
@media (max-width:767px){#sb-site, .sb-site-container{padding:0px;}}
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {content:' ';display:table;}
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {clear:both;}
/* ---------------* 003 - Slidebars*/
.sb-slidebar {height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#ffffff;padding:0px;color:#000;}
.sb-slidebar, .sb-slidebar *{/*-webkit-transform:translateZ( 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:70%;}.sb-width-thin{width:55%;}.sb-width-wide{width:85%;}}
@media (min-width:481px){.sb-slidebar{width:55%;}.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%;}}
/* --------------- * 004 - Animation*/
.sb-slide, .sb-site-container{-webkit-transform:translate( 0px );-moz-transform:translate( 0px );-o-transform:translate( 0px );transform:translate( 0px );-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-active-left .sb-slidebar{-webkit-transform:translate( 0px );-moz-transform:translate( 0px );-o-transform:translate( 0px );transform:translate( 0px );-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;}
/* -------------------- * 005 - Helper Classes*/
.sb-hide {display:none;}
/*.sb-active-left .sb-toggle-left:before, .sb-active-right .sb-toggle-right:before, .sb-active-left .fa-reorder:before, .sb-active-left .fa-bars:before {content:"\f00d"}*/
/* -------------------- * 005 - Fixed position examples*/
#sb-site.top-padding{padding-top: 50px;}
#fixed-top{position: fixed;top:0;width:100%;height: 50px;background-color:red;z-index:4;}
#fixed-top span.sb-toggle-left{float:left;color:white;padding:10px;}
#fixed-top span.sb-toggle-right{float:right;color:white;padding:10px;}