1#@!#!123s

32759 1#@!#!123s
: / home / alliance / public_html / wppp / disc / global / css /
Filename : private-header-footer.css
back
/* optimized version added expressions */

/* optimized version added expressions */

@media screen and (min-width: 1540px) {

  .mobile-responsive .header-wrapper .navbar-wrapper {

    float: right;

  }

  .mobile-responsive .header-wrapper .header-content {

    max-width: 1920px;

    width: 100%;

    padding: 0 50px;

  }

  .mobile-responsive .header-wrapper .alert .alert-content-freeze {

    max-width: 1920px;

    width: 100%;

    padding: 0 28px;

  }

  .mobile-responsive #footerLinks .secondary-navigation {

    max-width: 1920px;

    padding: 15px 50px 60px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .quick-links, .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .about-us {

    width: 10.5%;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .discover-product {

    width: 15.5%;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .link-container {

    float: left;

    padding-left: 0;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons {

    width: 63.5%;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul {

    width: 262px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li a {

    margin: 0 10px 20px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li a.icon-fb {

    margin-right: 10px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li a.icon-instagramPlus {

    margin-right: 0;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li a.icon-googlePlus {

    margin-right: 0;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li a.footer-icon-mobile {

    width: 252px;

    margin-right: 0;

    text-align: center;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li a.footer-icon-mobile .icon-app-discover {

    float: none;

    display: inline-block;

    vertical-align: top;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li a.footer-icon-mobile .app-text {

    display: inline-block;

    margin-left: 10px;

    margin-top: 6px;

    width: 136px;

    text-align: left;

  }

  .mobile-responsive #footerLinks .secondary-navigation .association-menu {

    clear: both;

  }

  .mobile-responsive #footerLinks .secondary-navigation .association-menu small {

    clear: both;

  }

  .mobile-responsive #footerLinks .secondary-navigation .association-menu .jd-power-award {

    width: 34%;

  }

}

@media screen and (max-width: 1920px) {

  .mobile-responsive #footerLinks .secondary-navigation {

    max-width: 1920px;

    padding: 15px 50px 60px;

  }

}

@media screen and (max-width: 1539px) {

  .mobile-responsive .header-wrapper .navbar-wrapper {

    float: right;

  }

  .mobile-responsive .header-wrapper .header-content {

    max-width: 1340px;

    width: 100%;

    padding: 0 30px;

  }

  .mobile-responsive .header-wrapper .alert .alert-content-freeze {

    max-width: 1340px;

    width: 100%;

    padding: 0 30px;

  }

  .mobile-responsive #footerLinks .secondary-navigation {

    max-width: 1340px;

    padding-left: 30px;

    padding-right: 30px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons {

    width: 23%;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul {

    width: 128px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons li a.icon-tw, .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons li a.icon-linkedin, .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons li a.footer-icon-mobile {

    margin-left: 0;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .link-container {

    float: left;

    padding-left: 0;

  }

  .mobile-responsive #footerLinks .secondary-navigation .association-menu .jd-power-award {

    width: 39%;

  }

  .mobile-responsive #footerLinks .association-menu {

    clear: both;

  }

}

/*Header Start*/

.mobile-responsive .header-wrapper {

  min-width: inherit;

}

.mobile-responsive .header-wrapper .alert-no-script {

  display: block;

}

.mobile-responsive #footerLinks {

  min-width: inherit;

}



.text-bold {

  font-weight: bold;

}



.header-wrapper .alert-no-script {

  display: none;

}



/*.main-container {

	padding-top: 62px;

}*/

#skip-content.sr-only-focusable:active, #skip-content.sr-only-focusable:focus {

  position: absolute;

  z-index: 1016;

  height: auto;

  width: auto;

  clip: auto;

}



.custom-focus {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}



a:focus {

  outline: 1px solid #4d90fe !important;

  outline-offset: 1px;

}



.header-wrapper {

  border-bottom: 1px solid #DBDBDB;

  height: auto;

  position: static;

  /*for header flyout open on window scroll changed to position fixed*/

  top: 0px;

  width: 100%;

  min-width: 960px;

  z-index: 11;

  background: #F8F8F8;

  /*start, for header flyout open on window scroll*/

  /*end, for header flyout open on window scroll*/

}

.header-wrapper h1, .header-wrapper h2, .header-wrapper h3, .header-wrapper h4, .header-wrapper h5, .header-wrapper h6, .header-wrapper p {

  margin: 0px;

}

.header-wrapper h2 {

  font-size: 2em;

  line-height: 38px;

  font-weight: normal;

}

.header-wrapper h1 {

  font-size: 1.1875em;

  font-weight: normal;

}

.header-wrapper h3 {

  font-size: 1.5em;

  line-height: 30px;

  font-weight: bold;

}

.header-wrapper h4 {

  font-size: 1.1875em;

  line-height: 26px;

  font-weight: bold;

}

.header-wrapper .utility-text {

  font-size: 0.75em;

  line-height: 16px;

  font-weight: normal;

  color: #63686B;

}

.header-wrapper p {

  font-size: 0.9375em;

  font-weight: normal;

  line-height: 1.375em;

}

.header-wrapper p a, .header-wrapper p label {

  font-size: 1em;

}

.header-wrapper p a a, .header-wrapper p label a {

  font-size: 1em;

}

.header-wrapper.absoluteHeader {

  position: absolute !important;

}

.header-wrapper.animation {

  -webkit-transition: top 0.2s ease-in-out;

  -moz-transition: top 0.2s ease-in-out;

  transition: top 0.2s ease-in-out;

  position: static;

}

.header-wrapper a:link, .header-wrapper a:visited, .header-wrapper a:active, .header-wrapper a:hover {

  color: #2477AB;

}

.header-wrapper a:link {

  text-decoration: none;

}

.header-wrapper a:active, .header-wrapper a:hover, .header-wrapper a:focus {

  text-decoration: underline;

}

.header-wrapper a:focus, .header-wrapper .child-navigation:focus, .header-wrapper .fly-outs:focus {

  outline-color: #4d90fe;

  outline-offset: -2px;

  outline-style: solid;

  outline-width: 1px;

}

.header-wrapper a:focus img, .header-wrapper a:hover img, .header-wrapper a:focus i, .header-wrapper a:hover i {

  opacity: 0.8;

  filter: alpha(opacity=80);

}

.header-wrapper * {

  box-sizing: border-box;

}

.header-wrapper .error {

  color: #FF1616;

}

.header-wrapper .hide {

  display: none;

}

.header-wrapper ul:active, .header-wrapper ul:hover, .header-wrapper ul:focus {

  outline: none;

}

.header-wrapper *[class^='icon-'] {

  background: url("/global/images/utility-icons.png") no-repeat;

  display: inline-block;

}

.header-wrapper .alert {

  padding: 20px;

  background-color: #F8F8F8;

  color: #293033;

  border-color: #DBDBDB;

  line-height: 22px;

  font-size: 0.9375em;

  -webkit-box-shadow: 0 9px 0px -6px #DBDBDB;

  -moz-box-shadow: 0 9px 0px -6px #DBDBDB;

  box-shadow: 0 9px 0px -6px #DBDBDB;

}

.header-wrapper .alert *[class^='icon-'] {

  float: left;

}

.header-wrapper .alert .alert-body {

  padding-left: 35px;

}

.header-wrapper .alert {

  border-bottom: 1px solid #DBDBDB;

  margin-bottom: 0px;

  padding-top: 14px;

  padding-bottom: 14px;

  box-shadow: none;

  display: block;

}

.header-wrapper .alert .icon-alert {

  width: 25px;

  height: 25px;

  background-position: -73px -168px;

}

.header-wrapper .alert .alert-content-freeze {

  display: table;

  width: 960px;

  margin: 0 auto;

  padding: 0 10px;

  position: relative;

}

.header-wrapper .alert .alert-content-freeze .icon-alert {

  display: table-cell;

  background-position: -73px -168px;

  position: static;

}

.header-wrapper .alert .alert-content-freeze .alert-body {

  display: table-cell;

  /*display: inline-block;*/

  padding-left: 10px;

  vertical-align: middle;

  font-size: 1em;

}

.header-wrapper .alert.alert-warning {

  border: 0;

  border-bottom: 1px solid #dbdbdb;

  background-color: #f8f8f8;

}

.header-wrapper .alert.alert-close .close-link span {

  float: left;

}

.header-wrapper .alert.alert-close .close-link .icon-cross {

  float: right;

}

.header-wrapper .alert.alert-limited-access {

  margin: 0 auto;

  padding: 0;

  border: 0;

  border-bottom: 1px solid #DBDBDB;

}

.header-wrapper .alert.alert-limited-access .close-link {

  top: 14px;

  right: 6px;

}

.header-wrapper .alert.alert-limited-access .alert-container {

  width: 960px;

  margin: 0 auto;

  position: relative;

  padding: 15px 75px 15px 10px;

}

.header-wrapper .alert.alert-limited-access .icon-alert {

  background-position: -73px -168px;

  position: static;

}

.header-wrapper .alert.alert-limited-access .icon-cross {

  height: 20px;

  width: 20px;

  background-position: -193px -395px;

  vertical-align: middle;

  position: static;

}

.header-wrapper .alert.alert-limited-access .alert-body {

  display: table-cell;

  padding-left: 10px;

  vertical-align: middle;

  font-size: 1em;

}

.header-wrapper .alert.alert-limited-access a.close-link {

  position: absolute;

}

.header-wrapper .search-container {

  padding: 30px 0;

  position: absolute;

  width: 99.9%;

  top: 60px;

  left: 0px;

  z-index: 1000;

  background: #FFFFFF;

  border-top: 1px solid #DBDBDB;

  border-bottom: 1px solid #DBDBDB;

}

.header-wrapper .search-container .suggestion_form {

  position: relative;

  width: 886px;

  margin: 0 auto;

  border-bottom: 1px solid #DBDBDB;

  padding-top: 0;

}

.header-wrapper .search-container .suggestion_form.active {

  border: 0;

  border-bottom: 1px solid #DBDBDB;

  color: #293033;

}

.header-wrapper .search-container .search-box {

  height: 44px;

  padding: 5px;

  line-height: 30px;

  border: none;

  box-sizing: border-box;

  margin: 0px;

  width: 95%;

  font-size: 0.9375em;

  position: relative;

  top: -10px;

}

.header-wrapper .search-container .search-box.search-box:focus {

  outline-color: #4d90fe;

  outline-offset: -2px;

  outline-style: solid;

  outline-width: 1px;

}

.header-wrapper .search-container #search-suggestions {

  display: none;

  width: 100%;

  margin: 0px;

  box-shadow: none;

  z-index: 1;

  top: 46px;

  margin-top: 4px;

  padding: 0;

  float: none;

}

.header-wrapper .search-container #search-suggestions li {

  padding: 2px 5px;

  float: none;

}

.header-wrapper .search-container #search-suggestions li a {

  line-height: 24px;

  color: #96999b;

  font-size: 0.94em;

}

.header-wrapper .search-container #search-suggestions li a span.data-higlight {

  font-weight: bold;

  color: #293033;

}

.header-wrapper .search-container #search-suggestions li a:hover {

  background: #eee;

  outline: 0px;

}

.header-wrapper .search-container #search-suggestions li.focused-item {

  background: #eee;

}

.header-wrapper .search-container .dropdown {

  opacity: 0;

  height: 0;

  overflow: hidden;

  z-index: 999;

  background: transparent;

  width: 0px;

  border: none;

  padding: 0;

  font-size: 0.9375em;

  -webkit-transition: padding 1s ease-in-out;

  -moz-transition: padding 1s ease-in-out;

  transition: padding 1s ease-in-out;

  -webkit-transition-property: padding, opacity;

  -moz-transition-property: padding, opacity;

  transition-property: padding, opacity;

}

.header-wrapper .search-container .dropdown.open {

  opacity: 1;

  height: auto;

  width: 100%;

}

.header-wrapper .search-container .dropdown table {

  border-collapse: separate;

  border-spacing: 0;

  width: auto;

  border-top: none;

  background: #FFFFFF;

}

.header-wrapper .search-container .dropdown table tr {

  background: none;

}

.header-wrapper .search-container .dropdown table tr td {

  font-size: 1em;

  padding: 5px;

}

.header-wrapper .search-container .dropdown table tr td span {

  color: #96999b;

}

.header-wrapper .search-container .dropdown table tr td span b {

  color: #293033;

}

.header-wrapper .search-container .dropdown table tr td span:hover {

  border-bottom: 1px solid #293033;

  cursor: pointer;

}

.header-wrapper .search-container .predict-submit {

  position: absolute;

  top: -10px;

  right: 0;

  z-index: 1001;

  background: #FF6000;

  padding: 10px;

  -webkit-transition: background 0.1s linear;

  -moz-transition: background 0.1s linear;

  transition: background 0.1s linear;

  border: 0px;

}

.header-wrapper .search-container .predict-submit:hover {

  background: #D14811;

}

.header-wrapper .search-container .predict-submit:focus {

  background: #D14811;

}

.header-wrapper .placeholder {

  font-style: italic;

  color: #63686B !important;

}

.header-wrapper .header-type {

  position: absolute;

  right: -16px;

  top: 20px;

}

.header-wrapper ul {

  padding: 0;

  margin: 0;

}

.header-wrapper ul li {

  list-style: none;

}

.header-wrapper a {

  font-size: 0.9374em;

}

.header-wrapper .menu-button, .header-wrapper .mobile-links, .header-wrapper .logo-container .log-out-link, .header-wrapper .mobile-extra-links {

  display: none;

}

.header-wrapper .sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}

.header-wrapper .logo-container {

  float: left;

}

.header-wrapper .logo-container .discover-logo {

  position: relative;

  display: inline-block;

  padding: 20px 0 21px 0;

  height: 60px;

}

.header-wrapper .navbar-wrapper .card-info-mobile .icon-right-arrow {

  display: none;

}

