#sb-site, .sb-site-container, .sb-slidebar, body, html { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
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), html.sb-scroll-lock.sb-active:not(.sb-static) body { overflow: hidden; height: 100%; }
#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 }
.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-slidebar { width: 85%; }
.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% }
}
#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: -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 ul { width: 100%; margin: 0; padding: 0; text-align: left; font-size: 12px; }
.sb-slidebar ul li { list-style: none; width: 100%; margin: 0; padding: 0; line-height: 44px; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #1a1a1a; }
.sb-slidebar ul li.username{ color: #fff; text-align: center; }
.sb-slidebar ul li a, .sb-slidebar ul li span { display: block; text-decoration: none; color: #fff; padding: 0 15px; }
.subtitles { background: #00abeb; text-align: center; margin: 0; line-height: 20px; }
.sb-close{ text-align: center; line-height: 30px; margin: 0; background: #333; color: #fff;}
.smpgnav{ background: #333;}
.sb-slidebar ul li.cartBtn{ background: url(//www.epoch88.com/wp-content/themes/smp2024/images/cart_small.png) no-repeat 8em 50%;}