﻿#myHamburger {
	width: 30px;
	height: 22px;
	position: relative;
	/*margin: 50px auto;*/
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	position: absolute;
	right: 80px;
	top: 22px;
	visibility: hidden;
}



/* myHamburger */

#myHamburger {
}

	#myHamburger span {
		display: block;
		position: absolute;
		height: 3px;
		width: 50%;
		background: white;
		opacity: 1;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

		#myHamburger span:nth-child(even) {
			left: 50%;
			border-radius: 0 9px 9px 0;
		}

		#myHamburger span:nth-child(odd) {
			left: 0px;
			border-radius: 9px 0 0 9px;
		}

		#myHamburger span:nth-child(1), #myHamburger span:nth-child(2) {
			top: 0px;
		}

		#myHamburger span:nth-child(3), #myHamburger span:nth-child(4) {
			top: 8px;
		}

		#myHamburger span:nth-child(5), #myHamburger span:nth-child(6) {
			top: 16px;
		}

	#myHamburger.open span:nth-child(1), #myHamburger.open span:nth-child(6) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#myHamburger.open span:nth-child(2), #myHamburger.open span:nth-child(5) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#myHamburger.open span:nth-child(1) {
		left: 5px;
		top: 7px;
	}

	#myHamburger.open span:nth-child(2) {
		left: calc(50% - 5px);
		top: 7px;
	}

	#myHamburger.open span:nth-child(3) {
		left: -50%;
		opacity: 0;
	}

	#myHamburger.open span:nth-child(4) {
		left: 100%;
		opacity: 0;
	}

	#myHamburger.open span:nth-child(5) {
		left: 5px;
		top: 13px;
	}

	#myHamburger.open span:nth-child(6) {
		left: calc(50% - 5px);
		top: 13px;
	}