.header-wrapper .navbar-wrapper.multicard .right-nav .card-type .right-link .small-card-img {

  width: 17px;

  margin: 0 auto 4px;

}

.header-wrapper .navbar-wrapper.multicard .right-nav .card-type .right-link .card-number {

  width: 50px;

}

.header-wrapper .navbar-links {

  margin-left: 10px;

  float: left;

  height: 61px;

}

.header-wrapper .navbar-links .parent-navigation {

  padding: 0;

  margin: 0;

  float: left;

}

.header-wrapper .parent-link-container {

  float: left;

}

.header-wrapper .parent-link-container .parent-link {

  color: #293033;

  font-weight: bold;

  display: inline-block;

  line-height: 16px;

  padding: 22px 15px;

}

.header-wrapper .parent-link-container .parent-link:hover, .header-wrapper .parent-link-container .parent-link:focus {

  text-decoration: none;

}

.header-wrapper .parent-link-container .parent-link .icon-arrow {

  background-position: -384px -391px;

  display: inline-block;

  width: 9px;

  height: 7px;

  margin-left: 9px;

}

.header-wrapper .has-fly-out > a:active {

  outline: none;

}

.header-wrapper .has-fly-out.next-flyout a {

  padding: 22px 15px;

}

.header-wrapper .show-flyout .parent-link {

  background: #FFFFFF;

  border-left: 1px solid #DBDBDB;

  border-right: 1px solid #DBDBDB;

  padding: 22px 14px;

  height: 62px;

  position: relative;

  z-index: 1001;

}

.header-wrapper .show-flyout .parent-link .icon-arrow {

  background-position: -196px -436px;

}

.header-wrapper .show-flyout .child-navigation {

  display: block;

}

.header-wrapper .child-navigation {

  position: absolute;

  padding: 13px 20px 13px 0;

  border: 1px solid #DBDBDB;

  z-index: 10;

  background: #FFFFFF;

  min-width: 100px;

  top: 61px;

  display: none;

}

.header-wrapper .child-navigation.rewards-flyout {

  min-width: 340px;

}

.header-wrapper .child-navigation.dit-miles {

  min-width: 170px;

}

.header-wrapper .child-navigation .outer-wrapper {

  float: left;

  margin-left: 20px;

}

.header-wrapper .child-navigation .outer-wrapper span {

  line-height: 34px;

  display: block;

  font-size: 0.9375em;

  font-weight: bold;

}

.header-wrapper .child-navigation .outer-wrapper a {

  display: block;

  line-height: 34px;

}

.header-wrapper .child-navigation .outer-wrapper a.mobile-links {

  display: none;

}

.header-wrapper .child-navigation .outer-wrapper a .icon-small-twitter {

  width: 22px;

  height: 18px;

  display: inline-block;

  background-position: -258px -435px;

  vertical-align: middle;

  margin-right: 5px;

}

.header-wrapper .child-navigation .outer-wrapper .newCbb a {

  display: inline;

}

.header-wrapper .child-navigation .outer-wrapper .newCbb span {

  color: #FF6000;

  display: inline;

  font-size: 0.9374em;

  font-weight: bold;

}

.header-wrapper .child-navigation .miles-device-wrapper {

  display: none;

}

.header-wrapper .child-navigation .miles-outer-wrapper {

  padding-top: 10px;

  clear: both;

}

.header-wrapper .child-navigation .miles-outer-wrapper .miles-desktop {

  margin: 0 0 6px 20px;

  padding: 15px 0 0 0;

  border-top: 1px solid #dbdbdb;

}

.header-wrapper .child-navigation .miles-outer-wrapper .miles-desktop p {

  padding: 0 0 18px 0;

}

.header-wrapper .child-navigation .miles-outer-wrapper .miles-desktop span:first-child {

  color: #184575;

  font-size: 2.2em;

  font-weight: bold;

  padding: 0 12px 0 0;

}

.header-wrapper .header-content {

  position: relative;

  width: 960px;

  padding: 0 10px;

  margin: 0 auto;

  box-sizing: border-box;

}

.header-wrapper .header-content:after {

  content: '';

  display: block;

  clear: both;

}

.header-wrapper .header-content .js_disabledflyout:hover.has-fly-out + li a {

  padding: 22px 10px 22px 10px;

}

.header-wrapper .header-content .js_disabledflyout:hover.has-fly-out + li a.right-link {

  padding: 13px 10px 10px 10px;

}

.header-wrapper .header-content .js_disabledflyout:hover.has-fly-out + li a.log-out-link {

  padding: 21px 0px 21px 20px;

}

.header-wrapper .header-content .js_disabledflyout:hover .parent-link {

  background: #FFFFFF;

  border-left: 1px solid #DBDBDB;

  border-right: 1px solid #DBDBDB;

  padding: 22px 19px 22px 19px;

  height: 62px;

  position: relative;

  z-index: 1001;

}

.header-wrapper .header-content .js_disabledflyout:hover .parent-link .icon-arrow {

  background-position: -196px -436px;

}

.header-wrapper .header-content .js_disabledflyout:hover .child-navigation {

  display: block;

}

.header-wrapper .header-content .js_disabledflyout:hover .right-link {

  background: #FFFFFF;

  border-left: 1px solid #DBDBDB;

  border-right: 1px solid #DBDBDB;

  padding: 13px 14px 10px 14px;

  height: 62px;

  position: relative;

  z-index: 1002;

}

.header-wrapper .header-content .js_disabledflyout:hover .right-link .icon-notification {

  left: 18px;

}

.header-wrapper .header-content .js_disabledflyout:hover .fly-outs {

  display: block !important;

}

.header-wrapper .header-content .right-nav {

  float: right;

  height: 61px;

}

.header-wrapper .header-content .right-nav .fly-out-wrapper {

  position: absolute;

  right: 0;

  top: 61px;

  width: 600px;

  background: transperent;

  z-index: 1;

}

.header-wrapper .header-content .right-nav ul {

  float: left;

}

.header-wrapper .header-content .right-nav ul li {

  float: left;

  position: relative;

}

.header-wrapper .header-content .right-nav ul .search-tab {

  position: static;

}

.header-wrapper .header-content .right-nav ul .search-tab .right-link {

  height: 61px;

}

.header-wrapper .header-content .right-nav ul .search-tab .fly-outs {

  position: static;

  padding: 0;

  min-width: inherit;

  float: none;

  background: #FFFFFF;

}

.header-wrapper .header-content .right-nav .help-fly-out {

  position: static;

  float: right;

}

.header-wrapper .header-content .right-nav .help-fly-out .contact-details {

  margin-top: 16px;

}

.header-wrapper .header-content .right-nav .help-fly-out .contact-details span {

  font-weight: normal;

  padding: 0;

  margin-bottom: 5px;

}

.header-wrapper .header-content .right-nav .help-fly-out .contact-details a {

  margin: 0 0 5px 0;

  padding: 0;

}

.header-wrapper .header-content .right-nav .help-fly-out .links-wrapper {

  float: none;

}

.header-wrapper .header-content .right-nav .help-fly-out .links-wrapper li {

  position: static;

  float: none;

}

.header-wrapper .header-content .right-nav .show-flyout .fly-outs {

  display: block;

}

.header-wrapper .header-content .right-nav .show-flyout .right-link i.icon-search {

  background-position: -640px -161px;

}

.header-wrapper .header-content .right-nav .fly-outs {

  padding: 20px;

  border: 1px solid #DBDBDB;

  z-index: 1001;

  background: #FFFFFF;

  display: none;

  min-width: 100px;

  float: right;

}

.header-wrapper .header-content .right-nav .fly-outs.message-flyout .secure-msg-title {

  margin-bottom: 16px;

  display: block;

  font-size: 0.9375em;

  font-weight: bold;

}

.header-wrapper .header-content .right-nav .fly-outs.message-flyout ul li {

  display: block;

  clear: left;

  margin-bottom: 16px;

}

.header-wrapper .header-content .right-nav .fly-outs.message-flyout ul li.compose-message {

  margin: 0;

}

.header-wrapper .header-content .right-nav .fly-outs.message-flyout ul li .unread-message {

  color: #63686B;

  font-size: 0.9375em;

}

.header-wrapper .header-content .right-nav .fly-outs.profile-flyout p {

  font-size: 0.9375em;

  margin-bottom: 18px;

  line-height: 16px;

  word-break: break-word;

  width: 100%;

}

.header-wrapper .header-content .right-nav .fly-outs.profile-flyout .acc-name {

  font-weight: bold;

}

.header-wrapper .header-content .right-nav .fly-outs.profile-flyout .acc-address {

  line-height: 16px;

}

.header-wrapper .header-content .right-nav .fly-outs.profile-flyout .acc-address span {

  display: block;

}

.header-wrapper .header-content .right-nav .fly-outs.profile-flyout .acc-address .city-state {

  margin-top: 6px;

}

.header-wrapper .header-content .right-nav .fly-outs.profile-flyout .work-number, .header-wrapper .header-content .right-nav .fly-outs.profile-flyout .mobile-number, .header-wrapper .header-content .right-nav .fly-outs.profile-flyout .home-number {

  margin-bottom: 5px;

}

.header-wrapper .header-content .right-nav .fly-outs.profile-flyout .work-number .number-type, .header-wrapper .header-content .right-nav .fly-outs.profile-flyout .mobile-number .number-type, .header-wrapper .header-content .right-nav .fly-outs.profile-flyout .home-number .number-type {

  margin: 0 0 0 5px;

  font-weight: bold;

}

.header-wrapper .header-content .right-nav .fly-outs.profile-flyout .edit-acc-link {

  margin: 18px 0 0 0;

}

.header-wrapper .header-content .right-nav .fly-outs.profile-flyout a {

  font-size: 1em;

}

.header-wrapper .header-content .right-nav .fly-outs.profile-flyout .acc-email + .edit-acc-link, .header-wrapper .header-content .right-nav .fly-outs.profile-flyout .acc-address + .edit-acc-link, .header-wrapper .header-content .right-nav .fly-outs.profile-flyout .acc-name + .edit-acc-link {

  margin-top: 0;

}

.header-wrapper .header-content .right-nav .fly-outs.card-info-flyout {

  width: 410px;

  right: 1px;

  /*max-height: 300px;*/

  /*Need to Discuss */

  max-height: 550px;

  overflow-y: auto;

}

.header-wrapper .header-content .right-nav .fly-outs.card-info-flyout div {

  overflow: auto;

}

.header-wrapper .header-content .right-nav .fly-outs.card-info-flyout img {

  float: left;

  margin: 3px 20px 0 0;

}

.header-wrapper .header-content .right-nav .fly-outs.card-info-flyout .card-info {

  display: inline-block;

  float: left;

  width: 225px;

}

.header-wrapper .header-content .right-nav .fly-outs.card-info-flyout .card-info .card-name {

  font-weight: bold;

  margin-bottom: 5px;

  display: inline-block;

}

.header-wrapper .header-content .right-nav .fly-outs.card-info-flyout .card-info p {

  font-size: 0.9374em;

  width: 100%;

  margin: 0px;

}

