.card-footer[data-style="21"] ul, .card-footer[data-style="21"] ol, .card-footer[data-style="21"] li {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none; }

.card-footer[data-style="21"] {
  background-color: #005bab; }
  .card-footer[data-style="21"] a {
    text-decoration: none; }
  .card-footer[data-style="21"] .footer-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    padding: 40px 0; }
    @media only screen and (max-width: 1339px) {
      .card-footer[data-style="21"] .footer-wrapper {
        max-width: 100%;
        padding: 40px 20px; } }
  .card-footer[data-style="21"] .accesskey {
    position: absolute;
    top: 40px;
    left: 15%;
    padding: 0px 2px 3px;
    color: #ffffff; }
    @media only screen and (max-width: 580px) {
      .card-footer[data-style="21"] .accesskey {
        display: none; } }
    .card-footer[data-style="21"] .accesskey:hover, .card-footer[data-style="21"] .accesskey:focus {
      color: #000000;
      background-color: #ECC902; }
  .card-footer[data-style="21"] .footer-fat-container {
    width: 100%;
    height: auto;
    margin-bottom: 20px; }
    .card-footer[data-style="21"] .footer-fat-container .footer-link-wrapper .item {
      width: calc(100% / 6);
      display: inline-block;
      margin-right: -6px;
      vertical-align: top;
      padding: .25rem 0; }
      .card-footer[data-style="21"] .footer-fat-container .footer-link-wrapper .item:last-child {
        padding-right: 0; }
      @media only screen and (max-width: 800px) {
        .card-footer[data-style="21"] .footer-fat-container .footer-link-wrapper .item {
          margin: 0 0 3rem 0;
          width: calc(50% - .5rem); } }
      .card-footer[data-style="21"] .footer-fat-container .footer-link-wrapper .item > a {
        font-size: 2rem;
        font-weight: 600;
        letter-spacing: 1.13px;
        color: #ffffff;
        margin-bottom: 1rem; }
        .card-footer[data-style="21"] .footer-fat-container .footer-link-wrapper .item > a:hover, .card-footer[data-style="21"] .footer-fat-container .footer-link-wrapper .item > a:focus {
          color: #ECC902; }
      .card-footer[data-style="21"] .footer-fat-container .footer-link-wrapper .item ol.second-menu li a {
        color: #ffffff;
        font-size: 1.4rem; }
        .card-footer[data-style="21"] .footer-fat-container .footer-link-wrapper .item ol.second-menu li a:hover, .card-footer[data-style="21"] .footer-fat-container .footer-link-wrapper .item ol.second-menu li a:focus {
          color: #ECC902; }
      .card-footer[data-style="21"] .footer-fat-container .footer-link-wrapper .item ol.third-menu {
        margin-bottom: 1rem; }
        .card-footer[data-style="21"] .footer-fat-container .footer-link-wrapper .item ol.third-menu li a {
          color: #ffffff;
          font-size: 1.2rem; }
          .card-footer[data-style="21"] .footer-fat-container .footer-link-wrapper .item ol.third-menu li a:hover, .card-footer[data-style="21"] .footer-fat-container .footer-link-wrapper .item ol.third-menu li a:focus {
            color: #ECC902; }
  .card-footer[data-style="21"] .footer-nav.Top {
    width: 100%;
    margin-bottom: 20px; }
    .card-footer[data-style="21"] .footer-nav.Top .nav-menu {
      width: 100%;
      text-align: center; }
      .card-footer[data-style="21"] .footer-nav.Top .nav-menu > li {
        margin-right: 15px;
        position: relative;
        display: inline-block; }
        .card-footer[data-style="21"] .footer-nav.Top .nav-menu > li:last-child {
          margin-right: 0; }
        .card-footer[data-style="21"] .footer-nav.Top .nav-menu > li > a {
          display: inline-block;
          position: relative;
          padding: 0 7px;
          font-size: 1.6rem;
          letter-spacing: 1.33px;
          color: #ffffff; }
          .card-footer[data-style="21"] .footer-nav.Top .nav-menu > li > a:hover, .card-footer[data-style="21"] .footer-nav.Top .nav-menu > li > a:focus {
            color: #ECC902; }
            .card-footer[data-style="21"] .footer-nav.Top .nav-menu > li > a:hover:before, .card-footer[data-style="21"] .footer-nav.Top .nav-menu > li > a:hover:after, .card-footer[data-style="21"] .footer-nav.Top .nav-menu > li > a:focus:before, .card-footer[data-style="21"] .footer-nav.Top .nav-menu > li > a:focus:after {
              background: #ECC902; }
          .card-footer[data-style="21"] .footer-nav.Top .nav-menu > li > a:before, .card-footer[data-style="21"] .footer-nav.Top .nav-menu > li > a:after {
            content: '';
            position: absolute;
            width: 1px;
            height: calc(100% - 8px);
            background: #ffffff;
            transition: .4s ease-in-out;
            top: 0;
            bottom: -4px;
            margin: auto; }
          .card-footer[data-style="21"] .footer-nav.Top .nav-menu > li > a:before {
            left: 0; }
          .card-footer[data-style="21"] .footer-nav.Top .nav-menu > li > a:after {
            right: 0; }
      .card-footer[data-style="21"] .footer-nav.Top .nav-menu li {
        text-align: left; }
        .card-footer[data-style="21"] .footer-nav.Top .nav-menu li:hover > .sub-menu, .card-footer[data-style="21"] .footer-nav.Top .nav-menu li.focus > .sub-menu {
          visibility: visible;
          opacity: 1;
          bottom: 110%;
          z-index: 1; }
        .card-footer[data-style="21"] .footer-nav.Top .nav-menu li:last-child > .sub-menu .sub-menu {
          left: -100%; }
        .card-footer[data-style="21"] .footer-nav.Top .nav-menu li:last-child:hover > .sub-menu .sub-menu, .card-footer[data-style="21"] .footer-nav.Top .nav-menu li:last-child.focus > .sub-menu .sub-menu {
          bottom: 10%; }
        .card-footer[data-style="21"] .footer-nav.Top .nav-menu li .sub-menu {
          width: 150px;
          position: absolute;
          left: 0;
          bottom: 0;
          opacity: 0;
          visibility: hidden;
          transition: .4s ease-in-out;
          background-color: #f1f1f1;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
          .card-footer[data-style="21"] .footer-nav.Top .nav-menu li .sub-menu li .sub-menu {
            left: 100%; }
          .card-footer[data-style="21"] .footer-nav.Top .nav-menu li .sub-menu li:hover > .sub-menu, .card-footer[data-style="21"] .footer-nav.Top .nav-menu li .sub-menu li.focus > .sub-menu {
            bottom: 10%; }
          .card-footer[data-style="21"] .footer-nav.Top .nav-menu li .sub-menu li:hover > a, .card-footer[data-style="21"] .footer-nav.Top .nav-menu li .sub-menu li.focus > a {
            background: #ECC902;
            color: #ffffff; }
          .card-footer[data-style="21"] .footer-nav.Top .nav-menu li .sub-menu a {
            letter-spacing: 1.33px;
            color: #4c4c4c;
            display: block;
            padding: 1rem 1.6rem; }
            .card-footer[data-style="21"] .footer-nav.Top .nav-menu li .sub-menu a:hover, .card-footer[data-style="21"] .footer-nav.Top .nav-menu li .sub-menu a:focus {
              background: #ECC902;
              color: #ffffff; }
  .card-footer[data-style="21"] .footer-soccial {
    margin-bottom: 20px; }
    .card-footer[data-style="21"] .footer-soccial .nav-menu {
      text-align: center; }
      .card-footer[data-style="21"] .footer-soccial .nav-menu li {
        display: inline-block;
        margin-right: 15px; }
        .card-footer[data-style="21"] .footer-soccial .nav-menu li:last-child {
          margin-right: 0; }
        .card-footer[data-style="21"] .footer-soccial .nav-menu li a:hover i, .card-footer[data-style="21"] .footer-soccial .nav-menu li a:focus i {
          color: #ECC902; }
        .card-footer[data-style="21"] .footer-soccial .nav-menu li a i {
          font-size: 2.5rem;
          color: #ffffff;
          transition: .4s ease-in-out; }
  .card-footer[data-style="21"] .footer-main .nav-menu {
    text-align: center; }
    .card-footer[data-style="21"] .footer-main .nav-menu li {
      display: inline-block;
      margin-right: 15px; }
      .card-footer[data-style="21"] .footer-main .nav-menu li:last-child {
        margin-right: 0; }
      .card-footer[data-style="21"] .footer-main .nav-menu li span,
      .card-footer[data-style="21"] .footer-main .nav-menu li a {
        font-size: 1.6rem;
        letter-spacing: 1.16px;
        color: #ffffff; }
      .card-footer[data-style="21"] .footer-main .nav-menu li a:hover, .card-footer[data-style="21"] .footer-main .nav-menu li a:focus {
        color: #ECC902; }
  .card-footer[data-style="21"] .footer-copyright-outbox {
    position: relative;
    text-align: center; }
    .card-footer[data-style="21"] .footer-copyright-outbox .footer-copyright {
      margin-top: 20px;
      font-size: 1.2rem;
      letter-spacing: 1px;
      color: #ffffff; }
    .card-footer[data-style="21"] .footer-copyright-outbox .footer-accessibility {
      position: absolute;
      right: 0;
      bottom: 0; }
      .card-footer[data-style="21"] .footer-copyright-outbox .footer-accessibility img {
        max-width: 119px; }
      @media only screen and (max-width: 1339px) {
        .card-footer[data-style="21"] .footer-copyright-outbox .footer-accessibility {
          bottom: -10px; } }
      @media only screen and (max-width: 800px) {
        .card-footer[data-style="21"] .footer-copyright-outbox .footer-accessibility {
          position: unset;
          text-align: center;
          margin-top: 20px; } }