@charset "utf-8";

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
#lean_overlay.open{
	display: block;
	animation: open-backdrop .2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s forwards;
}
.modal{
	display: none;
	width: 100%;
	height: 100%;
}
.modal-inner{
	display: table;
	height: 100%;
	width: 100%;
}
.modal-menu{
	margin-top: -110px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	opacity: 0;
}
.modal-menu__logo{
	position:relative;
	width: 164px;
	display: inline-block;
	margin-bottom: 20px;
}
.modal-menu__logo img{
	width: 100%; height: auto;
}
.modal-menu__list{
	position: relative;
	width: 14em;
	margin:0 auto;
	padding: 10px 0;
}

.modal-menu__list li{
	display: block;
	position: relative;
}
.modal-menu__list li::before{
	content: "";
	height: 1px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #252222;
	transform: scaleX(0.1);
	transform-origin: left;
}
.modal-menu__list li:last-child::after{
	content: "";
	height: 1px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color: #252222;
	transform: scaleX(0.1);
	transform-origin: left;
}
.modal-menu__list li a {
	color: #FFF;
	display: inline-block;
	font-family: 'Quicksand', sans-serif;
	font-size: 1.1em;
	line-height: 1;
	padding: 1.5em 0;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	letter-spacing: 0.15em;
	width: 100%;
	position: relative;
}
.modal-menu__list li a::before{
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #252222;
	transform: scale(0, 1.02);
	transition: transform .2s;
	transform-origin: left;
	z-index: -1;
}
.modal.animated .modal-menu{
	animation: open-animation .6s cubic-bezier(0.075, 0.82, 0.165, 1) .2s forwards;
}
.modal.animated .modal-menu__list li::before{
	animation: line-animation 1.2s cubic-bezier(0.645, 0.045, 0.355, 1) .0s forwards;
}
.modal.animated .modal-menu__list li::after{
	animation: line-animation 1.2s cubic-bezier(0.645, 0.045, 0.355, 1) .0s forwards;
}
.modal-menu__list li a:hover::before {
	transform: scale(1, 1.02);
}
@keyframes open-backdrop{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 0.92;
	}
}
@keyframes open-animation{
	0%{
		transform: scale(1.2) rotate(0.1deg);
		opacity: 0;
	}
	100%{
		transform: scale(1.0) rotate(0deg);
		opacity: 1;
	}
}
@keyframes line-animation{
	0%{
		transform: scale(0.1, 0.999);
	}
	100%{
		transform: scale(1, 0.999);
	}
}