.header-wrapper .header-content .right-nav .fly-outs.card-info-flyout .card-info p.last-login {

  font-size: 0.75em !important;

  color: #63686B;

  margin: 5px 0;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard {

  padding: 0px;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .card-section, .header-wrapper .header-content .right-nav .fly-outs.multicard .all-account-section {

  padding: 16px 20px 20px 20px;

  border-top: 1px solid #dbdbdb;

  border-bottom: 1px solid #dbdbdb;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .card-section p a, .header-wrapper .header-content .right-nav .fly-outs.multicard .all-account-section p a {

  font-size: 0.9375em;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .all-account-section {

  padding: 15px 20px 15px 20px;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .card-section:first-child {

  border: none;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .card-section:first-child p:first-child + p + p + p {

  display: none;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-container a {

  border: 1px solid #fff;

  display: block;

  padding: 0;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-container a:focus {

  display: block;

  padding: 0;

  outline: none;

  border: 1px solid #2477ab;

  box-sizing: border-box;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-container a .other-card-section {

  color: #293033;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard span:first-child + div .other-card-section {

  border-top: none;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-section {

  padding: 16px 0 15px 0px;

  margin: 0 20px 0 20px;

  border-top: 1px solid #dbdbdb;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-section .card-info-without-img {

  width: 100%;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-section .card-info-without-img .current-balance-row .right-span, .header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-section .card-info-without-img .credit-line-available-row .right-span {

  width: 64%;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-section .card-info-img {

  width: 79%;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-section .card-info-img .current-balance-row .right-span, .header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-section .card-info-img .credit-line-available-row .right-span {

  width: 56%;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-section .current-balance-row span, .header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-section .credit-line-available-row span {

  display: inline-block;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-section .current-balance-row span {

  font-size: 0.9375em;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-section .current-balance-row .right-span, .header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-section .credit-line-available-row .right-span {

  font-weight: bold;

  float: right;

  word-break: break-all;

  text-align: right;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-section .credit-line-available-row .right-span {

  font-weight: normal;

}

.header-wrapper .header-content .right-nav .fly-outs.multicard .other-card-section .credit-line-available-row span {

  font-size: 0.75em;

}

.header-wrapper .header-content .right-nav .show-flyout .right-link {

  background: #FFFFFF;

  border-left: 1px solid #DBDBDB;

  border-right: 1px solid #DBDBDB;

  padding: 13px 14px 10px 14px;

  height: 62px;

  position: relative;

  z-index: 1002;

}

.header-wrapper .header-content .right-nav .show-flyout .right-link .icon-notification {

  left: 18px;

}

.header-wrapper .header-content .right-nav .next-flyout a {

  padding: 13px 15px 10px;

}

.header-wrapper .header-content .right-nav .next-flyout a.log-out-link {

  padding: 21px 0px 21px 10px;

}

.header-wrapper .header-content .right-nav .right-link {

  display: inline-block;

  padding: 13px 15px 10px;

  text-decoration: none;

}

.header-wrapper .header-content .right-nav .right-link .icon-notification {

  display: none;

  position: absolute;

  width: 18px;

  height: 18px;

  background-position: -643px -230px;

  left: 19px;

  top: 2px;

  z-index: 1;

}

.header-wrapper .header-content .right-nav .right-link.has-messages .icon-notification {

  display: block;

}

.header-wrapper .header-content .right-nav .right-link i {

  display: block;

  margin: 0 auto;

}

.header-wrapper .header-content .right-nav .right-link i.icon-message {

  background-position: -148px -94px;

  width: 21px;

  height: 15px;

  margin-bottom: 7px;

}

.header-wrapper .header-content .right-nav .right-link i.icon-profile {

  background-position: -326px -269px;

  width: 13px;

  height: 18px;

  margin-bottom: 4px;

}

.header-wrapper .header-content .right-nav .right-link i.icon-help {

  background-position: -287px -66px;

  width: 18px;

  height: 18px;

  margin-bottom: 4px;

}

.header-wrapper .header-content .right-nav .right-link i.icon-search {

  background-position: -423px -67px;

  width: 17px;

  height: 17px;

  margin-bottom: 5px;

}

.header-wrapper .header-content .right-nav .right-link i.icon-search::before {

  content: '';

}

.header-wrapper .header-content .right-nav .right-link .small-card-img {

  width: 28px;

  height: 18px;

  margin-bottom: 4px;

  display: block;

}

.header-wrapper .header-content .right-nav .right-link span {

  display: block;

  color: #293033;

  font-size: 0.8em;

  line-height: 15px;

}

.header-wrapper .header-content .right-nav .right-link span.card-number {

  width: 29px;

  direction: rtl;

  overflow: hidden;

  white-space: nowrap;

}

.header-wrapper .header-content .right-nav .log-out-link {

  color: #293033;

  display: inline-block;

  padding: 21px 0px 21px 10px;

  text-decoration: none;

}



.fico-new {

  color: #ff6000;

}



.fico-new-trade {

  font-size: 80%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

  top: -.5em;

  text-decoration: none;

}



/*Header-ends*/

/*Footer starts*/

.posRelative {

  position: relative;

}



.content footer {

  font-size: 16px;

}



#footerLinks {

  /*Bootstrap compatible css starts*/

  /*Bootstrap compatible css ends*/

  background: #F8F8F8;

  width: 100%;

  min-width: 960px;

  margin-top: 100px;

  display: block;

  border-top: 1px solid #DBDBDB;

  color: #293033;

  clear: both;

}

#footerLinks h1, #footerLinks h2, #footerLinks h3, #footerLinks h4, #footerLinks h5, #footerLinks h6, #footerLinks p {

  margin: 0px;

}

#footerLinks h2 {

  font-size: 2em;

  line-height: 38px;

  font-weight: normal;

}

#footerLinks h1 {

  font-size: 1.1875em;

  font-weight: normal;

}

#footerLinks h3 {

  font-size: 1.5em;

  line-height: 30px;

  font-weight: bold;

}

#footerLinks h4, #footerLinks .tooltip-anchor-heading {

  font-size: 1.1875em;

  line-height: 26px;

  font-weight: bold;

}

#footerLinks .tooltip-anchor-heading {

  margin: 0 0 20px 0;

}

#footerLinks .utility-text {

  font-size: 0.75em;

  line-height: 16px;

  font-weight: normal;

  color: #63686B;

}

#footerLinks p {

  font-size: 0.9375em;

  font-weight: normal;

  line-height: 1.375em;

}

#footerLinks p a, #footerLinks p label {

  font-size: 1em;

}

#footerLinks p a a, #footerLinks p label a {

  font-size: 1em;

}

#footerLinks .hide {

  display: none !important;

}

#footerLinks *[class^='icon-'] {

  background: url("/global/images/utility-icons.png") no-repeat;

  display: inline-block;

}

#footerLinks .icon-app-discover {

  width: 25px;

  height: 28px;

  background-position: -530px -315px;

}

#footerLinks a:link, #footerLinks a:visited, #footerLinks a:active, #footerLinks a:hover {

  color: #2477AB;

}

#footerLinks a:link {

  text-decoration: none;

}

#footerLinks a:active, #footerLinks a:hover {

  text-decoration: underline;

}

#footerLinks * {

  box-sizing: border-box;

}

#footerLinks .sr {

  position: absolute;

  left: -9999px !important;

}

#footerLinks .secondary-navigation {

  clear: both;

  max-width: 940px;

  margin: 0 auto;

  padding: 15px 0 60px 0;

  display: block;

}

#footerLinks .secondary-navigation .iru-footenote {

  font-weight: bold;

  padding: 10px 0;

}

#footerLinks .secondary-navigation .secondary-navigation-menu {

  margin: 0;

  padding: 0;

  width: 100%;

}

#footerLinks .secondary-navigation .secondary-navigation-menu ul {

  margin: 0;

  padding: 0;

  list-style: none;

  width: 100%;

  display: inline-block;

}

#footerLinks .secondary-navigation .secondary-navigation-menu ul li {

  line-height: 1em;

}

#footerLinks .secondary-navigation .secondary-navigation-menu ul li a {

  display: inline-block;

  line-height: 34px;

  overflow: hidden;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .link-container {

  padding: 0 10px 20px;

  display: inline-block;

  font-size: 0.9375em;

  vertical-align: top;

  padding-right: 0;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .link-title {

  margin: 0;

  font-size: 1em;

  font-weight: bold;

  line-height: 34px;

  color: #293033;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .link-title.accordion-title {

  display: none;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .icon-outbound-link {

  background-position: -537px -391px;

  width: 12px;

  height: 11px;

  margin-left: 3px;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .quick-links {

  width: 22%;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .discover-product {

  width: 30%;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .about-us {

  width: 25%;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .social-icons {

  margin-top: 15px;

  padding-right: 0;

  padding-left: 0;

  width: 18%;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul {

  width: 148px;

  float: right;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .social-icons li {

  float: left;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .social-icons li a {

  padding: 23px 24px;

  margin: 0 16px 20px;

  line-height: 18px;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .social-icons li a.icon-tw {

  background-position: -519px -118px;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .social-icons li a.icon-fb {

  background-position: -520px 0;

  margin-right: 0;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .social-icons li a.icon-linkedin {

  background-position: -519px -59px;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .social-icons li a.icon-instagramPlus {

  background-position: -519px -174px;

  margin-right: 0;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .social-icons li a.icon-googlePlus {

  background-position: -519px -174px;

  margin-right: 0;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .social-icons li a.footer-icon-mobile {

  background-color: #C8C8C8;

  color: #293033;

  font-weight: bold;

  width: 127px;

  border-radius: 2px;

  padding: 6px 5px 6px 9px;

  margin-right: 0;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .social-icons li a.footer-icon-mobile .icon-app-discover {

  float: left;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .social-icons li a.footer-icon-mobile .app-text {

  display: block;

  font-size: 0.8em;

  word-break: break-word;

  margin-left: 30px;

  line-height: 16px;

}

#footerLinks .secondary-navigation .secondary-navigation-menu .social-icons li a:focus, #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons li a:hover {

  opacity: 0.85;

  filter: alpha(opacity=85);

}

#footerLinks .secondary-navigation .association-menu {

  margin: 0;

  padding-top: 30px;

  border-top: 1px solid #DBDBDB;

}

#footerLinks .secondary-navigation .association-menu:after, #footerLinks .secondary-navigation .association-menu:before {

  display: block;

  visibility: hidden;

  clear: both;

  line-height: 0;

  content: " ";

}

#footerLinks .secondary-navigation .association-menu .jd-power-award {

  width: 52%;

  float: left;

}

#footerLinks .secondary-navigation .association-menu .jd-power-award a {

  display: inline-block;

}

#footerLinks .secondary-navigation .association-menu .jd-power-award a.tooltip-opener {

  display: inline;

  white-space: nowrap !important;

}

#footerLinks .secondary-navigation .association-menu .jd-power-award a:focus {

  overflow: inherit;

}

#footerLinks .secondary-navigation .association-menu .jd-power-award > p {

  padding: 5px 0 10px 63px;

  position: relative;

}

#footerLinks .secondary-navigation .association-menu .jd-power-award > p .icon-jd-power-award {

  position: absolute;

  left: 0;

  top: 1px;

  height: 65px;

  width: 75px;

  background-position: -519px -245px;

}

#footerLinks .secondary-navigation .association-menu .jd-power-award .icon-help {

  background-position: -450px -260px;

  height: 16px;

  width: 16px;

  margin-right: 0;

}

#footerLinks .secondary-navigation .association-menu .jd-power-award .icon-help-right {

  width: 12px;

  height: 14px;

  background-position: -451px -262px;

  margin-left: 10px;

}

#footerLinks .secondary-navigation .association-menu .jd-power-award .view-disclosure {

  white-space: nowrap;

}

#footerLinks .secondary-navigation .association-menu .certification-links {

  width: 40.66666667%;

  float: right;

}

#footerLinks .secondary-navigation .association-menu .certification-links ul {

  padding: 0;

  margin: 0 0 15px 0;

  list-style: none;

  float: right;

}

#footerLinks .secondary-navigation .association-menu .certification-links li {

  display: inline-block;

  margin-left: 5px;

}

#footerLinks .secondary-navigation .association-menu .certification-links li a {

  position: relative;

  text-indent: -9999em;

  border: 0;

  height: 55px;

  width: 70px;

  overflow: hidden;

}

#footerLinks .secondary-navigation .association-menu .certification-links li a:focus, #footerLinks .secondary-navigation .association-menu .certification-links li a:hover {

  opacity: 0.8;

  filter: alpha(opacity=80);

}

#footerLinks .secondary-navigation .association-menu .certification-links li .icon-equal-housing-lender {

  background-position: -625px -55px;

}

#footerLinks .secondary-navigation .association-menu .certification-links li .icon-accredited-business {

  background-position: -515px -460px;

}

#footerLinks .secondary-navigation .association-menu .certification-links li .icon-member-fdic {

  background-position: -620px 12px;

}

#footerLinks .secondary-navigation .association-menu .certification-links li .icon-symantec-image {

  background-position: -510px -415px;

}

#footerLinks .secondary-navigation .association-menu small {

  display: block;

  float: right;

  font-size: 0.8em;

  clear: left;

  margin-right: 15px;

}

#footerLinks .secondary-navigation .association-menu small.footer-logo-align {

  clear: both;

  margin-right: 0px;

}

#footerLinks .new-reference-modal {

  color: #2477ab;

  border-bottom: 0;

}

#footerLinks .new-reference-modal:hover, #footerLinks .new-reference-modal:focus {

  text-decoration: underline;

  border-bottom: 0;

}

#footerLinks .new-reference-modal:focus {

  outline: 1px solid #4d90fe;

}

#footerLinks .tooltip, #footerLinks .tooltip-overlay {

  padding: 0;

  font-size: 1em;

  width: 486px;

  position: absolute;

  background: #FFFFFF;

  border: 1px solid #DBDBDB;

  -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);

  z-index: 25;

  opacity: 1;

  filter: alpha(opacity=100);

  display: block;

  top: 120px;

  left: 78px;

}

#footerLinks .tooltip .tooltip-body, #footerLinks .tooltip-overlay .tooltip-body {

  width: 100%;

  padding: 25px;

}

#footerLinks .tooltip .posAbs, #footerLinks .tooltip-overlay .posAbs {

  top: 25px;

  left: 283px;

}

#footerLinks .tooltip h4, #footerLinks .tooltip-overlay h4 {

  margin-top: 0;

  margin-bottom: 20px;

}

#footerLinks .tooltip.arrow-down:after, #footerLinks .tooltip.arrow-down:before, #footerLinks .tooltip-overlay.arrow-down:after, #footerLinks .tooltip-overlay.arrow-down:before {

  top: 100%;

  border: solid transparent;

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

}

#footerLinks .tooltip.arrow-down:after, #footerLinks .tooltip-overlay.arrow-down:after {

  border-color: rgba(136, 183, 213, 0);

  border-top-color: #FFFFFF;

  border-width: 14px;

  left: 25px;

}

#footerLinks .tooltip.arrow-down:before, #footerLinks .tooltip-overlay.arrow-down:before {

  border-color: rgba(194, 225, 245, 0);

  border-top-color: #DBDBDB;

  border-width: 17px;

  left: 23px;

}

#footerLinks .tooltip .arrow-focus-down, #footerLinks .tooltip .arrow-focus, #footerLinks .tooltip-overlay .arrow-focus-down, #footerLinks .tooltip-overlay .arrow-focus {

  width: 100%;

  left: 0;

  position: absolute;

}

#footerLinks .tooltip .arrow-focus-down .arrow-img, #footerLinks .tooltip .arrow-focus-down .arrow-img-back, #footerLinks .tooltip .arrow-focus .arrow-img, #footerLinks .tooltip .arrow-focus .arrow-img-back, #footerLinks .tooltip-overlay .arrow-focus-down .arrow-img, #footerLinks .tooltip-overlay .arrow-focus-down .arrow-img-back, #footerLinks .tooltip-overlay .arrow-focus .arrow-img, #footerLinks .tooltip-overlay .arrow-focus .arrow-img-back {

  position: absolute;

  width: 0;

  height: 0;

  border: solid transparent;

}

#footerLinks .tooltip .arrow-focus-down .arrow-img, #footerLinks .tooltip .arrow-focus .arrow-img, #footerLinks .tooltip-overlay .arrow-focus-down .arrow-img, #footerLinks .tooltip-overlay .arrow-focus .arrow-img {

  border-width: 14px;

  z-index: 1000;

  left: 20px;

}

#footerLinks .tooltip .arrow-focus-down .arrow-img-back, #footerLinks .tooltip .arrow-focus .arrow-img-back, #footerLinks .tooltip-overlay .arrow-focus-down .arrow-img-back, #footerLinks .tooltip-overlay .arrow-focus .arrow-img-back {

  border-width: 18px;

  left: 16px;

}

