@charset "UTF-8";
/* CSS Document */

#overviewLink {
	display: block;
	position: absolute;
	bottom: 30px;
	left: 49px;
	width: 32px;
	height: 50px;
	cursor: pointer;
	-webkit-transition: left 0.3s;
	-moz-transition: left 0.3s;
	-o-transition: left 0.3s;
	transition: left 0.3s;
}
.overviewLinkArrow {
	left: 46px !important;
}
#menuIcon {
	display: block;
	position: relative;
	left: 0 !important;
	bottom: 0 !important;
	width: 32px;
	height: 50px;
	overflow: visible;
}
#menuIcon:hover .strokes {
	background-color: darkorange;
}
#menuIcon .strokes {
	display: block;
	position: absolute;
	width: 32px;
	height: 10px;
	background-color: #252525;
	-webkit-transition-property: top, transform, width, left;
	-moz-transition-property: top, transform, width, left;
	-o-transition-property: top, transform, width, left;
	transition-property: top, transform, width, left;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
#topStroke {
	top: 0;
	left: 0;
}
.topStrokeCross {
	top: 25px !important;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#middleStroke {
	top: 20px;
	left: 0;
}
.middleStrokeCross {
	width: 10px !important;
	left: 25px !important;
	opacity: 1 !important;
}
#bottomStroke {
	top: 40px;
	left: 0;
}
.bottomStrokeCross {
	top: 15px !important;
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	-o-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}