.mainmenu {
  position: relative;
  z-index: 201;
  top:7px;
  left: -10px;
}
.mainmenu ul {
  padding: 0;
  margin: 0;
  display: table;
  width:100%;
}
.mainmenu ul > li {
  list-style: none;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 7px 10px;
}
.mainmenu ul > li:hover {
    background: #f6bc01;
  /* var secondary */
}
.mainmenu > ul > li:last-child {
    margin-right: 0;
    max-width: 80px;
}
.mainmenu li a {
  color: #201f1f;
  /* var text-color */
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
.mainmenu li .submenu-icon {
  font-size: 18px; 
  padding: 1px 0 1px 4px;
}
.mainmenu li:hover > a {
  text-decoration: none;
  color: #201f1f;
  /* var base */
}
.mainmenu li > .submenu-wrap {
  text-align: left;
  min-width: 240px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 4;
  top: 36px;
  left: 0;
  z-index: 150;
  background: #eaeaea;
  /* var gray-light */
  box-shadow: 0px 2px 4px 0px #aaa;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.mainmenu ul li:hover > .submenu-wrap {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.mainmenu ul li .submenu-wrap > ul {
}
.mainmenu ul li ul > li {
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
}
.mainmenu ul li ul > li:hover {
  background: transparent;  
}

.mainmenu ul li ul > li > a {
  font-size: 14px;
  font-weight: 400;
  padding: 10px 10px;
  display: block;
  background: transparent;
  -webkit-transition: background-color 0.2s ease, color 0.3s ease;
  -moz-transition: background-color 0.2s ease, color 0.3s ease;
   -o-transition: background-color 0.2s ease, color 0.3s ease;
  transition: background-color 0.2s ease, color 0.3s ease; 
}
.mainmenu ul li ul > li.live > a {
    color:#e32726;
}
.mainmenu ul li ul > li > a:hover {
  color: #f6bc01;
  /* var text-color */
  background: #697078;
  /* var gray-dark */
}