.hamburger-nav__container {
	display: none;
	position: absolute;
	top: 0;
	right: -15px;
	padding: 25px;
	width: 22px;
	height: 30px
}

@media (max-width: 767px) {
.hamburger-nav__container {
	display: block
}
}
.hamburger-nav__buns {
	position: relative;
	top: -15px;
	right: 15px;
	padding: 0;
	height: 3px;
	width: 22px;
	background: #007ee5;
	-webkit-transition: background 0.4s ease-in-out 0s;
	transition: background 0.4s ease-in-out 0s
}
.hamburger-nav__buns:before, .hamburger-nav__buns:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #007ee5;
	content: " "
}
.hamburger-nav__buns:before, .hamburger-nav__buns:after {
	-webkit-transition: -webkit-transform 0.4s ease-in-out 0s;
	transition: -webkit-transform 0.4s ease-in-out 0s;
	transition: transform 0.4s ease-in-out 0s;
	transition: transform 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s
}
.hamburger-nav__buns:before {
	top: -6px
}
.hamburger-nav__buns:after {
	bottom: -6px
}
.hamburger-nav__buns.open {
	background: #fff
}
.hamburger-nav__buns.open:before {
	-webkit-transform: translate3d(0, 6px, 0) translateZ(0) scale(1, 1) rotate(45deg);
	transform: translate3d(0, 6px, 0) translateZ(0) scale(1, 1) rotate(45deg)
}
.hamburger-nav__buns.open:after {
	-webkit-transform: translate3d(0, -6px, 0) translateZ(0) scale(1, 1) rotate(-45deg);
	transform: translate3d(0, -6px, 0) translateZ(0) scale(1, 1) rotate(-45deg)
}