.ferro-edit-active {
  color: #4F81BD !important;
  background: none !important;
}
.ferro-edit-active:hover {
  color: #4F81BD !important;
}
.ferro-edit-icon-active:hover {
  border: 1px solid #4F81BD;
}
.ferro-edit-icon-active {
  background: #fff !important;
  border-radius: 50%;
  height: 50px;
  line-height: 60px;
  width: 50px;
  border: 1px solid #8ACDFF;
}
.ferro-edit-icon-active i {
  font-size: 24px !important;
}
.ferromenu-controller {
  background: #4F81BD !important;
}
.ferromenu-controller div {
  font-size: 24px !important;
}
.ferromenu-controller:hover {
  background: #4F81BD !important;
}
.ferro-icon i {
  font-size: 24px !important;
}
.ferro-icon:hover {
  background: #4F81BD;
  cursor: pointer;
}
.ferro-icon {
  background: #4F81BD;
  border-radius: 50%;
  height: 50px;
  line-height: 60px;
  width: 50px;
  left: 5px !important;
  position: fixed !important;
  transform: none !important;
  transform: initial !important;
}
.ferro-icon-content {
  width: 100%;
  height: 100%;
}
.ferro-icon:nth-of-type(1) {
  top: 90px !important;
}
.ferro-icon:nth-of-type(3) {
  top: 155px !important;
}
.ferro-icon:nth-of-type(4) {
  top: 220px !important;
}
.ferro-icon:nth-of-type(5) {
  top: 285px !important;
}
.ferro-icon:nth-of-type(6) {
  top: 350px !important;
}
.ferromenu-controller {
  display: none !important;
}
.custom-ferro {
  height: 160px;
  background: rgba(1, 1, 1, 0);
  position: fixed;
  top: 0px;
  display: block;
  width: 100%;
  z-index: -1;
}
.ferro-icon.desktop {
  opacity: 1 !important;
}
.mobile .custom-ferro {
  display: none !important;
}
@media only screen and (max-width: 992px) {
  .ferro-icon:nth-of-type(1) {
    top: 90px !important;
    left: 20px !important;
  }
  .ferro-icon:nth-of-type(3) {
    top: 90px !important;
    left: 85px !important;
  }
  .ferro-icon:nth-of-type(4) {
    top: 90px !important;
    left: 150px !important;
  }
  .ferro-icon:nth-of-type(5) {
    top: 90px !important;
    left: 215px !important;
  }
  .ferro-icon:nth-of-type(6) {
    top: 90px !important;
    left: 280px !important;
  }
  .custom-ferro {
    z-index: 2;
    background: #ffffff;
  }
}
@media only screen and (max-width: 480px) {
  .ferro-icon:nth-of-type(1) {
    left: 0px !important;
  }
  .ferro-icon:nth-of-type(3) {
    left: 65px !important;
  }
  .ferro-icon:nth-of-type(4) {
    left: 130px !important;
  }
  .ferro-icon:nth-of-type(5) {
    left: 195px !important;
  }
  .ferro-icon:nth-of-type(6) {
    left: 260px !important;
  }
}