@charset "UTF-8";
/* ==================== header ==================== */
@media screen and (max-width: 1079px) {
	header h1 img {
		width: auto;
		height: 36px;
	}
	header > div nav {
		height: auto; /* reset */
		left: 0;
		position: fixed;
		top: -500px;
		-moz-transition: 1.0s ease-in-out;
		-webkit-transition: 1.0s ease-in-out;
		transition: 1.0s ease-in-out;
		width: 100%;
		z-index: 2;
	}
	header > div nav ul li {
		width: auto; /* reset */
	}
	header > div nav ul li a {
		color: #FFF;
		display: block;
		width: 100%;
	}
}
/* ==================== #toggle ==================== */
#toggle {
	background: #149;
	background: -moz-linear-gradient(left,  #149 0%, #A10 100%);
	background: -webkit-linear-gradient(left,  #149 0%,#A10 100%);
	background: linear-gradient(to right,  #149 0%,#A10 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#149', endColorstr='#A10',GradientType=1 );
	border: 1px solid #FFF;
	cursor: pointer;
	display: none;
	height: 40px;
	padding: 9px 7px;
	position: fixed;
    right: 6%;
	top: 10px;
	width: 40px;
	z-index: 3;
}

@media screen and (max-width: 1079px) {
#toggle {
	display: block; /* reset */
}
}
#toggle div {
	position: relative;
}
#toggle div span {
	background: #FFF;
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	-moz-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	width: 100%;
}
#toggle div span:nth-child(1) {
	top: 0;
}
#toggle div span:nth-child(2) {
	top: 9px;
}
#toggle div span:nth-child(3) {
	top: 18px;
}

/* ==================== header.open ==================== */
@media screen and (max-width: 1079px) {
header.open #toggle div span:nth-child(1) {
	top: 10px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
header.open #toggle div span:nth-child(2) {
	width: 0;
	left: 50%;
}
header.open #toggle div span:nth-child(3) {
	top: 10px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
header.open > div nav {
	-moz-transform: translateY(500px);
	-webkit-transform: translateY(500px);
	transform: translateY(500px);
}
}