#footerLinks .tooltip .arrow-focus, #footerLinks .tooltip-overlay .arrow-focus {

  display: none;

  top: -18px;

}

#footerLinks .tooltip .arrow-focus .arrow-img, #footerLinks .tooltip-overlay .arrow-focus .arrow-img {

  border-top-color: transparent;

  border-top-width: 0;

  border-bottom-color: #FFFFFF;

  top: 4px;

}

#footerLinks .tooltip .arrow-focus .arrow-img-back, #footerLinks .tooltip-overlay .arrow-focus .arrow-img-back {

  border-top-color: transparent;

  border-top-width: 0;

  border-bottom-color: #DBDBDB;

}

#footerLinks .tooltip .arrow-focus-down .arrow-img, #footerLinks .tooltip-overlay .arrow-focus-down .arrow-img {

  border-top-color: #FFFFFF;

  border-bottom-color: transparent;

  border-bottom-width: 0;

}

#footerLinks .tooltip .arrow-focus-down .arrow-img-back, #footerLinks .tooltip-overlay .arrow-focus-down .arrow-img-back {

  border-top-color: #DBDBDB;

  border-bottom-color: transparent;

  border-bottom-width: 0;

}

#footerLinks .tooltip .close-link, #footerLinks .tooltip-overlay .close-link {

  top: 8px;

  right: 10px;

  position: absolute;

}

#footerLinks .tooltip .close-link .icon-cross, #footerLinks .tooltip-overlay .close-link .icon-cross {

  height: 20px;

  width: 20px;

  background: url("/global/images/utility-icons.png") -193px -397px no-repeat;

  vertical-align: middle;

}

#footerLinks .tooltip .overlay-content, #footerLinks .tooltip-overlay .overlay-content {

  margin-bottom: 0;

  padding: 0;

  word-spacing: 1px;

}



/*Footer ends*/

/*Breadcrumb css starts*/

.default-sso {

  width: 950px;

  margin: 0 auto;

}

.default-sso ul {

  margin-top: 10px;

}

.default-sso li {

  display: inline-block;

  margin-right: 5px;

  font-size: 12px;

}



#header-main.header-outer {

  top: 0px;

}



/*Breadcrumb css ends*/

@media print {

  .main-container {

    padding-top: 62px !important;

  }



  a[href]:after {

    content: "";

  }



  .header-wrapper {

    border-bottom: 0;

  }

  .header-wrapper .alert {

    display: none;

  }

  .header-wrapper .header-content .navbar-wrapper {

    display: none;

  }



  #footerLinks {

    display: none;

  }

}

/*Header-Footer*/

/*START, Overriding Private Header Footer CSS for Text Resize*/

.text-resize-large .header-wrapper .navbar-wrapper .right-nav .card-type .right-link .small-card-img {

  margin: 0 auto 4px;

}

.text-resize-large .header-wrapper .navbar-wrapper .right-nav .card-type .right-link .card-number {

  width: 31px;

}

.text-resize-large .header-wrapper .navbar-wrapper.multicard .right-nav .card-type .right-link .card-number {

  width: 61px;

}

.text-resize-large .card-type .right-link {

  padding: 13px 5px 10px 5px;

}



.text-resize-xlarge .header-wrapper .navbar-wrapper .right-nav .card-type .right-link .small-card-img {

  margin: 0 auto 4px;

}

.text-resize-xlarge .header-wrapper .navbar-wrapper .right-nav .card-type .right-link .card-number {

  width: 43px;

}

.text-resize-xlarge .header-wrapper .navbar-wrapper.multicard .right-nav .card-type .right-link .card-number {

  width: 74px;

}

.text-resize-xlarge .card-type .right-link {

  padding: 13px 0px 10px 0px;

}



.text-resize-xsmall #footerLinks .secondary-navigation .association-menu small {

  clear: right;

}



/*END, Overriding Private Header Footer CSS for Text Resize*/

/*Start, 08/09/2020 Overriding Private Header Footer CSS as per new design*/

.header-wrapper .navbar-links .parent-navigation {

  padding-right: 35px;

}

.header-wrapper .header-content .right-nav .right-link i.nav-icon, .header-wrapper i.nav-icon {

  background: url(/global/images/svg/private-nav-icons.svg) no-repeat;

  margin-bottom: 6px;

}

.header-wrapper #skip-content.sr-only-focusable:focus {

  padding: 3px 3px 1px 1px;

  margin-left: 2px;

  outline-offset: -1px;

  line-height: 14px;

  margin-top: 0px;

}

.header-wrapper .logo-container .discover-logo {

  padding: 21px 0 22px 0;

}

.header-wrapper .logo-container .discover-logo:focus {

  padding: 21px 2px 22px 2px;

  margin-left: -2px;

  outline-offset: -1px;

}

.header-wrapper .parent-link-container {

  padding: 0;

}

.header-wrapper .parent-link-container .parent-link {

  font-weight: normal;

  padding: 20px 12px;

  line-height: 26px;

  font-weight: 600;

  padding-bottom: 16px;

}

.header-wrapper .show-flyout .parent-link {

  padding: 20px 11px;

}

.header-wrapper .has-fly-out.next-flyout a {

  padding: 20px 12px;

}

.header-wrapper .header-content .right-nav .mobile-help-menu .child-navigation {

  width: 293px;

}

.header-wrapper .header-content .right-nav .mobile-help-menu .child-navigation .outer-wrapper .help-fly-out {

  float: none;

}

.header-wrapper .header-content .right-nav .next-flyout .right-link {

  padding: 8px 15px 10px;

}

.header-wrapper .header-content .right-nav .show-flyout .right-link {

  padding: 8px 14px 10px 14px;

}

.header-wrapper .header-content .right-nav .right-link {

  text-align: center;

  padding: 8px 15px 10px;

}

.header-wrapper .header-content .right-nav .right-link i.nav-icon.icon-search {

  background-position: -107px 1px;

  width: 16px;

  height: 24px;

}

.header-wrapper .header-content .right-nav .right-link i.nav-icon.icon-help {

  background-position: 1px 1px;

  width: 19px;

  height: 24px;

}

.header-wrapper .header-content .right-nav .right-link i.nav-icon.icon-help-badge {

  background-position: -52px 1px;

  width: 20px;

  height: 24px;

}

.header-wrapper .header-content .right-nav .right-link i.nav-icon.icon-profile {

  background-position: -204px 1px;

  width: 16px;

  height: 24px;

}

.header-wrapper .header-content .right-nav .right-link i.nav-icon.icon-accounts {

  background-position: -142px 1px;

  width: 26px;

  height: 24px;

}

.header-wrapper .header-content .right-nav .show-flyout .right-link i.nav-icon.icon-search {

  background-position: -322px 1px;

  width: 18px;

  height: 24px;

  background-size: 340px;

}

.header-wrapper .child-navigation {

  padding-right: 32px;

  width: 293px;

  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);

}

.header-wrapper .child-navigation .outer-wrapper {

  margin-left: 30px;

  width: 100%;

}

.header-wrapper .child-navigation .outer-wrapper .links-wrapper li {

  margin-right: 30px;

  border-bottom: solid 1px rgba(219, 219, 219, 0.5);

  padding: 15px 0;

}

.header-wrapper .child-navigation .outer-wrapper .links-wrapper li a:focus {

  padding-left: 2px;

  margin-left: -2px;

  outline-offset: -1px;

}

.header-wrapper .child-navigation .outer-wrapper .links-wrapper li:last-child {

  border-bottom: none;

  padding-bottom: 0;

}

.header-wrapper .child-navigation .outer-wrapper .links-wrapper li .milesbalance {

  font-weight: normal;

}

.header-wrapper .child-navigation .outer-wrapper .links-wrapper li .show-miles-balance {

  display: flex;

  padding-top: 10px;

  padding-bottom: 15px;

}

.header-wrapper .child-navigation .outer-wrapper .links-wrapper li .show-miles-balance .balance-number {

  font-size: 32px;

  font-weight: bold;

  color: #00548a;

  padding-right: 10px;

}

.header-wrapper .child-navigation .outer-wrapper .links-wrapper li .show-miles-balance .balance-doller {

  font-weight: normal;

}

.header-wrapper .header-content .right-nav .fly-out-wrapper {

  right: -32px;

}

.header-wrapper .header-content .right-nav .fly-out-wrapper .desktop-extra-links, .header-wrapper .header-content .right-nav .fly-out-wrapper .multicard {

  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);

}

.header-wrapper .header-content .right-nav .profile-info {

  padding-top: 20px;

}

.header-wrapper .header-content .right-nav .profile-info .acc-email {

  padding-top: 10px;

}

.header-wrapper .header-content .right-nav a.log-out-link {

  font-weight: 600;

  padding: 20px 0 20px 12px;

  line-height: 22px;

}

.header-wrapper .header-content .right-nav a.log-out-link:focus {

  padding-right: 2px;

  margin-right: -2px;

  outline-offset: -1px;

}

.header-wrapper .header-content .right-nav .next-flyout a.log-out-link {

  padding: 20px 0 20px 12px;

}

.header-wrapper .header-content .right-nav .show-flyout .fly-outs.profile-flyout.desktop-extra-links {

  padding: 13px 20px 13px 0;

  padding-right: 32px;

  width: 293px;

  min-width: 100px;

}

.header-wrapper .header-content .right-nav .show-flyout .fly-outs.profile-flyout.desktop-extra-links .outer-wrapper {

  margin-left: 30px;

  width: 100%;

}

.header-wrapper .header-content .right-nav .show-flyout .fly-outs.profile-flyout.desktop-extra-links .profile-info p {

  margin: 0;

  padding: 2px 0;

}

.header-wrapper .header-content .right-nav .show-flyout .fly-outs.profile-flyout.desktop-extra-links .profile-info .edit-acc-link {

  border-bottom: solid 1px rgba(219, 219, 219, 0.5);

  margin: 0;

  width: 229px;

  padding: 15px 0;

  padding-top: 20px;

}

.header-wrapper .header-content .right-nav .show-flyout .fly-outs.profile-flyout.desktop-extra-links .profile-info .edit-acc-link a {

  display: block;

  padding: 5px 0;

}

.header-wrapper .header-content .right-nav .show-flyout .fly-outs.profile-flyout.desktop-extra-links .profile-info .edit-acc-link a:focus {

  padding-left: 2px;

  margin-left: -2px;

  outline-offset: -1px;

}

.header-wrapper .header-content .right-nav .show-flyout .fly-outs.profile-flyout.desktop-extra-links .profile-info .edit-acc-link:last-child {

  border: 0;

  padding-bottom: 5px;

  padding-top: 15px;

}

