.hamburger-menu-wrap {
	display: inline-flex;
	float: right;
	min-height: 26px;
	position: relative;
	align-items: center;
	cursor: pointer;
	z-index: 9999999;
}

.ham-menu {
	width: 35px;
	height: 4px;
	background: #e72264;
	margin-right: 0;
	margin-left: auto;
	transition: all ease .5s;
	position: static;
}

.ham-menu:before,
.ham-menu:after {
	content: '';
	background: inherit;
	position: absolute;
	left: 0;
	transition: all ease .5s;
	width: 35px;
	height: 4px;
}

.ham-menu:before {
	top: 0;
}

.ham-menu:after {
	bottom: 0;
}

.mobile-menu-wrap {
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 102vh;
	transition: all ease .5s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile-menu-wrap:before,
.mobile-menu-wrap:after {
	content: '';
	position: fixed;
	top: 0;
	left: 150%;
	width: 100%;
	height: 100%;
	transition: all ease .5s;
}

.mobile-menu-wrap:before {
	background: #4469ae;
	transform: skew(20deg, 0deg) scale(1.5);
	z-index: 0;
	transition-delay: .3s;
}

.mobile-menu-wrap:after {
	background: #e72264;
	transform: skew(20deg, 0deg) scale(1.5);
	z-index: 1;
}

.opened .mobile-menu-wrap:before {
	left: 0 !important;
	transition-delay: 0s;
}

.opened .mobile-menu-wrap:after {
	left: 0 !important;
	transition-delay: .3s;
}

.opened .ham-menu {
	background: #fff !important;
	transform: rotate(45deg);
}

.opened .ham-menu::before {
	transform: rotate(-90deg);
}

.mobile-menu-list {
	opacity: 0;
	pointer-events: none;
	z-index: 100;
	transition: all ease .5s;
}

.opened .mobile-menu-list {
	opacity: 1 !important;
	pointer-events: inherit !important;
	transition-delay: 1s;
}

.mobile-menu-list ul.navigation {
	flex-direction: column;
}

.mobile-menu-list ul.navigation a.menu-link,
.mobile-menu-list ul.navigation i {
	color: #fff;
	font-size: 18px !important;
}

.mobile-menu-list ul.navigation li.menu-item {
	margin-bottom: 30px;
	transition: all ease .3s;
}

.mobile-menu-list ul.navigation li.menu-item .sub-menu-wrap ul.sub-menu {
	transform: translateX(-30%);
	background-color: #fff !important;
}

.mobile-menu-list ul.navigation li.menu-item .sub-menu-wrap ul.sub-menu a.menu-link {
	color: #000;
}

.mobile-menu-list ul.navigation li.menu-item .sub-menu-wrap ul.sub-menu a.menu-link {
    font-size: 14px !important;
}

.mobile-menu-list ul.navigation li.menu-item .sub-menu-wrap ul.sub-menu  li.menu-item {
    margin-bottom: 10px !important;
}

.mobile-menu-wrap {
    pointer-events: none;
}

.opened .mobile-menu-wrap {
    pointer-events: inherit;
}