nav#primary-nav-desktop > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: right;
}

nav#primary-nav-desktop > ul > li {
  display: inline-block;
}

nav#primary-nav-desktop > ul > li > a {
  display: block;
  height: 100px;
  line-height: 100px;
  text-decoration: none;
  color: #545454;
  font-size: 14px;
  position: relative;
  padding: 0 15px;
  font-weight: bold;
}

nav#primary-nav-desktop > ul > li:last-child > a {
  padding-right: 0;
}

nav#primary-nav-desktop > ul > li > a::after {
  content: '';
  display: block;
  margin-top: -35px;
  width: 0;
  height: 2px;
  background: #706fd3;
  transition: width .3s;
}

nav#primary-nav-desktop > ul > li > a:hover::after {
  width: 100%;
}

nav#primary-nav-desktop > ul > li > a > i {
  margin-left: 5px;
}

nav#primary-nav-desktop > ul > li > a > span.menu-alert {
  background: #706fd3;
  position: absolute;
  display: block;
  top: 20px;
  right: 10px;
  line-height: 16px;
  font-size: 9px;
  padding: 2px 5px;
  border-radius: 4px;
  color: #ffffff;
}

nav.submenu-nav-desktop-wrapper {
  position: absolute;
  width: 100%;
  left: 0;
  display: none;
}

nav.submenu-nav-desktop-wrapper .container {
  position: relative;
}

nav.submenu-nav-desktop-wrapper div.submenu-nav-desktop {
  background: #ffffff;
  box-shadow: 0 -4px 30px -10px rgba(28,27,126,.15);
  border-radius: 5px;
  border: 10px #ffffff solid;
  margin: 0 -15px;
  padding: 30px;
  z-index: 99999;
  position: absolute;
  width: 100%;
  text-align: left;
  display: block;
}

nav#primary-nav-desktop > ul > li:hover nav.submenu-nav-desktop-wrapper {
  display: block;
}

nav.submenu-nav-desktop-wrapper div.submenu-nav-desktop > ul {
  padding: 0;
  list-style: none;
  width: 100%;
  columns: 4;
}

nav.submenu-nav-desktop-wrapper div.submenu-nav-desktop > ul > li > a {
  display: block;
  color: #212121;
  text-decoration: none;
  line-height: 40px;
  font-weight: bold;
}

nav.submenu-nav-desktop-wrapper div.submenu-nav-desktop > ul > li > a:hover {
  color: #706fd3;
}