/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
.tl-header-hamburger-menu-logo {
  height: 58px;
  padding: 0 5%;
  line-height: 58px; }

.tl-header-hamburger-menu-logo img {
  max-height: 40px;
  margin-top: 15px; }

.tl-header-secondary-logo > img {
  max-height: 57px; }

/**** Header adjustment for SmartFolio ****/
@media screen and (min-width: 40em) and (max-width: 63.9375em) and (orientation: portrait) {
  .tl-header-secondary > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .tl-header-secondary > div .tl-header-secondary-right {
      width: auto;
      margin: initial; }
    .tl-header-secondary > div > a {
      margin: 0 auto 0 0;
      padding-left: 15px; } }

.tl-header-secondary > div > nav > a {
  min-width: 50px; }

.tl-header .tl-header-primary-right a .iconNew.chevron-right {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ed1b24;
  vertical-align: middle;
  margin: 0 0 0 9px;
  padding: 3px; }
  .tl-header .tl-header-primary-right a .iconNew.chevron-right:before {
    font-size: 10px; }

@media screen and (min-width: 40em) and (max-width: 63.9375em) and (orientation: portrait) {
  .en .tl-header-secondary > div > nav > a {
    width: 85px; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) and (orientation: portrait) {
  .fr .tl-header-secondary > div > nav > a {
    width: 92px; } }

.tl-header-primary-right a.tl-header-signin-x:hover > span.iconNew {
  text-decoration: none; }

.tl-header-secondary-right > .mega-active {
  background-color: #e6e6e6; }

.fr .tl-header-mobile-icons > a {
  max-width: 75px; }

footer.footer {
  background-color: #F0F0F0; }
  footer.footer .footer-header {
    padding-top: 45px;
    max-width: 1160px;
    margin: 0 auto; }
    @media screen and (min-width: 40em) and (max-width: 63.9375em) and (orientation: portrait) {
      footer.footer .footer-header h3 {
        margin-left: 20px; } }
    @media screen and (min-width: 40em) and (max-width: 63.9375em) and (orientation: landscape) {
      footer.footer .footer-header h3 {
        margin-left: 20px; } }
    footer.footer .footer-header hr {
      margin: 20px 0; }
  footer.footer .footer-bottom nav + nav > ul > li {
    border: 0;
    display: block;
    float: none; }
  footer.footer .footer-left {
    float: left;
    margin-bottom: 30px; }
  footer.footer .footer-secondary nav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 39.9375em) {
      footer.footer .footer-secondary nav > ul {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  footer.footer .footer-secondary ul li a {
    color: #414141; }
    @media screen and (max-width: 39.9375em) {
      footer.footer .footer-secondary ul li a {
        font-family: "heebo-medium"; } }

/*** IRROC footer ***/
.footer-secondary {
  margin: 0 auto;
  max-width: 1200px;
  min-height: 40px; }
  .footer-secondary .footer-bottom.iiroc {
    color: #0079c1;
    padding: 20px 20px 80px 20px;
    background-color: #fff; }
    @media screen and (max-width: 63.9375em) {
      .footer-secondary .footer-bottom.iiroc {
        padding-bottom: 20px; } }
    .footer-secondary .footer-bottom.iiroc ul li {
      margin: 0;
      border-left: 1px solid #cecece;
      text-align: center; }
      @media screen and (max-width: 63.9375em) {
        .footer-secondary .footer-bottom.iiroc ul li {
          border-left: 0;
          text-align: center;
          padding-bottom: 10px; } }
      .footer-secondary .footer-bottom.iiroc ul li.roc {
        border-left: 0;
        text-align: left; }
        @media screen and (max-width: 63.9375em) {
          .footer-secondary .footer-bottom.iiroc ul li.roc {
            text-align: center; } }
      .footer-secondary .footer-bottom.iiroc ul li.iiroc-logo img {
        display: block;
        margin: 0 auto; }

.stickynav {
  display: none; }

@media screen and (min-width: 40em) {
  .stickynav {
    display: block;
    margin: 0;
    padding: 0;
    background-color: #0079C1;
    position: fixed;
    top: -5px;
    /* offset the box shadow */
    left: 0;
    right: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: 0.2s -webkit-transform cubic-bezier(0.3, 0.73, 0.3, 0.74);
    transition: 0.2s -webkit-transform cubic-bezier(0.3, 0.73, 0.3, 0.74);
    transition: 0.2s transform cubic-bezier(0.3, 0.73, 0.3, 0.74);
    transition: 0.2s transform cubic-bezier(0.3, 0.73, 0.3, 0.74), 0.2s -webkit-transform cubic-bezier(0.3, 0.73, 0.3, 0.74);
    z-index: 999;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    font-family: "heebo-medium";
    font-size: 0.815rem; }
    .stickynav a {
      color: #fff;
      text-decoration: none; }
      .stickynav a:hover, .stickynav a:active, .stickynav a:focus {
        text-decoration: none; }
    .stickynav .header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .stickynav .header .iconNew:before {
        color: #fff; }
      .stickynav .header > div {
        display: block;
        height: 44px; }
      .stickynav .header > div.live-chat {
        padding-left: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-indent: 5px; }
        .stickynav .header > div.live-chat a {
          margin-left: 5px; }
      .stickynav .header > div.title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .stickynav .header > div.title h3.heading {
          font-family: "heebo-medium";
          color: #fff;
          font-size: 0.815rem; }
      .stickynav .header > div.cta-sign-in {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        .stickynav .header > div.cta-sign-in ul {
          margin: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
          .stickynav .header > div.cta-sign-in ul li {
            font-size: 0.815rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            height: 100%; }
            .stickynav .header > div.cta-sign-in ul li a {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
              .stickynav .header > div.cta-sign-in ul li a.open-an-account {
                padding-right: 1rem; }
              .stickynav .header > div.cta-sign-in ul li a.sign-in {
                height: 100%;
                padding: 0 1.5rem;
                background: #1d4e75; }
            .stickynav .header > div.cta-sign-in ul li .iconNew.profile {
              padding-right: 0.25rem; }
            .stickynav .header > div.cta-sign-in ul li .iconNew.chevron-right {
              width: 20px;
              height: 18px;
              border-radius: 50%;
              background-color: #ed1b24;
              margin: 0 0 0 9px;
              padding: 3px; }
              .stickynav .header > div.cta-sign-in ul li .iconNew.chevron-right:before {
                display: block;
                line-height: 19px;
                font-size: 10px; } }

body.down .stickynav {
  margin-top: 5px;
  /* offset the box shadow */
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.connect-with-us .icon-svg {
  height: 100%;
  /*width:100%;*/
  max-height: 40px;
  background: #fff; }
  @media screen and (min-width: 40em) {
    .connect-with-us .icon-svg {
      max-height: 60px; } }

.special-offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 39.9375em) {
    .special-offer {
      padding: 0; } }
  .special-offer .offer-button-large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    position: relative; }
    .special-offer .offer-button-large > p {
      cursor: pointer; }
    .special-offer .offer-button-large .offer-chart-labels-container {
      display: inline-block;
      margin: 0 auto; }
  .special-offer .offer-container {
    display: none;
    position: absolute;
    left: 0;
    color: #fff;
    width: 100%;
    top: 0;
    text-align: center;
    z-index: 1099;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media screen and (min-width: 40em) {
      .special-offer .offer-container {
        padding: 40px 55px 0px; } }
    @media screen and (max-width: 39.9375em) {
      .special-offer .offer-container {
        padding: 40px 15px 0px; } }
    .special-offer .offer-container .legal.small-background--0079c1 {
      background-color: #0079c1; }
    .special-offer .offer-container .tagline {
      font-size: 18px;
      font-family: "heebo-bold", Arial, Sans-Serif;
      font-weight: bold; }
    .special-offer .offer-container p > b {
      font-family: "heebo-bold", Arial, Sans-Serif; }
    .special-offer .offer-container .legal {
      padding: 10px 0px;
      margin: 0px -15px; }
    .special-offer .offer-container a.close-offer {
      color: #fff;
      position: absolute;
      font-size: 2rem;
      line-height: 1rem;
      top: 15px;
      right: 15px; }
      .special-offer .offer-container a.close-offer:hover {
        text-decoration: none; }
    .special-offer .offer-container > a:first-child + p {
      margin-bottom: 12px; }
    .special-offer .offer-container > div img {
      -ms-flex-item-align: center;
          align-self: center;
      margin-right: 35px; }
    @media screen and (max-width: 39.9375em) {
      .special-offer .offer-container > div > div:last-child {
        -ms-flex-preferred-size: 0;
            flex-basis: 0; } }
    .special-offer .offer-container > div + a {
      margin-bottom: 15px; }
    .special-offer .offer-container .offer-chart-labels-container span:first-child {
      float: left; }
    .special-offer .offer-container .offer-chart-labels-container span:last-child {
      float: right; }
    @media screen and (min-width: 40em) {
      .special-offer .offer-container .offer-chart-container {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 400px;
                flex: 0 0 400px; } }
    .special-offer .offer-container .offer-chart-container .pointy-bar-color1 {
      fill: #519FED; }
    .special-offer .offer-container .offer-chart-container .pointy-bar-color2 {
      fill: #577ABC; }
    .special-offer .offer-container .offer-chart-container .pointy-bar-color3 {
      fill: #0079C1; }
    .special-offer .offer-container .offer-chart-container .pointy-bar-color4 {
      fill: #519FED; }
    .special-offer .offer-container .offer-bar-label-invest {
      fill: #fff;
      font-family: Arial;
      font-size: 12px; }
    .special-offer .offer-container .offer-bar-label-get {
      fill: #414141;
      font-family: Arial;
      font-size: 12px;
      font-weight: 800; }
  .special-offer svg rect {
    shape-rendering: crispEdges; }

@media screen and (min-width: 40em) {
  .en .special-offer .offer-button-large {
    width: 66%; } }

@media screen and (max-width: 39.9375em) {
  .en .special-offer .offer-button-large {
    width: 71%; } }

@media screen and (min-width: 40em) {
  .fr .special-offer .offer-button-large {
    width: 91.5%; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) and (orientation: portrait) {
  .fr .special-offer .offer-button-large {
    width: 83.5%; } }

@media screen and (max-width: 39.9375em) {
  .fr .special-offer .offer-button-large {
    width: 74%; } }

.fr .special-offer .offer-button-large > p > a {
  margin: 0; }

.offer-container .special-offer-table td:nth-child(odd),
.offer-container .special-offer-table th:nth-child(odd) {
  border-right: 1px solid #cacaca; }

.offer-container .special-offer-table th:nth-child(even),
.offer-container .special-offer-table td:nth-child(even) {
  padding-left: 16px; }

@media screen and (min-width: 40em) {
  .offer-container .special-offer-table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .offer-container .special-offer-table th:nth-child(odd),
  .offer-container .special-offer-table td:nth-child(odd) {
    -ms-flex-preferred-size: 27%;
        flex-basis: 27%;
    border-right: none; }
  .offer-container .special-offer-table th:nth-child(even),
  .offer-container .special-offer-table td:nth-child(even) {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%; } }

.offer-container .special-offer-table th {
  font-size: 1rem;
  line-height: 1.65rem;
  border-bottom: 1.5px solid #cacaca;
  padding-bottom: 12px; }
  .offer-container .special-offer-table th b {
    font-family: "heebo-bold", Arial, Sans-Serif; }

.offer-container .special-offer-table td {
  padding-bottom: 12px;
  padding-top: 12px; }
  .offer-container .special-offer-table td b {
    font-family: "heebo-bold", Arial, Sans-Serif; }

/**
 * Accordion Component is based of foundation accordion but some styles needed to be overwritten 
 *
 */
.wealth-accordion.accordion {
  margin-bottom: 0; }
  .wealth-accordion.accordion .accordion-title {
    color: #001928;
    padding-right: 3rem;
    border: none; }
    .wealth-accordion.accordion .accordion-title, .wealth-accordion.accordion .accordion-title:hover, .wealth-accordion.accordion .accordion-title:focus {
      background-color: #fff;
      text-decoration: none; }
    @media screen and (min-width: 64em) {
      .wealth-accordion.accordion .accordion-title {
        padding-left: 2rem;
        padding-right: 1rem; } }
  .wealth-accordion.accordion .accordion-title--chevron {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .wealth-accordion.accordion .accordion-title--chevron:hover, .wealth-accordion.accordion .accordion-title--chevron:focus {
      text-decoration: none; }
    .wealth-accordion.accordion .accordion-title--chevron::before {
      display: none; }
    .wealth-accordion.accordion .accordion-title--chevron::after {
      /**
   * Default transforms for the `down` position.
   */
      /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
      content: "";
      display: inline-block;
      width: 0.5em;
      height: 0.5em;
      border-left: 0.125rem solid #0079C1;
      border-top: 0.125rem solid #0079C1;
      -webkit-transform-origin: 0 0;
              transform-origin: 0 0;
      -webkit-transform: rotate(225deg) translate(-80%, -100%);
              transform: rotate(225deg) translate(-80%, -100%);
      position: absolute;
      right: 1rem;
      bottom: 50%; }
      @media screen and (min-width: 64em) {
        .wealth-accordion.accordion .accordion-title--chevron::after {
          left: 1rem; } }
  .wealth-accordion.accordion :last-child:not(.is-active) > .accordion-title {
    border-bottom: none; }
  .wealth-accordion.accordion .is-active > .accordion-title--chevron::after {
    /**
   * Default transforms for the `down` position.
   */
    /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
    content: "";
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    border-left: 0.125rem solid #0079C1;
    border-top: 0.125rem solid #0079C1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(45deg) translate(0, 20%);
            transform: rotate(45deg) translate(0, 20%); }
  .wealth-accordion.accordion .accordion-content {
    border: none;
    padding-top: 0; }
    @media screen and (min-width: 64em) {
      .wealth-accordion.accordion .accordion-content {
        padding-left: 3rem; } }
  .wealth-accordion.accordion .accordion-item {
    border-top: 1px solid #cacaca; }
    .wealth-accordion.accordion .accordion-item:first-child {
      border-top: none; }

/**
 * Accordion Component is based of foundation accordion but some styles needed to be overwritten 
 *
 */
.why-choose-bmo .row.margin-flush {
  margin-left: 0;
  margin-right: 0; }

.why-choose-bmo .bmo-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-top: 1rem;
  padding-left: 20px;
  padding-right: 20px; }
  .why-choose-bmo .bmo-item .bmo-item-image {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%; }
    @media screen and (min-width: 64em) {
      .why-choose-bmo .bmo-item .bmo-item-image {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; } }
  .why-choose-bmo .bmo-item .bmo-item-description {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    text-align: left;
    padding-left: 24px; }
    @media screen and (min-width: 64em) {
      .why-choose-bmo .bmo-item .bmo-item-description {
        margin-top: 1rem;
        padding-left: 0;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        text-align: center; } }

/**
 * style for breadcrumb componet
 *
 */
.wealth-breadcrumbs {
  font-size: 0.75rem;
  font-family: heebo-bold;
  margin-top: 1rem;
  margin-left: 0;
  list-style: none; }
  .wealth-breadcrumbs .breadcrumb-item {
    display: inline; }
    @media screen and (max-width: 39.9375em) {
      .wealth-breadcrumbs .breadcrumb-item {
        display: none; }
        .wealth-breadcrumbs .breadcrumb-item:last-child, .wealth-breadcrumbs .breadcrumb-item:nth-last-child(2) {
          display: inline; } }
    .wealth-breadcrumbs .breadcrumb-item .breadcrumb-link {
      white-space: pre; }
      .wealth-breadcrumbs .breadcrumb-item .breadcrumb-link::after {
        content: ">";
        display: inline-block;
        margin-left: 0.75rem;
        font-weight: bold;
        margin-right: 0.5rem;
        color: #414141;
        font-family: monospace;
        -webkit-transform: translateY(-0.125rem);
                transform: translateY(-0.125rem); }
    .wealth-breadcrumbs .breadcrumb-item span {
      white-space: pre; }

/* set header classes */
.wealth-management header .h1,
.wealth-management main .h1,
.wealth-management footer .h1,
.wealth-management .footer-secondary .h1 {
  font-size: 1.75rem;
  /*28px*/
  line-height: 2.5rem;
  /*40px*/ }
  @media screen and (min-width: 40em) {
    .wealth-management header .h1,
    .wealth-management main .h1,
    .wealth-management footer .h1,
    .wealth-management .footer-secondary .h1 {
      font-size: 2.25rem;
      /*36px*/
      line-height: 2.5rem;
      /*40px*/ } }

.wealth-management header .h2,
.wealth-management main .h2,
.wealth-management footer .h2,
.wealth-management .footer-secondary .h2 {
  font-size: 1.5rem;
  /*24px*/
  line-height: 2rem;
  /*32px*/ }
  @media screen and (min-width: 40em) {
    .wealth-management header .h2,
    .wealth-management main .h2,
    .wealth-management footer .h2,
    .wealth-management .footer-secondary .h2 {
      font-size: 1.75rem;
      /*28px*/
      line-height: 2.5rem;
      /*40px*/ } }

.wealth-management header .h3,
.wealth-management main .h3,
.wealth-management footer .h3,
.wealth-management .footer-secondary .h3 {
  font-size: 1.125rem;
  /*18px*/
  line-height: 1.5rem;
  /*24px*/ }
  @media screen and (min-width: 40em) {
    .wealth-management header .h3,
    .wealth-management main .h3,
    .wealth-management footer .h3,
    .wealth-management .footer-secondary .h3 {
      font-size: 1.5rem;
      /*24px*/
      line-height: 2rem;
      /*32px*/ } }

.wealth-management header .h4,
.wealth-management main .h4,
.wealth-management footer .h4,
.wealth-management .footer-secondary .h4 {
  font-size: 1rem;
  /*16px*/
  line-height: 1.5rem;
  /*24px*/ }
  @media screen and (min-width: 40em) {
    .wealth-management header .h4,
    .wealth-management main .h4,
    .wealth-management footer .h4,
    .wealth-management .footer-secondary .h4 {
      font-size: 1.125rem;
      /*18px*/
      line-height: 1.5rem;
      /*24px*/ } }

.wealth-management header .small-text,
.wealth-management main .small-text,
.wealth-management footer .small-text,
.wealth-management .footer-secondary .small-text {
  font-size: 0.875rem;
  /*14px*/
  line-height: 1.5rem;
  /*24px*/ }
  @media screen and (min-width: 40em) {
    .wealth-management header .small-text,
    .wealth-management main .small-text,
    .wealth-management footer .small-text,
    .wealth-management .footer-secondary .small-text {
      font-size: 0.875rem;
      /*14px*/
      line-height: 1.5rem;
      /*24px*/ } }

.wealth-management header .smaller-text,
.wealth-management main .smaller-text,
.wealth-management footer .smaller-text,
.wealth-management .footer-secondary .smaller-text {
  font-size: 0.75rem;
  /*12px*/
  line-height: 1.5rem;
  /*24px*/ }
  @media screen and (min-width: 40em) {
    .wealth-management header .smaller-text,
    .wealth-management main .smaller-text,
    .wealth-management footer .smaller-text,
    .wealth-management .footer-secondary .smaller-text {
      font-size: 0.75rem;
      /*12px*/
      line-height: 1.5rem;
      /*24px*/ } }

.wealth-management header .bold,
.wealth-management main .bold,
.wealth-management footer .bold,
.wealth-management .footer-secondary .bold {
  font-weight: bold; }

.wealth-management .has-tip {
  border-bottom: none;
  cursor: pointer; }

.wealth-management .has-tip:after {
  color: #fff;
  content: "i";
  text-align: center;
  background-color: #0079C1;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  margin-left: .25rem;
  margin-right: .25rem;
  display: inline-block; }

.wealth-management .tooltip {
  background-color: #0079C1;
  border-radius: .5rem;
  max-width: 14rem !important; }
  .wealth-management .tooltip::before {
    border-color: transparent transparent #0079C1; }
  .wealth-management .tooltip.left::before {
    border-color: transparent transparent transparent #0079C1; }
  .wealth-management .tooltip.right::before {
    border-color: transparent #0079C1 transparent transparent; }
  .wealth-management .tooltip.top::before {
    border-color: #0079C1 transparent transparent; }

/* set custom font-sizes if needed */
.wealth-management main {
  /*border helper classes*/ }
  .wealth-management main .heebo-light {
    font-family: "heebo-light", Arial, Sans-Serif; }
  .wealth-management main .heebo {
    font-family: "heebo", Arial, Sans-Serif; }
  .wealth-management main .heebo-medium {
    font-family: "heebo-medium", Arial, Sans-Serif; }
  .wealth-management main .heebo-bold {
    font-family: "heebo-bold", Arial, Sans-Serif; }
  .wealth-management main .small-border {
    border: 1px solid #cacaca; }
  .wealth-management main .small-border-top {
    border-top: 1px solid #cacaca; }
  .wealth-management main .small-border-bottom {
    border-bottom: 1px solid #cacaca; }
  .wealth-management main .small-border-left {
    border-left: 1px solid #cacaca; }
  .wealth-management main .small-border-right {
    border-right: 1px solid #cacaca; }
  @media screen and (max-width: 39.9375em) {
    .wealth-management main .small-only-border {
      border: 1px solid #cacaca; }
    .wealth-management main .small-only-border-top {
      border-top: 1px solid #cacaca; }
    .wealth-management main .small-only-border-bottom {
      border-bottom: 1px solid #cacaca; }
    .wealth-management main .small-only-border-left {
      border-left: 1px solid #cacaca; }
    .wealth-management main .small-only-border-right {
      border-right: 1px solid #cacaca; } }
  @media screen and (min-width: 40em) {
    .wealth-management main .medium-border {
      border: 1px solid #cacaca; }
    .wealth-management main .medium-border-top {
      border-top: 1px solid #cacaca; }
    .wealth-management main .medium-border-bottom {
      border-bottom: 1px solid #cacaca; }
    .wealth-management main .medium-border-left {
      border-left: 1px solid #cacaca; }
    .wealth-management main .medium-border-right {
      border-right: 1px solid #cacaca; } }
  @media screen and (min-width: 64em) {
    .wealth-management main .large-border {
      border: 1px solid #cacaca; }
    .wealth-management main .large-border-top {
      border-top: 1px solid #cacaca; }
    .wealth-management main .large-border-bottom {
      border-bottom: 1px solid #cacaca; }
    .wealth-management main .large-border-left {
      border-left: 1px solid #cacaca; }
    .wealth-management main .large-border-right {
      border-right: 1px solid #cacaca; } }
  .wealth-management main .small-horizontal-flush {
    padding-left: 0;
    padding-right: 0; }
  @media screen and (max-width: 39.9375em) {
    .wealth-management main .small-only-horizontal-flush {
      padding-left: 0;
      padding-right: 0; }
    .wealth-management main .small-only-padding-horizontal--1-half {
      padding-left: 1.5rem;
      padding-right: 1.5rem; }
    .wealth-management main .small-only-padding-horizontal--1-half-left {
      padding-left: 1.5rem; }
    .wealth-management main .small-only-padding-horizontal--1-half-right {
      padding-right: 1.5rem; } }
  @media screen and (min-width: 40em) {
    .wealth-management main .medium-horizontal-flush {
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (min-width: 64em) {
    .wealth-management main .large-horizontal-flush {
      padding-left: 0;
      padding-right: 0; } }

/*jquery mobile fix*/
.ui-loader.ui-corner-all.ui-body-a.ui-loader-default {
  display: none !important; }

.ui-btn.ui-input-btn.ui-corner-all.ui-shadow {
  text-indent: -99999rem; }

.ui-page.ui-page-theme-a.ui-page-active:focus {
  outline: 0; }

/*custom global css*/
.no-wrap {
  white-space: nowrap; }

.relative {
  position: relative; }

.block {
  display: block; }

.uppercase {
  text-transform: uppercase; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.small-border-radius--0 {
  border-radius: 0rem; }

.small-border-radius--1 {
  border-radius: 0.125rem; }

.small-border-radius--2 {
  border-radius: 0.25rem; }

.small-border-radius--3 {
  border-radius: 0.375rem; }

.small-border-radius--4 {
  border-radius: 0.5rem; }

.small-border-radius--5 {
  border-radius: 0.625rem; }

.small-layer-level-2 {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-box-shadow: 0 0.1em 0.125em 0.125em rgba(0, 25, 40, 0.12);
          box-shadow: 0 0.1em 0.125em 0.125em rgba(0, 25, 40, 0.12); }

.small-layer-level-2.hover:hover {
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-box-shadow: 0 0.1em 0.125em 0.125em rgba(0, 121, 193, 0.25);
          box-shadow: 0 0.1em 0.125em 0.125em rgba(0, 121, 193, 0.25); }

.small-centered {
  margin-left: auto;
  margin-right: auto; }

.small-centered,
.small-centered:last-child:not(:first-child) {
  float: none;
  clear: both; }

.small-height--0 {
  height: 0rem;
  display: block; }

.small-height--1 {
  height: 1rem;
  display: block; }

.small-height--2 {
  height: 2rem;
  display: block; }

.small-height--3 {
  height: 3rem;
  display: block; }

.small-height--4 {
  height: 4rem;
  display: block; }

.small-height--5 {
  height: 5rem;
  display: block; }

.small-height--6 {
  height: 6rem;
  display: block; }

.small-height--7 {
  height: 7rem;
  display: block; }

.small-height--8 {
  height: 8rem;
  display: block; }

.small-height--9 {
  height: 9rem;
  display: block; }

.small-height--10 {
  height: 10rem;
  display: block; }

.small-height--11 {
  height: 11rem;
  display: block; }

.small-height--12 {
  height: 12rem;
  display: block; }

.small-height--13 {
  height: 13rem;
  display: block; }

.small-height--14 {
  height: 14rem;
  display: block; }

.small-height--15 {
  height: 15rem;
  display: block; }

.small-height--16 {
  height: 16rem;
  display: block; }

.small-height--17 {
  height: 17rem;
  display: block; }

.small-height--18 {
  height: 18rem;
  display: block; }

.small-height--19 {
  height: 19rem;
  display: block; }

.small-height--20 {
  height: 20rem;
  display: block; }

.small-height--21 {
  height: 21rem;
  display: block; }

.small-height--22 {
  height: 22rem;
  display: block; }

.small-height--23 {
  height: 23rem;
  display: block; }

.small-height--24 {
  height: 24rem;
  display: block; }

.small-height--25 {
  height: 25rem;
  display: block; }

.small-height--26 {
  height: 26rem;
  display: block; }

.small-height--27 {
  height: 27rem;
  display: block; }

.small-height--28 {
  height: 28rem;
  display: block; }

.small-height--29 {
  height: 29rem;
  display: block; }

.small-height--30 {
  height: 30rem;
  display: block; }

.small-margin--half {
  margin: .5rem; }

.small-margin-top--half {
  margin-top: .5rem; }

.small-margin-bottom--half {
  margin-bottom: .5rem; }

.small-margin-left--half {
  margin-left: .5rem; }

.small-margin-right--half {
  margin-right: .5rem; }

.small-padding--half {
  padding: .5rem; }

.small-padding-top--half {
  padding-top: .5rem; }

.small-padding-bottom--half {
  padding-bottom: .5rem; }

.small-padding-left--half {
  padding-left: .5rem; }

.small-padding-right--half {
  padding-right: .5rem; }

.small-margin--0 {
  margin: 0rem; }

.small-margin-top--0 {
  margin-top: 0rem; }

.small-margin-bottom--0 {
  margin-bottom: 0rem; }

.small-margin-left--0 {
  margin-left: 0rem; }

.small-margin-right--0 {
  margin-right: 0rem; }

.small-padding--0 {
  padding: 0rem; }

.small-padding-top--0 {
  padding-top: 0rem; }

.small-padding-bottom--0 {
  padding-bottom: 0rem; }

.small-padding-left--0 {
  padding-left: 0rem; }

.small-padding-right--0 {
  padding-right: 0rem; }

.small-margin--1 {
  margin: 1rem; }

.small-margin-top--1 {
  margin-top: 1rem; }

.small-margin-bottom--1 {
  margin-bottom: 1rem; }

.small-margin-left--1 {
  margin-left: 1rem; }

.small-margin-right--1 {
  margin-right: 1rem; }

.small-padding--1 {
  padding: 1rem; }

.small-padding-top--1 {
  padding-top: 1rem; }

.small-padding-bottom--1 {
  padding-bottom: 1rem; }

.small-padding-left--1 {
  padding-left: 1rem; }

.small-padding-right--1 {
  padding-right: 1rem; }

.small-margin--2 {
  margin: 2rem; }

.small-margin-top--2 {
  margin-top: 2rem; }

.small-margin-bottom--2 {
  margin-bottom: 2rem; }

.small-margin-left--2 {
  margin-left: 2rem; }

.small-margin-right--2 {
  margin-right: 2rem; }

.small-padding--2 {
  padding: 2rem; }

.small-padding-top--2 {
  padding-top: 2rem; }

.small-padding-bottom--2 {
  padding-bottom: 2rem; }

.small-padding-left--2 {
  padding-left: 2rem; }

.small-padding-right--2 {
  padding-right: 2rem; }

.small-margin--3 {
  margin: 3rem; }

.small-margin-top--3 {
  margin-top: 3rem; }

.small-margin-bottom--3 {
  margin-bottom: 3rem; }

.small-margin-left--3 {
  margin-left: 3rem; }

.small-margin-right--3 {
  margin-right: 3rem; }

.small-padding--3 {
  padding: 3rem; }

.small-padding-top--3 {
  padding-top: 3rem; }

.small-padding-bottom--3 {
  padding-bottom: 3rem; }

.small-padding-left--3 {
  padding-left: 3rem; }

.small-padding-right--3 {
  padding-right: 3rem; }

.small-margin--4 {
  margin: 4rem; }

.small-margin-top--4 {
  margin-top: 4rem; }

.small-margin-bottom--4 {
  margin-bottom: 4rem; }

.small-margin-left--4 {
  margin-left: 4rem; }

.small-margin-right--4 {
  margin-right: 4rem; }

.small-padding--4 {
  padding: 4rem; }

.small-padding-top--4 {
  padding-top: 4rem; }

.small-padding-bottom--4 {
  padding-bottom: 4rem; }

.small-padding-left--4 {
  padding-left: 4rem; }

.small-padding-right--4 {
  padding-right: 4rem; }

.small-margin--5 {
  margin: 5rem; }

.small-margin-top--5 {
  margin-top: 5rem; }

.small-margin-bottom--5 {
  margin-bottom: 5rem; }

.small-margin-left--5 {
  margin-left: 5rem; }

.small-margin-right--5 {
  margin-right: 5rem; }

.small-padding--5 {
  padding: 5rem; }

.small-padding-top--5 {
  padding-top: 5rem; }

.small-padding-bottom--5 {
  padding-bottom: 5rem; }

.small-padding-left--5 {
  padding-left: 5rem; }

.small-padding-right--5 {
  padding-right: 5rem; }

.small-margin--6 {
  margin: 6rem; }

.small-margin-top--6 {
  margin-top: 6rem; }

.small-margin-bottom--6 {
  margin-bottom: 6rem; }

.small-margin-left--6 {
  margin-left: 6rem; }

.small-margin-right--6 {
  margin-right: 6rem; }

.small-padding--6 {
  padding: 6rem; }

.small-padding-top--6 {
  padding-top: 6rem; }

.small-padding-bottom--6 {
  padding-bottom: 6rem; }

.small-padding-left--6 {
  padding-left: 6rem; }

.small-padding-right--6 {
  padding-right: 6rem; }

.small-margin--7 {
  margin: 7rem; }

.small-margin-top--7 {
  margin-top: 7rem; }

.small-margin-bottom--7 {
  margin-bottom: 7rem; }

.small-margin-left--7 {
  margin-left: 7rem; }

.small-margin-right--7 {
  margin-right: 7rem; }

.small-padding--7 {
  padding: 7rem; }

.small-padding-top--7 {
  padding-top: 7rem; }

.small-padding-bottom--7 {
  padding-bottom: 7rem; }

.small-padding-left--7 {
  padding-left: 7rem; }

.small-padding-right--7 {
  padding-right: 7rem; }

.small-margin--8 {
  margin: 8rem; }

.small-margin-top--8 {
  margin-top: 8rem; }

.small-margin-bottom--8 {
  margin-bottom: 8rem; }

.small-margin-left--8 {
  margin-left: 8rem; }

.small-margin-right--8 {
  margin-right: 8rem; }

.small-padding--8 {
  padding: 8rem; }

.small-padding-top--8 {
  padding-top: 8rem; }

.small-padding-bottom--8 {
  padding-bottom: 8rem; }

.small-padding-left--8 {
  padding-left: 8rem; }

.small-padding-right--8 {
  padding-right: 8rem; }

.small-margin--9 {
  margin: 9rem; }

.small-margin-top--9 {
  margin-top: 9rem; }

.small-margin-bottom--9 {
  margin-bottom: 9rem; }

.small-margin-left--9 {
  margin-left: 9rem; }

.small-margin-right--9 {
  margin-right: 9rem; }

.small-padding--9 {
  padding: 9rem; }

.small-padding-top--9 {
  padding-top: 9rem; }

.small-padding-bottom--9 {
  padding-bottom: 9rem; }

.small-padding-left--9 {
  padding-left: 9rem; }

.small-padding-right--9 {
  padding-right: 9rem; }

.small-margin--10 {
  margin: 10rem; }

.small-margin-top--10 {
  margin-top: 10rem; }

.small-margin-bottom--10 {
  margin-bottom: 10rem; }

.small-margin-left--10 {
  margin-left: 10rem; }

.small-margin-right--10 {
  margin-right: 10rem; }

.small-padding--10 {
  padding: 10rem; }

.small-padding-top--10 {
  padding-top: 10rem; }

.small-padding-bottom--10 {
  padding-bottom: 10rem; }

.small-padding-left--10 {
  padding-left: 10rem; }

.small-padding-right--10 {
  padding-right: 10rem; }

.small-margin--11 {
  margin: 11rem; }

.small-margin-top--11 {
  margin-top: 11rem; }

.small-margin-bottom--11 {
  margin-bottom: 11rem; }

.small-margin-left--11 {
  margin-left: 11rem; }

.small-margin-right--11 {
  margin-right: 11rem; }

.small-padding--11 {
  padding: 11rem; }

.small-padding-top--11 {
  padding-top: 11rem; }

.small-padding-bottom--11 {
  padding-bottom: 11rem; }

.small-padding-left--11 {
  padding-left: 11rem; }

.small-padding-right--11 {
  padding-right: 11rem; }

.small-margin--12 {
  margin: 12rem; }

.small-margin-top--12 {
  margin-top: 12rem; }

.small-margin-bottom--12 {
  margin-bottom: 12rem; }

.small-margin-left--12 {
  margin-left: 12rem; }

.small-margin-right--12 {
  margin-right: 12rem; }

.small-padding--12 {
  padding: 12rem; }

.small-padding-top--12 {
  padding-top: 12rem; }

.small-padding-bottom--12 {
  padding-bottom: 12rem; }

.small-padding-left--12 {
  padding-left: 12rem; }

.small-padding-right--12 {
  padding-right: 12rem; }

.small-margin--13 {
  margin: 13rem; }

.small-margin-top--13 {
  margin-top: 13rem; }

.small-margin-bottom--13 {
  margin-bottom: 13rem; }

.small-margin-left--13 {
  margin-left: 13rem; }

.small-margin-right--13 {
  margin-right: 13rem; }

.small-padding--13 {
  padding: 13rem; }

.small-padding-top--13 {
  padding-top: 13rem; }

.small-padding-bottom--13 {
  padding-bottom: 13rem; }

.small-padding-left--13 {
  padding-left: 13rem; }

.small-padding-right--13 {
  padding-right: 13rem; }

.small-margin--14 {
  margin: 14rem; }

.small-margin-top--14 {
  margin-top: 14rem; }

.small-margin-bottom--14 {
  margin-bottom: 14rem; }

.small-margin-left--14 {
  margin-left: 14rem; }

.small-margin-right--14 {
  margin-right: 14rem; }

.small-padding--14 {
  padding: 14rem; }

.small-padding-top--14 {
  padding-top: 14rem; }

.small-padding-bottom--14 {
  padding-bottom: 14rem; }

.small-padding-left--14 {
  padding-left: 14rem; }

.small-padding-right--14 {
  padding-right: 14rem; }

.small-margin--15 {
  margin: 15rem; }

.small-margin-top--15 {
  margin-top: 15rem; }

.small-margin-bottom--15 {
  margin-bottom: 15rem; }

.small-margin-left--15 {
  margin-left: 15rem; }

.small-margin-right--15 {
  margin-right: 15rem; }

.small-padding--15 {
  padding: 15rem; }

.small-padding-top--15 {
  padding-top: 15rem; }

.small-padding-bottom--15 {
  padding-bottom: 15rem; }

.small-padding-left--15 {
  padding-left: 15rem; }

.small-padding-right--15 {
  padding-right: 15rem; }

.small-margin--16 {
  margin: 16rem; }

.small-margin-top--16 {
  margin-top: 16rem; }

.small-margin-bottom--16 {
  margin-bottom: 16rem; }

.small-margin-left--16 {
  margin-left: 16rem; }

.small-margin-right--16 {
  margin-right: 16rem; }

.small-padding--16 {
  padding: 16rem; }

.small-padding-top--16 {
  padding-top: 16rem; }

.small-padding-bottom--16 {
  padding-bottom: 16rem; }

.small-padding-left--16 {
  padding-left: 16rem; }

.small-padding-right--16 {
  padding-right: 16rem; }

.small-margin--17 {
  margin: 17rem; }

.small-margin-top--17 {
  margin-top: 17rem; }

.small-margin-bottom--17 {
  margin-bottom: 17rem; }

.small-margin-left--17 {
  margin-left: 17rem; }

.small-margin-right--17 {
  margin-right: 17rem; }

.small-padding--17 {
  padding: 17rem; }

.small-padding-top--17 {
  padding-top: 17rem; }

.small-padding-bottom--17 {
  padding-bottom: 17rem; }

.small-padding-left--17 {
  padding-left: 17rem; }

.small-padding-right--17 {
  padding-right: 17rem; }

.small-margin--18 {
  margin: 18rem; }

.small-margin-top--18 {
  margin-top: 18rem; }

.small-margin-bottom--18 {
  margin-bottom: 18rem; }

.small-margin-left--18 {
  margin-left: 18rem; }

.small-margin-right--18 {
  margin-right: 18rem; }

.small-padding--18 {
  padding: 18rem; }

.small-padding-top--18 {
  padding-top: 18rem; }

.small-padding-bottom--18 {
  padding-bottom: 18rem; }

.small-padding-left--18 {
  padding-left: 18rem; }

.small-padding-right--18 {
  padding-right: 18rem; }

.small-margin--19 {
  margin: 19rem; }

.small-margin-top--19 {
  margin-top: 19rem; }

.small-margin-bottom--19 {
  margin-bottom: 19rem; }

.small-margin-left--19 {
  margin-left: 19rem; }

.small-margin-right--19 {
  margin-right: 19rem; }

.small-padding--19 {
  padding: 19rem; }

.small-padding-top--19 {
  padding-top: 19rem; }

.small-padding-bottom--19 {
  padding-bottom: 19rem; }

.small-padding-left--19 {
  padding-left: 19rem; }

.small-padding-right--19 {
  padding-right: 19rem; }

.small-margin--20 {
  margin: 20rem; }

.small-margin-top--20 {
  margin-top: 20rem; }

.small-margin-bottom--20 {
  margin-bottom: 20rem; }

.small-margin-left--20 {
  margin-left: 20rem; }

.small-margin-right--20 {
  margin-right: 20rem; }

.small-padding--20 {
  padding: 20rem; }

.small-padding-top--20 {
  padding-top: 20rem; }

.small-padding-bottom--20 {
  padding-bottom: 20rem; }

.small-padding-left--20 {
  padding-left: 20rem; }

.small-padding-right--20 {
  padding-right: 20rem; }

/*colors*/
.small-color--white {
  color: #fff; }

.small-color--bmo-blue {
  color: #0079C1; }

.small-color--646C76 {
  color: #646C76; }

.small-color--6a88c3 {
  color: #6a88c3; }

.small-color--808999 {
  color: #808999; }

.small-color--666 {
  color: #666; }

.small-color--black {
  color: #000; }

.small-background--f9f9f9 {
  background-color: #f9f9f9; }

.small-background--f9f9f9-spread {
  -webkit-box-shadow: 50rem 0 0 0 #f9f9f9, -50rem 0 0 0 #f9f9f9;
          box-shadow: 50rem 0 0 0 #f9f9f9, -50rem 0 0 0 #f9f9f9;
  position: relative;
  z-index: 2;
  left: .5px; }
  .small-background--f9f9f9-spread:before, .small-background--f9f9f9-spread:after {
    position: absolute;
    content: " ";
    width: 1em;
    left: -1em;
    top: 0;
    z-index: 1; }
  .small-background--f9f9f9-spread:after {
    left: auto;
    right: -1em; }
  .small-background--f9f9f9-spread:before, .small-background--f9f9f9-spread:after {
    background: #f9f9f9; }

.small-background--bmo-blue {
  background-color: #0079C1; }

.small-background--005587 {
  background-color: #005587; }

.small-background--005587-spread {
  -webkit-box-shadow: 50rem 0 0 0 #005587, -50rem 0 0 0 #005587;
          box-shadow: 50rem 0 0 0 #005587, -50rem 0 0 0 #005587;
  position: relative;
  z-index: 2;
  left: .5px; }
  .small-background--005587-spread:before, .small-background--005587-spread:after {
    position: absolute;
    content: " ";
    width: 1em;
    left: -1em;
    top: 0;
    z-index: 1; }
  .small-background--005587-spread:after {
    left: auto;
    right: -1em; }
  .small-background--005587-spread:before, .small-background--005587-spread:after {
    background: #005587; }

.small-background--white {
  background-color: #fff; }

.small-background--black-spread {
  -webkit-box-shadow: 50rem 0 0 0 #000, -50rem 0 0 0 #000;
          box-shadow: 50rem 0 0 0 #000, -50rem 0 0 0 #000;
  position: relative;
  z-index: 2;
  left: .5px; }
  .small-background--black-spread:before, .small-background--black-spread:after {
    position: absolute;
    content: " ";
    width: 1em;
    left: -1em;
    top: 0;
    z-index: 1; }
  .small-background--black-spread:after {
    left: auto;
    right: -1em; }
  .small-background--black-spread:before, .small-background--black-spread:after {
    background: #000; }

.small-background--slate-spread {
  -webkit-box-shadow: 50rem 0 0 0 #001928, -50rem 0 0 0 #001928;
          box-shadow: 50rem 0 0 0 #001928, -50rem 0 0 0 #001928;
  position: relative;
  z-index: 2;
  left: .5px; }
  .small-background--slate-spread:before, .small-background--slate-spread:after {
    position: absolute;
    content: " ";
    width: 1em;
    left: -1em;
    top: 0;
    z-index: 1; }
  .small-background--slate-spread:after {
    left: auto;
    right: -1em; }
  .small-background--slate-spread:before, .small-background--slate-spread:after {
    background: #001928; }

.small-background--0079c1-spread {
  -webkit-box-shadow: 50rem 0 0 0 #0079c1, -50rem 0 0 0 #0079c1;
          box-shadow: 50rem 0 0 0 #0079c1, -50rem 0 0 0 #0079c1;
  position: relative;
  z-index: 2;
  left: .5px; }
  .small-background--0079c1-spread:before, .small-background--0079c1-spread:after {
    position: absolute;
    content: " ";
    width: 1em;
    left: -1em;
    top: 0;
    z-index: 1; }
  .small-background--0079c1-spread:after {
    left: auto;
    right: -1em; }
  .small-background--0079c1-spread:before, .small-background--0079c1-spread:after {
    background: #0079c1; }

@media screen and (min-width: 40em) {
  .medium-border-radius--0 {
    border-radius: 0rem; }
  .medium-border-radius--1 {
    border-radius: 0.125rem; }
  .medium-border-radius--2 {
    border-radius: 0.25rem; }
  .medium-border-radius--3 {
    border-radius: 0.375rem; }
  .medium-border-radius--4 {
    border-radius: 0.5rem; }
  .medium-border-radius--5 {
    border-radius: 0.625rem; }
  .medium-layer-level-2 {
    -webkit-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-box-shadow: 0 0.1em 0.125em 0.125em rgba(0, 25, 40, 0.12);
            box-shadow: 0 0.1em 0.125em 0.125em rgba(0, 25, 40, 0.12); }
  .medium-layer-level-2.hover:hover {
    -webkit-transition-duration: 0.25s;
            transition-duration: 0.25s;
    -webkit-box-shadow: 0 0.1em 0.125em 0.125em rgba(0, 121, 193, 0.25);
            box-shadow: 0 0.1em 0.125em 0.125em rgba(0, 121, 193, 0.25); }
  .medium-centered {
    margin-left: auto;
    margin-right: auto; }
  .medium-centered,
  .medium-centered:last-child:not(:first-child) {
    float: none;
    clear: both; }
  .medium-height--0 {
    height: 0rem;
    display: block; }
  .medium-height--1 {
    height: 1rem;
    display: block; }
  .medium-height--2 {
    height: 2rem;
    display: block; }
  .medium-height--3 {
    height: 3rem;
    display: block; }
  .medium-height--4 {
    height: 4rem;
    display: block; }
  .medium-height--5 {
    height: 5rem;
    display: block; }
  .medium-height--6 {
    height: 6rem;
    display: block; }
  .medium-height--7 {
    height: 7rem;
    display: block; }
  .medium-height--8 {
    height: 8rem;
    display: block; }
  .medium-height--9 {
    height: 9rem;
    display: block; }
  .medium-height--10 {
    height: 10rem;
    display: block; }
  .medium-height--11 {
    height: 11rem;
    display: block; }
  .medium-height--12 {
    height: 12rem;
    display: block; }
  .medium-height--13 {
    height: 13rem;
    display: block; }
  .medium-height--14 {
    height: 14rem;
    display: block; }
  .medium-height--15 {
    height: 15rem;
    display: block; }
  .medium-height--16 {
    height: 16rem;
    display: block; }
  .medium-height--17 {
    height: 17rem;
    display: block; }
  .medium-height--18 {
    height: 18rem;
    display: block; }
  .medium-height--19 {
    height: 19rem;
    display: block; }
  .medium-height--20 {
    height: 20rem;
    display: block; }
  .medium-height--21 {
    height: 21rem;
    display: block; }
  .medium-height--22 {
    height: 22rem;
    display: block; }
  .medium-height--23 {
    height: 23rem;
    display: block; }
  .medium-height--24 {
    height: 24rem;
    display: block; }
  .medium-height--25 {
    height: 25rem;
    display: block; }
  .medium-height--26 {
    height: 26rem;
    display: block; }
  .medium-height--27 {
    height: 27rem;
    display: block; }
  .medium-height--28 {
    height: 28rem;
    display: block; }
  .medium-height--29 {
    height: 29rem;
    display: block; }
  .medium-height--30 {
    height: 30rem;
    display: block; }
  .medium-margin--half {
    margin: .5rem; }
  .medium-margin-top--half {
    margin-top: .5rem; }
  .medium-margin-bottom--half {
    margin-bottom: .5rem; }
  .medium-margin-left--half {
    margin-left: .5rem; }
  .medium-margin-right--half {
    margin-right: .5rem; }
  .medium-padding--half {
    padding: .5rem; }
  .medium-padding-top--half {
    padding-top: .5rem; }
  .medium-padding-bottom--half {
    padding-bottom: .5rem; }
  .medium-padding-left--half {
    padding-left: .5rem; }
  .medium-padding-right--half {
    padding-right: .5rem; }
  .medium-margin--0 {
    margin: 0rem; }
  .medium-margin-top--0 {
    margin-top: 0rem; }
  .medium-margin-bottom--0 {
    margin-bottom: 0rem; }
  .medium-margin-left--0 {
    margin-left: 0rem; }
  .medium-margin-right--0 {
    margin-right: 0rem; }
  .medium-padding--0 {
    padding: 0rem; }
  .medium-padding-top--0 {
    padding-top: 0rem; }
  .medium-padding-bottom--0 {
    padding-bottom: 0rem; }
  .medium-padding-left--0 {
    padding-left: 0rem; }
  .medium-padding-right--0 {
    padding-right: 0rem; }
  .medium-margin--1 {
    margin: 1rem; }
  .medium-margin-top--1 {
    margin-top: 1rem; }
  .medium-margin-bottom--1 {
    margin-bottom: 1rem; }
  .medium-margin-left--1 {
    margin-left: 1rem; }
  .medium-margin-right--1 {
    margin-right: 1rem; }
  .medium-padding--1 {
    padding: 1rem; }
  .medium-padding-top--1 {
    padding-top: 1rem; }
  .medium-padding-bottom--1 {
    padding-bottom: 1rem; }
  .medium-padding-left--1 {
    padding-left: 1rem; }
  .medium-padding-right--1 {
    padding-right: 1rem; }
  .medium-margin--2 {
    margin: 2rem; }
  .medium-margin-top--2 {
    margin-top: 2rem; }
  .medium-margin-bottom--2 {
    margin-bottom: 2rem; }
  .medium-margin-left--2 {
    margin-left: 2rem; }
  .medium-margin-right--2 {
    margin-right: 2rem; }
  .medium-padding--2 {
    padding: 2rem; }
  .medium-padding-top--2 {
    padding-top: 2rem; }
  .medium-padding-bottom--2 {
    padding-bottom: 2rem; }
  .medium-padding-left--2 {
    padding-left: 2rem; }
  .medium-padding-right--2 {
    padding-right: 2rem; }
  .medium-margin--3 {
    margin: 3rem; }
  .medium-margin-top--3 {
    margin-top: 3rem; }
  .medium-margin-bottom--3 {
    margin-bottom: 3rem; }
  .medium-margin-left--3 {
    margin-left: 3rem; }
  .medium-margin-right--3 {
    margin-right: 3rem; }
  .medium-padding--3 {
    padding: 3rem; }
  .medium-padding-top--3 {
    padding-top: 3rem; }
  .medium-padding-bottom--3 {
    padding-bottom: 3rem; }
  .medium-padding-left--3 {
    padding-left: 3rem; }
  .medium-padding-right--3 {
    padding-right: 3rem; }
  .medium-margin--4 {
    margin: 4rem; }
  .medium-margin-top--4 {
    margin-top: 4rem; }
  .medium-margin-bottom--4 {
    margin-bottom: 4rem; }
  .medium-margin-left--4 {
    margin-left: 4rem; }
  .medium-margin-right--4 {
    margin-right: 4rem; }
  .medium-padding--4 {
    padding: 4rem; }
  .medium-padding-top--4 {
    padding-top: 4rem; }
  .medium-padding-bottom--4 {
    padding-bottom: 4rem; }
  .medium-padding-left--4 {
    padding-left: 4rem; }
  .medium-padding-right--4 {
    padding-right: 4rem; }
  .medium-margin--5 {
    margin: 5rem; }
  .medium-margin-top--5 {
    margin-top: 5rem; }
  .medium-margin-bottom--5 {
    margin-bottom: 5rem; }
  .medium-margin-left--5 {
    margin-left: 5rem; }
  .medium-margin-right--5 {
    margin-right: 5rem; }
  .medium-padding--5 {
    padding: 5rem; }
  .medium-padding-top--5 {
    padding-top: 5rem; }
  .medium-padding-bottom--5 {
    padding-bottom: 5rem; }
  .medium-padding-left--5 {
    padding-left: 5rem; }
  .medium-padding-right--5 {
    padding-right: 5rem; }
  .medium-margin--6 {
    margin: 6rem; }
  .medium-margin-top--6 {
    margin-top: 6rem; }
  .medium-margin-bottom--6 {
    margin-bottom: 6rem; }
  .medium-margin-left--6 {
    margin-left: 6rem; }
  .medium-margin-right--6 {
    margin-right: 6rem; }
  .medium-padding--6 {
    padding: 6rem; }
  .medium-padding-top--6 {
    padding-top: 6rem; }
  .medium-padding-bottom--6 {
    padding-bottom: 6rem; }
  .medium-padding-left--6 {
    padding-left: 6rem; }
  .medium-padding-right--6 {
    padding-right: 6rem; }
  .medium-margin--7 {
    margin: 7rem; }
  .medium-margin-top--7 {
    margin-top: 7rem; }
  .medium-margin-bottom--7 {
    margin-bottom: 7rem; }
  .medium-margin-left--7 {
    margin-left: 7rem; }
  .medium-margin-right--7 {
    margin-right: 7rem; }
  .medium-padding--7 {
    padding: 7rem; }
  .medium-padding-top--7 {
    padding-top: 7rem; }
  .medium-padding-bottom--7 {
    padding-bottom: 7rem; }
  .medium-padding-left--7 {
    padding-left: 7rem; }
  .medium-padding-right--7 {
    padding-right: 7rem; }
  .medium-margin--8 {
    margin: 8rem; }
  .medium-margin-top--8 {
    margin-top: 8rem; }
  .medium-margin-bottom--8 {
    margin-bottom: 8rem; }
  .medium-margin-left--8 {
    margin-left: 8rem; }
  .medium-margin-right--8 {
    margin-right: 8rem; }
  .medium-padding--8 {
    padding: 8rem; }
  .medium-padding-top--8 {
    padding-top: 8rem; }
  .medium-padding-bottom--8 {
    padding-bottom: 8rem; }
  .medium-padding-left--8 {
    padding-left: 8rem; }
  .medium-padding-right--8 {
    padding-right: 8rem; }
  .medium-margin--9 {
    margin: 9rem; }
  .medium-margin-top--9 {
    margin-top: 9rem; }
  .medium-margin-bottom--9 {
    margin-bottom: 9rem; }
  .medium-margin-left--9 {
    margin-left: 9rem; }
  .medium-margin-right--9 {
    margin-right: 9rem; }
  .medium-padding--9 {
    padding: 9rem; }
  .medium-padding-top--9 {
    padding-top: 9rem; }
  .medium-padding-bottom--9 {
    padding-bottom: 9rem; }
  .medium-padding-left--9 {
    padding-left: 9rem; }
  .medium-padding-right--9 {
    padding-right: 9rem; }
  .medium-margin--10 {
    margin: 10rem; }
  .medium-margin-top--10 {
    margin-top: 10rem; }
  .medium-margin-bottom--10 {
    margin-bottom: 10rem; }
  .medium-margin-left--10 {
    margin-left: 10rem; }
  .medium-margin-right--10 {
    margin-right: 10rem; }
  .medium-padding--10 {
    padding: 10rem; }
  .medium-padding-top--10 {
    padding-top: 10rem; }
  .medium-padding-bottom--10 {
    padding-bottom: 10rem; }
  .medium-padding-left--10 {
    padding-left: 10rem; }
  .medium-padding-right--10 {
    padding-right: 10rem; }
  .medium-margin--11 {
    margin: 11rem; }
  .medium-margin-top--11 {
    margin-top: 11rem; }
  .medium-margin-bottom--11 {
    margin-bottom: 11rem; }
  .medium-margin-left--11 {
    margin-left: 11rem; }
  .medium-margin-right--11 {
    margin-right: 11rem; }
  .medium-padding--11 {
    padding: 11rem; }
  .medium-padding-top--11 {
    padding-top: 11rem; }
  .medium-padding-bottom--11 {
    padding-bottom: 11rem; }
  .medium-padding-left--11 {
    padding-left: 11rem; }
  .medium-padding-right--11 {
    padding-right: 11rem; }
  .medium-margin--12 {
    margin: 12rem; }
  .medium-margin-top--12 {
    margin-top: 12rem; }
  .medium-margin-bottom--12 {
    margin-bottom: 12rem; }
  .medium-margin-left--12 {
    margin-left: 12rem; }
  .medium-margin-right--12 {
    margin-right: 12rem; }
  .medium-padding--12 {
    padding: 12rem; }
  .medium-padding-top--12 {
    padding-top: 12rem; }
  .medium-padding-bottom--12 {
    padding-bottom: 12rem; }
  .medium-padding-left--12 {
    padding-left: 12rem; }
  .medium-padding-right--12 {
    padding-right: 12rem; }
  .medium-margin--13 {
    margin: 13rem; }
  .medium-margin-top--13 {
    margin-top: 13rem; }
  .medium-margin-bottom--13 {
    margin-bottom: 13rem; }
  .medium-margin-left--13 {
    margin-left: 13rem; }
  .medium-margin-right--13 {
    margin-right: 13rem; }
  .medium-padding--13 {
    padding: 13rem; }
  .medium-padding-top--13 {
    padding-top: 13rem; }
  .medium-padding-bottom--13 {
    padding-bottom: 13rem; }
  .medium-padding-left--13 {
    padding-left: 13rem; }
  .medium-padding-right--13 {
    padding-right: 13rem; }
  .medium-margin--14 {
    margin: 14rem; }
  .medium-margin-top--14 {
    margin-top: 14rem; }
  .medium-margin-bottom--14 {
    margin-bottom: 14rem; }
  .medium-margin-left--14 {
    margin-left: 14rem; }
  .medium-margin-right--14 {
    margin-right: 14rem; }
  .medium-padding--14 {
    padding: 14rem; }
  .medium-padding-top--14 {
    padding-top: 14rem; }
  .medium-padding-bottom--14 {
    padding-bottom: 14rem; }
  .medium-padding-left--14 {
    padding-left: 14rem; }
  .medium-padding-right--14 {
    padding-right: 14rem; }
  .medium-margin--15 {
    margin: 15rem; }
  .medium-margin-top--15 {
    margin-top: 15rem; }
  .medium-margin-bottom--15 {
    margin-bottom: 15rem; }
  .medium-margin-left--15 {
    margin-left: 15rem; }
  .medium-margin-right--15 {
    margin-right: 15rem; }
  .medium-padding--15 {
    padding: 15rem; }
  .medium-padding-top--15 {
    padding-top: 15rem; }
  .medium-padding-bottom--15 {
    padding-bottom: 15rem; }
  .medium-padding-left--15 {
    padding-left: 15rem; }
  .medium-padding-right--15 {
    padding-right: 15rem; }
  .medium-margin--16 {
    margin: 16rem; }
  .medium-margin-top--16 {
    margin-top: 16rem; }
  .medium-margin-bottom--16 {
    margin-bottom: 16rem; }
  .medium-margin-left--16 {
    margin-left: 16rem; }
  .medium-margin-right--16 {
    margin-right: 16rem; }
  .medium-padding--16 {
    padding: 16rem; }
  .medium-padding-top--16 {
    padding-top: 16rem; }
  .medium-padding-bottom--16 {
    padding-bottom: 16rem; }
  .medium-padding-left--16 {
    padding-left: 16rem; }
  .medium-padding-right--16 {
    padding-right: 16rem; }
  .medium-margin--17 {
    margin: 17rem; }
  .medium-margin-top--17 {
    margin-top: 17rem; }
  .medium-margin-bottom--17 {
    margin-bottom: 17rem; }
  .medium-margin-left--17 {
    margin-left: 17rem; }
  .medium-margin-right--17 {
    margin-right: 17rem; }
  .medium-padding--17 {
    padding: 17rem; }
  .medium-padding-top--17 {
    padding-top: 17rem; }
  .medium-padding-bottom--17 {
    padding-bottom: 17rem; }
  .medium-padding-left--17 {
    padding-left: 17rem; }
  .medium-padding-right--17 {
    padding-right: 17rem; }
  .medium-margin--18 {
    margin: 18rem; }
  .medium-margin-top--18 {
    margin-top: 18rem; }
  .medium-margin-bottom--18 {
    margin-bottom: 18rem; }
  .medium-margin-left--18 {
    margin-left: 18rem; }
  .medium-margin-right--18 {
    margin-right: 18rem; }
  .medium-padding--18 {
    padding: 18rem; }
  .medium-padding-top--18 {
    padding-top: 18rem; }
  .medium-padding-bottom--18 {
    padding-bottom: 18rem; }
  .medium-padding-left--18 {
    padding-left: 18rem; }
  .medium-padding-right--18 {
    padding-right: 18rem; }
  .medium-margin--19 {
    margin: 19rem; }
  .medium-margin-top--19 {
    margin-top: 19rem; }
  .medium-margin-bottom--19 {
    margin-bottom: 19rem; }
  .medium-margin-left--19 {
    margin-left: 19rem; }
  .medium-margin-right--19 {
    margin-right: 19rem; }
  .medium-padding--19 {
    padding: 19rem; }
  .medium-padding-top--19 {
    padding-top: 19rem; }
  .medium-padding-bottom--19 {
    padding-bottom: 19rem; }
  .medium-padding-left--19 {
    padding-left: 19rem; }
  .medium-padding-right--19 {
    padding-right: 19rem; }
  .medium-margin--20 {
    margin: 20rem; }
  .medium-margin-top--20 {
    margin-top: 20rem; }
  .medium-margin-bottom--20 {
    margin-bottom: 20rem; }
  .medium-margin-left--20 {
    margin-left: 20rem; }
  .medium-margin-right--20 {
    margin-right: 20rem; }
  .medium-padding--20 {
    padding: 20rem; }
  .medium-padding-top--20 {
    padding-top: 20rem; }
  .medium-padding-bottom--20 {
    padding-bottom: 20rem; }
  .medium-padding-left--20 {
    padding-left: 20rem; }
  .medium-padding-right--20 {
    padding-right: 20rem; }
  /*colors*/
  .medium-color--white {
    color: #fff; }
  .medium-color--bmo-blue {
    color: #0079C1; }
  .medium-color--646C76 {
    color: #646C76; }
  .medium-color--6a88c3 {
    color: #6a88c3; }
  .medium-color--808999 {
    color: #808999; }
  .medium-color--666 {
    color: #666; }
  .medium-color--black {
    color: #000; }
  .medium-background--f9f9f9 {
    background-color: #f9f9f9; }
  .medium-background--f9f9f9-spread {
    -webkit-box-shadow: 50rem 0 0 0 #f9f9f9, -50rem 0 0 0 #f9f9f9;
            box-shadow: 50rem 0 0 0 #f9f9f9, -50rem 0 0 0 #f9f9f9;
    position: relative;
    z-index: 2;
    left: .5px; }
    .medium-background--f9f9f9-spread:before, .medium-background--f9f9f9-spread:after {
      position: absolute;
      content: " ";
      width: 1em;
      left: -1em;
      top: 0;
      z-index: 1; }
    .medium-background--f9f9f9-spread:after {
      left: auto;
      right: -1em; }
    .medium-background--f9f9f9-spread:before, .medium-background--f9f9f9-spread:after {
      background: #f9f9f9; }
  .medium-background--bmo-blue {
    background-color: #0079C1; }
  .medium-background--005587 {
    background-color: #005587; }
  .medium-background--005587-spread {
    -webkit-box-shadow: 50rem 0 0 0 #005587, -50rem 0 0 0 #005587;
            box-shadow: 50rem 0 0 0 #005587, -50rem 0 0 0 #005587;
    position: relative;
    z-index: 2;
    left: .5px; }
    .medium-background--005587-spread:before, .medium-background--005587-spread:after {
      position: absolute;
      content: " ";
      width: 1em;
      left: -1em;
      top: 0;
      z-index: 1; }
    .medium-background--005587-spread:after {
      left: auto;
      right: -1em; }
    .medium-background--005587-spread:before, .medium-background--005587-spread:after {
      background: #005587; }
  .medium-background--white {
    background-color: #fff; }
  .medium-background--black-spread {
    -webkit-box-shadow: 50rem 0 0 0 #000, -50rem 0 0 0 #000;
            box-shadow: 50rem 0 0 0 #000, -50rem 0 0 0 #000;
    position: relative;
    z-index: 2;
    left: .5px; }
    .medium-background--black-spread:before, .medium-background--black-spread:after {
      position: absolute;
      content: " ";
      width: 1em;
      left: -1em;
      top: 0;
      z-index: 1; }
    .medium-background--black-spread:after {
      left: auto;
      right: -1em; }
    .medium-background--black-spread:before, .medium-background--black-spread:after {
      background: #000; }
  .medium-background--slate-spread {
    -webkit-box-shadow: 50rem 0 0 0 #001928, -50rem 0 0 0 #001928;
            box-shadow: 50rem 0 0 0 #001928, -50rem 0 0 0 #001928;
    position: relative;
    z-index: 2;
    left: .5px; }
    .medium-background--slate-spread:before, .medium-background--slate-spread:after {
      position: absolute;
      content: " ";
      width: 1em;
      left: -1em;
      top: 0;
      z-index: 1; }
    .medium-background--slate-spread:after {
      left: auto;
      right: -1em; }
    .medium-background--slate-spread:before, .medium-background--slate-spread:after {
      background: #001928; }
  .medium-background--0079c1-spread {
    -webkit-box-shadow: 50rem 0 0 0 #0079c1, -50rem 0 0 0 #0079c1;
            box-shadow: 50rem 0 0 0 #0079c1, -50rem 0 0 0 #0079c1;
    position: relative;
    z-index: 2;
    left: .5px; }
    .medium-background--0079c1-spread:before, .medium-background--0079c1-spread:after {
      position: absolute;
      content: " ";
      width: 1em;
      left: -1em;
      top: 0;
      z-index: 1; }
    .medium-background--0079c1-spread:after {
      left: auto;
      right: -1em; }
    .medium-background--0079c1-spread:before, .medium-background--0079c1-spread:after {
      background: #0079c1; } }

@media screen and (min-width: 64em) {
  .large-border-radius--0 {
    border-radius: 0rem; }
  .large-border-radius--1 {
    border-radius: 0.125rem; }
  .large-border-radius--2 {
    border-radius: 0.25rem; }
  .large-border-radius--3 {
    border-radius: 0.375rem; }
  .large-border-radius--4 {
    border-radius: 0.5rem; }
  .large-border-radius--5 {
    border-radius: 0.625rem; }
  .large-layer-level-2 {
    -webkit-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-box-shadow: 0 0.1em 0.125em 0.125em rgba(0, 25, 40, 0.12);
            box-shadow: 0 0.1em 0.125em 0.125em rgba(0, 25, 40, 0.12); }
  .large-layer-level-2.hover:hover {
    -webkit-transition-duration: 0.25s;
            transition-duration: 0.25s;
    -webkit-box-shadow: 0 0.1em 0.125em 0.125em rgba(0, 121, 193, 0.25);
            box-shadow: 0 0.1em 0.125em 0.125em rgba(0, 121, 193, 0.25); }
  .large-centered {
    margin-left: auto;
    margin-right: auto; }
  .large-centered,
  .large-centered:last-child:not(:first-child) {
    float: none;
    clear: both; }
  .large-height--0 {
    height: 0rem;
    display: block; }
  .large-height--1 {
    height: 1rem;
    display: block; }
  .large-height--2 {
    height: 2rem;
    display: block; }
  .large-height--3 {
    height: 3rem;
    display: block; }
  .large-height--4 {
    height: 4rem;
    display: block; }
  .large-height--5 {
    height: 5rem;
    display: block; }
  .large-height--6 {
    height: 6rem;
    display: block; }
  .large-height--7 {
    height: 7rem;
    display: block; }
  .large-height--8 {
    height: 8rem;
    display: block; }
  .large-height--9 {
    height: 9rem;
    display: block; }
  .large-height--10 {
    height: 10rem;
    display: block; }
  .large-height--11 {
    height: 11rem;
    display: block; }
  .large-height--12 {
    height: 12rem;
    display: block; }
  .large-height--13 {
    height: 13rem;
    display: block; }
  .large-height--14 {
    height: 14rem;
    display: block; }
  .large-height--15 {
    height: 15rem;
    display: block; }
  .large-height--16 {
    height: 16rem;
    display: block; }
  .large-height--17 {
    height: 17rem;
    display: block; }
  .large-height--18 {
    height: 18rem;
    display: block; }
  .large-height--19 {
    height: 19rem;
    display: block; }
  .large-height--20 {
    height: 20rem;
    display: block; }
  .large-height--21 {
    height: 21rem;
    display: block; }
  .large-height--22 {
    height: 22rem;
    display: block; }
  .large-height--23 {
    height: 23rem;
    display: block; }
  .large-height--24 {
    height: 24rem;
    display: block; }
  .large-height--25 {
    height: 25rem;
    display: block; }
  .large-height--26 {
    height: 26rem;
    display: block; }
  .large-height--27 {
    height: 27rem;
    display: block; }
  .large-height--28 {
    height: 28rem;
    display: block; }
  .large-height--29 {
    height: 29rem;
    display: block; }
  .large-height--30 {
    height: 30rem;
    display: block; }
  .large-margin--half {
    margin: .5rem; }
  .large-margin-top--half {
    margin-top: .5rem; }
  .large-margin-bottom--half {
    margin-bottom: .5rem; }
  .large-margin-left--half {
    margin-left: .5rem; }
  .large-margin-right--half {
    margin-right: .5rem; }
  .large-padding--half {
    padding: .5rem; }
  .large-padding-top--half {
    padding-top: .5rem; }
  .large-padding-bottom--half {
    padding-bottom: .5rem; }
  .large-padding-left--half {
    padding-left: .5rem; }
  .large-padding-right--half {
    padding-right: .5rem; }
  .large-margin--0 {
    margin: 0rem; }
  .large-margin-top--0 {
    margin-top: 0rem; }
  .large-margin-bottom--0 {
    margin-bottom: 0rem; }
  .large-margin-left--0 {
    margin-left: 0rem; }
  .large-margin-right--0 {
    margin-right: 0rem; }
  .large-padding--0 {
    padding: 0rem; }
  .large-padding-top--0 {
    padding-top: 0rem; }
  .large-padding-bottom--0 {
    padding-bottom: 0rem; }
  .large-padding-left--0 {
    padding-left: 0rem; }
  .large-padding-right--0 {
    padding-right: 0rem; }
  .large-margin--1 {
    margin: 1rem; }
  .large-margin-top--1 {
    margin-top: 1rem; }
  .large-margin-bottom--1 {
    margin-bottom: 1rem; }
  .large-margin-left--1 {
    margin-left: 1rem; }
  .large-margin-right--1 {
    margin-right: 1rem; }
  .large-padding--1 {
    padding: 1rem; }
  .large-padding-top--1 {
    padding-top: 1rem; }
  .large-padding-bottom--1 {
    padding-bottom: 1rem; }
  .large-padding-left--1 {
    padding-left: 1rem; }
  .large-padding-right--1 {
    padding-right: 1rem; }
  .large-margin--2 {
    margin: 2rem; }
  .large-margin-top--2 {
    margin-top: 2rem; }
  .large-margin-bottom--2 {
    margin-bottom: 2rem; }
  .large-margin-left--2 {
    margin-left: 2rem; }
  .large-margin-right--2 {
    margin-right: 2rem; }
  .large-padding--2 {
    padding: 2rem; }
  .large-padding-top--2 {
    padding-top: 2rem; }
  .large-padding-bottom--2 {
    padding-bottom: 2rem; }
  .large-padding-left--2 {
    padding-left: 2rem; }
  .large-padding-right--2 {
    padding-right: 2rem; }
  .large-margin--3 {
    margin: 3rem; }
  .large-margin-top--3 {
    margin-top: 3rem; }
  .large-margin-bottom--3 {
    margin-bottom: 3rem; }
  .large-margin-left--3 {
    margin-left: 3rem; }
  .large-margin-right--3 {
    margin-right: 3rem; }
  .large-padding--3 {
    padding: 3rem; }
  .large-padding-top--3 {
    padding-top: 3rem; }
  .large-padding-bottom--3 {
    padding-bottom: 3rem; }
  .large-padding-left--3 {
    padding-left: 3rem; }
  .large-padding-right--3 {
    padding-right: 3rem; }
  .large-margin--4 {
    margin: 4rem; }
  .large-margin-top--4 {
    margin-top: 4rem; }
  .large-margin-bottom--4 {
    margin-bottom: 4rem; }
  .large-margin-left--4 {
    margin-left: 4rem; }
  .large-margin-right--4 {
    margin-right: 4rem; }
  .large-padding--4 {
    padding: 4rem; }
  .large-padding-top--4 {
    padding-top: 4rem; }
  .large-padding-bottom--4 {
    padding-bottom: 4rem; }
  .large-padding-left--4 {
    padding-left: 4rem; }
  .large-padding-right--4 {
    padding-right: 4rem; }
  .large-margin--5 {
    margin: 5rem; }
  .large-margin-top--5 {
    margin-top: 5rem; }
  .large-margin-bottom--5 {
    margin-bottom: 5rem; }
  .large-margin-left--5 {
    margin-left: 5rem; }
  .large-margin-right--5 {
    margin-right: 5rem; }
  .large-padding--5 {
    padding: 5rem; }
  .large-padding-top--5 {
    padding-top: 5rem; }
  .large-padding-bottom--5 {
    padding-bottom: 5rem; }
  .large-padding-left--5 {
    padding-left: 5rem; }
  .large-padding-right--5 {
    padding-right: 5rem; }
  .large-margin--6 {
    margin: 6rem; }
  .large-margin-top--6 {
    margin-top: 6rem; }
  .large-margin-bottom--6 {
    margin-bottom: 6rem; }
  .large-margin-left--6 {
    margin-left: 6rem; }
  .large-margin-right--6 {
    margin-right: 6rem; }
  .large-padding--6 {
    padding: 6rem; }
  .large-padding-top--6 {
    padding-top: 6rem; }
  .large-padding-bottom--6 {
    padding-bottom: 6rem; }
  .large-padding-left--6 {
    padding-left: 6rem; }
  .large-padding-right--6 {
    padding-right: 6rem; }
  .large-margin--7 {
    margin: 7rem; }
  .large-margin-top--7 {
    margin-top: 7rem; }
  .large-margin-bottom--7 {
    margin-bottom: 7rem; }
  .large-margin-left--7 {
    margin-left: 7rem; }
  .large-margin-right--7 {
    margin-right: 7rem; }
  .large-padding--7 {
    padding: 7rem; }
  .large-padding-top--7 {
    padding-top: 7rem; }
  .large-padding-bottom--7 {
    padding-bottom: 7rem; }
  .large-padding-left--7 {
    padding-left: 7rem; }
  .large-padding-right--7 {
    padding-right: 7rem; }
  .large-margin--8 {
    margin: 8rem; }
  .large-margin-top--8 {
    margin-top: 8rem; }
  .large-margin-bottom--8 {
    margin-bottom: 8rem; }
  .large-margin-left--8 {
    margin-left: 8rem; }
  .large-margin-right--8 {
    margin-right: 8rem; }
  .large-padding--8 {
    padding: 8rem; }
  .large-padding-top--8 {
    padding-top: 8rem; }
  .large-padding-bottom--8 {
    padding-bottom: 8rem; }
  .large-padding-left--8 {
    padding-left: 8rem; }
  .large-padding-right--8 {
    padding-right: 8rem; }
  .large-margin--9 {
    margin: 9rem; }
  .large-margin-top--9 {
    margin-top: 9rem; }
  .large-margin-bottom--9 {
    margin-bottom: 9rem; }
  .large-margin-left--9 {
    margin-left: 9rem; }
  .large-margin-right--9 {
    margin-right: 9rem; }
  .large-padding--9 {
    padding: 9rem; }
  .large-padding-top--9 {
    padding-top: 9rem; }
  .large-padding-bottom--9 {
    padding-bottom: 9rem; }
  .large-padding-left--9 {
    padding-left: 9rem; }
  .large-padding-right--9 {
    padding-right: 9rem; }
  .large-margin--10 {
    margin: 10rem; }
  .large-margin-top--10 {
    margin-top: 10rem; }
  .large-margin-bottom--10 {
    margin-bottom: 10rem; }
  .large-margin-left--10 {
    margin-left: 10rem; }
  .large-margin-right--10 {
    margin-right: 10rem; }
  .large-padding--10 {
    padding: 10rem; }
  .large-padding-top--10 {
    padding-top: 10rem; }
  .large-padding-bottom--10 {
    padding-bottom: 10rem; }
  .large-padding-left--10 {
    padding-left: 10rem; }
  .large-padding-right--10 {
    padding-right: 10rem; }
  .large-margin--11 {
    margin: 11rem; }
  .large-margin-top--11 {
    margin-top: 11rem; }
  .large-margin-bottom--11 {
    margin-bottom: 11rem; }
  .large-margin-left--11 {
    margin-left: 11rem; }
  .large-margin-right--11 {
    margin-right: 11rem; }
  .large-padding--11 {
    padding: 11rem; }
  .large-padding-top--11 {
    padding-top: 11rem; }
  .large-padding-bottom--11 {
    padding-bottom: 11rem; }
  .large-padding-left--11 {
    padding-left: 11rem; }
  .large-padding-right--11 {
    padding-right: 11rem; }
  .large-margin--12 {
    margin: 12rem; }
  .large-margin-top--12 {
    margin-top: 12rem; }
  .large-margin-bottom--12 {
    margin-bottom: 12rem; }
  .large-margin-left--12 {
    margin-left: 12rem; }
  .large-margin-right--12 {
    margin-right: 12rem; }
  .large-padding--12 {
    padding: 12rem; }
  .large-padding-top--12 {
    padding-top: 12rem; }
  .large-padding-bottom--12 {
    padding-bottom: 12rem; }
  .large-padding-left--12 {
    padding-left: 12rem; }
  .large-padding-right--12 {
    padding-right: 12rem; }
  .large-margin--13 {
    margin: 13rem; }
  .large-margin-top--13 {
    margin-top: 13rem; }
  .large-margin-bottom--13 {
    margin-bottom: 13rem; }
  .large-margin-left--13 {
    margin-left: 13rem; }
  .large-margin-right--13 {
    margin-right: 13rem; }
  .large-padding--13 {
    padding: 13rem; }
  .large-padding-top--13 {
    padding-top: 13rem; }
  .large-padding-bottom--13 {
    padding-bottom: 13rem; }
  .large-padding-left--13 {
    padding-left: 13rem; }
  .large-padding-right--13 {
    padding-right: 13rem; }
  .large-margin--14 {
    margin: 14rem; }
  .large-margin-top--14 {
    margin-top: 14rem; }
  .large-margin-bottom--14 {
    margin-bottom: 14rem; }
  .large-margin-left--14 {
    margin-left: 14rem; }
  .large-margin-right--14 {
    margin-right: 14rem; }
  .large-padding--14 {
    padding: 14rem; }
  .large-padding-top--14 {
    padding-top: 14rem; }
  .large-padding-bottom--14 {
    padding-bottom: 14rem; }
  .large-padding-left--14 {
    padding-left: 14rem; }
  .large-padding-right--14 {
    padding-right: 14rem; }
  .large-margin--15 {
    margin: 15rem; }
  .large-margin-top--15 {
    margin-top: 15rem; }
  .large-margin-bottom--15 {
    margin-bottom: 15rem; }
  .large-margin-left--15 {
    margin-left: 15rem; }
  .large-margin-right--15 {
    margin-right: 15rem; }
  .large-padding--15 {
    padding: 15rem; }
  .large-padding-top--15 {
    padding-top: 15rem; }
  .large-padding-bottom--15 {
    padding-bottom: 15rem; }
  .large-padding-left--15 {
    padding-left: 15rem; }
  .large-padding-right--15 {
    padding-right: 15rem; }
  .large-margin--16 {
    margin: 16rem; }
  .large-margin-top--16 {
    margin-top: 16rem; }
  .large-margin-bottom--16 {
    margin-bottom: 16rem; }
  .large-margin-left--16 {
    margin-left: 16rem; }
  .large-margin-right--16 {
    margin-right: 16rem; }
  .large-padding--16 {
    padding: 16rem; }
  .large-padding-top--16 {
    padding-top: 16rem; }
  .large-padding-bottom--16 {
    padding-bottom: 16rem; }
  .large-padding-left--16 {
    padding-left: 16rem; }
  .large-padding-right--16 {
    padding-right: 16rem; }
  .large-margin--17 {
    margin: 17rem; }
  .large-margin-top--17 {
    margin-top: 17rem; }
  .large-margin-bottom--17 {
    margin-bottom: 17rem; }
  .large-margin-left--17 {
    margin-left: 17rem; }
  .large-margin-right--17 {
    margin-right: 17rem; }
  .large-padding--17 {
    padding: 17rem; }
  .large-padding-top--17 {
    padding-top: 17rem; }
  .large-padding-bottom--17 {
    padding-bottom: 17rem; }
  .large-padding-left--17 {
    padding-left: 17rem; }
  .large-padding-right--17 {
    padding-right: 17rem; }
  .large-margin--18 {
    margin: 18rem; }
  .large-margin-top--18 {
    margin-top: 18rem; }
  .large-margin-bottom--18 {
    margin-bottom: 18rem; }
  .large-margin-left--18 {
    margin-left: 18rem; }
  .large-margin-right--18 {
    margin-right: 18rem; }
  .large-padding--18 {
    padding: 18rem; }
  .large-padding-top--18 {
    padding-top: 18rem; }
  .large-padding-bottom--18 {
    padding-bottom: 18rem; }
  .large-padding-left--18 {
    padding-left: 18rem; }
  .large-padding-right--18 {
    padding-right: 18rem; }
  .large-margin--19 {
    margin: 19rem; }
  .large-margin-top--19 {
    margin-top: 19rem; }
  .large-margin-bottom--19 {
    margin-bottom: 19rem; }
  .large-margin-left--19 {
    margin-left: 19rem; }
  .large-margin-right--19 {
    margin-right: 19rem; }
  .large-padding--19 {
    padding: 19rem; }
  .large-padding-top--19 {
    padding-top: 19rem; }
  .large-padding-bottom--19 {
    padding-bottom: 19rem; }
  .large-padding-left--19 {
    padding-left: 19rem; }
  .large-padding-right--19 {
    padding-right: 19rem; }
  .large-margin--20 {
    margin: 20rem; }
  .large-margin-top--20 {
    margin-top: 20rem; }
  .large-margin-bottom--20 {
    margin-bottom: 20rem; }
  .large-margin-left--20 {
    margin-left: 20rem; }
  .large-margin-right--20 {
    margin-right: 20rem; }
  .large-padding--20 {
    padding: 20rem; }
  .large-padding-top--20 {
    padding-top: 20rem; }
  .large-padding-bottom--20 {
    padding-bottom: 20rem; }
  .large-padding-left--20 {
    padding-left: 20rem; }
  .large-padding-right--20 {
    padding-right: 20rem; }
  /*colors*/
  .large-color--white {
    color: #fff; }
  .large-color--bmo-blue {
    color: #0079C1; }
  .large-color--646C76 {
    color: #646C76; }
  .large-color--6a88c3 {
    color: #6a88c3; }
  .large-color--808999 {
    color: #808999; }
  .large-color--666 {
    color: #666; }
  .large-color--black {
    color: #000; }
  .large-background--f9f9f9 {
    background-color: #f9f9f9; }
  .large-background--f9f9f9-spread {
    -webkit-box-shadow: 50rem 0 0 0 #f9f9f9, -50rem 0 0 0 #f9f9f9;
            box-shadow: 50rem 0 0 0 #f9f9f9, -50rem 0 0 0 #f9f9f9;
    position: relative;
    z-index: 2;
    left: .5px; }
    .large-background--f9f9f9-spread:before, .large-background--f9f9f9-spread:after {
      position: absolute;
      content: " ";
      width: 1em;
      left: -1em;
      top: 0;
      z-index: 1; }
    .large-background--f9f9f9-spread:after {
      left: auto;
      right: -1em; }
    .large-background--f9f9f9-spread:before, .large-background--f9f9f9-spread:after {
      background: #f9f9f9; }
  .large-background--bmo-blue {
    background-color: #0079C1; }
  .large-background--005587 {
    background-color: #005587; }
  .large-background--005587-spread {
    -webkit-box-shadow: 50rem 0 0 0 #005587, -50rem 0 0 0 #005587;
            box-shadow: 50rem 0 0 0 #005587, -50rem 0 0 0 #005587;
    position: relative;
    z-index: 2;
    left: .5px; }
    .large-background--005587-spread:before, .large-background--005587-spread:after {
      position: absolute;
      content: " ";
      width: 1em;
      left: -1em;
      top: 0;
      z-index: 1; }
    .large-background--005587-spread:after {
      left: auto;
      right: -1em; }
    .large-background--005587-spread:before, .large-background--005587-spread:after {
      background: #005587; }
  .large-background--white {
    background-color: #fff; }
  .large-background--black-spread {
    -webkit-box-shadow: 50rem 0 0 0 #000, -50rem 0 0 0 #000;
            box-shadow: 50rem 0 0 0 #000, -50rem 0 0 0 #000;
    position: relative;
    z-index: 2;
    left: .5px; }
    .large-background--black-spread:before, .large-background--black-spread:after {
      position: absolute;
      content: " ";
      width: 1em;
      left: -1em;
      top: 0;
      z-index: 1; }
    .large-background--black-spread:after {
      left: auto;
      right: -1em; }
    .large-background--black-spread:before, .large-background--black-spread:after {
      background: #000; }
  .large-background--slate-spread {
    -webkit-box-shadow: 50rem 0 0 0 #001928, -50rem 0 0 0 #001928;
            box-shadow: 50rem 0 0 0 #001928, -50rem 0 0 0 #001928;
    position: relative;
    z-index: 2;
    left: .5px; }
    .large-background--slate-spread:before, .large-background--slate-spread:after {
      position: absolute;
      content: " ";
      width: 1em;
      left: -1em;
      top: 0;
      z-index: 1; }
    .large-background--slate-spread:after {
      left: auto;
      right: -1em; }
    .large-background--slate-spread:before, .large-background--slate-spread:after {
      background: #001928; }
  .large-background--0079c1-spread {
    -webkit-box-shadow: 50rem 0 0 0 #0079c1, -50rem 0 0 0 #0079c1;
            box-shadow: 50rem 0 0 0 #0079c1, -50rem 0 0 0 #0079c1;
    position: relative;
    z-index: 2;
    left: .5px; }
    .large-background--0079c1-spread:before, .large-background--0079c1-spread:after {
      position: absolute;
      content: " ";
      width: 1em;
      left: -1em;
      top: 0;
      z-index: 1; }
    .large-background--0079c1-spread:after {
      left: auto;
      right: -1em; }
    .large-background--0079c1-spread:before, .large-background--0079c1-spread:after {
      background: #0079c1; } }

/* override foundation settings so that icons in header and footer look right */
a.function.small,
.tl-header-mega-menu-ctas a,
a.tl-header-hamburger,
.overlay-close,
.overlay-content,
.tl-header-primary .tl-header-primary-right > a.tl-header-signin .iconNew.icon.chevron-down,
a.tl-header-signin.tl-header-active .iconNew.icon.chevron-up {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }