body.open, body:after {
	overflow:hidden
}
.b-nav, body:after {
	position:absolute
}
.b-brand, .b-link {
	font-family:Helvetica-Neue, Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:300;
	margin-left:15px;
	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:#2196f3;
	content:'';
	height:3000px;
	left:0;
	opacity:0;
	padding:0;
	top:0;
	visibility:hidden;
-webkit-transition:all .4s ease;
transition:all .4s ease;
	width:100%
}
body.open:after {
	opacity:1;
	visibility:visible
}
.b-nav {
	z-index:11
}
.b-nav:not(.open) {
visibility:hidden
}
.b-nav li {
	color:#fff;
	list-style-type:none;
	padding:5px;
	text-align:left;
	-webkit-transform:translateX(-250px);
	-ms-transform:translateX(-250px);
	transform:translateX(-250px)
}
.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 li:first-child {
	padding-top:90px
}
.b-nav.open {
	visibility:visible
}
.b-nav.open li {
animation-duration:.4s;
	animation-fill-mode:both;
	-webkit-animation-name:slideInLeft;
	animation-name:slideInLeft
}
.b-link {
	background:0 0;
	border-left:rgba(255, 255, 255, 0)solid 2px;
	color:#fff;
transition:all .4s ease;
	width:auto
}
.b-link, .b-menu {
-webkit-transition:all .4s ease
}
.b-link--active, .b-link:hover {
	border-left:#fff solid 2px;
	padding-left:15px
}
.b-menu {
	background:#2196f3;
	border:2px solid #2196f3;
	border-radius:50%;
	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-container.open .b-main, .b-menu{
	border:2px solid #fff
}

.b-bun {
	background:#fff;
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:#2196f3;
	top:-21.43px;
transition:all .4s ease;
	z-index:13
}
.b-container {
	height:10px;
	position:relative;
	left:15px;
	top:5px
}
.b-container:hover:not(.open) .bun-bottom, .b-container:hover:not(.open) .bun-mid, .b-container:hover:not(.open) .bun-top {
background:#2196f3
}
.b-container.open .b-bun--top {
	background:#fff;
	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:#fff;
	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 */
