/*

Slidebars 0.10.3

(http://plugins.adchsm.me/slidebars/)

written by Adam Smith (http://www.adchsm.me/)

released under MIT License

(http://plugins.adchsm.me/slidebars/license.txt)

*/



#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) {

	overflow: hidden

}

#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: #103163;

}

.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: 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%

	}

}



#sb-site, .sb-site-container, .sb-slide, .sb-slidebar {

	-webkit-transition: all 0.5s ease-in-out 0s;

	-moz-transition: all 0.5s ease-in-out 0s;

	-o-transition: all 0.5s ease-in-out 0s;

	transition: all 0.5s ease-in-out 0s;

	-webkit-transition-property: -webkit-transform, left, right;

	-webkit-backface-visibility: hidden

}

.sb-hide {

	display: none

}