.layout-default .hamburger-wrapper {
    display: none;
}

.hamburger-menu {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 10px 100px;
    background-color: #00a651;
    -webkit-clip-path: circle(0% at calc(100% - 50px) 43px);
    clip-path: circle(0% at calc(100% - 50px) 43px);
    -webkit-box-shadow: -8px 0px 30px -32px rgba(0,0,0,0.75);
    -moz-box-shadow: -8px 0px 30px -32px rgba(0,0,0,0.75);
    box-shadow: -8px 0px 30px -32px rgba(0,0,0,0.75);
    transition: 0.5s ease-in-out;
}
.hamburger-menu.open {
    background-color: #ffffff;
    -webkit-clip-path: circle(150% at calc(100% - 50px) 43px);
    clip-path: circle(150% at calc(100% - 50px) 43px);
}

.hamburger-container {
    z-index: 100;
    position: fixed;
    top: 20px;
    right: 25px;
	background-color: #ffffffbf;
    padding: 10px 5px;
}
.hamburger {
	width: 30px;
	height: 20px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	cursor: pointer;
}

.hamburger span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #454545;
	border-radius: 3px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

.hamburger span:nth-child(1) {
	top: 0px;
}

.hamburger span:nth-child(2) {
    top: 8px;
    left: 3px;
}

.hamburger span:nth-child(3) {
	top: 17px;
}

.hamburger.open span:nth-child(1) {
	top: 10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.hamburger.open span:nth-child(2) {
	opacity: 0;
	left: -50px;
}

.hamburger.open span:nth-child(3) {
	top: 10px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media (max-width: 800px) {
    .layout-default .hamburger-wrapper {
        display: block;
    }
    .hamburger-menu {
        left: 0;
    }
}