.header-wrapper .header-content .right-nav .show-flyout .fly-outs.profile-flyout.desktop-extra-links .profile-info .acc-name {

  font-weight: bold;

  padding-bottom: 20px;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout {

  padding: 0;

  padding-top: 32px;

  width: 370px;

  max-height: 550px;

  overflow-y: auto;

  right: 1px;

  border: 1px solid #DBDBDB;

  z-index: 1001;

  background: #FFFFFF;

  display: none;

  min-width: 100px;

  float: right;

  overflow: auto;

  padding-bottom: 25px;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section {

  margin: 0 20px 12px 30px;

  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);

  background-color: #f2f2f2;

  width: 310px;

  border-top: 1px solid #dbdbdb;

  border-bottom: 1px solid #dbdbdb;

  padding: 0;

  position: relative;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section a {

  display: block;

  position: relative;

  float: left;

  padding: 15px 18px 6px 14px;

  width: 100%;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section img {

  margin: 0px 10px 0 0;

  width: 40px;

  float: left;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section .card-info {

  width: 224px;

  display: inline-block;

  float: left;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section .card-info p {

  font-size: 0.9374em;

  width: 100%;

  margin: 0px;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section .card-info .card-name {

  color: #63686b;

  width: 100%;

  font-weight: bold;

  margin-bottom: 5px;

  display: inline-block;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section .card-info .card-name .fico-new-trade {

  top: -.3em;

  font-size: 11px;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section .card-info .card-right-arrow:after {

  content: '>';

  color: #2477ab;

  display: inline-block;

  float: right;

  font-weight: normal;

  font-size: 18px;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section .card-info .card-balance {

  font-size: 13px;

  color: #63686b;

  padding-bottom: 3px;

  overflow-wrap: break-word;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section .card-info .card-balance p {

  float: left;

  width: 60%;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section .card-info .card-balance span {

  float: right;

  text-align: right;

  width: 40%;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section.card-section-first {

  box-shadow: 0 1px 4px 0 rgba(36, 119, 171, 0.4);

  background-color: #ffffff;

  border: 0;

  border-left: solid 4px #1a587e;

  padding: 12px 0px 12px 11px;

  border-top: solid 1px #e3e4e6;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section.card-section-first a {

  padding-left: 11px;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section.card-section-first .card-info {

  width: 245px;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section.card-section-first .card-info .card-name {

  color: #293033;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section.card-section-first .card-info .card-balance {

  padding-right: 20px;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .all-account-section {

  border: 0;

  padding: 8px 0 0px 0;

  margin: 0 25px 0px 30px;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .all-account-section a {

  display: block;

  padding: 4px 0 0px 3px;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .all-account-section a:focus {

  outline-offset: -1px;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .link-color-magenta a {

  color: #bd10e0;

}

.header-wrapper .header-content .fly-outs.multicard.card-info-flyout .card-section.card-section-first .card-info .card-name:after {

  display: none;

}

.header-wrapper .header-content .show-flyout .fly-outs.multicard.card-info-flyout {

  display: block;

}

.header-wrapper .header-content .multicarmobile-view {

  display: none;

}

.header-wrapper .header-content .navbar-wrapper.multicard {

  float: right;

}



.mobile-responsive .header-wrapper .parent-link-container {

  padding: 0 7px;

}



/*-----------------------Overlay-------------------------*/

.private-nav-show-demo {

  position: relative;

}

.private-nav-show-demo .navbar-links {

  position: relative;

  z-index: 99999;

}

.private-nav-show-demo .tutorial-overlay:focus {

  outline-color: #4d90fe;

  outline-offset: 1px;

  outline-style: solid;

  outline-width: 1px;

}

.private-nav-show-demo .tutorial-overlay {

  position: absolute;

  height: 224px;

  top: 82px;

  left: 150px;

  width: 400px;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog {

  height: auto;

  margin: 10px 0 0 0;

  width: 100%;

  max-width: 600px;

  padding: 0;

  display: inline-block;

  text-align: left;

  vertical-align: middle;

  overflow: visible;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .upArrow {

  position: absolute;

  width: 0;

  height: 0;

  border-left: 12px solid transparent;

  border-right: 12px solid transparent;

  border-bottom: 12px solid white;

  z-index: 1;

  top: -10px;

  right: 48%;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content {

  padding: 20px;

  position: relative;

  overflow: hidden;

  border-radius: 0;

  background-color: #fff;

  border: 1px solid #dbdbdb;

  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

  -webkit-background-clip: padding-box;

  background-clip: padding-box;

  outline: 0;

  padding-top: 10px;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content .modal-body {

  position: relative;

  padding: 0;

  overflow: hidden;

  margin-top: 0;

  height: auto;

  margin: 0;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content .modal-body .custom-focus {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content .modal-body .contentPart {

  text-align: left;

  float: left;

  width: 100%;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content .modal-body .contentPart .demo-slide-num {

  font-size: 13px;

  color: #787f82;

  line-height: 22px;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content .modal-body .contentPart .heading {

  margin: 0;

  font-size: 19px;

  color: #2d373b;

  font-weight: bold;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content .modal-body .contentPart .heading span {

  color: #ff6000;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content .modal-body .contentPart .content {

  font-size: 15px;

  line-height: 22px;

  color: #2d373b;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content .modal-body .contentPart .tutorialButtonWrapper {

  margin-top: 20px;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content .modal-body .contentPart .tutorialButtonWrapper .tutorial-btn {

  color: white;

  font-size: 19px;

  width: 89px;

  border-radius: 4px;

  background-color: #ff6000;

  padding: 10px 0px 8px;

  text-align: center;

  display: inline-block;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content .modal-body .contentPart .tutorialButtonWrapper .tutorial-btn:focus {

  outline-width: 3px !important;

  background: #e94d00;

  text-decoration: none;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content .modal-body .contentPart .tutorialButtonWrapper .tutorial-btn:hover {

  background: #e94d00;

  text-decoration: none;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content .modal-mobile-link {

  position: absolute;

  display: inline-block;

  top: 15px;

  right: 15px;

  background: transparent;

  border: 0;

  color: #2477ab;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content .modal-mobile-link .svg-cross-blue {

  background: url(/global/images/svg/utility-icons.svg) no-repeat;

  display: inline-block;

  width: 12px;

  height: 12px;

  background-position: -87px 0;

  vertical-align: middle;

  margin-left: 9px;

}

.private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content .modal-mobile-link:focus {

  outline-color: #4d90fe;

  outline-offset: 1px;

  outline-style: solid;

  outline-width: 1px;

}

.private-nav-show-demo .private-nav-demo-2 {

  display: none;

}

.private-nav-show-demo .modal-backdrop-demo {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1040;

  background-color: #000;

  opacity: .4;

  display: none;

  height: 100vh;

  width: 100vw;

}

.private-nav-show-demo .parent-navigation .private-nav-show-menu-demo1 {

  border: solid 2px #ff6000;

  background: #fff;

  border-right: 0;

  z-index: 99999;

  position: relative;

}

.private-nav-show-demo .parent-navigation .private-nav-show-menu-demo1:last-child {

  border-left: 0;

  border-right: solid 2px #ff6000;

}

.private-nav-show-demo .tutorial-overlay.private-nav-demo-2 {

  width: 407px;

  left: -90px;

  height: 192px;

}

.private-nav-show-demo .tutorial-overlay.private-nav-demo-2 .modal-dialog {

  margin: 1px 0 0 0;

}

.private-nav-show-demo .tutorial-overlay.private-nav-demo-2 .modal-dialog .rightArrow {

  position: absolute;

  width: 0;

  height: 0;

  border-bottom: 12px solid transparent;

  border-top: 12px solid transparent;

  border-left: 12px solid #fff;

  z-index: 1;

  top: 12%;

  right: 1px;

}

.private-nav-show-demo .tutorial-overlay.private-nav-demo-2 .modal-dialog .modal-content {

  width: 395px;

}

.private-nav-show-demo .private-nav-show-menu-demo2 {

  border: solid 2px #ff6000;

  background: #fff;

  z-index: 99999;

  position: relative;

}

.private-nav-show-demo .private-nav-show-menu-demo2 .parent-link, .private-nav-show-demo .private-nav-show-menu-demo2 .mobile-links {

  border-bottom: solid 2px #ff6000;

}



.mobile-responsive .private-nav-show-demo .tutorial-overlay {

  left: 204px;

}

.mobile-responsive .private-nav-show-demo .private-nav-demo-2 {

  left: -40px;

}



.tutorial-overlay {

  display: none;

}



.tutorial-open {

  overflow: hidden;

}



/*-------------start Fallback header icon changes-----------------*/

#header-template .header-wrapper .header-content .right-nav .right-link [class^=icon-] {

  background: url(/global/images/svg/private-nav-icons.svg) no-repeat;

  margin-bottom: 6px;

}

#header-template .header-wrapper .header-content .right-nav .right-link i.icon-profile {

  background-position: -204px 1px;

  width: 16px;

  height: 24px;

}

#header-template .header-wrapper .header-content .right-nav .right-link i.icon-help {

  background-position: 1px 1px;

  width: 19px;

  height: 24px;

}

#header-template .header-wrapper .header-content .right-nav .right-link i.icon-help-badge {

  background-position: -52px 1px;

  width: 20px;

  height: 24px;

}

#header-template .header-wrapper .header-content .right-nav .right-link i.icon-search {

  background-position: -107px 1px;

  width: 16px;

  height: 24px;

}

#header-template .header-wrapper .header-content .right-nav .right-link i.icon-message {

  background: url(/global/images/utility-icons.png) no-repeat;

  background-position: -148px -86px;

  width: 21px;

  height: 24px;

  margin-bottom: 6px;

  margin-top: 0px;

}

#header-template .header-wrapper .header-content .right-nav .right-link .small-card-img {

  display: none;

}

#header-template .header-wrapper .header-content .right-nav .search-tab.show-flyout i.icon-search {

  background-position: -322px 2px;

  width: 18px;

  height: 24px;

  background-size: 340px;

}

#header-template .header-wrapper .header-content .right-nav .help-fly-out .mobile-child-links .links-wrapper {

  padding-bottom: 20px;

}

#header-template .header-wrapper .header-content .card-type .right-link:before {

  background: url(/global/images/svg/private-nav-icons.svg) no-repeat;

  background-position: -142px 1px;

  width: 26px;

  height: 24px;

  margin-bottom: 6px;

  content: '';

  display: block;

  margin-left: 10px;

}

#header-template .header-wrapper .header-content .card-type .right-link .icon-accounts {

  display: none;

}



/*-------------End Fallback header icon changes-----------------*/

/*END, 08/09/2020 Overriding Private Header Footer CSS as per new design*/

@media screen and (max-width: 1379px) and (min-width: 1024px) {

  .mobile-responsive .header-wrapper .alert .alert-content-freeze {

    width: 100%;

    padding: 0 10px;

  }

  .mobile-responsive .header-content .navbar-links .parent-navigation {

    padding-right: 15px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .association-menu .certification-links {

    width: 47.666667%;

  }

  .mobile-responsive #footerLinks .secondary-navigation .association-menu .jd-power-award {

    width: 52%;

  }

}

@media screen and (max-width: 1023px) {

  .panel-open {

    position: fixed;

    overflow-y: scroll;

  }

  .panel-open .mobile-responsive {

    position: fixed;

    overflow: hidden;

  }



  .mobile-responsive #search_overlay {

    display: none;

  }

  .mobile-responsive .header-wrapper a.first-link, .mobile-responsive .header-wrapper a.last-link {

    position: absolute;

    left: -10px;

    top: -10px;

    line-height: 0;

    width: 0;

  }

  .mobile-responsive .header-wrapper.show-menu .navbar-wrapper {

    display: block;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

    left: 0;

    visibility: visible;

    -webkit-transform: translatex(0px);

    -moz-transform: translateX(0px);

    -ms-transform: translateX(0px);

    -o-transform: translateX(0px);

    -webkit-transition: -webkit-transform 0.35s ease;

    -o-transition: -o-transform 0.35s ease;

    -moz-transition: -moz-transform 0.35s ease;

    transition: transform 0.35s ease;

  }

  .mobile-responsive .header-wrapper.show-menu .menu-button span.icon-toggle {

    background-position: -640px -161px;

  }

  .mobile-responsive .header-wrapper.show-othercard-panel .menu-button span.icon-toggle {

    background-position: -258px -399px;

  }

  .mobile-responsive .header-wrapper .header-content {

    padding: 0;

    margin: 0 auto;

    max-width: 1004px;

  }

  .mobile-responsive .header-wrapper .logo-container {

    width: 100%;

    text-align: center;

    padding: 0 20px;

    background: #F8F8F8;

  }

  .mobile-responsive .header-wrapper .logo-container .menu-button {

    display: inline-block;

    float: left;

    margin-top: 10px;

    padding: 10px 5px 10px 3px;

    margin-left: -3px;

  }

  .mobile-responsive .header-wrapper .logo-container .menu-button .sr-only {

    text-indent: -999px;

    display: inline-block;

  }

  .mobile-responsive .header-wrapper .logo-container .menu-button .icon-toggle {

    background-position: -640px -126px;

    width: 18px;

    height: 18px;

    display: inline-block;

    float: left;

  }

  .mobile-responsive .header-wrapper .logo-container .menu-button .menu-text {

    color: #293033;

    display: inline-block;

    vertical-align: top;

    margin-left: 10px;

    float: left;

  }

  .mobile-responsive .header-wrapper .logo-container .log-out-link {

    color: #293033;

    display: inline-block;

    padding: 21px 10px;

    text-decoration: none;

    float: right;

  }

  .mobile-responsive .header-wrapper .alert .alert-content-freeze {

    width: 100%;

    padding-right: 12px;

    padding-left: 10px;

  }

  .mobile-responsive .header-content {

    padding: 0;

    margin: 0;

    width: 100%;

  }

  .mobile-responsive .header-content .navbar-links {

    margin: 0;

    height: auto;

    width: 100%;

  }

  .mobile-responsive .header-content .navbar-links .parent-navigation {

    width: 100%;

  }

  .mobile-responsive .header-content .navbar-wrapper {

    position: absolute;

    width: 320px;

    top: 61px;

    background: #F8F8F8;

    z-index: 1000;

    border-right: 1px solid #DBDBDB;

    display: none\0;

    visibility: hidden;

    -webkit-transform: translatex(-320px);

    -moz-transform: translateX(-320px);

    -ms-transform: translateX(-320px);

    -o-transform: translateX(-320px);

    -webkit-transition: -webkit-transform 0.4s ease;

    -o-transition: -o-transform 0.4s ease;

    -moz-transition: -moz-transform 0.4s ease;

    transition: transform 0.4s ease;

  }

  .mobile-responsive .header-content .navbar-wrapper.multicard .card-info-mobile {

    cursor: pointer;

  }

  .mobile-responsive .header-content .navbar-wrapper.multicard .card-info-mobile .card-info {

    width: 210px;

  }

  .mobile-responsive .header-content .navbar-wrapper.multicard .card-info-mobile .card-info p:first-child + p + p {

    display: none;

  }

  .mobile-responsive .header-content .navbar-wrapper.multicard .card-info-mobile .card-info .icon-right-arrow {

    display: block;

    background-position: -319px -338px;

    width: 17px;

    height: 17px;

    float: right;

    margin: -32px 0px 0px 0px;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard {

    overflow-x: hidden;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .fly-out-wrapper {

    top: 88px;

    width: 100%;

    position: static;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .card-info-mobile {

    cursor: default;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .card-info-mobile .card-info .icon-right-arrow {

    display: none;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .navbar-links ul {

    display: none;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .right-nav {

    float: none;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .right-nav .card-info-flyout {

    width: 320px;

    max-height: inherit;

    border: none;

    display: block;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .right-nav .card-section:first-child {

    display: none;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .right-nav .all-account-section {

    padding: 20px 20px 20px 15px;

    border-top: none;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .right-nav ul li {

    display: none;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .right-nav .card-type {

    display: block;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .right-nav .card-type .right-link {

    display: none;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .right-nav .other-card-section {

    margin: 0px;

    padding: 16px 15px;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .right-nav .other-card-section .card-info-without-img {

    width: 94%;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .right-nav .other-card-section .card-info-without-img .current-balance-row .right-span {

    width: 56%;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .right-nav .other-card-section .card-info-without-img .credit-line-available-row .right-span {

    width: 50%;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .right-nav .other-card-section .card-info-img {

    width: 71%;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .right-nav .other-card-section .card-info-img .current-balance-row .right-span {

    width: 46%;

  }

  .mobile-responsive .header-content .navbar-wrapper.show-othercard .right-nav .other-card-section .card-info-img .credit-line-available-row .right-span {

    width: 37%;

  }

  .mobile-responsive .header-content .navbar-wrapper.animate {

    visibility: visible;

  }

  .mobile-responsive .header-content .card-info-mobile {

    padding: 20px 0 20px 15px;

    border-bottom: 1px solid #DBDBDB;

    display: block;

  }

  .mobile-responsive .header-content .card-info-mobile img {

    float: left;

    margin: 3px 20px 0 0;

  }

  .mobile-responsive .header-content .card-info-mobile .card-info {

    font-size: 0.9375em;

    display: inline-block;

    width: 200px;

  }

  .mobile-responsive .header-content .card-info-mobile .card-info p {

    margin-bottom: 5px;

    font-size: 0.9374em;

  }

  .mobile-responsive .header-content .card-info-mobile .card-info span {

    margin: 0;

    font-weight: bold;

  }

  .mobile-responsive .header-content .parent-link-container {

    width: 100%;

  }

  .mobile-responsive .header-content .mobile-child-links, .mobile-responsive .header-content .mobile-links {

    display: block;

    width: 100%;

  }

  .mobile-responsive .header-content .mobile-child-links span, .mobile-responsive .header-content .mobile-links span {

    display: none;

  }

  .mobile-responsive .header-content .mobile-child-links .links-wrapper, .mobile-responsive .header-content .mobile-links .links-wrapper {

    display: none;

  }

  .mobile-responsive .header-content .mobile-child-links.last-login, .mobile-responsive .header-content .mobile-links.last-login {

    font-size: 0.9375em;

    color: #63686B;

    padding: 14px 10px 15px 15px;

  }

  .mobile-responsive .header-content .mobile-child-links.last-login span, .mobile-responsive .header-content .mobile-links.last-login span {

    display: block;

    display: inline-block;

  }

  .mobile-responsive .header-content .mobile-links {

    display: block;

    padding: 8px 15px;

    border-bottom: 1px solid #DBDBDB;

    font-weight: bold;

    color: #293033;

    text-decoration: none;

    background: #F8F8F8;

    line-height: 34px;

  }

  .mobile-responsive .header-content .child-navigation {

    display: inline-block;

    min-width: 100%;

    position: static;

    border: none;

    padding: 0;

  }

  .mobile-responsive .header-content .child-navigation .outer-wrapper {

    display: block;

    margin: 0;

    width: 100%;

    float: none;

  }

  .mobile-responsive .header-content .child-navigation .outer-wrapper a.mobile-links {

    display: block;

    margin: 0px;

    padding: 8px 15px;

    border-bottom: 1px solid #DBDBDB;

    font-weight: bold;

    color: #293033;

    text-decoration: none;

    background: #F8F8F8;

  }

  .mobile-responsive .header-content .child-navigation .miles-outer-wrapper {

    display: none;

  }

  .mobile-responsive .header-content .child-navigation .links-wrapper {

    padding: 12px 0;

  }

  .mobile-responsive .header-content .child-navigation .links-wrapper a {

    padding: 0px 50px;

    margin: 0;

  }

  .mobile-responsive .header-content .child-navigation .links-wrapper .newCbb a {

    padding-left: 0;

  }

  .mobile-responsive .header-content .child-navigation .links-wrapper .newCbb span {

    padding-left: 50px;

  }

  .mobile-responsive .header-content .child-navigation .open-panel .links-wrapper {

    display: block;

    border-bottom: 1px solid #DBDBDB;

  }

  .mobile-responsive .header-content .child-navigation .open-panel .links-wrapper a:hover, .mobile-responsive .header-content .child-navigation .open-panel .links-wrapper a:active, .mobile-responsive .header-content .child-navigation .open-panel .links-wrapper a:focus {

    text-decoration: underline;

  }

  .mobile-responsive .header-content .child-navigation .open-panel .miles-device-wrapper {

    display: block;

    border-top: 1px solid #dbdbdb;

    margin: 10px 16px 5px 50px;

    padding: 20px 0 0 0;

  }

  .mobile-responsive .header-content .child-navigation .open-panel .miles-device-wrapper p {

    padding: 0 0 12px 0;

  }

  .mobile-responsive .header-content .child-navigation .open-panel .miles-device-wrapper span {

    display: inline-block;

    font-weight: normal;

  }

  .mobile-responsive .header-content .child-navigation .open-panel .miles-device-wrapper span:first-child {

    color: #184575;

    font-size: 2.2em;

    font-weight: bold;

    padding: 0 5px 0 0;

  }

  .mobile-responsive .header-content .child-navigation .open-panel .icon-expand-toggle {

    width: 8px;

    height: 6px;

    background-position: -648px -194px;

    vertical-align: middle;

  }

  .mobile-responsive .header-content .child-navigation.help-fly-out {

    display: none;

  }

  .mobile-responsive .header-content .child-navigation .icon-expand-toggle {

    width: 8px;

    height: 11px;

    background-position: -648px -210px;

    vertical-align: middle;

    margin-right: 10px;

  }

  .mobile-responsive .header-content .right-nav {

    height: auto;

  }

  .mobile-responsive .header-content .right-nav .search-tab a.right-link {

    height: auto;

  }

  .mobile-responsive .header-content .right-nav .search-tab a.right-link .icon-search {

    background-position: -423px -67px;

  }

  .mobile-responsive .header-content .right-nav .right-link {

    padding: 14px 10px 15px 15px;

    width: 100%;

    border-bottom: 1px solid #DBDBDB;

  }

  .mobile-responsive .header-content .right-nav .right-link .icon-notification {

    left: -6px;

    top: 4px;

  }

  .mobile-responsive .header-content .right-nav .right-link i[class^='icon-'] {

    display: inline-block;

    margin-bottom: 0;

    width: 21px;

  }

  .mobile-responsive .header-content .right-nav .right-link span {

    display: inline-block;

    vertical-align: text-top;

    line-height: 15px;

    margin-left: 10px;

    font-size: 1em;

  }

  .mobile-responsive .header-content .right-nav .show-flyout .right-link, .mobile-responsive .header-content .right-nav .next-flyout .right-link {

    padding: 14px 10px 15px 15px;

    height: auto;

    border: none;

    border-bottom: 1px solid #DBDBDB;

    background: #F8F8F8;

  }

  .mobile-responsive .header-content .parent-link, .mobile-responsive .header-content .right-nav .show-flyout .fly-outs, .mobile-responsive .header-content .desktop-extra-links {

    display: none;

  }

  .mobile-responsive #footerLinks {

    padding: 0;

  }

  .mobile-responsive #footerLinks .secondary-navigation {

    padding: 15px 20px 60px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .association-menu .jd-power-award {

    width: 67%;

  }

  .mobile-responsive #footerLinks .association-menu .certification-links {

    width: 32.666667%;

  }

  .mobile-responsive #footerLinks .association-menu .jd-power-award > p {

    padding-top: 5px;

  }

  .mobile-responsive #footerLinks #jdpower-disclosure-overlay.tooltip, .mobile-responsive #footerLinks #jdpower-disclosure-overlay.tooltip-overlay {

    margin-left: 0;

    left: 10%;

  }



  .header-wrapper .alert .alert-content-freeze .alert-body {

    display: block;

    margin-left: 26px;

  }

  .header-wrapper .alert.alert-limited-access .close-link {

    right: 20px;

  }

  .header-wrapper .alert.alert-limited-access .alert-container {

    width: 100%;

    padding-left: 10px;

    padding-right: 90px;

  }

  .header-wrapper .alert-warning.freeze-banner-align {

    padding-left: 9px;

  }



  /*START, Overriding Private Header Footer CSS for Text Resize*/

  .text-resize-large #footerLinks .association-menu .jd-power-award a.tooltip-opener, .text-resize-xlarge #footerLinks .association-menu .jd-power-award a.tooltip-opener {

    display: inline;

    white-space: normal !important;

  }



  /*END, Overriding Private Header Footer CSS for Text Resize*/

  /*START, 08/09/2020 Overriding Private Header Footer CSS as per new design*/

  .mobile-responsive {

    /*-----------------------Overlay-------------------*/

  }

  .mobile-responsive .header-wrapper .logo-container .menu-button span.nav-icon.icon-toggle {

    background: url(/global/images/svg/private-nav-icons.svg) no-repeat;

  }

  .mobile-responsive .header-wrapper .logo-container .menu-button span.nav-icon.icon-toggle {

    background-position: -238px -2px;

    width: 28px;

    height: 24px;

  }

  .mobile-responsive .header-wrapper.show-menu .menu-button span.nav-icon.icon-toggle {

    background-position: -355px -5px;

  }

  .mobile-responsive .header-wrapper .logo-container .log-out-link {

    padding: 21px 0px;

    font-weight: 600;

  }

  .mobile-responsive .header-content .navbar-links .parent-navigation {

    padding-right: 0;

  }

  .mobile-responsive .header-content .parent-link-container {

    padding: 0;

  }

  .mobile-responsive .header-content .parent-link-container .child-navigation {

    box-shadow: none;

  }

  .mobile-responsive .header-content .parent-link-container .child-navigation .icon-expand-toggle {

    float: right;

    margin-top: 13px;

    margin-right: 0;

  }

  .mobile-responsive .header-content .parent-link-container .child-navigation .nav-icon.icon-expand-toggle {

    margin-top: 13px;

    width: 8px;

    height: 8px;

    font-style: normal;

    border: solid #979797;

    border-width: 0 2px 2px 0;

    display: inline-block;

    padding: 2px;

    color: #979797;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    vertical-align: text-top;

    margin-top: 10px;

    background: none;

  }

  .mobile-responsive .header-content .parent-link-container .child-navigation .outer-wrapper .mobile-child-links.open-panel {

    border-bottom: 1px solid #dbdbdb;

  }

  .mobile-responsive .header-content .parent-link-container .child-navigation .outer-wrapper .mobile-child-links.open-panel a.mobile-links {

    border-bottom: 0;

  }

  .mobile-responsive .header-content .parent-link-container .child-navigation .outer-wrapper a.mobile-links {

    background: #ffffff;

    padding: 12px 20px 12px;

  }

  .mobile-responsive .header-content .parent-link-container .child-navigation .outer-wrapper .links-wrapper li .milesbalance {

    display: block;

  }

  .mobile-responsive .header-content .parent-link-container .child-navigation .open-panel .nav-icon.icon-expand-toggle {

    transform: rotate(-135deg);

    -ms-transform: rotate(-135deg);

    -moz-transform: rotate(-135deg);

    -webkit-transform: rotate(-135deg);

    margin-top: 12px;

  }

  .mobile-responsive .header-content .parent-link-container .child-navigation .open-panel .links-wrapper {

    border-bottom: 0;

    background: #f8f8f8;

    padding: 0 40px;

  }

  .mobile-responsive .header-content .parent-link-container .child-navigation .open-panel .links-wrapper li {

    margin-right: 0;

    padding: 12px 0;

    border-bottom: solid 1px rgba(219, 219, 219, 0.5);

  }

  .mobile-responsive .header-content .parent-link-container .child-navigation .open-panel .links-wrapper li a {

    padding: 0;

    margin: 0;

  }

  .mobile-responsive .header-content .parent-link-container .child-navigation .open-panel .links-wrapper li:last-child {

    border: 0;

  }

  .mobile-responsive .header-content .parent-link-container .child-navigation .open-panel .links-wrapper li .show-miles-balance {

    padding-top: 5px;

    padding-bottom: 15px;

  }

  .mobile-responsive .header-content .mobile-extra-links a.mobile-links {

    background: #ffffff;

    border-bottom: 1px solid #dbdbdb;

    padding: 14px 20px 12px;

  }

  .mobile-responsive .header-content .right-nav {

    width: 100%;

    float: left;

  }

  .mobile-responsive .header-content .right-nav .mobile-child-links .open-panel .nav-icon.icon-expand-toggle {

    transform: rotate(-135deg);

    -ms-transform: rotate(-135deg);

    -moz-transform: rotate(-135deg);

    -webkit-transform: rotate(-135deg);

    margin-top: 12px;

  }

  .mobile-responsive .header-content .right-nav .mobile-child-links i.nav-icon {

    float: left;

  }

  .mobile-responsive .header-content .right-nav .mobile-child-links i.nav-icon.icon-search {

    height: 18px;

    background-position: -107px -5px;

    margin-bottom: 0;

    margin-right: 2px;

  }

  .mobile-responsive .header-content .right-nav .mobile-child-links i.nav-icon.icon-help {

    background-position: 0px -5px;

    width: 19px;

    height: 19px;

    margin-bottom: 0;

    margin-top: 0px;

  }

  .mobile-responsive .header-content .right-nav .mobile-child-links i.nav-icon.icon-help-badge {

    background-position: -52px 1px;

    width: 19px;

    height: 24px;

  }

  .mobile-responsive .header-content .right-nav .mobile-child-links i.nav-icon.icon-profile {

    margin-top: -6px;

    margin-bottom: 0;

    margin-right: 5px;

  }

  .mobile-responsive .header-content .right-nav .open-panel .right-link i.nav-icon.icon-search {

    height: 18px;

    background-position: -107px -5px;

    margin-bottom: 0;

    margin-right: 2px;

  }

  .mobile-responsive .header-content .right-nav .outer-wrapper .help-fly-out.mobile-child-links i.nav-icon.icon-help {

    margin-top: 6px;

  }

  .mobile-responsive .header-content .right-nav .outer-wrapper .help-fly-out.mobile-child-links i.nav-icon.icon-help-badge {

    margin-top: 0px;

  }

  .mobile-responsive .header-content .right-nav ul {

    width: 100%;

  }

  .mobile-responsive .header-content .right-nav .right-link {

    border-bottom: 1px solid #dbdbdb;

    padding: 18px 20px;

    text-align: left;

  }

  .mobile-responsive .header-content .right-nav .right-link span {

    font-weight: 700;

  }

  .mobile-responsive .header-content .right-nav .right-link .small-card-img {

    width: 21px;

    margin: 0 auto 4px;

    display: inline-block;

  }

  .mobile-responsive .header-content .right-nav .right-link .card-number {

    width: auto;

  }

  .mobile-responsive .header-content .right-nav li.card-type {

    display: none;

  }

  .mobile-responsive .header-content .navbar-wrapper.multicard .card-info-mobile-view {

    background: #ffffff;

    border-bottom: 2px solid #dbdbdb;

    padding: 20px 0 12px 20px;

    display: block;

  }

  .mobile-responsive .header-content .navbar-wrapper.multicard .card-info-mobile-view img {

    float: left;

    margin: 3px 25px 0 0;

    width: 65px;

  }

  .mobile-responsive .header-content .navbar-wrapper.multicard .card-info-mobile-view .card-info {

    font-size: 0.9375em;

    display: inline-block;

    width: 195px;

  }

  .mobile-responsive .header-content .navbar-wrapper.multicard .card-info-mobile-view .card-info p {

    margin-bottom: 5px;

    font-size: 0.9374em;

  }

  .mobile-responsive .header-content .navbar-wrapper.multicard .card-info-mobile-view .card-info p span {

    margin: 0;

  }

  .mobile-responsive .header-content .navbar-wrapper.multicard .card-info-mobile-view .card-info p span.card-name {

    font-weight: bold;

  }

  .mobile-responsive .header-content .navbar-wrapper.multicard .card-info-mobile-view .card-info .all-account-section a {

    display: inline-block;

  }

  .mobile-responsive .header-content .navbar-wrapper.multicard .card-info-mobile-view .card-info .link-color-magenta a {

    color: #bd10e0;

  }

  .mobile-responsive .header-content .navbar-wrapper.multicard .card-info-mobile-view .card-info .all-account-section a .arrow-up-down {

    float: right;

    margin-top: 13px;

    width: 8px;

    height: 8px;

    font-style: normal;

    border: solid #979797;

    border-width: 0 2px 2px 0;

    display: inline-block;

    padding: 2px;

    color: #979797;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    vertical-align: text-top;

    margin-top: 2px;

    background: 0 0;

    margin-left: 10px;

  }

  .mobile-responsive .header-content .navbar-wrapper.multicard .card-info-mobile-view .card-info .all-account-section a.show-cards .arrow-up-down {

    transform: rotate(-135deg);

    -ms-transform: rotate(-135deg);

    -moz-transform: rotate(-135deg);

    -webkit-transform: rotate(-135deg);

    margin-top: 8px;

  }

  .mobile-responsive .header-content .navbar-wrapper.multicard .right-nav .card-type .right-link .card-number {

    width: auto;

  }

  .mobile-responsive .header-content .fly-outs.multicard.card-info-flyout {

    border: 0;

    clear: both;

    float: none;

  }

  .mobile-responsive .header-content .fly-outs.multicard.card-info-flyout .card-section.card-section-first {

    margin: 0px 20px 12px;

  }

  .mobile-responsive .header-content .fly-outs.multicard.card-info-flyout .card-section {

    margin: 0px 20px 12px;

    overflow: auto;

    width: 280px;

  }

  .mobile-responsive .header-content .fly-outs.multicard.card-info-flyout .card-section a {

    padding: 12px 18px 6px 18px;

  }

  .mobile-responsive .header-content .fly-outs.multicard.card-info-flyout .card-section img {

    margin-top: 0;

  }

  .mobile-responsive .header-content .fly-outs.multicard.card-info-flyout .card-section .card-info {

    width: 194px;

  }

  .mobile-responsive .header-content .fly-outs.multicard.card-info-flyout .card-section .card-info .card-balance {

    width: 100%;

    float: left;

  }

  .mobile-responsive .header-content .multicarmobile-view {

    display: block;

    padding: 10px 0;

    border-bottom: 2px solid #dbdbdb;

  }

  .mobile-responsive .header-content .multicarmobile-view .fly-outs.multicard.card-info-flyout {

    display: none;

    background: #f8f8f8;

    padding: 10px 0 0;

    border-bottom: none;

    width: 100%;

  }

  .mobile-responsive .header-content .right-nav .mobile-help-menu .parent-link {

    display: none;

  }

  .mobile-responsive .header-content .right-nav .mobile-help-menu .child-navigation {

    position: relative;

    top: 0;

    right: 0;

    box-shadow: none;

  }

  .mobile-responsive .header-content .right-nav .mobile-help-menu .child-navigation .nav-icon.icon-expand-toggle {

    float: right;

    margin-top: 13px;

    width: 8px;

    height: 8px;

    font-style: normal;

    border: solid #979797;

    border-width: 0 2px 2px 0;

    display: inline-block;

    padding: 2px;

    color: #979797;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    vertical-align: text-top;

    margin-top: 10px;

    background: 0 0;

    margin-right: 0;

  }

  .mobile-responsive .header-content .right-nav .mobile-help-menu .child-navigation .open-panel .nav-icon.icon-expand-toggle {

    transform: rotate(-135deg);

    -ms-transform: rotate(-135deg);

    -moz-transform: rotate(-135deg);

    -webkit-transform: rotate(-135deg);

    margin-top: 12px;

  }

  .mobile-responsive .header-content .right-nav .mobile-help-menu .child-navigation .outer-wrapper .help-fly-out {

    float: none;

  }

  .mobile-responsive .header-content .right-nav .mobile-help-menu .child-navigation .outer-wrapper .help-fly-out .mobile-links {

    padding: 13px 20px;

    line-height: 30px;

  }

  .mobile-responsive .header-content .right-nav .mobile-help-menu .child-navigation .outer-wrapper .help-fly-out .mobile-links span {

    display: inline-block;

    margin-left: 12px;

    line-height: 30px;

  }

  .mobile-responsive .header-content .right-nav .mobile-help-menu .child-navigation .outer-wrapper .help-fly-out .links-wrapper {

    padding: 0;

  }

  .mobile-responsive .header-content .right-nav .mobile-help-menu .child-navigation .outer-wrapper .help-fly-out .links-wrapper li {

    margin-left: 40px;

    margin-right: 40px;

    padding: 12px 0;

  }

  .mobile-responsive .header-content .right-nav .mobile-help-menu .child-navigation .outer-wrapper .help-fly-out .links-wrapper li a {

    padding: 0;

  }

  .mobile-responsive .header-content .right-nav .mobile-help-menu .child-navigation .outer-wrapper .help-fly-out.open-panel .mobile-links {

    border-bottom: 0;

  }

  .mobile-responsive .header-wrapper.show-menu .modal-backdrop-demo-mobile {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 12;

    background-color: #000;

    opacity: .4;

    display: none;

    height: 100vh;

    width: 100vw;

  }

  .mobile-responsive .header-wrapper.show-menu .private-nav-show-demo {

    overflow-y: unset;

    border-right: 0;

    top: 62px;

  }

  .mobile-responsive .header-wrapper.show-menu .private-nav-show-demo .modal-backdrop-demo {

    min-height: 850px;

  }

  .mobile-responsive .header-content .private-nav-show-demo .modal-backdrop-demo {

    top: -61px;

  }

  .mobile-responsive .header-content .private-nav-show-demo .tutorial-overlay {

    top: 65px;

    left: 16px;

    width: 288px;

    height: 275px;

  }

  .mobile-responsive .header-content .private-nav-show-demo .tutorial-overlay .modal-dialog {

    margin-top: 0;

  }

  .mobile-responsive .header-content .private-nav-show-demo .tutorial-overlay .modal-dialog .upArrow {

    border-top: 12px solid #fff;

    bottom: -10px;

    top: 264px;

    border-bottom: 0;

  }

  .mobile-responsive .header-content .private-nav-show-demo .tutorial-overlay .modal-dialog .modal-content .modal-body .contentPart .heading {

    line-height: 25px;

    padding: 8px 0 12px;

  }

  .mobile-responsive .header-content .private-nav-show-demo .parent-navigation .private-nav-show-menu-demo1 {

    border: solid 2px #ff6000;

    border-bottom: 0;

  }

  .mobile-responsive .header-content .private-nav-show-demo .parent-navigation .private-nav-show-menu-demo1 .nav-icon.icon-expand-toggle {

    display: none;

  }

  .mobile-responsive .header-content .private-nav-show-demo .parent-navigation .private-nav-show-menu-demo1:last-child {

    border: solid 2px #ff6000;

    border-top: 0;

  }

  .mobile-responsive .header-content .private-nav-show-demo .tutorial-overlay.private-nav-demo-2 {

    height: 228px;

    top: 290px;

  }

  .mobile-responsive .header-content .private-nav-show-demo .tutorial-overlay.private-nav-demo-2 .modal-dialog .rightArrow {

    border-top: 12px solid #fff;

    bottom: -10px;

    top: 217px;

    border-bottom: 0;

    border-left: 12px solid transparent;

    border-right: 12px solid transparent;

    right: 50%;

  }

  .mobile-responsive .header-content .private-nav-show-demo .tutorial-overlay.private-nav-demo-2 .modal-dialog .modal-content {

    width: 288px;

    padding: 10px 15px 20px;

  }

  .mobile-responsive .header-content .private-nav-show-demo .right-nav .private-nav-show-menu-demo2 {

    border: 0;

  }

  .mobile-responsive .header-content .private-nav-show-demo .right-nav .private-nav-show-menu-demo2 .child-navigation .outer-wrapper .help-fly-out.open-panel {

    border: solid 2px #ff6000;

  }

  .mobile-responsive .header-content .private-nav-show-demo .right-nav .private-nav-show-menu-demo2 .child-navigation .outer-wrapper .help-fly-out.open-panel .mobile-links .icon-expand-toggle {

    display: none;

  }

  .mobile-responsive .header-content .private-nav-show-demo .child-navigation .icon-expand-toggle {

    display: none;

  }



  /*-------------start Fallback header icon changes-----------------*/

  #header-template .header-wrapper .header-content .right-nav .right-link {

    padding: 20px;

  }

  #header-template .header-wrapper .header-content .right-nav .right-link [class^=icon-] {

    margin-bottom: -2px;

  }

  #header-template .header-wrapper .header-content .right-nav .right-link i.icon-help {

    margin-bottom: -4px;

  }

  #header-template .header-wrapper .header-content .right-nav .right-link i.icon-profile {

    margin-right: 2px;

  }

  #header-template .header-wrapper .header-content .right-nav .right-link i.icon-search {

    margin-bottom: -4px;

    margin-right: 2px;

    background-position: -107px -5px;

    width: 16px;

    height: 18px;

  }

  #header-template .header-wrapper .header-content .right-nav .right-link i.icon-message {

    margin-bottom: -3px;

  }

  #header-template .header-wrapper .header-content .right-nav .right-link span {

    margin-left: 12px;

  }

  #header-template .header-wrapper .header-content .right-nav .search-tab.show-flyout i.icon-search {

    margin-bottom: -2px;

  }

  #header-template .header-wrapper .header-content .right-nav ul li.mobile-child-links:first-child a span {

    margin-left: 10px;

  }

  #header-template .header-wrapper .header-content .icon-toggle {

    background: url(/global/images/svg/private-nav-icons.svg) no-repeat;

    background-position: -238px -2px;

    width: 28px;

    height: 24px;

  }

  #header-template .header-wrapper.show-menu .header-content .icon-toggle {

    background-position: -354px -2px;

    width: 28px;

    height: 24px;

  }

  #header-template .header-wrapper .logo-container .menu-button .menu-text {

    display: none;

  }



  /*-------------End Fallback header icon changes-----------------*/

  /*END, 08/09/2020 Overriding Private Header Footer CSS as per new design*/

}

@media screen and (max-width: 754px) {

  .mobile-responsive .header-wrapper .logo-container {

    padding: 0 10px;

  }

  .mobile-responsive .header-wrapper .alert .alert-content-freeze {

    width: 100%;

    padding-left: 0px;

  }

  .mobile-responsive #footerLinks {

    padding: 0;

    margin-top: 50px;

  }

  .mobile-responsive #footerLinks .icon-expand-toggle {

    width: 8px;

    height: 11px;

    background-position: -648px -210px;

    vertical-align: middle;

    margin-right: 10px;

  }

  .mobile-responsive #footerLinks .secondary-navigation {

    /*max-width: 480px;*/

    padding: 15px 0 60px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .link-container {

    padding: 0;

    text-align: left;

    width: 100%;

    float: none;

    border-bottom: 1px solid #DBDBDB;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .link-container.quick-links.no-accordian {

    padding-left: 0;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .link-container .link-title {

    background: #F8F8F8;

    padding: 0px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .link-container ul {

    padding: 8px 0px 8px 30px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .link-container ul li a.footer-icon-mobile .icon-app-discover {

    font-size: 1em;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .link-container.discover-product ul, .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .link-container.about-us ul {

    padding-left: 0;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .link-container.discover-product ul li, .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .link-container.about-us ul li {

    max-width: 480px;

    margin: 0 auto;

    padding-left: 30px;

    padding-right: 10px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .quick-links {

    text-align: center;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .quick-links ul {

    padding: 0 10px 25px 10px;

    max-width: 480px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .quick-links ul li {

    min-width: 32%;

    display: inline-block;

    margin: 8px -4px 8px 0;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .quick-links ul li a {

    padding: 0 10px;

    white-space: nowrap;

    line-height: 18px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .quick-links ul li + li + li + li {

    border: 0;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .quick-links ul li + li, .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .quick-links ul li + li + li, .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .quick-links ul li:last-child {

    border-left: 1px solid #63686B;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons {

    border-top: 0;

    border-bottom: 0;

    margin-top: 0;

    padding-top: 15px;

    min-width: 252px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul {

    float: none;

    padding: 10px 30px 0 30px;

    width: 100%;

    display: block;

    max-width: 480px;

    margin: 0 auto;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li {

    float: left;

    width: 25%;

    text-align: center;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li:first-child {

    text-align: left;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li:first-child + li {

    padding-right: 3%;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li:first-child + li + li {

    padding-left: 3%;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li:first-child + li + li + li {

    text-align: right;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li a {

    margin: 0 0 20px 0;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li:first-child + li + li + li + li {

    width: 100%;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li:first-child + li + li + li + li a:hover {

    text-decoration: none;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li:first-child + li + li + li + li a:hover .app-text {

    text-decoration: underline;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li:first-child + li + li + li + li a.footer-icon-mobile {

    width: 100%;

    text-align: center;

    padding: 4px 0;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li:first-child + li + li + li + li a.footer-icon-mobile .icon-app-discover {

    float: none;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons ul li:first-child + li + li + li + li a.footer-icon-mobile .app-text {

    display: inline-block;

    vertical-align: top;

    margin-left: 2px;

    padding: 10px 0px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons a.icon-tw, .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons a.icon-linkedin, .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .social-icons a.footer-icon-mobile {

    margin-left: 0;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .footer-accordian .link-title.accordion-title {

    cursor: pointer;

    display: block;

    color: #293033;

    padding: 6px 10px 6px 30px;

    max-width: 480px;

    margin: 0 auto;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .footer-accordian .link-title.accordion-title:hover {

    text-decoration: none;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .footer-accordian .link-title {

    display: none;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .footer-accordian.open ul {

    display: block;

    border-top: 1px solid #DBDBDB;

    background-color: #FFFFFF;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .footer-accordian.open .icon-expand-toggle {

    width: 8px;

    height: 6px;

    background-position: -648px -194px;

    vertical-align: middle;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .footer-accordian.open > a:focus {

    outline: -webkit-focus-ring-color auto 5px;

  }

  .mobile-responsive #footerLinks .secondary-navigation .secondary-navigation-menu .footer-accordian ul {

    display: none;

  }

  .mobile-responsive #footerLinks .secondary-navigation .association-menu .jd-power-award {

    width: 100%;

  }

  .mobile-responsive #footerLinks .secondary-navigation .association-menu .jd-power-award > p .icon-jd-power-award {

    background-position: -493px -238px;

  }

  .mobile-responsive #footerLinks .association-menu {

    border: 0;

    padding-top: 0;

    max-width: 480px;

    margin: 0 auto;

  }

  .mobile-responsive #footerLinks .association-menu .jd-power-award > p {

    padding: 10px 30px 10px 80px;

    font-size: 0.8495em;

  }

  .mobile-responsive #footerLinks .association-menu .jd-power-award > p .overlay-tooltip {

    white-space: nowrap;

  }

  .mobile-responsive #footerLinks .association-menu .certification-links {

    width: 100%;

    float: none;

    text-align: center;

  }

  .mobile-responsive #footerLinks .association-menu .certification-links ul {

    float: none;

  }

  .mobile-responsive #footerLinks .association-menu small {

    float: none;

    clear: both;

    display: block;

    text-align: center;

    margin: 0;

  }

  .mobile-responsive #footerLinks .association-menu .jd-power-award {

    float: none;

    padding-top: 10px;

    border-top: 1px solid #DBDBDB;

    padding: 0;

    border: 0;

  }

  .mobile-responsive #footerLinks .association-menu .jd-power-award .jd-power-break {

    display: none;

  }

  .mobile-responsive #footerLinks .association-menu .jd-power-award .icon-jd-power-award {

    display: block;

  }

  .mobile-responsive #footerLinks .association-menu .tooltip, .mobile-responsive #footerLinks .association-menu .tooltip-overlay {

    width: 100%;

    height: 100%;

    z-index: 1025;

    position: fixed;

    background: #F8F8F8;

  }

  .mobile-responsive #footerLinks .association-menu .tooltip .tooltip-header, .mobile-responsive #footerLinks .association-menu .tooltip-overlay .tooltip-header {

    height: 50px;

    border-bottom: 1px solid #DBDBDB;

  }

  .mobile-responsive #footerLinks .association-menu .tooltip .close-link, .mobile-responsive #footerLinks .association-menu .tooltip-overlay .close-link {

    top: 15px;

    right: 25px;

  }

  .mobile-responsive #footerLinks .association-menu .tooltip#jdpower-disclosure-overlay, .mobile-responsive #footerLinks .association-menu .tooltip-overlay#jdpower-disclosure-overlay {

    top: 0;

    left: 0;

    margin-top: 0;

    margin-left: 0;

  }

  .mobile-responsive .header-content .child-navigation .open-panel .miles-device-wrapper {

    padding-bottom: 5px;

  }



  .header-wrapper .alert {

    margin: 0;

    width: 100%;

  }

  .header-wrapper .alert .alert-content-freeze .alert-body {

    display: block;

    margin-left: 26px;

  }

  .header-wrapper .alert.alert-limited-access .close-link {

    top: 18px;

    right: 24px;

  }

  .header-wrapper .alert.alert-limited-access.alert-close {

    padding-right: 0;

  }

  .header-wrapper .alert.alert-limited-access .alert-container {

    padding-right: 55px;

  }

  .header-wrapper .alert-warning.freeze-banner-align {

    padding-left: 9px;

  }



  /*START, Overriding Private Header Footer CSS for Text Resize*/

  .text-resize-xlarge #footerLinks .association-menu .jd-power-award a.tooltip-opener, .text-resize-large #footerLinks .association-menu .jd-power-award a.tooltip-opener {

    display: inline-block;

  }



  /*END, Overriding Private Header Footer CSS for Text Resize*/

}

.mobile-responsive #footerLinks.footer-nav.sso-footer {

  min-width: inherit;

}

.mobile-responsive #footerLinks.footer-nav.sso-footer:after {

  content: " ";

  display: table;

  clear: both;

}



#footerLinks.footer-nav.sso-footer .close-link:focus {

  text-decoration: underline;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation {

  padding-top: 0;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .tooltip-opener {

  white-space: nowrap !important;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu:after {

  content: " ";

  display: table;

  clear: both;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu {

  display: table;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .sso-footer-links {

  display: table-cell;

  vertical-align: middle;

  height: 100px;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .sso-footer-links ul li {

  float: left;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .sso-footer-links ul li a {

  font-size: 0.9374em;

  color: #2477AB;

  padding: 0px 20px;

  border-right: 1px solid #63686B;

  line-height: 1.1em;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .sso-footer-links ul li a.first {

  padding-left: 0;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .sso-footer-links ul li a.last {

  padding-right: 0;

  border-right: none;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons {

  display: table-cell;

  vertical-align: middle;

  height: 100px;

  width: auto;

  margin-top: 0;

  padding-bottom: 0;

  float: none;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul {

  width: auto;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul li a {

  margin: 0 25px 0 0;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  behavior: url(global/css/PIE.htc);

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul li a.footer-icon-mobile {

  -webkit-border-radius: 6px;

  border-radius: 6px;

  margin-right: 0;

  line-height: 1em;

  behavior: url(global/css/PIE.htc);

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul li a.footer-icon-mobile .asBlock {

  display: block;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip {

  text-indent: 0;

  height: auto;

  display: inline-block;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip h4 {

  margin-bottom: 11px;

  font-size: 20px;

  font-family: inherit;

  font-weight: 500;

  line-height: 1.1;

  color: inherit;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip.hide {

  display: none;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip.arrow-down:after, #footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip.arrow-down:before {

  content: "";

  display: none;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus-down, #footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus {

  left: 0;

  position: absolute;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus-down .arrow-img, #footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus-down .arrow-img-back, #footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus .arrow-img, #footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus .arrow-img-back {

  position: absolute;

  width: 0;

  height: 0;

  border: solid transparent;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus-down .arrow-img, #footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus .arrow-img {

  border-width: 14px;

  z-index: 1000;

  left: 20px;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus-down .arrow-img-back, #footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus .arrow-img-back {

  border-width: 18px;

  left: 16px;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus {

  display: none;

  top: -18px;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus .arrow-img {

  border-top-color: transparent;

  border-top-width: 0;

  border-bottom-color: #FFFFFF;

  top: 4px;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus .arrow-img-back {

  border-top-color: transparent;

  border-top-width: 0;

  border-bottom-color: #DBDBDB;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus-down .arrow-img {

  border-top-color: #FFFFFF;

  border-bottom-color: transparent;

  border-bottom-width: 0;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus-down .arrow-img-back {

  border-top-color: #DBDBDB;

  border-bottom-color: transparent;

  border-bottom-width: 0;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu small {

  clear: both;

}

#footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu .jd-power-award {

  width: 56%;

}



@media screen and (max-width: 1024px) {

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu {

    display: block;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .sso-footer-links {

    display: block;

    float: none;

    height: auto;

    margin: 30px 0;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons {

    display: block;

    float: left;

    height: auto;

    margin: 0 0 20px 0;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul {

    float: none;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul li a {

    margin: 0 32px 0 0;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul li a.icon-tw {

    margin-left: 0;

  }

}

@media screen and (max-width: 754px) {

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu {

    max-width: 480px;

    margin: 0 auto;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .sso-footer-links {

    padding: 0 10px;

    text-align: center;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .sso-footer-links ul {

    text-align: center;

    width: auto;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .sso-footer-links ul li.nextLine {

    clear: both;

    padding-left: 0;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .sso-footer-links ul li a.first {

    padding-left: 6px;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .sso-footer-links ul li a.nextLineAnch {

    margin-top: 15px;

    padding-left: 0;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .sso-footer-links ul li a.last {

    margin-top: 15px;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .sso-footer-links ul li a.second {

    border: none;

    padding-right: 0;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons {

    width: 100%;

    padding: 0 10px;

    margin-bottom: 0;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul {

    width: 100%;

    padding: 0;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul li {

    width: auto;

    float: left;

    text-align: left;

    padding: 0;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul li.last-social a {

    margin-right: 0px;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul li.last-social a:hover .app-text {

    text-decoration: underline;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu {

    margin-top: 20px;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip {

    height: 100%;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus-down, .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu #jdpower-disclosure-overlay.tooltip .arrow-focus {

    display: none !important;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .association-menu, .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .jd-power-award {

    border: none;

    padding: 0 10px;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .jd-power-award {

    width: 100%;

    padding: 0;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .jd-power-award p {

    padding: 0 0 15px 0;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .jd-power-award .icon-jd-power-award {

    display: none;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .certification-links {

    width: 100%;

    float: none;

    clear: both;

    text-align: center;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .certification-links ul {

    float: none;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .certification-links ul li {

    margin: 0;

  }

}

@media screen and (max-width: 754px) {

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons {

    width: 100%;

    margin-bottom: 0;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul {

    width: 100%;

    padding: 0;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul li {

    width: 25%;

    float: left;

    text-align: center;

    margin-top: 20px;

    padding: 0;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul li a {

    margin: 0;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul li.last-social {

    clear: both;

    width: 100%;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul li.last-social a {

    width: 100%;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul li.last-social .icon-app-discover {

    float: none;

  }

  .mobile-responsive #footerLinks.footer-nav.sso-footer .secondary-navigation .secondary-navigation-menu .link-container.social-icons ul li.last-social .app-text {

    display: inline-block;

    vertical-align: top;

    margin-left: 4px;

    padding: 10px 0px;

  }

}

/*Header Start*/

.mobile-responsive .header-wrapper-oob, .mobile-responsive .header-wrapper-secure {

  min-width: inherit;

}



.header-wrapper-oob .header-content, .header-wrapper-secure .header-content {

  width: 960px;

  margin: 0 auto;

  padding: 0 10px;

  box-sizing: border-box;

}

.header-wrapper-oob .header-content:after, .header-wrapper-secure .header-content:after {

  content: '';

  display: block;

  clear: both;

}

.header-wrapper-oob .header-content a:focus img, .header-wrapper-oob .header-content a:hover img, .header-wrapper-oob .header-content a:focus i, .header-wrapper-oob .header-content a:hover i, .header-wrapper-secure .header-content a:focus img, .header-wrapper-secure .header-content a:hover img, .header-wrapper-secure .header-content a:focus i, .header-wrapper-secure .header-content a:hover i {

  opacity: 0.8;

  filter: alpha(opacity=80);

}

.header-wrapper-oob .header-content a:focus, .header-wrapper-secure .header-content a:focus {

  outline-color: #4d90fe;

  outline-offset: -2px;

  outline-style: solid;

  outline-width: 1px;

}

.header-wrapper-oob .header-content .logo-container, .header-wrapper-secure .header-content .logo-container {

  width: 100%;

}

.header-wrapper-oob .header-content .logo-container .log-out-link, .header-wrapper-oob .header-content .logo-container .secure, .header-wrapper-secure .header-content .logo-container .log-out-link, .header-wrapper-secure .header-content .logo-container .secure {

  display: inline-block;

  color: #293033;

  float: right;

  padding: 21px 0px 21px 25px;

  text-decoration: none;

}

.header-wrapper-oob .header-content .logo-container .log-out-link .icon-secure, .header-wrapper-oob .header-content .logo-container .secure .icon-secure, .header-wrapper-secure .header-content .logo-container .log-out-link .icon-secure, .header-wrapper-secure .header-content .logo-container .secure .icon-secure {

  margin-right: 10px;

  width: 8px;

  height: 10px;

  background-position: -381px -446px;

}

.header-wrapper-oob .header-content .logo-container .discover-logo, .header-wrapper-secure .header-content .logo-container .discover-logo {

  display: inline-block;

  padding: 20px 0 21px 0;

  height: 60px;

  text-indent: 0px;

  margin: 0px;

  background: none;

}



/*Header-ends*/

@media screen and (max-width: 1023px) {

  .mobile-responsive .header-wrapper-oob .header-content, .mobile-responsive .header-wrapper-secure .header-content {

    width: 100%;

    border-bottom: 1px solid #DBDBDB;

    background: #F8F8F8;

  }

  .mobile-responsive .header-wrapper-oob .header-content .logo-container, .mobile-responsive .header-wrapper-secure .header-content .logo-container {

    width: 100%;

    text-align: center;

    position: relative;

    padding: 0 15px;

    border-bottom: none;

  }

  .mobile-responsive .header-wrapper-oob .header-content .log-out-link, .mobile-responsive .header-wrapper-oob .header-content .secure, .mobile-responsive .header-wrapper-secure .header-content .log-out-link, .mobile-responsive .header-wrapper-secure .header-content .secure {

    position: absolute;

    right: 15px;

  }

}