#mobile {
	display: none;
	position: absolute;
	right: 30px;
	top: 10px;
	width: 44px;
	height: 44px;
	border:2px solid #ffd254;
	background: #fff;
	cursor: pointer;
}

#mb {
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
	top: 8px;
	left: 8px;
}

#mobile span {
	height: 3px;
	width: 24px;
	background: #ffd254;
	position: absolute;
	left: 0;
	top: 5px;
	transition: all .6s cubic-bezier(0.79, 0.52, 0.5, 1.88);
	-webkit-transition: all .6s cubic-bezier(0.79, 0.52, 0.5, 1.88);
	-moz-transition: all .6s cubic-bezier(0.79, 0.52, 0.5, 1.88);
}

#mobile span:nth-of-type(1) {
	top: 15%;
}

#mobile span:nth-of-type(2), #mobile span:nth-of-type(4) {
	top: 50%;
}

#mobile span:nth-of-type(3) {
	top: 85%;
}

#mobile.op span:nth-of-type(1), #mobile.op span:nth-of-type(3) {
	opacity: 0;
}

#mobile.op span:nth-of-type(2) {
	transform: rotateZ(45deg);
}

#mobile.op span:nth-of-type(4) {
	transform: rotateZ(-45deg);
}