/* <globals> */
  html.noscroll,
  html.noscroll body {
    height: 100% !important;
    overflow: hidden !important;
  }

  .segment-name { display: inline-block; height: 28px; background-repeat: no-repeat; margin-top: 17px; }

  .cbolui-ddl .header-4, .cbolui-ddl h4 {
    font-size: 1rem;
    line-height: 1.4rem;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  .cbolui-ddl .header-4, .cbolui-ddl h4.normal {
    text-transform: none;
  }

  .cbolui-ddl .col-sm-4 img {
    max-width: 100px;
    margin: 20px;
  }

  .cbolui-ddl hr.custom { border-top-color: #607d8b; }

  .cbolui-ddl b,
  .cbolui-ddl strong,
  .cbolui-ddl .bold {
    font-family: "Interstate", sans-serif;
    font-weight: 700;
  }

  .citi-gold .bg-colored { background-color: #607d8b; }


  .cbolui-ddl a
  .cbolui-ddl a:active,
  .cbolui-ddl a:focus,
  .cbolui-ddl a:hover {
    outline: none;
  }

  .cbolui-ddl .citi-gold a,
  .cbolui-ddl .citi-gold-priority a { color: #607d8b; }

  .cbolui-ddl .btn.btn-primary { color: #fff; }
  .cbolui-ddl .btn.btn-primary,
  .cbolui-ddl .citi-gold .btn.btn-primary { background-color: #607d8b; border-color: #607d8b; }

  .cbolui-ddl .btn.btn-primary.active,
  .cbolui-ddl .btn.btn-primary.focus,
  .cbolui-ddl .btn.btn-primary:active,
  .cbolui-ddl .btn.btn-primary:active:focus,
  .cbolui-ddl .btn.btn-primary:active:hover,
  .cbolui-ddl .btn.btn-primary:focus,
  .cbolui-ddl .btn.btn-primary:hover,
  .cbolui-ddl .open > .btn.btn-primary.dropdown-toggle {
    background-color: #002A54;
    border-color: #002A54;
    -webkit-transition: background-color 400ms ease, border-color 400ms ease;
    -moz-transition: background-color 400ms ease, border-color 400ms ease;
    -o-transition: background-color 400ms ease, border-color 400ms ease;
    -ms-transition: background-color 400ms ease, border-color 400ms ease;
    transition: background-color 400ms ease, border-color 400ms ease;
  }

  .cbolui-ddl .citi-gold .btn.btn-primary.active,
  .cbolui-ddl .citi-gold .btn.btn-primary.focus,
  .cbolui-ddl .citi-gold .btn.btn-primary:active,
  .cbolui-ddl .citi-gold .btn.btn-primary:active:focus,
  .cbolui-ddl .citi-gold .btn.btn-primary:active:hover,
  .cbolui-ddl .citi-gold .btn.btn-primary:focus,
  .cbolui-ddl .citi-gold .btn.btn-primary:hover,
  .cbolui-ddl .citi-gold .open > .btn.btn-primary.dropdown-toggle {
    background-color: #607d8b;
    border-color: #607d8b;
  }


  .cbolui-ddl .citi-blue .hero-4 .common-module-header,
  .cbolui-ddl .citi-business .hero-4 .common-module-header { background-color: #056DAE; }
  .cbolui-ddl .citi-priority .hero-4 .common-module-header { background-color: #0E2A48; }
  .cbolui-ddl .citi-gold .hero-4 .common-module-header { background-color: #607d8b; }
  .cbolui-ddl .citi-gold-priority .hero-4 .common-module-header { background-color: #564639; }

  .file-disabled,
  .cbolui-ddl .file-disabled {
    color: #000 !important;
    cursor: default;
  }

  .cbolui-ddl a.chevron-link,
  .cbolui-ddl a.chevron-link:focus,
  .cbolui-ddl a.chevron-link:hover,
  .cbolui-ddl a.chevron-link.bold,
  .cbolui-ddl a.chevron-link.bold:focus,
  .cbolui-ddl a.chevron-link.bold:hover {
    background-image: none;
    text-decoration: none;
    padding-right: 0;
  }

  .cbolui-ddl a.chevron-link:after,
  .cbolui-ddl a.chevron-link.bold:after {
    content: " \e007";
    font-family: "citi-glyphicons";
    font-size: 0.8em;
  }

  /*.cbolui-ddl .accordion.lefthandnav ul li.parent.level1 .category:after,
  .cbolui-ddl .accordion.lefthandnav ul li.parent.level1 .category:before,
  .cbolui-ddl .accordion.lefthandnav ul li.parent.level2 .category:after,
  .cbolui-ddl .accordion.lefthandnav ul li.parent.level2 .category:before,
  .cbolui-ddl .accordion.menu ul.mainnav li.parent .svg-arrow,
  .cbolui-ddl .accordion.menu ul.mainnav>li .svg-arrow,
  .cbolui-ddl .svg-arrow-dropdown-down,
  .cbolui-ddl .table .expandable-row .btn-carat-down,
  .cbolui-ddl .table .expandable-row .btn-carat-down-svg,
  .cbolui-ddl .table .expandable-row .glyphicon-triangle-bottom,
  .cbolui-ddl .table>caption+thead>tr>th .btn-carat-down,
  .cbolui-ddl .table>caption+thead>tr>th .btn-carat-down-svg,
  .cbolui-ddl .table>caption+thead>tr>th .glyphicon-triangle-bottom,*/
  .cbolui-ddl .citi-gold select.form-control,
  .cbolui-ddl .citi-gold-priority select.form-control {
    background-image: url('..images/icons/svgs/arrows/arrow-dropdown-down-dark.svg');
  }

  .cbolui-ddl .theme-dark h5,
  .cbolui-ddl .hero-4 .common-module-header h4,
  .cbolui-ddl .hero-4 .common-module-header h5 { color: #fff; }
  .cbolui-ddl .theme-dark .btn.btn-primary { background: #fff; border-color: #fff; color: #056dae; }
  .cbolui-ddl .citi-gold .theme-dark .btn.btn-primary { color: #b4985b; }
  .cbolui-ddl .citi-gold-priority .theme-dark .btn.btn-primary { color: #564639; }
  .cbolui-ddl .citi-priority .theme-dark .btn.btn-primary { color: #0e2a48; }
  .cbolui-ddl .theme-dark .btn.btn-primary.active,
  .cbolui-ddl .theme-dark .btn.btn-primary.focus,
  .cbolui-ddl .theme-dark .btn.btn-primary:active,
  .cbolui-ddl .theme-dark .btn.btn-primary:active:focus,
  .cbolui-ddl .theme-dark .btn.btn-primary:active:hover,
  .cbolui-ddl .theme-dark .btn.btn-primary:focus,
  .cbolui-ddl .theme-dark .btn.btn-primary:hover {
    border-color: #f0f0f0;
    background-color: #f0f0f0;
    text-decoration: none;
  }
  .cbolui-ddl .theme-dark a.chevron-link { background-image: url('/cbolimages/icons/svgs/arrows/arrow-btn-next-white-sm.svg'); }
  .cbolui-ddl .theme-dark-aplha-80 { background-color: rgba(5, 109, 174, 0.8); }

  .cbolui-ddl .citi-gold .theme-dark-aplha-80,
  .cbolui-ddl .citi-gold-priority .theme-dark-aplha-80 { background-color: rgba(0, 0, 0, 0.5); }
  .cbolui-ddl .citi-priority .theme-dark-aplha-80 { background-color: rgba(14, 42, 72, 0.6); }

  .cbolui-ddl .img-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }

  .cbolui-ddl .white-box { background-color: #fff; }

  .cbolui-ddl .divider {
    border-left: 1px solid rgba(221,221,221,1);
    padding: 15px 0;
  }

  @media only screen and (max-width: 767px) {
    .cbolui-ddl .divider { margin: 10px 1px; }
  }

  .cbolui-ddl .disclaimer,
  .cbolui-ddl .disclaimer small { color: #999; }

  .cbolui-ddl .vertical-parent { /* max-width: 98%; */ position: relative; }
  .cbolui-ddl .vertical-parent:before { content: ""; display: inline-block; vertical-align: middle; width: 0px; height: 100%; }
  .cbolui-ddl .vertical-parent > .vertical-inner { width: 98%; display: inline-block; vertical-align: middle; }
  @media only screen and (max-width: 767px) {
    .cbolui-ddl .vertical-parent:before { display: none; }
  }

  .cbolui-ddl .currency { font-size: 0.6em; }

  .cbolui-ddl .form-group input[type="button"],
  .cbolui-ddl .form-group input[type="submit"] {
    min-width: 0;
    width: 100%;
  }

  @media only screen and (min-width: 768px) {
    .cbolui-ddl .sep-left-sm { border-left: 1px solid #ddd; padding-left: 1.4rem; }
    .cbolui-ddl .turn-off-bg-sm { background: none; }
  }

  @media only screen and (min-width: 992px) {
    .cbolui-ddl .sep-left-md { border-left: 1px solid #ddd; padding-left: 1.4rem; }
    .cbolui-ddl .turn-off-bg-md,
    .cbolui-ddl .citi-gold .turn-off-bg-md,
    .cbolui-ddl .citi-gold-priority .turn-off-bg-md,
    .cbolui-ddl .citi-priority .turn-off-bg-md { background: none; }
  }

  @media only screen and (max-width: 991px) {
    .cbolui-ddl h2 { font-size: 2rem; line-height: 2rem; }
  }
  @media only screen and (max-width: 767px) {
    .cbolui-ddl h2 { font-size: 1.4rem; line-height: 1.8rem; }
    .cbolui-ddl .header-2 .super-script,
    .cbolui-ddl .header-2 sup,
    .cbolui-ddl .modal .modal-header .modal-title .super-script,
    .cbolui-ddl .modal .modal-header .modal-title sup,
    .cbolui-ddl h2 .super-script,
    .cbolui-ddl h2 sup { font-size: 1rem; }
  }

  .cbolui-ddl .checkbox-inline,
  .cbolui-ddl .checkbox-inline + .checkbox-inline,
  .cbolui-ddl .radio-inline,
  .cbolui-ddl .radio-inline + .radio-inline {
    margin-top: 10px;
  }
  @media only screen and (max-width: 767px) {
    .cbolui-ddl .checkbox-inline,
    .cbolui-ddl .checkbox-inline + .checkbox-inline,
    .cbolui-ddl .radio-inline,
    .cbolui-ddl .radio-inline + .radio-inline {
      display: block;
      margin-left: 0;
    }
  }
/* </globals> */

/* <bootstrap> */
  .text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg { text-align: left; }
  .text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg { text-align: center; }
  .text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg { text-align: right; }
  .text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg { text-align: justify; }
  @media (max-width: 767px) {
      .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs { text-align: inherit; }
      .text-left-xs { text-align: left; }
      .text-center-xs { text-align: center; }
      .text-right-xs { text-align: right; }
      .text-justify-xs { text-align: justify; }
  }
  @media (min-width: 768px) and (max-width: 991px) {
      .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm { text-align: inherit; }
      .text-left-sm { text-align: left; }
      .text-center-sm { text-align: center; }
      .text-right-sm { text-align: right; }
      .text-justify-sm { text-align: justify; }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
      .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md { text-align: inherit; }
      .text-left-md { text-align: left; }
      .text-center-md { text-align: center; }
      .text-right-md { text-align: right; }
      .text-justify-md { text-align: justify; }
  }
  @media (min-width: 1200px) {
      .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg { text-align: inherit; }
      .text-left-lg { text-align: left; }
      .text-center-lg { text-align: center; }
      .text-right-lg { text-align: right; }
      .text-justify-lg { text-align: justify; }
  }
/* </bootstrap> */

/* <icons> */
  .cbol-icon{font-family:"citi-glyphicons";display:inline-block;vertical-align:middle;line-height:1;font-weight:normal;font-style:normal;speak:none;text-decoration:inherit;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cbol-icon-accounts:before{content:"\e001"}.cbol-icon-add:before{content:"\e002"}.cbol-icon-aeroplane:before{content:"\e003"}.cbol-icon-alerts:before{content:"\e004"}.cbol-icon-arrow-down:before{content:"\e005"}.cbol-icon-arrow-left:before{content:"\e006"}.cbol-icon-arrow-right:before{content:"\e007"}.cbol-icon-arrow-up:before{content:"\e008"}.cbol-icon-block:before{content:"\e009"}.cbol-icon-break-deposit:before{content:"\e010"}.cbol-icon-change-atm:before{content:"\e011"}.cbol-icon-change-renewal-instruction:before{content:"\e012"}.cbol-icon-chat:before{content:"\e013"}.cbol-icon-close:before{content:"\e014"}.cbol-icon-creditcard:before{content:"\e015"}.cbol-icon-details:before{content:"\e016"}.cbol-icon-done:before{content:"\e017"}.cbol-icon-downloads:before{content:"\e018"}.cbol-icon-extend-limit:before{content:"\e019"}.cbol-icon-get-in-touch:before{content:"\e020"}.cbol-icon-hamburger:before{content:"\e021"}.cbol-icon-investment:before{content:"\e022"}.cbol-icon-lightbulb:before{content:"\e023"}.cbol-icon-link-card:before{content:"\e024"}.cbol-icon-loans:before{content:"\e025"}.cbol-icon-locator:before{content:"\e026"}.cbol-icon-lock:before{content:"\e027"}.cbol-icon-message:before{content:"\e028"}.cbol-icon-nfc:before{content:"\e029"}.cbol-icon-print:before{content:"\e030"}.cbol-icon-question:before{content:"\e031"}.cbol-icon-report-lost:before{content:"\e032"}.cbol-icon-search:before{content:"\e033"}.cbol-icon-settings:before{content:"\e034"}.cbol-icon-supp-card:before{content:"\e035"}.cbol-icon-transfer:before{content:"\e036"}.cbol-icon-video-play:before{content:"\e037"}.cbol-icon-new-timedeposit:before{content:"\e038"}.cbol-icon-tick:before{content:"\e039"}

  .citi-blue .chat-msg-icon i,
	.citi-business .chat-msg-icon i { color: #056DAE; }
	.citi-gold .chat-msg-icon i,
	.citi-gold-priority .chat-msg-icon i { color: #607d8b; }
	.citi-priority .chat-msg-icon i { color: #0E2A48; }
/* </icons> */

/* <global module> */
  .global-module { margin-top: 7.1rem; margin-bottom: 7.1rem; }

  .global-module .module-content h2,
  .global-module .module-content h4,
  .global-module .module-content h5 { line-height: 1em; margin: 0 0 1.3rem; }
  .global-module .module-content p { margin: 0 0 1.8rem; }

  .global-module .disclaimer { margin-top: 1rem; }
  .global-module .disclaimer small { color: #999; }

  @media only screen and (max-width: 767px) {
    .global-module { margin-top: 4.3rem; margin-bottom: 4.3rem; }
    .global-module .module-content h4 { margin: 0 0 0.5rem; }
  }
/* </global module> */

/* <header> */
  #app-header li { margin-bottom: 0; }

  #app-header a,
  #app-header a:focus,
  #app-header a:hover {
    text-decoration: none;
    background-color: transparent;
  }

  #app-header .navbar { border: none; border-radius: 0; margin-bottom: 0; }

  #app-header .navbar-toplinks { min-height: 2.2rem; background-color: #333; font-size: 0.875rem; }
  #app-header .navbar-toplinks a { color: #fff; font-size: 0.875rem; padding: 5px 0; }
  #app-header .navbar-toplinks a:focus,
  #app-header .navbar-toplinks a:hover,
  #app-header .hoverable:hover {
    color: #999;
  }
  #app-header .navbar-toplinks .navbar-segments li { padding-right: 30px; }

  #app-header .navbar-branding,
  .citi-blue #app-header .navbar-branding,
  .citi-business #app-header .navbar-branding {
    background-repeat: repeat;
    background-size: contain;
    background-color: #00bdf2;
    background-image: url("..images/layout/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;
  }
  .citi-gold  #app-header .navbar-branding {
    background-color: #607d8b;
    background-image: url("..images/layout/gradient-gold-wave.png");
    background-image: -webkit-linear-gradient(270deg, #607d8b 0, #a0864a 49%, #78622a 99%);
    background-image: linear-gradient(180deg, #607d8b 0, #a0864a 49%, #78622a 99%);
    border-bottom: 1px solid #78622a
  }
  .citi-priority #app-header .navbar-branding { background-color: #0e2a48; background-image: none; border-bottom: 1px solid #666; }
  .citi-gold-priority #app-header .navbar-branding { background-color: #564639; background-image: none; border-bottom: 1px solid #333; }

  #app-header .citi-logo { display: inline-block; margin: 17px 0; cursor: pointer; }
  #app-header .citi-logo img { height: 60px; }

  #app-header .navbar-branding .segment-name,
  .citi-blue #app-header .navbar-branding .segment-name,
  .citi-business #app-header .navbar-branding .segment-name { display: none; }
  .citi-gold #app-header .navbar-branding .segment-name,
  .citi-gold-priority #app-header .navbar-branding .segment-name,
  .citi-priority #app-header .navbar-branding .segment-name {
    display: inline-block;
    height: 33px;
    background-position: 0 6px;
    background-size: auto 24px;
    margin-left: 41px;
  }
  @media (max-width: 320px) {
    .citi-gold #app-header .navbar-branding .segment-name,
    .citi-gold-priority #app-header .navbar-branding .segment-name,
    .citi-priority #app-header .navbar-branding .segment-name {
      display: inline-block;
      height: 33px;
      background-position: 0 6px;
      background-size: auto 24px;
      margin-left: 21px;
    }
    #app-header .navbar-branding .segment-name:before {
      margin: 8px 0 0 -10px;
    }
  }

  #app-header .navbar-branding .segment-name:before {
    display: inline-block;
    vertical-align: bottom;
    height: 20px;
    content: "";
    border-left: 1px solid rgba(225, 225, 225, 0.3);
    margin: 8px 0 0 -20px;
  }

  #app-header .loginout-wrapper { float: right; list-style: none; padding: 0; margin: 0; }
  #app-header .loginout-wrapper li { line-height: 24px; padding: 20px 0; }
  #app-header .loginout-wrapper a { color: #fff; }
  #app-header .loginout-wrapper li a:focus,
  #app-header .loginout-wrapper li a:hover { color: #999; }

  #app-menu.sticky {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    border-top: 3px solid #056dae;
    z-index: 1000;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }
  .citi-blue #app-menu.sticky,
  .citi-priority #app-menu.sticky,
  .citi-business #app-menu.sticky { border-top-color: #056dae; }
  .citi-gold #app-menu.sticky,
  .citi-gold-priority #app-menu.sticky { border-top-color: #a0864a; }

  #main-menu #menu-belt > li > i { display: none; }

  #main-menu .navbar-nav > li { position: static; padding-right: 15px; }
  #main-menu .navbar-nav > li + li { padding-left: 15px; }
  #main-menu .navbar-nav > .menu-header + li { padding-left: 0; }
  #main-menu .navbar-nav > li > a {
    border-bottom: 3px solid transparent;
    color: #000;
    padding: 13px 0 10px;
    transition: border 0.5s ease;
  }

  .citi-blue #main-menu .navbar-nav > li:hover > a, .citi-business #main-menu .navbar-nav > li:hover > a { border-bottom-color: #056dae; color: #056dae; }
  .citi-priority #main-menu .navbar-nav > li:hover > a { border-bottom-color: #002d4f; color: #0e2a48; }
  .citi-gold #main-menu .navbar-nav > li:hover > a, .citi-gold-priority #main-menu .navbar-nav > li:hover > a { border-bottom-color: #607d8b; color: #607d8b; }

  #main-menu .navbar-sub-menus { position: static; display: none; }
  #main-menu .navbar-sub-menus .container-fluid { max-width: 1440px; }
  #main-menu .navbar-sub-menus .navbar-sub-menus-wrapper {
    z-index: 1000;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #eee;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    padding: 5px 0;
  }
  #main-menu .navbar-nav > li:hover .navbar-sub-menus { display: block; }

  #main-menu .navbar-sub-menus ul { list-style: none; padding-top: 15px; padding-bottom: 35px; }
  #main-menu .navbar-sub-menus ul > li { display: inline-block; width: 250px; border-bottom: 1px solid #ddd; margin: 5px 50px 5px 0; }
  #main-menu .navbar-sub-menus ul > li > a { display: block; color: #000; padding: 10px 0; }

  #main-menu #segments-belt { display: none; }

  #icon-menu { list-style: none; padding: 0; margin: 0 -13px 0 0; }
  #icon-menu > li { float: left; }
  #icon-menu > li > a { display: block; line-height: 24px; padding: 11px 13px 10px; }
  #icon-menu > li .cbol-icon { width: 1.7rem; height: 1.7rem; font-size: 1.7rem; }

  #hideMenu, #showMenu { display: none; }

  @media only screen and (max-width: 1199px) {
    #main-menu .navbar-nav li { font-size: 1rem; }
  }
  @media only screen and (max-width: 991px) {
    #main-menu .navbar-nav li { font-size: 0.876rem; }
    #main-menu .navbar-sub-menus ul > li { width: 29%; margin-right: 30px; }
  }

  @media only screen and (max-width: 767px) {
    #app-menu.sticky { position: static; }

    #main-menu {
      z-index: 1000;
      position: fixed;
      right: -100%;
      top: 0;
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      transition: right 0.5s;
      background-color: #333;
    }
    #app-header.open-mobile #main-menu { right: 0; }

    #main-menu .navbar-nav { margin: 0; }
    #main-menu .navbar-nav li,
    #main-menu .navbar-nav li + li,
    #main-menu .navbar-nav > .menu-header + li {
      font-size: 1rem;
      padding: 0 20px;
    }
    #main-menu .navbar-nav > li > a { border-bottom: 1px solid #ddd; padding: 1.2rem 0; }
    #main-menu .navbar-nav > li.expanded > a { font-weight: 700; }

    .citi-blue #main-menu .navbar-nav > li:hover > a,
    .citi-business #main-menu .navbar-nav > li:hover > a,
    .citi-priority #main-menu .navbar-nav > li:hover > a,
    .citi-gold #main-menu .navbar-nav > li:hover > a,
    .citi-gold-priority #main-menu .navbar-nav > li:hover > a  { border-bottom-color: #ddd; }

    #main-menu .navbar-nav .menu-header { padding-right: 0; }
    #main-menu .navbar-nav .menu-header .divider { margin: 16px 1px; }
    .cbolui-ddl #main-menu .navbar-nav > li > .menu-close,
    .cbolui-ddl #main-menu .navbar-nav > li:hover > .menu-close { border-bottom: none; color: #fff; padding: 18px 15px; }
    #main-menu .navbar-nav > li > .menu-close i { width: 1.7rem; height: 1.7rem; font-size: 1.7rem; }

    #main-menu #menu-belt { background-color: #fff; }
    #main-menu #menu-belt > li > i { display: block; }
    #main-menu #menu-belt > li.expanded > i + a { border: none; }
    #main-menu #menu-belt > li .navbar-sub-menus {
      display: block;
      visibility: hidden;
      max-height: 0;
      opacity: 0;
      transition: max-height .4s, visibility .4s ease, opacity .4s ease;
    }
    #main-menu #menu-belt > li.expanded > .navbar-sub-menus {
      visibility: visible;
      opacity: 1;
      max-height: 500px;
      border-bottom: 1px solid #ddd;
    }

    #main-menu .expand-button {
      position: relative;
      float: right;
      z-index: 50;
      width: 50px;
      height: 50px;
      cursor: pointer;
      margin-top: 6px;
      margin-right: -17px;
    }
    #main-menu .expand-button span { position: relative; display: block; width: 16px; height: 16px; margin: 17px; }
    #main-menu .expand-button span:before,
    #main-menu .expand-button span:after { content: ""; position: absolute; background-color: #666; transition: transform 0.25s ease-out; }
    #main-menu .expand-button span:before { top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; }
    #main-menu .expand-button span:after { top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px; }
    #main-menu .expanded .expand-button span:before{ transform: rotate(90deg); }
    #main-menu .expanded .expand-button span:after{ transform: rotate(180deg); }

    #main-menu .navbar-nav > li:hover .navbar-sub-menus { display: none; }
    #main-menu .navbar-sub-menus .navbar-sub-menus-wrapper { position: static; box-shadow: none; border: none; }
    #main-menu .navbar-sub-menus .navbar-sub-menus-wrapper > ul { padding: 0; }
    #main-menu .navbar-sub-menus .navbar-sub-menus-wrapper > ul > li { width: 100%; border-bottom: none; padding: 0; margin: 0; }

    #main-menu #segments-belt { display: block; }
    #main-menu #segments-belt a { color: #fff; }
    #main-menu #segments-belt .navbar-segments { float: none !important; }
    #main-menu #segments-belt .navbar-segments a { border-bottom-color: rgba(221, 221, 221, .3); }
    #main-menu #segments-belt .navbar-locales a { border: none; }
  }
/* </header> */

/* <footer> */
  .app-footer-bg {
    background: #333333;
  }

  .app-footer {
    background: #333333;
    color: #f9f9f9;
    padding:20px 0;
  }

  .app-footer .foot-copyright {
    font-size: 12px;
    display: inline-block;
    padding: 20px 0 0 0;
    color: #d4d4d4;
    float: right;
  }

  .footer-links ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
  }

  .footer-links ul li {
    float: left;
    width: 100%;
  }

  .cbolui-ddl .footer-links ul li a {
    font-size: 13px;
    line-height:24px;
    font-family: Interstate_Light, sans-serif;
    color: #d4d4d4;
    border-bottom:1px solid transparent;
    transition: 0.5s ease;
  }

  .cbolui-ddl .footer-links ul li a:hover {
    border-bottom:1px solid #fff;
    color:#fff;

  }

  .footer-links ul li a.special-link {
    background: #eee;
    border-radius: 6px;
    padding: 10px 15px;
    color: #474747;
    display:block;
  }

  .footer-links .foot-header {
    font-size: 13px;
    font-family: Interstate_Regular, sans-serif;
    color: #fff;
  }

  .footer-links-bottom ul {
    float: right;
  }

  .footer-links-bottom ul li {
    display: inline;
    float: none;
    margin:0 0 0 60px;
  }

  .cbolui-ddl .footer-links-bottom ul li a{
    font-size: 13px;
    font-family: Interstate_Regular, sans-serif;
    color: #d4d4d4;
    transition: 0.5s ease;
  }

  .footer-links-bottom ul li a:hover{
    border-bottom:1px solid;
    color:#fff;
  }

  #subapp-footer-top {
    border-bottom: 1px solid #5a5a5a;
    padding-bottom:10px;
  }

  #subapp-footer-navigation {
    padding:30px 0 60px 0;
  }



  @media (max-width: 767px) {
    .app-footer ul{
      margin:0;
    }

    .app-footer .foot-copyright {
      float:left;
    }

    .app-footer .foot-header{
      margin:30px 0 5px 0;
    }

    .footer-links ul li a.special-link{
      display:inline-block;
      margin:5px 0 0 0;
    }

    #subapp-footer-navigation {
      padding:0 0 30px 0;
    }

    .footer-links-bottom ul{
      float:left;
      padding:0;
    }

    .footer-links-bottom ul li{
      display:block;
      margin:0;
    }
  }

  .top-cc-photobg-body h2,
  #FormStory h2,
  #FormStory label,
  #FormStory label:hover,
  #FormStory label a,
  .cbolui-ddl .form-group .select-box-label, .cbolui-ddl .form-group .text-input-label,
  .cbolui-ddl .theme-light .form-group .form-control .input-group focus-group{
      color: #524013;
  }

  /* <CBOL> */
  #app-footer, #app-footer.cbol-footer {
    min-height: 0;
  }

  #app-footer.cbol-footer #subapp-footer-bottom {
    padding-top: 10px;
  }
  /* </CBOL> */
/* </footer> */