@charset "utf-8";
.circle,.ring{height:120px;position:relative;width:120px;}
.circle{margin:0px auto 0 auto;}
.ring{background-color:rgba(0,0,0,0.5);border-radius:50%;opacity:0;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0.1) rotate(-270deg);-moz-transform:scale(0.1) rotate(-270deg);-transform:scale(0.1) rotate(-270deg);-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.open .ring{opacity:1;-webkit-transform:scale(1) rotate(0);-moz-transform:scale(1) rotate(0);-transform:scale(1) rotate(0);}
.center{background-color:rgba(200,250,200,0.3);border-radius:50%;border:2px solid #aaeeaa;bottom:0;color:#aaeeaa;height:40px;left:0;line-height:40px;margin:auto;position:absolute;right:0;text-align:center;top:0;width:40px;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.open .center{border-color:rgba(200,250,200,0.3);color:rgba(200,250,200,0.5);}
.menuItem{border-radius:50%;color:#eeeeee;display:block;height:35px;line-height:35px;margin-left:-20px;margin-top:-20px;position:absolute;text-align:center;width:35px;}
a.menuItem{color:white;text-decoration:none;outline:0;}
a.center{color:#aaeeaa;text-decoration:none;outline:0;}