#top-banner { background-position:center center; }
        @media(max-width: 767px) { #top-banner { background-position: 13%; } }
        @media (min-width:768px){
            .box { background-color: rgba(50,50,50,0.85) !important; padding: 30px; color: #fff!important; }
            .box a { line-height: 32px!important; font-size: 16px!important; color: #fff!important; }
        }
        .btn-border { background: transparent !important; border: 1px solid #585858 !important; color: #585858!important; }

        .header-3 { font-size: 1.225rem !important; font-weight: bold!important; }
          @media(max-width: 767px) { .menuWhiteHeader { top: 40px; box-shadow: none; } }
        #top-banner .apply-box { padding: 2rem 2.8rem; }
        .form-grey fieldset h2 { background-color: transparent; }
        .btn-priority { background-color: #0e2a48 !important; border-color: #0e2a48 !important; margin: 20px!important; }
        .btn-gold { background-color: #b4985b !important; border-color: #b4985b !important; margin: 20px!important; }

        @media (max-width:768px){
            .accGridBox { flex-direction: column; }
            .accGridBox .accBox { width: 80%; margin: 1em; }
            .accGridBox .accBox .accBenefits ul li { flex-direction: column; }
            .cbolui-ddl .hero-module-adjusted .hero-module-adjusted-floating-content { margin-top: 0; }
        }

        .citi-gold { background-color: #b4985b !important; border-color: #b4985b !important; }
        .citi-gold-priority { background-color: #564639 !important; border-color: #564639 !important; }
        .citi-priority { background-color: #0e2a48 !important; border-color: #0e2a48 !important; }
        .cbolui-ddl .header-4, .cbolui-ddl h4 { min-height: 2.8rem; }


        .FormSectionContent { transition:.3s background ease; }
        .FormSectionContent[data-segment='gold'] { background:#b4985b!important; }
        .FormSectionContent[data-segment='priority'] { background:#0e2a48!important; }

        .FormSectionContent[data-segment='gold'] #FormAcc .btn-primary {
            background-color: #000;
            border-color:#000;
        }
        .FormSectionContent[data-segment='priority'] #FormAcc .btn-primary {
            background-color: rgba(255, 188, 0, 1);
            border-color: rgba(255, 188, 0, 1);
        }


h5{
    font-weight: bold!important;
    margin-top: 20px!important;
}
.item-copy{
    min-height: 200px;
}

.item-content article:hover img {
   /* -webkit-transform: scale(1.05);
   transform: scale(1.05);
   transition: .2s ease-in-out; */
}
.group-tab .tab-title .title-item {
    opacity: .3;
}
.logos {
    opacity: .8!important;
}
.logos-active {
    opacity: 1!important;
}
.line-break {
    padding: 40px 20px;
}

ul.logos li a {
     background-color: #fff;
    }
.logos h4{
        margin-top: 20px;
    font-weight: bold;
    min-height: 1rem;
    }
ul.logos li.active a {
     color: #056dae!important; 
    background-color: white!important; 
    opacity: 1!important;
}
ul.logos li  a {
    opacity: .5!important;
}

                        .group-step-getstart .content-getstart .copy {    margin-bottom: 0px; }

            .copy2{  /* width: 33%; */    padding: 40px 10px 0px 10px;               }
            .box p{
                font-size: 1em;
             }
             .box h5 {
                font-size: 1em;
             }



   a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: inherit;
      font: inherit;
      vertical-align: baseline;
   }
   ol, ul {
    list-style: lower-alpha;
    margin-left: 50px;
   }
   
   html {
      font-size: 10px;
   }
   body {
      font-size: 16px;
      line-height: 24px;
   }
   html, body {
      width: 100%;
      min-height: 100%;
      font-family: 'interstate', Arial;
      font-weight: 300;
      color: #333333;
      background: transparent;
      -webkit-overflow-scrolling: touch;
      min-width: 320px;
   }
   h1 {
      font-size: 68px;
      line-height: 76px;
   }
   h2 {
      font-size: 42px;
      line-height: 50px;
   }
   h3 {
      font-size: 26px;
      line-height: 32px;
   }
   h4 {
      font-size: 21px;
      line-height: 27px;
   }
   .btn {
      background: #056dae;
      color: #ffffff;
   }
   .btn:hover {
      background: #002a54;
      color: #ffffff;
   }
   .link-cta {
      color: #056dae;
      border: none;
      outline: none;
      background: transparent;
      display: inline-block;
      text-decoration: underline;
   }
   .link-cta:hover {
      color: #002a54;
      text-decoration: underline;
   }
   .nopadding {
      padding: 0;
   }
   .container {
      width: 1440px;
      padding-right: 20px;
      padding-left: 20px;
      margin-right: auto;
      margin-left: auto;
   }
   @media (max-width: 1500px) {
      .container {
          width: 100%;
      }
   }
   .line-break span {
      display: block;
      width: 100%;
      height: 2px;
      background: #dfdfdf;
   }
   .title {
      text-align: center;
   }
   .title h2 {
      margin-bottom: 30px;
   }
   @media (max-width: 640px) {
      .title h2 {
          font-size: 26px;
          line-height: 32px;
      }
   }
   .clear:before, .clear:after {
      content: '';
      display: table;
      clear: both;
   }
   .answer {
      display: none;
   }
   .fix-menu {
      position: fixed;
      z-index: 7;
      width: 100%;
      background: white;
      box-shadow: 0 1px 10px -3px #dfdfdf;
   }
   @media (max-width: 640px) {
      .dsk-show {
          display: none;
      }
   }
   .mb-show {
      display: none;
   }
   @media (max-width: 640px) {
      .mb-show {
          display: inline-block;
      }
   }
   /* - END TEMPLATE BASE -*/
   
   .top-menu {
      background: #333333;
   }
   .top-menu li {
      color: #ffffff;
      font-size: 14px;
      letter-spacing: 0px;
      line-height: 1.2;
      display: inline-block;
      font-family: "interstate", arial;
      font-weight: 300;
   }
   .top-menu a {
      color: #ffffff;
      padding: 8px 5px;
      margin: 0 -5px;
      display: inline-block;
      text-decoration: none;
   }
   @media (max-width: 767px) {
      .draggable-container {
          overflow-x: auto;
          margin-right: 90px;
          scrollbar-width: none;
      }
      .draggable-container::-webkit-scrollbar {
          display: none;
      }
   }
   .banner {
      height: 64px;
      background-color: #00bdf2;
      background-image: linear-gradient(180deg, #00bdf2, #00b3f0 18%, #0066b3 77%, #004985);
      border-bottom: 1px solid #004985;
   }
   .banner .logoWrapper {
      float: left;
      padding-top: 10px;
   }
   .banner .logoWrapper img {
      height: 40px;
   }
   @media (max-width: 767px) {
      .menubar-ul {
          width: 735px;
      }
   }
   .menubar-ul>li {
      float: left;
      display: block;
      padding: 18px 0px 17px 0px;
      margin: 0 16px;
      cursor: pointer;
   }
   @media (max-width: 1023px) {
      .menubar-ul>li {
          margin: 0 6px;
      }
   }
   @media (max-width: 640px) {
      .menubar-ul>li {
          margin: 0 10px;
      }
   }
   .menubar-ul>li:first-child {
      margin-left: 0;
      padding-left: 0;
   }
   .menubar-ul>li:last-child {
      margin-right: 0;
   }
   .menubar-ul>li a {
      color: #333333;
      text-decoration: none;
      font-weight: 300;
   }
 
   
   .menubar-ul li a {
      display: block;
      position: relative;
   }
   .submenu ul li a::after {
      content: "";
      display: block;
      position: absolute;
      height: 0px !important;
      bottom: 0px;
   }
   .menubar-ul li:hover a::after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      background: #056dae;
      height: 2px;
      bottom: 0px;
   }
   .menubar-ul li .submenu {

      position: absolute;
      border-top: 1px solid #f1f1f1;
      width: 100%;
      background: #ffffff;
      margin-top: 18px;
      padding: 20px 15px 30px;
      box-shadow: 1px 2px 5px #333333;
      /* display: none; */
      left: 0px;
      z-index: 99;
      visibility: hidden;
      opacity: 0;
   }
   .menubar-ul li .submenu li {
      padding: 15px 40px;
      border-bottom: 1px solid #dfdfdf;
   }
   .menubar-ul li .submenu li:hover a {
      color: #056dae;
   }
   .menubar-ul li .submenu li.js-active a {
      color: #056dae;
   }
   .breadcrumb-section {
      border-top: 1px solid #eee;
      padding: 11px 0px 12px;
   }
   .breadcrumb-list a {
      font-family: "interstate-light", arial;
      font-size: 16px;
      color: #056dae;
      padding: 0px 2px;
   }
   .hideMob {
      display: inline-block;
   }
   .breadcrumb-list a:last-child {
      color: #333333 !important;
   }
   @media (max-width: 640px) {
      .menubar-ul li .submenu {
          position: fixed;
          left: 0;
          width: 100%;
      }
   }
   .menubar-ul li:hover .submenu {
      visibility: visible;
      opacity: 1;
   }
   .menubar-ul li:hover:before {
      width: 100%;
   }
   .menubar-ul li.js-active:before {
      width: 100%;
   }
   .menubar-ul {
      float: left;
   }
   .logInbtn {
      margin-top: 18px;
      font-weight: bold;
   }
   .logInbtn a {
      color: #333333;
      text-decoration: none;
   }
   .logInbtn a:hover {
      color: #056dae;
   }
   .group-banner figure {
      max-height: 500px;
      background-repeat: no-repeat;
      background-position: center;
   }
   .group-banner img {
      width: 100%;
   }
   .group-banner .img-full {
      display: none;
   }
   @media (min-width: 1740px) {
      .group-banner .img-full {
          display: block;
      }
   }
   .group-banner .img-desktop {
      display: none;
   }
   @media (max-width: 1739px) and (min-width: 768px) {
      .group-banner .img-desktop {
          display: block;
      }
   }
   .group-banner .img-mobile {
      display: none;
   }
   @media (max-width: 767px) {
      .group-banner .img-mobile {
          display: block;
      }
   }
   .info-copy {
      padding: 0 20px;
   }
   @media (max-width: 480px) {
      .info-copy {
          padding: 0 10px;
      }
   }
   .info-copy .wrap-info-content {
      background: #ffffff;
      text-align: center;
      position: relative;
      top: -40px;
      padding: 50px 120px 30px;
      max-width: 1400px;
      width: 100%;
      margin: 0 auto;
   }
   @media (max-width: 640px) {
      .info-copy .wrap-info-content {
          padding: 50px 50px 30px;
      }
   }
   @media (max-width: 480px) {
      .info-copy .wrap-info-content {
          padding: 50px 10px 10px;
      }
   }
   .info-copy .wrap-info-content h1 {
      margin-bottom: 20px;
   }
   @media (max-width: 640px) {
      .info-copy .wrap-info-content h1 {
          font-size: 42px;
          line-height: 50px;
      }
   }
   .info-copy .wrap-info-content p {
      margin-bottom: 20px;
   }
   .group-tab {
      max-width: 1440px;
      width: 100%;
      padding: 0 20px;
      margin: 0 auto;
   }
   .group-tab.container-exchange-tab {
      padding: 85px 0 25px;
   }
   .group-tab .tab-title {
      text-align: center;
   }
   .group-tab .tab-title:after, .group-tab .tab-title:before {
      content: "";
      display: table;
      clear: both;
   }
   .group-tab .tab-title .title-item {
      opacity: .3;
   }
   .group-tab .tab-title .title-item.js-active, .group-tab .tab-title .title-item.default {
      opacity: 1;
   }
   .group-tab .tab-title .title-item img {
      margin-bottom: 12px;
   }
   .group-tab .tab-title ul {
      /* overflow: hidden; */
      margin: 0 auto;
   }
   .group-tab .tab-title ul:after, .group-tab .tab-title ul:before {
      content: "";
      display: table;
      clear: both;
   }
   .group-tab .tab-title ul li {
      /* float: left; */
      width: 25%;
      text-align: center;
      cursor: pointer;
      border-left: 2px solid rgba(0, 0, 0, 0.25);
      min-height: 78px;
      display: inline-block;
      margin: 0 -4px;
      vertical-align: top;
   }
   @media (max-width: 768px) {
      .group-tab .tab-title ul li {
          margin: 0;
      }
   }
   .group-tab .tab-title ul li:first-child {
      border-left: 0;
   }
   @media (max-width: 640px) {
      .group-tab .tab-title ul li {
          width: 50%;
          padding: 40px 0;
          border-top: 2px solid rgba(0, 0, 0, 0.25);
      }
      .group-tab .tab-title ul li:first-child, .group-tab .tab-title ul li:nth-child(2) {
          border-top: none;
      }
      .group-tab .tab-title ul li:nth-child(3) {
          border-left: none;
      }
   }
   @media (max-width: 480px) {
      .group-tab .tab-title ul li {
          border: none;
      }
   }
   .group-tab .tab-content {
      padding-top: 85px;
   }
   .group-tab .tab-content .tab-item {
      display: none;
   }
   .group-tab .tab-content .group-content {
      overflow: hidden;
      margin-top: 60px;
   }
   .group-tab .tab-content .group-content .item-content {
      float: left;
      width: calc(100%/3);
      padding: 10px;
      margin-bottom: 60px;
   }
   .group-tab .tab-content .group-content .item-content:nth-child(3n+1) {
      clear: both;
   }
   @media (max-width: 640px) {
      .group-tab .tab-content .group-content .item-content {
          width: 100%;
          margin-bottom: 20px;
      }
   }
   .group-tab .tab-content .group-content .item-content article:hover img {
      -webkit-transform: scale(1.08);
      transform: scale(1.08);
      transition: .2s ease-in-out;
   }
   .group-tab .tab-content .group-content .item-content figure {
      height: 0;
      overflow: hidden;
      padding-bottom: 56.14%;
      margin-bottom: 10px;
   }
   .group-tab .tab-content .group-content .item-content img {
      width: 100%;
      transition: .2s ease-in-out;
   }
   .group-tab .tab-content .group-content .item-copy h5 {
      font-weight: bold;
      margin-bottom: 10px;
   }
   .group-tab .tab-content .group-content .item-copy p {
      margin-bottom: 10px;
   }
   .get-start-is-easy {
      overflow: hidden;
      padding: 70px 0;
   }
   @media (max-width: 640px) {
      .get-start-is-easy {
          padding: 75px 0 75px;
      }
   }
   .get-start-is-easy .wrap-getstart {
      max-width: 1000px;
      width: 100%;
      margin: 0 auto;
   }
   .get-start-is-easy .wrap-getstart .title {
      margin-bottom: 20px;
   }
   .group-step-getstart {
      float: right;
      margin-top: 25px;
   }
   .group-step-getstart .wrap-outer-timeline {
      position: absolute;
      left: 90px;
   }
   @media (max-width: 640px) {
      .group-step-getstart .wrap-outer-timeline {
          position: relative;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
          width: 530px;
      }
   }
   .group-step-getstart .group-timeline {
      position: relative;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      z-index: 2;
   }
   @media (max-width: 640px) {
      .group-step-getstart .group-timeline {
          -webkit-transform: none;
          transform: none;
          margin-left: calc(100%/4.4);
          box-sizing: content-box;
      }
   }
   .group-step-getstart .line-getstart {
      position: relative;
      z-index: 2;
   }
   .group-step-getstart .line-getstart .slick-list {
      overflow: visible;
   }
   .group-step-getstart .line-getstart .slick-current .dot {
      background: #056dae;
   }
   .group-step-getstart .line-getstart .slick-current .dot:after {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      margin-left: -10px;
      margin-top: -10px;
      opacity: 1;
   }
   .group-step-getstart .line-getstart .slick-current .dot span:after {
      width: 100%;
   }
   .group-step-getstart .line-getstart .slick-current .dot:hover:after {
      border: 1px solid #056dae;
   }
   .group-step-getstart .line-getstart .slick-slide:first-child span {
      display: none;
   }
   .group-step-getstart .line-getstart .dot {
      width: 12px !important;
      height: 12px;
      background: #333333;
      border-radius: 100%;
      margin-right: 155px;
      position: relative;
      transition: .2s ease-in-out;
      cursor: pointer;
   }
   @media (max-width: 640px) {
      .group-step-getstart .line-getstart .dot {
          margin-right: 137px;
      }
   }
   .group-step-getstart .line-getstart .dot:after {
      content: '';
      display: block;
      width: 4px;
      height: 4px;
      background: #ffffff;
      border: 1px solid #056dae;
      border-radius: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -2px;
      margin-top: -2px;
      opacity: 0;
      transition: .2s ease-in-out;
      z-index: -1;
   }
   .group-step-getstart .line-getstart .dot span {
      position: absolute;
      top: 5px;
      left: -135px;
      width: 145px;
      height: 2px;
      background: #333333;
      z-index: -2;
   }
   .group-step-getstart .line-getstart .dot span:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 2px;
      background: #056dae;
   }
   .group-step-getstart .slick-track {
      transform: translate3d(0, 0, 0) !important;
   }
   @media (max-width: 640px) {
      .group-step-getstart .line-getstart .dot span {
          width: 137px;
          left: -137px;
      }
   }
   .group-step-getstart .line-getstart .dot:hover:after {
      width: 20px;
      height: 20px;
      margin-left: -10px;
      margin-top: -10px;
      opacity: 1;
      border: 1px solid #333333;
   }
   .group-step-getstart .line-getstart .js-active .dot {
      background: #056dae;
   }
   .group-step-getstart .line-getstart .js-active .dot:after {
      width: 4px;
      height: 4px;
      background: transparent;
   }
   .group-step-getstart .line-getstart .js-active .dot span:after {
      width: 100%;
   }
   .group-step-getstart .line-getstart .js-active .dot:hover:after {
      width: 20px;
      height: 20px;
      margin-left: -10px;
      margin-top: -10px;
      opacity: 1;
      border: 1px solid #056dae;
   }
   .group-step-getstart .wrap-line {
      position: absolute;
      left: 5px;
      top: 0px;
      z-index: 1;
   }
   .group-step-getstart .wrap-line .item-line {
      width: 2px;
      height: 172px;
      background: #333333;
   }
   .group-step-getstart .wrap-line .item-line:first-child {
      height: 1px;
   }
   .group-step-getstart .wrap-line .item-line:first-child.js-active:after {
      height: 1px;
   }
   .group-step-getstart .wrap-line .item-line:after {
      content: '';
      display: block;
      height: 0px;
   }
   .group-step-getstart .wrap-line .item-line.js-active:after {
      height: 172px;
   }
   .group-step-getstart .content-getstart {
      padding-left: 100px;
      top: -6px;
      position: relative;
   }
   @media (max-width: 640px) {
      .group-step-getstart .content-getstart {
          padding-left: 0;
          margin-top: 40px;
      }
   }
   .group-step-getstart .content-getstart .slick-slide {
      height: 166px;
   }
   @media (max-width: 640px) {
      .group-step-getstart .content-getstart .slick-slide {
          height: auto;
      }
   }
   .group-step-getstart .content-getstart .slick-slide.js-active h3, .group-step-getstart .content-getstart .slick-slide.slick-current h3 {
      color: #056dae;
   }
   .group-step-getstart .content-getstart .copy {
      margin-bottom: 90px;
   }
   @media (max-width: 640px) {
      .group-step-getstart .content-getstart .copy {
          margin-bottom: 0;
      }
   }
   .group-step-getstart .content-getstart .copy:last-child {
      margin-bottom: 0;
   }
   .group-step-getstart .content-getstart .copy h5 {
      margin-bottom: 6px;
      font-weight: bold;
   }
   .wrap-img-getstart {
      width: 100%;
   }
   @media (max-width: 1023px) {
      .wrap-img-getstart {
          max-width: 340px;
          margin: 20px auto 0;
      }
   }
   .group-img-getstart {
      float: none;
   }
   @media (max-width: 640px) {
      .group-img-getstart {
          float: none;
      }
   }
   @media (max-width: 640px) {
      .group-img-getstart .slick-slide {
          padding: 0 15px;
      }
   }
   .group-cta-getstart {
      float: right;
      position: relative;
      top: -40px;
   }
   @media (max-width: 1023px) {
      .group-cta-getstart {
          top: 0;
          text-align: center;
      }
   }
   .group-cta-getstart .wrap-group-cta {
      padding-left: 100px;
      margin-bottom: 40px;
   }
   @media (max-width: 1023px) {
      .group-cta-getstart .wrap-group-cta {
          margin-top: 20px;
          padding-left: 0;
          margin-bottom: 0;
      }
   }
   .group-cta-getstart .wrap-group-cta .btn {
      margin-bottom: 40px;
      max-width: 220px;
      width: 100%;
      padding: 14px 12px;
      border-radius: 6px;
   }
   @media (max-width: 1023px) {
      .group-cta-getstart .wrap-group-cta .btn {
          margin-bottom: 20px;
      }
   }
   .group-cta-getstart .wrap-group-cta p>a {
      text-decoration: underline;
   }
   .exchange-rates {
      background: #eeeeee;
      padding: 70px 0;
   }
   @media (max-width: 640px) {
      .exchange-rates {
          padding: 40px 0;
      }
   }
   .exchange-rates .title-table-exchange {
      margin-top: 100px;
      margin-bottom: 12px;
   }
   @media (max-width: 640px) {
      .exchange-rates .title-table-exchange {
          margin-top: 50px;
      }
   }
   @media (max-width: 640px) {
      .exchange-rates .title-table-exchange h3 {
          font-size: 21px;
          line-height: 27px;
          margin-bottom: 20px;
      }
   }
   @media (max-width: 640px) {
      .exchange-rates .view-desktop {
          display: none;
      }
   }
   .exchange-rates .view-mobile {
      display: none;
   }
   @media (max-width: 640px) {
      .exchange-rates .view-mobile {
          display: block;
      }
   }
   .exchange-rates table {
      width: 100%;
      border-top: 1px solid rgba(0, 0, 0, 0.5);
      border-bottom: 1px solid rgba(0, 0, 0, 0.5);
   }
   .exchange-rates table tr {
      border-top: 1px solid rgba(0, 0, 0, 0.25);
      border-bottom: 1px solid rgba(0, 0, 0, 0.25);
   }
   .exchange-rates table th {
      font-weight: bold;
      text-align: center;
      padding: 20px 10px;
      vertical-align: middle;
   }
   .exchange-rates table th:first-child {
      text-align: left;
      padding-left: 0;
   }
   .exchange-rates table th:last-child {
      background: #bee2ee;
   }
   .exchange-rates table td {
      text-align: center;
      padding: 20px 10px;
      vertical-align: middle;
   }
   .exchange-rates table td:first-child {
      text-align: left;
   }
   .exchange-rates table td:last-child {
      background: #bee2ee;
   }
   .exchange-rates table td p {
      position: relative;
      padding-left: 40px;
      font-weight: bold;
   }
   .exchange-rates table td img {
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
   }
   .exchange-rates .table-mobile-exchange .item-question {
      border-bottom: 1px solid rgba(0, 0, 0, 0.25);
   }
   .exchange-rates .table-mobile-exchange .question {
      position: relative;
      padding: 5px 0;
      padding-left: 50px;
   }
   .exchange-rates .table-mobile-exchange .question.js-active {
      background: white;
   }
   .exchange-rates .table-mobile-exchange .question img {
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px;
   }
   .exchange-rates .table-mobile-exchange .question:before {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      position: absolute;
      left: 20px;
      top: 15px;
      border-style: solid;
      border-color: #056dae;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
   }
   .exchange-rates .table-mobile-exchange .question.js-active:before {
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg);
      top: 20px;
   }
   .exchange-rates .table-mobile-exchange .answer {
      background: white;
      padding: 0 40px;
   }
   .exchange-rates .table-mobile-exchange .answer ul li {
      border-top: 1px solid #b2b2b2;
      border-bottom: 1px solid #b2b2b2;
      padding: 10px 0;
   }
   .exchange-rates .table-mobile-exchange .answer ul li:last-child {
      border-bottom: none;
   }
   .exchange-rates .table-mobile-exchange .answer ul li strong {
      font-weight: bold;
   }
   .exchange-rates .table-mobile-exchange .answer ul li+li {
      border-top: none;
   }
   .videos-content {
      padding: 70px 0;
   }
   .videos-content .group-video-content {
      background: #eeeeee;
      margin-top: 32px;
   }
   @media (max-width: 640px) {
      .videos-content .group-video-content {
          display: block;
      }
   }
   .videos-content .group-video-content.row {
      margin-left: 0;
      margin-right: 0;
   }
   .videos-content .wrap-video {
      max-width: 690px;
      padding-left: 0;
   }
   @media (max-width: 640px) {
      .videos-content .wrap-video {
          padding-right: 0;
      }
   }
   .videos-content .video {
      height: 0;
      padding-bottom: 57.972%;
      overflow: hidden;
      position: relative;
   }
   .videos-content .video img {
      max-width: 100%;
   }
   .videos-content .video .btn-play {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 80px;
      height: 80px;
      border-radius: 100%;
      background: #056dae;
      opacity: .9;
      cursor: pointer;
   }
   .videos-content .video .btn-play:before {
      content: '';
      display: block;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-left: 30px solid #ffffff;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      margin-left: 5px;
   }
   .videos-content .copy-video {
      padding: 40px 20px;
   }
   .videos-content .copy-video h4 {
      margin-bottom: 15px;
   }
   @media (max-width: 640px) {
      .question-group .container {
          padding: 0;
      }
   }
   .question-group .header-info-question {
      overflow: hidden;
      margin-left: -15px;
      margin-right: -15px;
      margin-bottom: 10px;
   }
   .question-group .header-info-question h3 {
      float: left;
   }
   @media (max-width: 640px) {
      .question-group .header-info-question h3 {
          text-align: left;
          float: none;
          font-size: 21px;
          line-height: 27px;
          margin-bottom: 20px;
      }
   }
   .question-group .header-info-question a {
      float: right;
      text-align: right;
      text-decoration: underline;
   }
   @media (max-width: 640px) {
      .question-group .header-info-question a {
          text-align: left;
          float: none;
      }
   }
   .question-group .wrap-question {
      background: #eeeeee;
      padding: 40px;
   }
   @media (max-width: 640px) {
      .question-group .wrap-question {
          padding: 20px;
      }
   }
   .question-group .item-question {
      border-top: 1px solid #b2b2b2;
      border-bottom: 1px solid #b2b2b2;
      padding: 10px 0;
      padding-left: 60px;
   }
   @media (max-width: 640px) {
      .question-group .item-question {
          padding-left: 45px;
      }
   }
   .question-group .item-question .question {
      cursor: pointer;
      position: relative;
   }
   .question-group .item-question .question:before {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      position: absolute;
      left: -30px;
      top: 4px;
      border-style: solid;
      border-color: #056dae;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
   }
   .question-group .item-question .question.js-active:before {
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg);
      top: 9px;
   }
   .question-group .item-question .answer {
      margin-top: 10px;
   }
   .question-group .item-question .answer p {
      margin-bottom: 10px;
   }
   .question-group .item-question .answer p.bullet {
      position: relative;
      padding-left: 10px;
   }
   .padding-left-10 {
      padding-left: 10px;
   }
   .question-group .item-question .answer p.bullet::before {
      content: '�';
      left: 0;
      position: absolute;
   }
   .question-group .item-question+.item-question {
      border-top: none;
   }
   .group-promotion {
      padding: 70px 0;
   }
   .group-promotion .outer-promotion {
      display: flex;
      align-items: center;
   }
   @media (max-width: 640px) {
      .group-promotion .outer-promotion {
          display: block;
          text-align: center;
      }
   }
   .group-promotion .outer-promotion img {
      width: 100%;
   }
   .group-promotion .outer-promotion .copy {
      padding-left: 30px;
   }
   @media (max-width: 640px) {
      .group-promotion .outer-promotion .copy {
          padding-left: 15px;
          margin-top: 10px;
      }
   }
   .group-promotion .outer-promotion .copy .btn {
      margin-top: 40px;
      max-width: 220px;
      width: 100%;
      padding: 14px 12px;
      font-size: 16px;
      font-weight: bold;
   }
   .group-promotion .outer-promotion .copy .sub-title {
      margin-bottom: 8px;
      letter-spacing: 2px;
      line-height: 24px;
      color: #333333;
   }
   .block-disclaimer {
      border-top: 1px solid #b2b2b2;
      border-bottom: 1px solid #b2b2b2;
      font-size: 11px;
      line-height: 17px;
      padding: 20px 0;
   }
   .block-disclaimer .item-question {
      padding: 10px 0;
      padding-left: 32px;
      color: #999999;
   }
   .block-disclaimer .item-question .question {
      cursor: pointer;
      position: relative;
      font-weight: bold;
   }
   .block-disclaimer .item-question .question:before {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      position: absolute;
      left: -30px;
      top: 0;
      border-style: solid;
      border-color: #999999;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
   }
   .block-disclaimer .item-question .question.js-active:before {
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg);
      top: 5px;
   }
   .block-disclaimer .item-question .answer {
      margin-top: 10px;
   }
   .block-disclaimer .item-question .answer p {
      margin-bottom: 5px;
   }
   .note-page {
      padding: 20px 15px;
      background: #fdfdfd;
      box-shadow: 0 -2px 2px 0 #ddd;
   }
   .note-page .text {
      max-width: 1000px;
      width: 100%;
      margin: 0 auto;
      text-align: center;
   }
   .note-page .text .txt {
      font-size: 21px;
      line-height: 27px;
   }
   @media (max-width: 640px) {
      .note-page .text .txt {
          padding-left: 50px;
          position: relative;
          text-align: left;
      }
   }
   @media (max-width: 640px) {
      .note-page .text .txt img {
          position: absolute;
          left: 0;
      }
   }
   .note-page .text .link-cta {
      display: inline-block;
      padding-left: 30px;
      font-size: 16px;
      font-weight: bold;
   }
   @media (max-width: 640px) {
      .note-page .text .link-cta {
          padding-left: 0;
          display: block;
          text-align: center;
          margin: 25px auto 0;
          padding: 14px 12px;
          font-size: 16px;
          max-width: 220px;
          font-weight: bold;
          text-decoration: none;
          color: white;
          background: #056dae;
          border-radius: 6px;
          margin-left: 0;
      }
   }
   .note-page .text img {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
   }
   footer {
      border-top: 1px solid #dfdfdf;
      color: #666666;
   }
   footer .top-footer {
      border-bottom: 1px solid #999999;
      padding: 20px 15px;
      position: relative;
   }
   footer .top-footer ul.link-footer {
      float: left;
      overflow: hidden;
   }
   footer .bottom-footer .logo-footer img {
      width: 60px;
   }
   @media (max-width: 640px) {
      footer .top-footer ul.link-footer {
          float: none;
      }
   }
   footer .top-footer ul.link-footer li {
      float: left;
      display: inline-block;
      text-transform: uppercase;
      padding: 8px 0px;
   }
   footer .top-footer ul.link-footer li a {
      font-size: 14px;
      font-weight: 400;
      color: #666666;
      text-decoration: none;
   }
   footer .top-footer ul.link-footer li a:hover {
      color: #002a54;
      text-decoration: none;
   }
   footer .top-footer .backtotop {
      float: right;
      width: 40px;
      height: 40px;
      border-radius: 100%;
      box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
      text-align: center;
      position: relative;
      cursor: pointer;
   }
   @media (max-width: 640px) {
      footer .top-footer .backtotop {
          position: absolute;
          right: 0;
          top: 20px;
      }
   }
   footer .top-footer .backtotop:before, footer .top-footer .backtotop:after {
      content: '';
      display: block;
      border-style: solid;
      border-color: #333333;
      border-width: 0 2px 2px 0;
      width: 8px;
      height: 8px;
      -webkit-transform: translate(-50%, -50%) rotate(-135deg);
      transform: translate(-50%, -50%) rotate(-135deg);
      position: absolute;
      top: 50%;
      left: 50%;
   }
   footer .top-footer .backtotop:before {
      margin-top: 5px;
   }
   footer .top-footer .backtotop:after {
      margin-top: -1px;
   }
   footer .top-footer .expand-nav-footer {
      position: absolute;
      right: 60px;
      top: 30px;
      display: none;
      cursor: pointer;
      font-size: 14px;
   }
   @media (max-width: 640px) {
      footer .top-footer .expand-nav-footer {
          display: block;
      }
   }
   footer .top-footer .expand-nav-footer span {
      display: block;
      position: relative;
      padding-right: 15px;
   }
   @media (max-width: 640px) {
      footer .top-footer .expand-nav-footer span {
          display: none;
      }
   }
   footer .top-footer .expand-nav-footer span:after {
      content: '';
      width: 8px;
      height: 8px;
      border-style: solid;
      border-color: #056dae;
      border-width: 0 2px 2px 0;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
   }
   footer .top-footer .expand-nav-footer span:first-child {
      display: block;
   }
   footer .top-footer .expand-nav-footer span:first-child:after {
      -webkit-transform: translate(0, -50%) rotate(45deg);
      transform: translate(0, -50%) rotate(45deg);
      margin-top: -2px;
   }
   footer .top-footer .expand-nav-footer span:last-child:after {
      -webkit-transform: translate(0, -50%) rotate(-135deg);
      transform: translate(0, -50%) rotate(-135deg);
      margin-top: 2px;
   }
   footer .top-footer .expand-nav-footer.js-active span:last-child {
      display: block;
   }
   footer .top-footer .expand-nav-footer.js-active span:first-child {
      display: none;
   }
   footer .top-footer ul.link-nav {
      float: right;
      overflow: hidden;
   }
   @media (max-width: 640px) {
      footer .top-footer ul.link-nav {
          float: none;
          display: none;
      }
   }
   footer .top-footer ul.link-nav li {
      float: left;
      display: inline-block;
      text-transform: uppercase;
      padding: 8px 0px;
   }
   @media (max-width: 640px) {
      footer .top-footer ul.link-nav li {
          display: block;
          text-align: center;
          float: none;
      }
   }
   footer .top-footer ul.link-nav li a {
      font-size: 14px;
      font-weight: 400;
      line-height: 18px;
      color: #666666;
      padding-right: 20px;
      display: inline-block;
      text-decoration: none;
   }
   footer .top-footer ul.link-nav li a:hover {
      color: #002a54;
      text-decoration: none;
   }
   footer .bottom-footer {
      overflow: hidden;
      padding: 20px 15px;
   }
   footer .bottom-footer .logo-footer {
      float: left;
   }
   @media (max-width: 640px) {
      footer .bottom-footer .logo-footer {
          position: absolute;
      }
   }
   @media (max-width: 640px) {
      footer .bottom-footer .logo-footer img {
          height: 24px;
      }
   }
   footer .bottom-footer .copy-footer {
      float: right;
      text-align: right;
      font-size: 16px;
   }
   @media (max-width: 640px) {
      footer .bottom-footer .copy-footer {
          padding-left: 60px;
          text-align: left;
      }
   }
   .other-feature-benefit {
      padding: 70px 0;
   }
   @media (max-width: 640px) {
      .other-feature-benefit {
          padding: 92px 0 40px;
      }
   }
   .other-feature-benefit .group-button {
      margin-top: 30px;
   }
   .other-feature-benefit .group-button .link-cta {
      text-decoration: underline;
   }
   .other-feature-benefit .group-content {
      overflow: hidden;
      margin-top: 30px;
   }
   .other-feature-benefit .group-content .item-content {
      float: left;
      width: calc(100%/3);
      padding: 10px;
      margin-bottom: 60px;
   }
   @media (max-width: 640px) {
      .other-feature-benefit .group-content .item-content {
          width: 100%;
          margin-bottom: 45px;
      }
   }
   .other-feature-benefit .group-content .item-content:nth-child(3n+1) {
      clear: both;
   }
   .other-feature-benefit .group-content .item-content article:hover img {
      -webkit-transform: scale(1.08);
      transform: scale(1.08);
      transition: .2s ease-in-out;
   }
   .other-feature-benefit .group-content .item-content figure {
      height: 0;
      overflow: hidden;
      padding-bottom: 56.14%;
      margin-bottom: 10px;
   }
   .other-feature-benefit .group-content .item-content img {
      width: 100%;
      transition: .2s ease-in-out;
   }
   .other-feature-benefit .group-content .item-copy h5 {
      font-weight: bold;
      margin-bottom: 10px;
   }
   .group-popup {
      position: fixed;
      z-index: 9;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      opacity: 0;
      visibility: hidden;
   }
   .group-popup.js-active {
      opacity: 1;
      visibility: visible;
   }
   .group-popup .wrap-popup {
      background: #ffffff;
      max-width: 80%;
      max-height: 80%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%;
      padding: 20px 30px;
   }
   @media (max-width: 640px) {
      .group-popup .wrap-popup {
          padding: 10px 15px;
          max-width: 95%;
      }
   }
   @media (max-width: 640px) {
      .group-popup .wrap-popup .limelight-player {
          width: 320px !important;
          height: 170px !important;
      }
   }
   @media (max-width: 400px) {
      .group-popup .wrap-popup .limelight-player {
          width: 274px !important;
          height: 145px !important;
      }
   }
   .group-popup .group-btn {
      text-align: right;
      margin-bottom: 10px;
      overflow: hidden;
   }
   .group-popup .group-btn .btn-close {
      cursor: pointer;
      position: relative;
      height: 30px;
      width: 30px;
      display: inline-block;
      float: right;
   }
   .group-popup .group-btn .btn-close:before, .group-popup .group-btn .btn-close:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
   }
   .group-popup .group-btn .btn-close:before {
      width: 15px;
      height: 1px;
      background: black;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transform-origin: center;
      transform-origin: center;
   }
   .group-popup .group-btn .btn-close:after {
      width: 1px;
      height: 15px;
      background: black;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transform-origin: center;
      transform-origin: center;
   }
   .group-popup .group-video {
      position: relative;
   }
   .pageBanner {
      position: relative;
      width: 100%;
      margin: 0 auto;
   }
   .bannerImg, .pageBanner {
      position: relative;
      width: 100%;
   }
   .pageBanner figure {
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover;
      width: 100%;
      height: 500px;
      position: relative;
      display: inline-block;
   }
   @media (max-width: 1199px) {
      .pageBanner figure {
          height: 400px;
      }
   }
   @media (max-width: 992px) {
      .pageBanner figure {
          height: 300px;
      }
   }
   @media (max-width: 767px) {
      .pageBanner figure {
          height: 225px;
      }
   }
   @media (max-width: 660px) {
      .pageBanner figure {
          background-position: 30% center;
      }
   }
   @media (max-width: 480px) {
      .pageBanner figure {
          height: 200px;
          background-position: 25% center;
      }
   }
   .pageBanner figure img {
      display: none;
   }
   .bannerTxt {
      display: flex;
      display: -ms-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
   }
   .bannerTxt {
      position: absolute;
      top: 130px;
      width: 100%;
      bottom: 130px;
   }
   @media (max-width: 1400px) {
      .bannerTxt {
          position: absolute;
      }
   }
   @media (max-width: 1199px) {
      .bannerTxt {
          position: relative;
          top: -50px;
          bottom: 0;
      }
   }
   @media (max-width: 767px) {
      .bannerTxt {
          top: -30px;
      }
   }
   .bannerTxt a {
      color: #056dae;
   }
   .bannerTxt h1 {
      font-size: 50px;
   }
   @media (max-width: 992px) {
      .bannerTxt h1 {
          font-size: 36px;
          line-height: 45px;
      }
   }
   @media (max-width: 767px) {
      .bannerTxt h1 {
          font-size: 30px;
          line-height: 35px;
      }
   }
   @media (max-width: 480px) {
      .bannerTxt h1 {
          font-size: 25px;
          line-height: 30px;
      }
   }
   .item-post-meta .post-details, .item-post-meta .read-article {
      display: block;
   }
   .post-details span {
      padding-right: 8px;
   }
   .post-details .seperator {
      padding-right: 0px;
      margin: 0 8px 0 0;
   }
   .innerBanner {
      width: 750px;
      margin: 0 auto;
      max-width: 840px;
      display: inline-block;
      background: rgba(255, 255, 255, 0.9);
      padding: 38px 0 46px;
   }
   @media (max-width: 1199px) {
      .innerBanner {
          background: rgba(255, 255, 255, 1);
      }
   }
   @media (max-width: 767px) {
      .innerBanner {
          width: 100%;
      }
      .menu-bar.active {
          width: 100%;
      }
   }
   .pagebannerTxt {
      padding-top: 33px;
      padding-bottom: 5px;
      line-height: 24px;
      font-size: 16px;
      letter-spacing: 2px;
   }
   .pageBanner img {
      float: left;
      width: 100%;
   }
   .pageBanner .banner-title {
      position: absolute;
      top: 50%;
      width: 100%;
      margin-top: -75px;
   }
   .pageBanner .banner-title img {
      max-width: 100%;
      width: auto;
      float: none;
   }
   .center-row {
      display: table;
   }
   .cf::before, .cf::after {
      content: " ";
      display: block;
      height: 0;
      overflow: hidden;
      visibility: hidden;
      width: 0;
   }
   .cf::after {
      clear: both;
   }
   .cf::before, .cf::after {
      content: " ";
      display: block;
      height: 0;
      overflow: hidden;
      visibility: hidden;
      width: 0;
   }
   .sub-menu {
      position: absolute;
      border-top: 1px solid #f1f1f1;
      width: 100%;
      background: #ffffff;
      padding: 20px 15px 30px;
      box-shadow: 1px 2px 5px #333333;
      display: none;
      left: 0px;
      z-index: 99;
   }
   .main-container {
      width: 1440px;
      padding: 0px 20px;
      margin: auto;
   }
   .three-colm-menu-section {
      width: 33.33%;
      float: left;
   }
   .sub-menu ul li {
      float: none;
      margin: 0px 0px;
      border-bottom: 1px solid #f1f1f1;
      padding-left: 0px !important;
   }
   .top-left-list ul li {
      font-family: "interstate-light", arial;
      font-size: 16px;
      padding: 4px 0 9.5px;
      color: #fff;
      display: block;
   }
   .top-tiles {
      background: #333;
      height: 34px;
   }
   header {
      font-family: "interstate", arial;
      font-weight: 400;
      font-size: 16px;
   }
   html, body {
      font-size: 16px;
   }
   .top-col {
      width: 50%;
      float: left;
   }
   .top-right-list {
      float: right;
   }
   .top-right-list ul li {
      float: left;
      padding: 5px 14px 10px 0px;
      position: relative;
   }
   .top-right-list ul li a {
      font-size: .95rem;
      padding: 0px 0px 0px 15px;
      color: #fff;
      display: block;
      background: url(../images/mainLinks.png) no-repeat 0px 10px;
      position: relative;
      text-decoration: none;
   }
   .quicklink-dropdown-wrapper {
      width: 220px;
      background: #fff;
      position: absolute;
      right: 0;
      top: 34px;
      z-index: 1;
      visibility: hidden;
      max-height: 0;
      overflow: hidden;
      transition: max-height .4s;
      padding: 10px 0 20px;
      border: 1px solid #ccc;
      border-radius: 0 0 10px 10px;
      box-shadow: 0 5px 14px -7px #3d3d3d;
   }
   .quicklink-dropdown-wrapper li {
      border-bottom: 1px solid #ddd;
      padding: 5px 0;
   }
   .header-blue-wave {
      background-color: #00bdf2;
      background-image: url(../images/gradient-blue-wave.png);
      background-image: -webkit-linear-gradient(270deg, #00bdf2 0, #00b3f0 18%, #0066b3 77%, #004985 100%);
      background-image: linear-gradient(180deg, #00bdf2 0, #00b3f0 18%, #0066b3 77%, #004985 100%);
      border-bottom: 1px solid #004985;
      padding: 19.5px 0px 19px;
   }
   .top-right-list .quicklink-dropdown-wrapper ul li {
      width: 100%;
   }
   .top-right-list ul li a:hover {
      color: #999;
   }
   .top-right-list .quicklink-dropdown-wrapper ul li {
      width: 100%;
   }
   .top-right-list .quicklink-dropdown-wrapper ul li a {
      color: #333333;
   }
   .top-right-list ul li a:last-child {
      background: none;
   }
   .dropHover:hover .quicklink-dropdown-wrapper {
      visibility: visible;
      max-height: 9999px;
   }
   .citi-logo a img {
      width: 48px;
   }
   .sign-off-right {
      float: right;
      display: block;
   }
   .sign-off-right a {
      color: #056dae;
      font-family: "interstate", arial;
      font-weight: 400;
      font-size: 16px;
      position: relative;
      top: 12px;
      text-decoration: none;
   }
   .menubar-ul li a:hover {
      color: #056dae;
   }
   .hideMobVi {
      display: none !important;
   }
   .hideDesk {
      display: none;
   }
   .menubar-ul li.menu-highlight a {
      font-weight: 700;
      font-family: "interstate-light", Arial;
   }
   .breadcrumb-list a.link-text {
      color: rgba(0, 0, 0, .87) !important;
      text-decoration: none;
   }
   .breadcrumb-list a.link-text:hover {
      text-decoration: none;
   }
   @media screen and (min-width: 768px) {
      .group-step-getstart .line-getstart .dot span {
          left: -155px;
          width: 155px;
      }
   }
   @media (max-width: 1450px) {
      .main-container {
          width: 100%;
      }
   }
   @media screen and (max-width: 1025px) {
      .showDesk {
          display: none;
      }
      .hideMob {
          display: none;
      }
      .hideDesk {
          display: block;
      }
      .hideMobVi {
          display: block !important;
          position: relative;
          top: -15px;
      }
      .main-container {
          margin: auto;
          width: 100%;
          padding: 0px 15px;
      }
      .mobile-menu span {
          display: block;
          width: 30px;
          height: 2px;
          background: #ffffff;
          margin: 6px 0px;
      }
      .mobile-menu {
          float: left;
          position: relative;
          cursor: pointer;
          top: 0;
      }
      .citi-logo {
          float: right;
          margin-right: -21px;
      }
      .header-blue-wave {
          position: fixed;
          padding: 10px 0;
          width: 100%;
          z-index: 999999;
      }
      .header-blue-wave-col:nth-child(1) {
          width: 51%;
      }
      .menu-bar {
          position: fixed;
          top: 0px;
          left: -400px;
          bottom: 0px;
          height: 100%;
          background: #333;
          transition: all .5s ease-in;
          z-index: 9999999;
      }
      .breadcrumb-list {
          float: left;
      }
      .hideMobVi {
          display: block !important;
          position: relative;
          top: -15px;
      }
      .breadcrumb-section {
          position: relative;
          top: 50px;
          background: #FFF;
      }
      .group-banner {
          margin-top: 48px;
      }
      .menu-bar.active {
          left: 0px;
          width: 400px;
      }
      .menu-shadow {
          position: relative;
          height: 100%;
          width: 100%;
          margin: auto;
          top: 0px;
          bottom: 0px;
          left: 0px;
          right: 0px;
          overflow: auto;
          padding-bottom: 20rem;
      }
      .menu-bar .container {
          padding: 0;
      }
      svg.logoWidth {
          height: 30px;
          width: 40px;
      }
      .menu-bar.active .menubar-ul {
          float: none;
          background: #ffffff;
          border-right: 1px solid #cccccc;
          width: 100%;
      }
      .menu-bar .menubar-ul {
          border-right: 0;
          float: none;
          background: #ffffff;
          width: 0;
      }
      .close-menu-click {
          float: right;
          padding: 10px;
          position: relative;
          top: 3px;
      }
      .close-menu-click span {
          display: block;
          width: 30px;
          height: 2px;
          background: #ffffff;
      }
      .close-menu-click span:nth-child(1) {
          transform: rotate(45deg);
          position: relative;
          top: 2px;
      }
      .close-menu-click span:nth-child(2) {
          transform: rotate(-45deg);
      }
      .mobmenu-header-col {
          width: 50%;
          float: left;
          padding: 0px 15px;
      }
      .draggable-container {
          margin-right: 0;
      }
      .menubar-ul {
          float: none;
      }
      .menubar-ul li {
          float: none;
          margin: 0px 15px !important;
          border-bottom: 1px solid #dddddd;
          position: relative;
          padding: 0;
      }
      .menubar-ul li .submenu li {
          padding: 0;
          border-bottom: 1px solid #dfdfdf;
      }
      .menubar-ul li .submenu li:last-child {
          border-bottom: 0;
      }
      .menubar-ul li a {
          font-size: 16px;
          font-family: "interstate", arial;
          font-weight: 400;
          color: #333;
          line-height: 24px;
          padding: 12px 0 14px;
          display: block;
          position: relative;
      }
      .mobmenu-header {
          background-color: #00bdf2;
          background-image: url(../images/gradient-blue-wave.png);
          background-image: -webkit-linear-gradient(270deg, #00bdf2 0, #00b3f0 18%, #0066b3 77%, #004985 100%);
          background-image: linear-gradient(180deg, #00bdf2 0, #00b3f0 18%, #0066b3 77%, #004985 100%);
          border-bottom: 1px solid #004985;
          padding: 8px 0px;
      }
      .toggle-click {
          float: right;
          position: absolute;
          top: 0px;
          padding: 20px 10px;
          right: 0px;
      }
      .toggle-click span {
          display: block;
          width: 15px;
          height: 2px;
          background: #555555;
          transition: all 100ms ease-in;
      }
      .toggle-click span:nth-child(1) {
          transform: rotate(90deg);
          top: 2px;
          position: relative;
      }
      .toggle-click.active span:nth-child(1) {
          transform: rotate(0deg);
      }
      .topmenu-mobile ul li {
          border-bottom: 1px solid #ddd;
          padding: 1.2rem 0;
          margin: 0px 15px;
          position: relative;
      }
      .topmenu-mobile .sub-menu ul li {
          margin: 0px 0px !important;
      }
      .topmenu-mobile .main-container {
          padding: 0;
      }
      .topmenu-mobile .sub-menu ul li:last-child {
          border-bottom: 0px !important;
      }
      .topmenu-mobile ul li a {
          font-size: 1rem;
          font-family: "interstate", arial;
          color: #ffffff;
      }
      .topmenu-mobile .sub-menu {
          background: none !important;
          padding: 0px;
          margin: 15px 0px 0px !important;
          position: relative;
          width: 100%;
          box-shadow: none;
      }
      .topmenu-mobile .sub-menu.active {
          display: block;
      }
      .three-colm-menu-section {
          float: none;
          width: 100%;
      }
      .menubar-ul li .submenu {
          visibility: visible;
          border-top: 0;
          box-shadow: none;
          margin-top: 0;
          position: relative;
          display: none;
          opacity: 1;
      }
      .menubar-ul li .submenu.active {
          display: block;
      }
      .sign-off-right {
          display: none;
      }
      footer .container {
          padding: 0;
      }
      footer .bottom-footer .copy-footer {
          font-size: 12px;
          line-height: 18px;
          text-align: right;
      }
      footer .top-footer ul.link-footer li a, footer .top-footer .expand-nav-footer {
          font-size: 12px;
      }
   }
   @media screen and (max-width: 767px) {
      .menu-bar.active {
          left: 0px;
          width: 100%;
      }
   }
   @media screen and (min-width: 768px) and (max-width: 812px) and (orientation: landscape) {
      .group-step-getstart .line-getstart .dot span {
          left: -154px;
          width: 150px;
      }
   }
   .cbolui-ddl ol>li:before {
      position: absolute;
      left: -49px;
      top: 0px;
      font-size: 17px;
      display: block;
      padding-left: 10px;
      margin: 0 auto;
      line-height: 24px;
      width: 27px;
      text-align: center!important;
      border: 1px solid #002a54;
      border-radius: 100%;
      color: #002a54;
      font-weight: 400!important;}