.mainmenu nav > div > div > ul > li > a {
  transition: all 300ms ease;
  position: relative;
}
.mainmenu nav > div > div > ul > li > a:before {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  background: #11A7BE;
  top: 0;
  left: auto;
  right: 0;
  z-index: -1;
  transition: all 600ms ease;
}
.mainmenu nav > div > div > ul > li > a:hover {
  color: white;
  box-shadow: none;
}
.mainmenu nav > div > div > ul > li:hover > a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: all 600ms ease;
}