/*FLOATING MENU*/
.navigation-bottom-mobile {
    position: fixed;
    width: 100%;
    z-index: 10;
    bottom: 20px;
    /* padding-bottom: 65px; */
}
.navigation-bottom-mobile .navigation-bottom-group {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 5px 15px;
    background: #fff;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
}

.navigation-bottom-mobile .navigation-bottom-group .navigation-bottom-element {
    background: transparent;
    color: #fff;
    border: 0 !important;
    outline: none !important;
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.navigation-bottom-mobile .navigation-bottom-group .navigation-bottom-element .text-navigation {
    padding-top: 7px;
    color: #8d8d8d;
}

.navigation-bottom-mobile .navigation-bottom-group .navigation-bottom-element .icon-navigation {
    color: #E7ECF1;
    font-size: 24px;
}

.navigation-bottom-mobile .navigation-bottom-group .navigation-bottom-element.active .text-navigation,
.navigation-bottom-mobile .navigation-bottom-group .navigation-bottom-element.active .icon-navigation {
    color: #57b0db !important;
    font-weight: 600;
}
.floatbar-container {
  /* position: absolute; */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.floating-main-menu {
  display: flex;
  flex-grow: 1;
  height: 60px;
  max-width: 320px;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 0 1px 0 rgba(221, 199, 143, 1), 0 5px 20px 0 rgba(214, 193, 139, 0.6);
}

.menu-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  text-decoration: none;
}
.menu-item:focus, .menu-item:hover {
  outline: none;
}
.menu-item:focus .material-icons, .menu-item:hover .material-icons {
  font-family: "Material Icons";
  color: #886F6F;
}
.menu-item:focus .menu-item-label, .menu-item:hover .menu-item-label {
  color: #886F6F;
}

.material-icons {
  display: block;
  font-size: 20px !important;
  transition: 0.25s ease;
}

.menu-item-label {
  display: block;
  font-size: 10px;
  transition: 0.25s ease;
}