.nav-container {
  font-size: 15px;
}
.nav-container ul {
  list-style: none;
  margin-bottom: 0;
}
.nav-container a {
  border-bottom: 2px solid transparent;
  text-decoration: none;
}
.nav-container a:hover, .nav-container a:focus, .nav-container a.active {
  color: #293033;
  border-bottom-color: #293033;
}
.nav-container a.parent-active {
  color: #293033;
  border-bottom:none;
  cursor:default;
}
.nav-container .all-cards-menu a.parent-active span, .nav-container .all-cards-menu a span:hover {
 border-bottom: 2px solid #293033;
}

.nav-container.desktop {
  display: none;
  background-color: #f8f8f8;
  padding-top: 20px;
  padding-bottom: 18px;
}
.nav-container.desktop ul li {
  float: left;
  margin-left: 27px;
}
.nav-container.desktop ul li:first-child {
  margin-left: 0;
}
.nav-container.mobile {
  border-top: 4px solid #DBDBDB;
  border-bottom: 4px solid #DBDBDB;
  padding-top: 8px;
  padding-bottom: 8px;
  background: #f8f8f8;
}
.nav-container.mobile ul li {
  border-top: 1px solid #EDEDED;
  padding-bottom: 17px;
  padding-top: 17px;
  padding-left: 4%;
}


@media only screen and (max-width: 767px) {
  .nav-container.mobile ul li {
    padding-left: 9%;
  }
}
.nav-container.mobile ul li:first-child {
  border-top: none;
}
.nav-container.mobile .subnav-links {
  background: #fff;
  border-top: 1px solid #EDEDED;
  padding-left: 4%;
  margin-left: -9%;
  margin-top: 17px;
  margin-bottom: -17px;
}
.nav-container.mobile .subnav-links li {
  padding-left: 0;
  margin-left: 30px;
}
@media only screen and (min-width: 981px) {
  .nav-container.mobile {
    display: none;
  }
  .nav-container.desktop {
    display: block;
  }
}
.nav-container sup,.nhl .container sup {
  font-size: 60%;
  top: -0.5em;
}

.sub-nav-container {
  width: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 0px;
  display: none;
}
.top-content .sub-nav-container{
  padding-bottom: 0px;
  background:none;
}
.top-content .sub-nav-container a {
    color: #293033;
    border-bottom: 1px solid #293033;
}
.sub-nav-container ul {
  list-style: none;
  overflow: visible;
}
.sub-nav-container ul li {
  float: left;
  margin-left: 25px;
}
.sub-nav-container ul li:first-child {
  margin-left: 0;
}
.sub-nav-container ul:after {
  top: 0;
  left: 0;
  border: none;
}
.sub-nav-container ul li {
    float: left;
    margin-left: 2px;
    margin-right: 2px;
}
.sub-nav-container ul li:after {
    content: ">";
    color: white;
    margin-left: 3px;
}
.sub-nav-container ul li.last-link:after {
content:"";
}
.top-content .sub-nav-container ul li:after {
color: #293033;
}
.top-content .sub-nav-container ul li:after {
color: #293033;
}
.sub-nav-container ul li.last-link a.active, .sub-nav-container ul li.last-link a.active:hover {
    cursor: default;
    font-weight: bold;
}
.sub-nav-container a {
  color: #fff;
  border-bottom: 1px solid #fff;
  text-decoration: none;
  padding-bottom: 0px;
}
.sub-nav-container a:hover, .sub-nav-container a:focus {
  border-bottom-color: #fff;
}
.sub-nav-container a.active {
border-bottom:none;
}
.sub-nav-container sup {
  top: -0.5em !important;
}
.sub-nav-container.travel ul:after {
  left: 41%;
}
.sub-nav-container.student ul:after {
  left: 58%;
}
@media only screen and (min-width: 981px) {
  .sub-nav-container {
    display: block;
	z-index: 0;
  }
    .miles .sub-nav-container, .student .sub-nav-container {
     display: block;
     left:0;
     padding-top: 10px;
     padding-bottom: 10px;
	 -webkit-padding-after:0px;
  }
  .student .sub-nav-container{
     padding-bottom: 10px;
  }
}
.all-cards-menu.dd-visible > a, .all-cards-menu:hover >a, .all-cards-menu:focus>a, .all-cards-menu:active>a, .all-cards-menu>a:hover, .all-cards-menu>a:focus, .all-cards-menu>a:active {
	border-bottom: 2px solid #293033;
    text-decoration: none;
}
.nav-container a.parent-active:hover,.nav-container a.parent-active:focus {
    text-decoration: none;
	}
.nav-container a.active:hover{
	cursor:default;
}
.top-content  {
    position: relative;
}
 .travel,.body-content.student,.student.marquee-container,.student .marquee-container, .marquee-contain-compare, .fico .marquee-container,.cash-back {	
    position: relative;
 }
 .all-cards-menu .dropdown-menu {
 font-size:13px;
 max-width: 275px;
 }
 .body-content.student .all-cards-menu .dropdown-menu,.body-content.miles .all-cards-menu .dropdown-menu, .body-content.diff-path .all-cards-menu .dropdown-menu{
    margin: 1px -12px 0 -16px;
	border-top: 1px solid #ccc;
}
.fico .marquee-container .sub-nav-container {
 background: none;
 }
.sub-nav-container ul li:first-child a {
    margin-left: -15px;
}
.marquee-contain-compare {
  padding-bottom: 10px;
}
ul.row {
    margin-left: -10px;
}
