/* Overlay style */
.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.9);
	z-index:999;
}
/* Overlay closing cross */
.overlay .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../img/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}

/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	height: 100%;	
}
/* Effects */
.overlay-genie {
	background: transparent;
	visibility: hidden;
	opacity:0;o-opacity:0;-webkit-opacity:0;-moz-opacity:0;
	 -webkit-transition: opacity 0.3s 0.2s, visibility 0s 0.6s;
  -moz-transition:opacity 0.3s 0.2s, visibility 0s 0.6s;
  -o-transition: opacity 0.3s 0.2s, visibility 0s 0.6s;
  transition:opacity 0.3s 0.2s, visibility 0s 0.6s;
}

.overlay-genie.open {
	visibility: visible;
	opacity:1;o-opacity: 1;-webkit-opacity:1;-moz-opacity:1;
	-webkit-transition: opacity 0.3s;
  -moz-transition:opacity 0.3s;
  -o-transition:opacity 0.3s;
  transition:opacity 0.3s;
}

.overlay-genie svg {
	position: absolute;
	top: 0;
	left: 0;
}

.overlay-genie .overlay-path {
	fill: rgba(255,255,255,0.9);
	-webkit-fill: rgba(255,255,255,0.9);
  -moz-fill:rgba(255,255,255,0.9);
  -o-fill:rgba(255,255,255,0.9);
}

.overlay-genie nav {
	opacity:0;o-opacity:0;-webkit-opacity:0;-moz-opacity:0;
		-webkit-transition: opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  -moz-transition:opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  -o-transition:opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  transition:opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.overlay-genie .overlay-close {
	opacity:0;o-opacity:0;-webkit-opacity:0;-moz-opacity:0;
	-webkit-transition: opacity 0.3s;
  -moz-transition:opacity 0.3s;
  -o-transition:opacity 0.3s;
  transition:opacity 0.3s;
}
.overlay-genie.open nav,
.overlay-genie.open .overlay-close {
	opacity:1;o-opacity: 1;-webkit-opacity:1;-moz-opacity:1;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	 -o-transition-delay: 0.3s;
}
.overlay-genie.close nav,
.overlay-genie.close .overlay-close {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-moz-transition-delay: 0s;
	 -o-transition-delay: 0s;
}