* { margin: 0px; padding: 0px; }

#view-code{
  color:#000;
  font-size:13px;
  text-transform:uppercase;
  font-weight:700;
  text-decoration:none;
  position:absolute;top:640px; left:50%;margin-left:-35px;
}





.outer-circle{
    position: fixed;
    right: 0px;
    width: 320px;
    height: 600px;
    overflow: hidden;
}

div.circle{
	border-radius: 50%;
	width: 0px;
	height: 0px;
	position:fixed;
	z-index:9990;
	top: 50px;
	right: 9%;
	background:#fff;
	opacity:1;
	-webkit-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
div.circle.expand{
	width:4800px;
	height:4800px;
	top: -2240px;
	right: -2240px;
	-webkit-transition: all 1s cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 1s cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 1s cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 1s cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 1s cubic-bezier(0.000, 0.995, 0.990, 1.000);

}

nav.menu {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px; left: 0px;
}
nav.menu ul li {
	list-style: none;
	position:Fixed;
	z-index:9990;
	top:50px;
	left:0;
	opacity:0;
	width:100%;
	text-align:center;
	font-size:0px;
	-webkit-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
nav.menu ul li a {
	color:#000000;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:3px;
	padding:15px 0;
}

nav.menu li.animate{
	font-size:18px;
	opacity:1;
	-webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
nav.menu li.animate:nth-of-type(1){
	top:60px;
	transition-delay: 0.0s;
}
nav.menu li.animate:nth-of-type(2){
	top:120px;
	transition-delay: 0.03s;

}
nav.menu li.animate:nth-of-type(3){
	top:180px;
	transition-delay: 0.06s;

}
nav.menu li.animate:nth-of-type(4){
	top:240px;
	transition-delay: 0.09s;

}
nav.menu li.animate:nth-of-type(5){
	top:300px;
	transition-delay: 0.12s;

}
nav.menu li.animate:nth-of-type(6){
	top:360px;
	transition-delay: 0.15s;

}
nav.menu li.animate:nth-of-type(7){
	top:420px;
	transition-delay: 0.18s;
}
nav.menu li.animate:nth-of-type(8){
	top:480px;
	transition-delay: 0.18s;
}
nav.menu li.animate:nth-of-type(9){
	top:540px;
	transition-delay: 0.18s;
}