@media only screen  and (min-device-width: 320px)  and (max-device-width: 768px) {
.b-nav, body:after {
	position: absolute
}
.b-brand, .b-link {
	font-family: Helvetica-Neue, Helvetica, Arial, sans-serif;
	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
}
}
body:after {
	background: #000;
	content: '';
	height: 450px;
	left: 0;
	opacity: 0;
	padding: 0;
	top: 0px;
	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: 10px;
	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: 120px
}
.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: 30px
}
.b-menu {
	background: #000;
	height: 26px;
	width: 26px;
	border: 2px solid #fff;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	padding: 11px 8.5px 6px 8.5px;
	position: relative;
	transition: all .4s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 12;
}
.b-bun--bottom, .b-bun--mid, .b-bun--top {
	height: 2px;
	width: 25px
}
.b-container.open .b-main, .b-menu:hover {
	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: 7px
}
.b-bun--bottom {
	top: 14px
}
.b-brand {
	color: #fff;
	top: -40px;
	transition: all .4s ease;
	z-index: 13;
	padding-left: 30px;
}
.b-container {
	height: 58px;
	left: 0px;
	/* position: absolute; */
	top: 0px;
	background: #000;
	width: 100%;
	padding: 10px 0px;
}
.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 */
}