body {
  margin: 0;
  padding: 0;
}
.container {
  color: #fff;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  height: 66px;
  position: relative;
  width: 100%;
  background-image: url("../img/gus/bg-strip.jpg");
  background-repeat: repeat-x;
  z-index: 16;
  transition: height 0.2s ease-out;
  z-index: 200000;
  line-height: 1;
  border-bottom: solid 2px #dedede;
  background-color: #f5f5f5;
}

.row {
  color: #fff;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  height: 62px;
  margin: 0 auto;
  position: relative;
  max-width: 913px;
}
.nav {
  color: #fff;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  height: 62px;
  text-align: center;
  align-items: center;
  display: flex;
}
.nav-item {
  color: #fff;
  list-style: none;
  border: 0;
  font-size: 100%;
  font: inherit;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  float: left;
  padding: 9px 0 8px 0;
  vertical-align: middle;
  box-shadow: 0 0 7px 1px #666666;
  /* box-shadow: 0 0 6px 10px #f5f5f5; */
  margin: 0;
  border-right: 0;
  border-left: 0;
  background-color: #fff;
}
.nav-img-link {
  color: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.img-bounce {
  color: #fff;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  height: auto;
}

.gus-promotion-wrapper:hover li.gus-promotion a:not(:hover) {
  opacity: 0.2;
}
.gus-promotion-wrapper {
  display: flex;
  justify-content: space-around;
}
.nav-img-link img {
  padding: 0 3px;
}
nav {
  color: #fff;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  display: block;
  background: #fff;
  border-bottom: 2px solid #f0f0f0;
  height: 87px;
  width: 100%;
  z-index: 10;
}
.nav-container {
  color: #fff;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  background: transparent url("../images/content_bg.png") left top;
  background-size: 100% 1px;
  display: block;
  margin: 0 auto;
  width: 100%;
  overflow: visible;
  max-width: 895px;
}
.nav-container ul {
  color: #fff;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: visible;
}
.nav-container ul li {
  color: #fff;
  list-style: none;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  float: left;
  height: 87px;
  margin: 0;
  overflow: visible;
  position: relative;
  width: 14.28571%;
}
.nav-container ul li a {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  background: #fff;
  float: left;
  height: 87px;
  width: 100%;
  transition: background-color 0.3s;
  transition-timing-function: ease-out;
}
.nav-container ul li a.active {
  background-color: #919191;
}
.nav-container ul li a.active span {
  color: #fff;
}
.nav-container ul li a:hover span {
  color: #fff;
}

.nav-container ul li a span {
  list-style: none;
  -webkit-tap-highlight-color: transparent;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500;
  display: block;
  font-size: 87.5%;
  margin: 7px auto;
  opacity: 1;
  position: relative;
  text-align: center;
  color: #919191;
}
.nav-container ul li a:after {
  content: " ";
  height: 6px;
  left: 0;
  position: absolute;
  bottom: -6px;
  width: 100%;
  z-index: 1;
  background-color: #919191;
}
.nav-container ul li.explore a:after,
.nav-container ul li.explore a:hover {
  background-color: #e3350d;
}
.nav-container ul li.watch a:after,
.nav-container ul li.watch a:hover {
  background-color: #ee6b2f;
}
.nav-container ul li.play a:after,
.nav-container ul li.play a:hover {
  background-color: #e6bc2f;
}
.nav-container ul li.attend a:after,
.nav-container ul li.attend a:hover {
  background-color: #4dad5b;
}
.nav-container ul li.trade a:after,
.nav-container ul li.trade a:hover {
  background-color: #30a7d7;
}
.nav-container ul li.game a:after,
.nav-container ul li.game a:hover {
  background-color: #1b53ba;
}
.nav-container ul li.game a:after {
  border-radius: 0 0 8px 0;
}
.nav-container ul li.home a:after {
  border-radius: 0 0 0 8px;
}
.nav-item.last {
  margin-right: 10px;
}