html {
	width: 100%; height: 100%; -ms-overflow-x: hidden;
}
body {
	width: 100%; -ms-overflow-x: hidden; height: auto; position: relative; min-height: 100%;
}
html.sb-static .sb-slidebar {
	position: absolute;
}
html:not(.sb-static).sb-active.sb-scroll-lock {
	overflow: hidden;
}
#sb-site {
	width: 100%; position: relative; margin: 0px; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.sb-site-container {
	width: 100%; position: relative; margin: 0px; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.sb-slidebar {
	margin: 0px; padding: 20px; z-index:1000; box-shadow: 0px 0px 39px -5px #222; top: 0px; height: 100%; display: none; position: fixed; z-index: 0; -ms-overflow-y: auto; background-color: #CAB799; -webkit-transform: translate(0px);
}
.sb-left {
	left: 0px;
}
.sb-right {
	right: 0px;
}
.sb-static.sb-slidebar {
	position: absolute;
}
.sb-active.sb-slidebar {
	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 all and (max-width:480px)
{
.sb-slidebar {
	width: 70%;
}
.sb-width-thin {
	width: 55%;
}
.sb-width-wide {
	width: 85%;
}
}
@media all and (min-width:481px)
{
.sb-slidebar {
	width: 55%;
}
.sb-width-thin {
	width: 40%;
}
.sb-width-wide {
	width: 70%;
}
}
@media all and (min-width:768px)
{
.sb-slidebar {
	width: 40%;
}
.sb-width-thin {
	width: 25%;
}
.sb-width-wide {
	width: 55%;
}
}
@media all and (min-width:992px)
{
.sb-slidebar {
	width: 30%;
}
.sb-width-thin {
	width: 15%;
}
.sb-width-wide {
	width: 45%;
}
}
@media all and (min-width:1200px)
{
.sb-slidebar {
	width: 20%;
}
.sb-width-thin {
	width: 5%;
}
.sb-width-wide {
	width: 35%;
}
}

.sb-slide {
	transition:transform 400ms; -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; -webkit-transition-property: -webkit-transform, left, right; -webkit-backface-visibility: hidden;
}
#sb-site {
	transition:transform 400ms; -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; -webkit-transition-property: -webkit-transform, left, right; -webkit-backface-visibility: hidden;
}
.sb-site-container {
	transition:transform 400ms; -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; -webkit-transition-property: -webkit-transform, left, right; -webkit-backface-visibility: hidden;
}
.sb-slidebar {
	transition:transform 400ms; -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; -webkit-transition-property: -webkit-transform, left, right; -webkit-backface-visibility: hidden;
}
.sb-hide {
	display: none;
}