#circle-menu{width: 40px;
  height: 40px;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;}
#circle-menu .menu-button{opacity:0;z-index:-1}
#circle-menu .menu-button{width: 40px;
  height: 40px;
  position: absolute;
  border-radius: 50%;
  background: #4D95C4;
  overflow: hidden;
  text-decoration: none;
  line-height: 37px;
  color: #fff;text-align: center;
  font-size: 19px;}
#circle-menu:not(.target)>a:first-of-type,#circle-menu.target>a:last-of-type{opacity:1;z-index:1}
#circle-menu:not(.target)>.icon-plus:before,#circle-menu.target>.icon-minus:before{opacity:1}
.menu-item{width: 38px;
  height: 38px;
  position: absolute;
  line-height: 36px;
  top:1px;
  left:1px;
  margin: 0;
  border-radius: 50%;
  background-color: #ED7C27;
  transform: translate(0px,0px);
  transition: transform 500ms;
  z-index: -2;
  transition: .5s;
  padding: 0;text-align: center;
  overflow: hidden;}
.menu-item:hover{box-shadow:0 0px 5px #c1a1a1}
.menu-item a{color:#fff;position:relative;left:0;text-decoration:none;padding: 0;font-size: 18px;}
#circle-menu.target>.menu-item:nth-child(6){transform:rotate(60deg) translateY(-150px) rotate(300deg);transition-delay:0}
#circle-menu.target>.menu-item:nth-child(5){transform:rotate(-0deg) translateX(-150px) rotate(-0deg);transition-delay:.1s}
#circle-menu.target>.menu-item:nth-child(3){transform:rotate(0deg) translateX(-100px) rotate(00deg);transition-delay:.2s}
#circle-menu.target>.menu-item:nth-child(4){transform:rotate(0deg) translateX(-50px) rotate(0deg);transition-delay:.3s}