/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #e9e9eb;
	padding:20px;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../includes.img/menu-close.jpg) no-repeat center right;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 50002;
}

/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 0%;
	height: 100%;
	background-color:#FFFFFF;
}

/* Effects */
.overlay-scale {
z-index:5001;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}

.overlay-scale.open {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);	
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

@media screen and (max-height: 30.5em) {


}
.menu-icon{ position:fixed; z-index:5000; right:30px; top:30px;}
.menu-logo{ position:absolute; z-index:5000; left:27px; top:27px;}
.menu-pages{ position:fixed; z-index:4999; right:29px; top:29px; background-color:#FFFFFF; padding-right:51px; padding:14px; padding-right:65px;  font-family:itc, Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; text-decoration:none;}
button{ background:none; border:none; padding:0px; margin:0px; cursor:pointer;}
.menu-rows{ height:50%; }
.menu-columns{ height:100%; padding:0px; overflow:hidden; }

/* Gray Scale */
.menu-columns {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.menu-columns:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

p.menu-p{ height:100%; line-height:277px; margin:0px; padding:0px; }
a.menu-link { vertical-align:middle; color:#ffffff; font-family:itc, Arial, Helvetica, sans-serif; font-size:25px; text-transform:uppercase; text-decoration:none; }


@media only screen and (max-width : 640px) {
.menu-rows{ height:25%; }
.menu-columns{ height:100%; padding:0px; overflow:hidden; }
p.menu-p{ height:100%; line-height:27px; margin:0px; padding:0px; }
}	
		
		.sky {
			height:800px;
			width:100%;
			background:none;
			position:relative;
			overflow:hidden;
			-webkit-animation:sky_background 50s ease-out infinite;
			-moz-animation:sky_background 50s ease-out infinite;
			-o-animation:sky_background 50s ease-out infinite;
			-webkit-transform:translate3d(0,0,0);
			-moz-transform:translate3d(0,0,0);
			-o-transform:translate3d(0,0,0);
			opacity: 0.2;
		}
		
		
		
		
		.clouds_one {
			background:url(../includes.img/cloud_one.png);
			position:absolute;
			left:0;
			top:0;
			height:100%;
			width:300%;
			-webkit-animation:cloud_one 50s linear infinite;
			-moz-animation:cloud_one 50s linear infinite;
			-o-animation:cloud_one 50s linear infinite;
			-webkit-transform:translate3d(0,0,0);
			-moz-transform:translate3d(0,0,0);
			-o-transform:translate3d(0,0,0)
		}
		
		.clouds_two {
			background:url(../includes.img/cloud_two.png);
			position:absolute;
			left:0;
			top:0;
			height:100%;
			width:300%;
			-webkit-animation:cloud_two 75s linear infinite;
			-moz-animation:cloud_two 75s linear infinite;
			-o-animation:cloud_two 75s linear infinite;
			-webkit-transform:translate3d(0,0,0);
			-moz-transform:translate3d(0,0,0);
			-o-transform:translate3d(0,0,0)
		}
		
		.clouds_three {
			background:url(../includes.img/cloud_three.png);
			position:absolute;
			left:0;
			top:0;
			height:100%;
			width:300%;
			-webkit-animation:cloud_three 100s linear infinite;
			-moz-animation:cloud_three 100s linear infinite;
			-o-animation:cloud_three 100s linear infinite;
			-webkit-transform:translate3d(0,0,0);
			-moz-transform:translate3d(0,0,0);
			-o-transform:translate3d(0,0,0)
		}
		
		@-webkit-keyframes sky_background {
			0% {
				background:none;
			}
			
			50% {
				background:none;
			}
			
			100% {
				background:none;
			}
		}
		
		@-webkit-keyframes moon {
			0% {
				opacity: 0;
				left:-200%
				-moz-transform: scale(0.5);
  				-webkit-transform: scale(0.5);
			}
			
			50% {
				opacity: 1;
				-moz-transform: scale(1);
				left:0%
				bottom:250px;
  				-webkit-transform: scale(1);
			}
		
			100% {
				opacity: 0;
				bottom:500px;
				-moz-transform: scale(0.5);
  				-webkit-transform: scale(0.5);
			}
		}
		
		@-webkit-keyframes cloud_one {
			0% {
				left:0
			}
		
			100% {
				left:-200%
			}
		}
		
		@-webkit-keyframes cloud_two {
			0% {
				left:0
			}
		
			100% {
				left:-200%
			}
		}
		
		@-webkit-keyframes cloud_three {
			0% {
				left:0
			}
		
			100% {
				left:-200%
			}
		}
		
		@-moz-keyframes sky_background {
			0% {
				background:#007fd5;
				color:#007fd5
			}
			
			50% {
				background:#000;
				color:#a3d9ff
			}
			
			100% {
				background:#007fd5;
				color:#007fd5
			}
		}
		
		@-moz-keyframes moon {
			0% {
				opacity: 0;
				left:-200%
				-moz-transform: scale(0.5);
  				-webkit-transform: scale(0.5);
			}
			
			50% {
				opacity: 1;
				-moz-transform: scale(1);
				left:0%
				bottom:250px;
  				-webkit-transform: scale(1);
			}
		
			100% {
				opacity: 0;
				bottom:500px;
				-moz-transform: scale(0.5);
  				-webkit-transform: scale(0.5);
			}
		}
		
		@-moz-keyframes cloud_one {
			0% {
				left:0
			}
		
			100% {
				left:-200%
			}
		}
		
		@-moz-keyframes cloud_two {
			0% {
				left:0
			}
		
			100% {
				left:-200%
			}
		}
		
		@-moz-keyframes cloud_three {
			0% {
				left:0
			}
		
			100% {
				left:-200%
			}
		}