@charset "UTF-8";

@media screen and (max-width: 768px){

/* hamburger */
#nav-toggle {
	display: block;
	position: relative;
	width: 11px;
	height: 32px;
	cursor: pointer;
	padding: 9px 10px;
	z-index: 9999;
	margin-top: 0;
}
#nav-toggle span {
	display: block;
	position: absolute;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #000;
	zoom: 1;
	transition: .2s ease-in-out;
}

#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 10px;
}
#nav-toggle span:nth-child(3) {
	top: 20px;
}

.open #nav-toggle span:nth-child(1) {
	top: 10px;
	transform: rotate(-135deg);
	zoom: 1;
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 10px;
	transform: rotate(135deg);
	zoom: 1;
}

.open #nav-toggle {
	background: transparent;
}
.open #nav-toggle span {
	background: #FFF !important;
}

	/* nav-list */
	.open #globalNav {
		z-index: 1000;
		visibility: visible;
		opacity: 1;
		transition: all .1s ease-out;
		transition-delay: .1s;
	}

	/* menu */
	#nav-bg {
		content: "";
		display: block;
		position: fixed;
		transition: all .3s ease-out;
		backface-visibility: hidden;
	}
	.open #nav-bg {
		transform: scale(1);
		transition: all .3s ease-out;
		background-color: rgba(0,0,0,0.85);
		width: 4000px;
		height: 4000px;
		margin-right: -2000px;
		margin-top: -2000px;
		top: 0px;
		right: 0px;
		z-index: 10;
	}

	#globalNav {
		visibility: hidden;
		position: fixed;
		top: 0;
		left:0;
		width: 100%;
	}
	#globalNav .bar{

	}
	#nav-toggle {
		position: fixed;
		right:24px !important;
		top: 24px;
	}

	.menuList {
		width:50%;
		margin: auto;
		border-bottom:none;
		position: relative;
		left:0 !important;
		padding-top: 50px;
	}
	.main-menu {
		position:relative;
		cursor:pointer;
		font-size: 1.125em;
		font-family: "minion-pro", serif !important;
		font-weight: 400;
		color:#FFF !important;
	}
	.main-menu a {
		color:#FFF !important;
		text-decoration:none;
	}

	.sub-menu {
		display:none;
	}
	.sub-menu li a {
		display:block;
		padding:10px 18px 10px 30px;
		color:#FFF !important;
		text-decoration:none;
	}


}