.fluid-nav {
  margin-top: 20px;
  font-size: 0;
  font-weight: bold; }

ul.fluid-nav {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px; }

ul.fluid-nav:after {
  background-color: #2C77B7; }

ul.fluid-nav li {
  display: inline-block;
  background-color: #B3B3B3;
  color: #231F49;
  font-size: 15px;
  padding: 10px 20px;
  border-top-right-radius: 25px;
  margin-right: -25px;
  padding-right: 25px;
  position: relative;
  padding-left: 45px;
  cursor: pointer; }

ul.fluid-nav li:nth-child(0) {
  background-color: #E6E6E6;
  z-index: 9; }

ul.fluid-nav li:nth-child(1) {
  background-color: #B3B3B3;
  z-index: 8; }

ul.fluid-nav li:nth-child(2) {
  background-color: #CCCCCC;
  z-index: 7; }

ul.fluid-nav li:nth-child(3) {
  background-color: #E6E6E6;
  z-index: 6; }

ul.fluid-nav li:nth-child(4) {
  background-color: #B3B3B3;
  z-index: 5; }

ul.fluid-nav li:nth-child(5) {
  background-color: #CCCCCC;
  z-index: 4; }

ul.fluid-nav li:nth-child(6) {
  background-color: #C5C5C5;
  z-index: 3; }

ul.fluid-nav li:nth-child(7) {
  background-color: #E6E6E6;
  z-index: 2; }

ul.fluid-nav li:nth-child(8) {
  background-color: #CCCCCC;
  z-index: 1; }

ul.fluid-nav li.active {
  background-color: #2C77B7;
  color: #FFF; }

ul.fluid-nav li:hover {
  background-color: #2C96D3;
  color: #FFF; }

.fluid-content {
  padding-top: 20px;
  padding-bottom: 20px; }

ul.fluid-nav.fluid-nav-red li {
  border-top-right-radius: 0px !important;
  color: #FFFFFF !important; }

ul.fluid-nav.fluid-nav-red li:nth-child(1) {
  background-color: #777777 !important; }

ul.fluid-nav.fluid-nav-red li:nth-child(2) {
  background-color: #808080 !important; }

ul.fluid-nav.fluid-nav-red li:nth-child(3) {
  background-color: #868686 !important; }

ul.fluid-nav.fluid-nav-red li:nth-child(4) {
  background-color: #a0a0a0 !important; }

ul.fluid-nav.fluid-nav-red li:nth-child(5) {
  background-color: #b9b9b9 !important; }

ul.fluid-nav.fluid-nav-red li.active {
  background-color: #c1272d !important;
  color: #FFF !important; }

ul.fluid-nav.fluid-nav-black li {
  border-top-right-radius: 0px !important;
  color: #FFFFFF !important; }

ul.fluid-nav.fluid-nav-black li:nth-child(1) {
  background-color: #777777 !important; }

ul.fluid-nav.fluid-nav-black li:nth-child(2) {
  background-color: #808080 !important; }

ul.fluid-nav.fluid-nav-black li:nth-child(3) {
  background-color: #868686 !important; }

ul.fluid-nav.fluid-nav-black li:nth-child(4) {
  background-color: #a0a0a0 !important; }

ul.fluid-nav.fluid-nav-black li:nth-child(5) {
  background-color: #b9b9b9 !important; }

ul.fluid-nav.fluid-nav-black li.active {
  background-color: #231f20 !important;
  color: #FFF !important; }

.fluid-nav-yellow ul.fluid-nav {
  border-bottom: solid 15px #f5c01a !important; }

.fluid-nav-yellow ul.fluid-nav li {
  border-top-right-radius: 0px !important;
  color: #FFFFFF !important; }

.fluid-nav-yellow ul.fluid-nav li:nth-child(1) {
  background-color: #777777 !important; }

.fluid-nav-yellow ul.fluid-nav li:nth-child(2) {
  background-color: #808080 !important; }

.fluid-nav-yellow ul.fluid-nav li:nth-child(3) {
  background-color: #868686 !important; }

.fluid-nav-yellow ul.fluid-nav li:nth-child(4) {
  background-color: #777777 !important; }

.fluid-nav-yellow ul.fluid-nav li:nth-child(5) {
  background-color: #808080 !important; }

.fluid-nav-yellow ul.fluid-nav li:nth-child(6) {
  background-color: #868686 !important; }

.fluid-nav-yellow ul.fluid-nav li:nth-child(7) {
  background-color: #777777 !important; }

.fluid-nav-yellow ul.fluid-nav li:nth-child(8) {
  background-color: #808080 !important; }

.fluid-nav-yellow ul.fluid-nav li:nth-child(9) {
  background-color: #868686 !important; }

.fluid-nav-yellow ul.fluid-nav li.active {
  background-color: #f5c01a !important;
  color: #FFF !important; }

@media only screen and (max-width: 980px) {
  .fluid-nav-container.fluid-nav-yellow {
    background: transparent; }

  .fluid-nav-yellow ul.fluid-nav {
    border-bottom: solid 0px !important; } }
@media only screen and (min-width: 980px) {
  ul.fluid-nav {
    border-bottom: solid 15px #2C77B7; }

  ul.fluid-nav:not(.keepalign) li:nth-child(1) {
    padding-left: 20px; }

  ul.fluid-nav.fluid-nav-red {
    border-bottom: solid 15px #c1272d !important; }

  ul.fluid-nav.fluid-nav-black {
    border-bottom: solid 15px #231f20 !important; }

  ul.fluid-nav.fluid-nav-yellow {
    border-bottom: solid 15px #f5c01a !important; } }
@media only screen and (max-width: 980px) {
  .fluid-nav-container {
    max-width: 100vw;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px 0px 20px 0px;
    background: #c1272d; }

  ul.fluid-nav {
    white-space: nowrap;
    margin-top: 0px; }

  ul.fluid-nav li {
    display: inline; }

  .fluid-content {
    min-height: calc(100vh - 200px); } }