.AjaxNaviLauncher { text-align: right; }
.NaviCanvas {
	position: fixed;
	z-index: 800;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	transition: all 500ms;
	background: rgba(255,255,255,0.8);
	color: #ccc;
	text-align: left;
	width: 100%;
	height: 100%;
	overflow: auto;
}
.NaviCanvas a {
	display: block;
	color: #fff;
	width: 94%;
	padding: 15px 3%;
	font-size: 18px;
	line-height: 100%;
	border-bottom: 1px solid #000;
	position: relative;
}
.NaviCanvas a:active {
	background-color: #2b2a2a;
	color: #000;
}
.NaviCanvas a.selected,
.NaviCanvas a.open {
	color: #fff;
	text-decoration: none;
	background: rgb(205, 19, 25);
}
.NaviCanvas a.isMother:after {
	content: 'â–º';
	position: absolute;
	right: 10px;
}

.NaviCanvas .container {
	position: fixed;
	z-index: 800;
	width: 80%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all 500ms;
	background-color: #333;
	color: #ccc;
	text-align: left;
	overflow: auto;
	animation: fade-in 400ms;
}
@keyframes fade-in {
	0% {transform: translateX(-100%);}
	100% {transform: translateX(0);}
}
.NaviCanvas .container.sub div.link:last-of-type { padding-bottom: 70px; }
.NaviCanvas button {
	box-sizing: content-box;
	border: none;
	font: inherit;
	padding: 0;
	margin: 0;
	background: none;
}

.NaviCanvas .container .sub.close {
	position: fixed;
	bottom: 0;
	width: 80%;
	background: rgb(205, 19, 25);
	color: #fff;
	padding: 10px 0;
}
.NaviCanvas .container .sub.close:before {
	content: 'â—€';
	position: absolute;
	left: 10px;
	font-size: 22px;
}
.NaviCanvas button.exit {
	position: absolute;
	top: 5vw;
	right: 5vw;
	width: 10vw;
	height: 10vw;
}
.NaviCanvas button.exit:before,
.NaviCanvas button.exit:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	background: rgb(205, 19, 25);
	width: 100%;
	height: 3px;
	transform-origin: 50% 50%;
}
.NaviCanvas button.exit:before {
	transform: rotate(-45deg);
}
.NaviCanvas button.exit:after {
	transform: rotate(45deg);
}


.AjaxNaviLauncher button {
	font-size: 24px;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	transition: all 500ms;
	background-color: rgba(0,0,0,0);
	height: 32px;
}
.AjaxNaviLauncher button:after {
	content: url('../../../../images/icons/navigation.png');
	height: 24px;
	width: 24px;
	display: inline-block;
	
	line-height: 100%;
	padding: 4px;
	position: relative;
	margin: 0;
	margin-left: 10px;
	border-radius: 1px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
	vertical-align: middle;
}
.AjaxNaviLauncher.open button {
	position: fixed;
	top: 0;
	right: 0;
	width: 25%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
}
.AjaxNaviLauncher.open button:after { margin: 10px 0 0; }

@media all and (max-width: 450px) { .AjaxNaviLauncher button { font-size: 16px; } }