body.open, body:after {
	overflow: hidden;
	height: 100%;
}
body {
	overflow: auto;
}
.b-nav, body:after {
	position: absolute
}
.b-brand, .b-link {
	font-size: 24px;
	font-weight: 300;
	margin-left: 30px;
	text-decoration: none
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-250px, 0, 0);
transform:translate3d(-250px, 0, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-250px, 0, 0);
transform:translate3d(-250px, 0, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
-webkit-transform:translate3d(-250px, 0, 0);
transform:translate3d(-250px, 0, 0);
visibility:hidden
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
-webkit-transform:translate3d(-250px, 0, 0);
transform:translate3d(-250px, 0, 0);
visibility:hidden
}
}
* {
	box-sizing: border-box
}
body:after {
	background: #D5E3EF;
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	padding: 0;
	top: 0;
	visibility: hidden;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	width: 100%;
	position: fixed;
}
body.open:after {
	opacity: 1;
	visibility: visible
}
.b-nav {
	z-index: 11;
	margin-top: 80px;
	width: 320px;
	height: 500px;
	padding: 5px;
    overflow: scroll;
}
.b-nav.open {
    -webkit-overflow-scrolling: touch;
}

.b-nav:not(.open) {
	visibility: hidden;
}
.b-nav li {
	color: #333;
	list-style-type: none;
	padding: 10px 0;
	text-align: left;
	-webkit-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px)
}
.b-nav li:not(.open) {
	animation-duration: .4s;
	animation-fill-mode: both;
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}
.b-nav li:not(.open), .b-nav.open li {
	-webkit-animation-duration: .4s;
	-webkit-animation-fill-mode: both
}
.b-nav.open {
	visibility: visible;
}
.b-nav.open li {
	animation-duration: .4s;
	animation-fill-mode: both;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	width: 100%;
}
.b-nav.open li:last-child {
	margin-bottom: 100px;
}
.b-link {
	background: 0 0;
	border-left: rgba(255,255,255,0)solid 2px;
	color: #333;
	transition: all .4s ease;
	width: auto
}
.b-link, .b-menu {
	-webkit-transition: all .4s ease
}
.b-link--active, .b-link:hover {
	border-left: #333 solid 2px;
	padding-left: 30px
}
.b-menu {
	background: #fff;
	border-radius: 50%;
	border: 2px solid #ddd;
	cursor: pointer;
	display: inline-block;
	height: 60px;
	padding-left: 15.5px;
	padding-top: 17.5px;
	position: relative;
	transition: all .4s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 60px;
	z-index: 12;
}
.b-bun--bottom, .b-bun--mid, .b-bun--top {
	height: 2px;
	width: 25px
}
.b-bun {
	background: #999;
	transition: all .4s ease
}
.b-brand, .b-bun {
	position: relative;
	-webkit-transition: all .4s ease
}
.b-bun--top {
	top: 0
}
.b-bun--mid {
	top: 8px
}
.b-bun--bottom {
	top: 16px
}
.b-brand {
	color: #333;
	top: -21.43px;
	transition: all .4s ease;
	z-index: 13
}
.b-container {
	height: 60px;
	left: 5px;
	position: absolute;
	top: 5px
}
.b-container:hover:not(.open) .bun-bottom, .b-container:hover:not(.open) .bun-mid, .b-container:hover:not(.open) .bun-top {
	background: #fff;
}
.b-container.open .b-bun--top {
	background: #333;
	top: 9px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.b-container.open .b-bun--mid {
	opacity: 0
}
.b-container.open .b-bun--bottom {
	background: #333;
	top: 5px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.b-container.open .b-brand {
	color: #fff
}
/*# sourceMappingURL=burger.min.css.map */