/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}label{cursor:pointer;display:flex}.radiobutton{-webkit-appearance:button;-moz-appearance:button;appearance:button;display:inline-block;position:relative;width:24px;height:24px;border:2px solid #6e6e6e;border-radius:50%;background-color:#fefefe;vertical-align:middle;margin:-2px 8px -2px 0;cursor:pointer;flex:none;transition:all .1s ease}.radiobutton:focus,.radiobutton:hover{margin:1px 11px 1px 3px;width:18px;height:18px;border:4px solid #0075be;box-shadow:0 0 2px 4px #74c3ea;outline:none}.radiobutton:after{display:none;content:" ";top:50%;left:50%;width:14px;height:14px;border-radius:50%;background:#0075be;position:relative;transform:translate(-50%,-50%)}.radiobutton-title{margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline;font-size:1rem;line-height:1.5rem;letter-spacing:.00937rem;line-height:1.5em;letter-spacing:.15;font-weight:300;color:#000;word-wrap:normal;z-index:1}.customradio,.horizontal,.radiobutton-title{display:inline-block}.customradio{position:relative;width:24px;height:24px;border:2px solid #6e6e6e;border-radius:50%;background-color:#fefefe;vertical-align:middle;margin-top:-2px;margin-right:8px;cursor:pointer;flex:none;transition:all .3s ease}.customradio:hover{margin:0 10px 2px 2px;width:20px;height:20px;border:4px solid #0075be;box-shadow:0 0 2px 2px #74c3ea}.customradio:after{display:none;content:" ";top:50%;left:50%;width:14px;height:14px;border-radius:50%;background:#0075be;position:relative;transform:translate(-50%,-50%)}.radiobutton:checked~.customradio:after{display:block}.radiobutton-container label{position:relative;margin-left:12px;color:#001928;font-size:1rem;font-weight:300;letter-spacing:.15px;line-height:24px;display:block;margin-bottom:24px;margin-top:-8px}.radiobutton-container label:before{content:"";position:relative;top:8px;left:-12px;display:inline-block;box-sizing:border-box;transition:background-color .25s ease-in-out;transition:border .25s ease-in-out}.radiobutton-container input,.radiobutton-container label:before{width:24px;height:24px;border:2px solid #646c76;border-radius:24px}.radiobutton-container input{position:absolute;left:-5px;opacity:0;margin-top:-4px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.radiobutton-container input:hover+label:before,input:focus+label:before{background-color:#fff;border:4px solid #0075be!important;box-shadow:0 0 2px 2px #73c3eb}.label-class label{display:inline-block}.radiobutton-container .input-wrap{padding-top:0}.hmcOptionsGroup .on-ie-browser.input-wrap.input-radio input{margin-top:0;left:0;width:100%;height:100%;z-index:1;cursor:pointer}
.special-ribbon{background:#c81414;color:#fff;line-height:1.9;position:absolute;padding:0 .75em;font-size:.75rem;text-align:center;white-space:nowrap}.special-ribbon:before{border-style:solid;border-color:#820e0e transparent transparent;border-width:1em 0 0 1em;bottom:-1em;content:"";display:block;left:0;position:absolute}.special-ribbon:after{bottom:0;border:.9em solid #c81414;border-left-width:0;border-right-color:transparent;content:"";display:block;position:absolute;right:-.9em;z-index:1}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.button{text-decoration:none;font-size:.875rem;line-height:1.5rem;letter-spacing:.01562rem;font-weight:300;text-transform:none;font-weight:600;display:inline-block;padding:.6em 2em;border:.125rem solid #0075be;border-radius:5em;background:#0075be;color:#fefefe;text-align:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease;cursor:pointer;max-width:90vw}.button.disabled{pointer-events:none;background-color:#fff;border-color:#fff;background-color:#cacaca;color:#6e6e6e}.button.active,.button:focus,.button:hover{background:#00436c;border-color:#00436c;color:#fefefe;text-decoration:none}.button--transform{font-size:16px;text-transform:uppercase;padding:14.4px 32px;font-weight:500}.button--outline{background:none;border-color:currentColor;color:#0075be}.button--outline.active,.button--outline:focus,.button--outline:hover{background:none;border-color:currentColor;color:#00436c}.button--light{color:#fefefe}.button--light.active,.button--light:focus,.button--light:hover{color:#fefefe;background:#00436c}.button--close{position:absolute;padding:0;top:0;right:0;border:none;background:none;color:#001928;transform:translate(-100%,50%)}.button--fourteen-em{width:14em}.button--attention{border-radius:5em!important;background-color:#ed1c24;border-color:#ed1c24}.button--attention.disabled{pointer-events:none;background-color:#fff;border-color:#fff}.button--attention.active,.button--attention:focus,.button--attention:hover{background-color:#820e0e;border-color:#820e0e}.button--white,.button--white-dark-blue-hover{color:#0075be;background-color:#fefefe;border-color:#fefefe}.button--white-dark-blue-hover:hover{background:#003656;border-color:#003656}.button--white-text{color:#fefefe}.button--white-text:hover{text-decoration:underline}.button--transparent{background-color:transparent;border:none;color:#0075be;padding:0}.button--transparent:not(.active):focus,.button--transparent:not(.active):hover{text-decoration:underline;background:transparent;color:#0075be}@media screen and (min-width:46em){.button--transparent-medium{background-color:transparent;border:none;color:#0075be;padding:0}.button--transparent-medium:not(.active):focus,.button--transparent-medium:not(.active):hover{text-decoration:underline;background:transparent;color:#0075be}}.button--square{border-radius:0}.button--rounded{border-radius:.5em}.button--thin{border-width:.0625rem}.button--thinner{padding-top:.25em;padding-bottom:.25em}.button--reverse,.button--reverse:focus,.button--reverse:hover{background-color:#fefefe;color:#0075be}@media screen and (max-width:45.99875em){.button--mobile-block{display:block;width:100%}}.button--fixed{position:fixed;width:100%;right:0;left:0;border-radius:0;max-width:100%}@media screen and (max-width:45.99875em){.button--fixed--mobile{position:fixed;right:0;left:0;width:100%;border-radius:0;max-width:100%}}.button--fixed-top{top:0}.button--fixed-bottom{bottom:0}.button__product-column{display:inline-flex;justify-content:center;align-items:center;text-align:center;border-radius:5em!important;height:56px;width:190px;letter-spacing:.015rem;padding:1em}@media screen and (max-width:45.99875em){.button__product-column{width:216px}}.button__primary-ds{display:inline-flex;justify-content:center;align-items:center;text-align:center;border-radius:5em!important;min-width:190px;width:auto;letter-spacing:.015rem;box-shadow:0 2px 8px 0 rgba(0,25,40,.04),0 4px 24px 0 rgba(0,25,40,.1);padding:1em 1.5em}@media screen and (max-width:45.99875em){.button__primary-ds{min-width:170px;width:auto}}.button--with-icon svg path{fill:#0075be}.button--with-icon svg path:hover{fill:#005587}.button--download-white svg path{fill:#fff}.button--mega-navigation{border:.0625rem solid #fefefe;color:#fefefe}@media screen and (min-width:46em){.button--mega-navigation{padding-right:1em;padding-left:1em;background:none;border:none;color:#0075be}}.button--mega-navigation.active,.button--mega-navigation:hover{background-color:#fefefe;border-color:#fefefe;color:#0075be}@media screen and (min-width:46em){.button--mega-navigation.active,.button--mega-navigation.active:focus,.button--mega-navigation.active:hover{background-color:#0075be;color:#fefefe;text-decoration:none}}@media screen and (min-width:46em){.button--mega-navigation:focus,.button--mega-navigation:hover{background-color:initial;color:#0075be;text-decoration:underline}}.button--no-transform-text{text-transform:none}.button--secondary-alt{justify-content:center;align-items:center;text-align:center;border-radius:5em!important;min-width:190px;width:auto;letter-spacing:.015rem;padding:1em 1.5em!important;display:inline-flex}.button--design{background:#d9dce1;height:56px;border-radius:28px;border:2px solid #d9dce1;padding-left:32px;font-weight:700;padding-right:32px;font-size:14px;box-sizing:border-box;cursor:pointer;text-transform:uppercase;display:inline-block;line-height:52px;text-align:center;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;overflow:hidden;text-decoration:none}.button--design__primary{background:#0075be;border:2px solid #0075be;color:#fff!important;display:inline-block}.button--design__primary:hover{background:#005587;border:2px solid #005587;box-sizing:border-box}.button--design__primary:focus{border:2px solid #73c3eb;box-shadow:0 0 4px 3px rgba(115,195,235,.35)}.button--design__secondary{background:hsla(0,0%,100%,0);border:2px solid #0075be;color:#0075be}.button--design__secondary:hover{background:hsla(0,0%,100%,0);border:2px solid #005587;color:#005587;text-decoration:none}.button--design__secondary:hover svg path{fill:#005587}.button--design__secondary:focus{border:2px solid #73c3eb;box-shadow:0 0 4px 3px rgba(115,195,235,.35);text-decoration:none}.button--design__secondary svg path{fill:#0075be}.button--design__loans{min-width:250px}.button.plain-anchor{text-transform:unset;background:transparent;border:none;padding:0;font-weight:400;font-size:inherit;color:#0075be;cursor:pointer;line-height:inherit}.button.plain-anchor:hover{text-decoration:underline}.button-link-footer{color:#fefefe;font-weight:700}.button-link-footer.active,.button-link-footer:focus,.button-link-footer:hover{color:#fefefe;text-decoration:underline}.tv-button{border:none;text-transform:uppercase;font-size:.875rem;font-weight:500;letter-spacing:.01562rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease;padding:1rem 2rem .9rem;border-radius:2rem!important;background-color:#0075be;color:#fefefe}.tv-button:active,.tv-button:focus,.tv-button:hover{background-color:#00436c}.tv-button:disabled{background-color:#cacaca}.tv-button:hover{color:#fefefe;text-decoration:none}.tv-button--small{text-transform:uppercase;font-size:.875rem;font-weight:500;letter-spacing:.01562rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease;padding:1rem 2rem .9rem;border-radius:2rem!important;background-color:#0075be;color:#fefefe}.tv-button--small:active,.tv-button--small:focus,.tv-button--small:hover{background-color:#00436c}.tv-button--small:disabled{background-color:#cacaca}.tv-button--small:hover{color:#fefefe}.tv-button--primary{text-transform:uppercase;font-size:.875rem;font-weight:500;letter-spacing:.01562rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease;padding:1rem 2rem .9rem;border-radius:2rem!important;background-color:#0075be;background-color:#ed1c24;text-decoration:none;color:#fefefe}.tv-button--primary:active,.tv-button--primary:focus,.tv-button--primary:hover{background-color:#00436c}.tv-button--primary:disabled{background-color:#cacaca}.tv-button--primary:hover{background-color:#820e0e;text-decoration:none;color:#fefefe}.tv-button--secondary{text-transform:uppercase;font-size:.875rem;font-weight:500;letter-spacing:.01562rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease;padding:1rem 2rem .9rem;border-radius:2rem!important;color:#0075be;border:.125em solid #0075be;background:transparent}.tv-button--secondary:active,.tv-button--secondary:focus,.tv-button--secondary:hover{color:#00436c;background:transparent;border:.125em solid #00436c}.tv-button--secondary:disabled{color:#cacaca;border:.125em solid #cacaca}.tv-button--tertiary{text-transform:uppercase;font-size:.875rem;font-weight:500;letter-spacing:.01562rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease;color:#00436c;text-decoration:none;position:relative;white-space:nowrap;transition:all .3s ease 0s}.tv-button--tertiary:before{content:"";position:absolute;width:100%;height:.125em;bottom:-.25em;left:0;background-color:#001928;transform:scaleX(0);transition:all .3s ease 0s}.tv-button--tertiary:hover:before{transform:scaleX(1)}.tv-button--tertiary:active,.tv-button--tertiary:focus,.tv-button--tertiary:hover{color:#001928}.tv-button--flat{font-size:.875rem;font-weight:500;letter-spacing:.01562rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease;color:#00436c;text-decoration:none;position:relative;white-space:nowrap;transition:all .3s ease 0s;padding:0;background:none;border:none;max-width:none}.tv-button--flat:before{content:"";position:absolute;width:100%;height:.125em;bottom:-.25em;left:0;background-color:#001928;transform:scaleX(0);transition:all .3s ease 0s}.tv-button--flat:hover:before{transform:scaleX(1)}.tv-button--flat:active,.tv-button--flat:focus,.tv-button--flat:hover{color:#001928}.tv-button--flat:hover{background:none}.button-link{color:#0075be}.button-link:focus,.button-link:hover{color:#00436c;text-decoration:underline}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.bold{font-weight:700}.size-h1{font-size:1.875rem}.size-h2{font-size:1.62469rem}.size-h3{font-size:1.37437rem}.size-h4{font-size:1.125rem}.size-h5,.size-h6{font-size:.99938rem}.heading-em{margin-top:1em}.heading-em:after{content:"";background:#ed1c24;height:.1em;width:3em;display:block;margin:.25em auto .5em}.heading-em--large{margin-top:1em}.heading-em--large:after{content:"";background:#ed1c24;height:.15em;width:4em;display:block;margin:.25em auto .5em}@media screen and (min-width:46em){.heading-em--large{margin-top:0}}.heading-em--large:after{margin-top:1rem}@media screen and (min-width:46em){.heading-em--large:after{margin-top:0}}.heading-em--full-width{margin-top:1em}.heading-em--full-width:after{content:"";background:#ed1c24;height:.1em;width:100%;display:block;margin:.25em auto .5em}@media screen and (min-width:46em){.heading-em--left:after{margin:1em 0}}.heading-em--flush{margin-top:1em}.heading-em--flush:after{content:"";background:#ed1c24;height:.1em;width:3em;display:block;margin:.25em auto 0}.heading-em--radius-blue{margin-top:1em}.heading-em--radius-blue:after{content:"";background:#ed1c24;height:4px;width:64px;display:block;margin:.25em auto .5em;background:#009ec9;border-radius:4px}.business-compare .heading-em--full-width:after{margin-top:.5em;margin-bottom:1em}

/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.accordion__heading{padding-left:.5em;border-bottom:.0625rem solid #cacaca;padding-bottom:.5em}.accordion-title{font-size:1rem;padding-right:3em!important;width:100%;text-align:left}.accordion-title:focus,.accordion-title:hover{background:none}.accordion-title.a11y-plus-icon:before{content:"";display:inline-block;width:32px;height:32px;background:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0),#0075be;background-position:50%;background-size:25% 2px,2px 25%;background-repeat:no-repeat}.accordion__item{border-top:.0625rem solid #cacaca}.accordion__item:first-child{border-top:none}@media screen and (min-width:46em){.accordion__item--mobile{border-top:none}}@media screen and (min-width:46em){.accordion__item--mobile-info-block-wrapper{margin-top:1.5em;margin-bottom:1.5em}}.accordion__item--light-grey{border-top:.0625rem solid #d9dce1}.accordion__item--light-grey:first-child{border-top:none}.accordion__title.weight-light{font-weight:lighter}.accordion__title{font-weight:700}.accordion__title--grey{background-color:#cacaca}.accordion__title--blue{padding:unset;color:#0075be!important;font-size:14px;font-weight:700;letter-spacing:.25px;line-height:24px;text-align:center}.accordion__title--blue:before{margin-top:0;display:flex;width:.75em;height:.75em;text-align:center;transform:translateY(-50%);justify-content:center;align-items:center;background:#0075be;border-radius:50%;color:#fefefe}.accordion__title--blue:hover{text-decoration:none}.accordion__title--width{width:650px}.accordion__title:before{margin-top:0!important;display:flex;width:2em;height:2em;text-align:center;transform:translateY(-50%);justify-content:center;align-items:center;background:#0075be;border-radius:50%;color:#fefefe}@media aural,reader,speech{.accordion__title:before{display:none;visibility:hidden}}.accordion__title--chevron{display:flex;justify-content:space-between;align-items:center}.accordion__title--chevron div{margin-right:.5em;line-height:1.4}.accordion__title--chevron--blue{display:flex;justify-content:center;align-items:center}.accordion__title--chevron--blue--left-align{justify-content:left;text-align:left}.accordion__title--chevron--blue--left-align:after{content:"";display:inline-block;width:.5em;height:.5em;border-left:.125rem solid currentColor;border-top:.125rem solid currentColor;transform-origin:0 0;transform:rotate(225deg) translate(-80%,-100%);width:.75em;height:.75em;position:absolute;right:1em;bottom:45%;speak:none}.accordion__title--chevron--blue--left-align:before{display:none}.accordion__title--chevron--blue--small:after{right:10px!important}.accordion__title--chevron--blue:after{content:"";display:inline-block;width:.5em;height:.5em;border-left:.125rem solid currentColor;border-top:.125rem solid currentColor;transform-origin:0 0;transform:rotate(225deg) translate(-80%,-100%);width:.75em;height:.75em;position:absolute;right:6em;bottom:45%;speak:none}@media screen and (min-width:63.9375em){.accordion__title--chevron--blue:after{right:14em}}.accordion__title--chevron--blue:before{display:none}.accordion__title--chevron--small-blue{display:flex;justify-content:center;align-items:center}.accordion__title--chevron--small-blue--left-align{justify-content:left;text-align:left}.accordion__title--chevron--small-blue--left-align:after{content:"";display:inline-block;width:.5em;height:.5em;border-left:.125rem solid currentColor;border-top:.125rem solid currentColor;transform-origin:0 0;transform:rotate(225deg) translate(-80%,-100%);width:.6em;height:.6em;position:absolute;right:0;bottom:45%}.accordion__title--chevron--small-blue--left-align:before{display:none}.accordion__title--chevron--small-blue--small:after{right:10px!important}.accordion__title--chevron--small-blue:after{content:"";display:inline-block;width:.5em;height:.5em;border-left:.125rem solid currentColor;border-top:.125rem solid currentColor;transform-origin:0 0;transform:rotate(225deg) translate(-80%,-100%);width:.6em;height:.6em;position:absolute;right:0;bottom:45%}@media screen and (min-width:63.9375em){.accordion__title--chevron--small-blue:after{right:14em}}.accordion__title--chevron--small-blue:before{display:none}.accordion__title--chevron,.accordion__title--chevron:focus,.accordion__title--chevron:hover{color:#001928!important;text-decoration:none}.accordion__title--chevron:before{display:none}.accordion__title--chevron:after{content:"";display:inline-block;width:.5em;height:.5em;border-left:.125rem solid currentColor;border-top:.125rem solid currentColor;transform-origin:0 0;transform:rotate(225deg) translate(-80%,-100%);position:absolute;right:1em;bottom:50%}.accordion__title--chevron--grey:after{content:"";display:inline-block;width:.75em;height:.75em;border-left:.125rem solid #cacaca;border-top:.125rem solid #cacaca;transform-origin:0 0;transform:rotate(225deg) translate(-80%,-100%)}@media screen and (min-width:46em){.accordion__title--mobile{pointer-events:none}.accordion__title--mobile,.accordion__title--mobile:focus,.accordion__title--mobile:hover{color:#001928}}@media screen and (min-width:46em){.accordion__title--mobile:after,.accordion__title--mobile:before,.is-active .accordion__title--mobile:after,.is-active .accordion__title--mobile:before{display:none}}@media screen and (min-width:46em){.accordion__title--mobile-info-block-heading{text-align:center;display:block}}.accordion .accordion__item.is-active .accordion__title--chevron:after{content:"";display:inline-block;width:.5em;height:.5em;border-left:.125rem solid currentColor;border-top:.125rem solid currentColor;transform-origin:0 0;transform:rotate(45deg) translateY(20%)}.accordion .accordion__item.is-active .accordion__title--chevron--grey:after{content:"";display:inline-block;width:.75em;height:.75em;border-left:.125rem solid #cacaca;border-top:.125rem solid #cacaca;transform-origin:0 0;transform:rotate(45deg) translateY(20%)}.accordion .accordion__item.is-active .accordion__title--chevron--blue--left-align:after,.accordion .accordion__item.is-active .accordion__title--chevron--blue:after{content:"";display:inline-block;width:.75em;height:.75em;border-left:.125rem solid #0075be;border-top:.125rem solid #0075be;transform-origin:0 0;transform:rotate(45deg) translateY(20%)}.accordion .accordion__item.is-active .accordion__title--chevron--small-blue--left-align:after,.accordion .accordion__item.is-active .accordion__title--chevron--small-blue:after{content:"";display:inline-block;width:.6em;height:.6em;border-left:.125rem solid #0075be;border-top:.125rem solid #0075be;transform-origin:0 0;transform:rotate(45deg) translateY(20%)}.accordion .accordion__item.is-active .accordion-title.a11y-minus-icon:before{content:"";display:inline-block;width:32px;height:32px;background:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0),#0075be;background-position:50%;background-size:25% 2px,2px 0;background-repeat:no-repeat}.accordion__content--terms{font-size:12px;font-weight:300;letter-spacing:.36px;line-height:18px}@media screen and (min-width:46em){.accordion__content--mobile{display:block}}@media screen and (min-width:46em){.accordion__content--mobile-info-block-content{margin-top:1.5em;margin-bottom:1.5em}}.accordion_mortgage,.accordion_mortgage:focus,.accordion_mortgage:hover{background-color:#0079c1;text-decoration:none;color:#fff!important;text-align:center!important;display:block}.accordion_mortgage:focus__content,.accordion_mortgage:hover__content,.accordion_mortgage__content{width:100%}.accordion_mortgage:focus,.accordion_mortgage:focus:focus,.accordion_mortgage:hover:focus{outline:none;box-shadow:0 0 0 2px #bedceb,0 0 0 3px #005587}.accordion-blue-bar,.accordion-blue-bar:focus,.accordion-blue-bar:hover{background-color:#0079c1;text-decoration:none;color:#fff!important;text-align:left;display:block;border-top:.0625rem solid #d9dce1}@media screen and (min-width:46em){.accordion-blue-bar,.accordion-blue-bar:focus,.accordion-blue-bar:hover{display:none!important}}.accordion-blue-bar:focus__content,.accordion-blue-bar:hover__content,.accordion-blue-bar__content{width:100%}.accordion-blue-bar:first-child,.accordion-blue-bar:focus:first-child,.accordion-blue-bar:hover:first-child{border-top:none}.accordion-blue-item-font-size-medium{font-size:16px;line-height:24px;letter-spacing:.15px}.accordion-blue-bar-legal-item{background-color:#005587!important}.accordion-blue-bar-legal,.accordion-blue-bar-legal:focus,.accordion-blue-bar-legal:hover{background-color:#005587!important;text-decoration:none;color:#fff!important;text-align:left;display:block;max-width:75rem;margin-left:auto;margin-right:auto}.accordion-blue-bar-legal:focus__content,.accordion-blue-bar-legal:hover__content,.accordion-blue-bar-legal__content{width:100%}.accordion-item.accordion__item .accordion-item.accordion__item>.accordion__title--blue:after{content:"";display:inline-block;width:.5em;height:.5em;border-left:.125rem solid currentColor;border-top:.125rem solid currentColor;transform-origin:0 0;transform:rotate(225deg) translate(-80%,-100%)}.accordion-item.accordion__item .accordion-item.accordion__item.is-active>.accordion__title--blue:after{content:"";display:inline-block;width:.5em;height:.5em;border-left:.125rem solid currentColor;border-top:.125rem solid currentColor;transform-origin:0 0;transform:rotate(45deg) translateY(20%)}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.breadcrumbs{font-weight:700;font-size:.75em;display:flex}.breadcrumbs ul li{display:inline-flex}.breadcrumbs__item{list-style-type:none;display:flex}@media screen and (max-width:45.99875em){.breadcrumbs__item:nth-last-child(n+3)~.breadcrumbs__item:last-child,.breadcrumbs__item:nth-last-child(n+3)~.breadcrumbs__item:nth-last-child(2) .icon,.breadcrumbs__item:nth-last-child(n+4){display:none!important}}.breadcrumbs__item a{display:block;padding:.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:46em){.breadcrumbs__item a{padding-top:0;padding-bottom:0}}.breadcrumbs__item a:hover{text-decoration:underline}.breadcrumbs__arrow{margin-top:2em}@media screen and (min-width:46em){.breadcrumbs__arrow{margin-top:1em}}.breadcrumbs__last-item{display:block;padding:.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:46em){.breadcrumbs__last-item{padding-top:0;padding-bottom:0}}.breadcrumbs--border{padding:4px 8px;background-color:#fff;border-radius:4px}

/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}i{display:flex;align-items:center}.icon,i{justify-content:center}.icon{display:inline-flex;width:2em;height:2em;min-width:2em;min-height:2em;max-width:2em;max-height:2em;padding:.35em;align-items:stretch}.icon--blue path{fill:#0075be}.icon--nav{padding-top:12px;padding-bottom:12px;padding-left:24px;margin-top:1px}.icon>svg{flex-grow:1}.icon path{color:inherit;fill:currentColor;stroke:currentColor}.icon__wrapper,.icon__wrapper--apart{display:flex;align-items:center}.icon__wrapper--apart{justify-content:space-between}.icon__wrapper--inline{display:inline-flex}.icon__wrapper--top{align-items:flex-start}.icon--bare,.icon--bare-grey{width:1em;height:1em;min-width:1em;min-height:1em;max-width:1em;max-height:1em;padding:0}.icon--bare-grey{color:#cacaca}.icon--left{margin-right:1em}.icon--left-small{margin-right:.5em}.icon--right{margin-left:1em}.icon--right-small{margin-left:.5em}.icon--circle{border:.0625rem solid currentColor;border-radius:50%}.icon--circle-grey{border:.0625rem solid #cacaca}.icon--circle-smaller{padding:.5em}.icon--circle-large{width:4em;height:4em;min-width:4em;min-height:4em;max-width:4em;max-height:4em;padding:.7em}.icon--circle-large-icon{height:2em;width:2em;margin-top:.25em}.icon--circle-white{background:#fefefe}.icon--disabled{color:#cacaca}.icon--dark{color:#000}.icon--white{color:#fefefe}.icon--link{border-color:#cacaca}a:focus .icon--link,a:hover .icon--link{border-color:currentColor}.icon--cta{background:#0075be;color:#fefefe;border-color:#0075be}.icon--cta--attention{background-color:#ed1c24;color:#fefefe;border-color:#ed1c24}.icon--thin{stroke-opacity:0;stroke-width:0}.icon--reverse-cta{background:#fefefe;color:#0075be;border-color:#fefefe}.icon--small{font-size:.75em}.icon--smaller{font-size:.6em}.icon--x-small{font-size:.5em}.icon--large{font-size:1.25em}.icon--x-large{font-size:1.5em}.icon--xx-large{font-size:2em}.icon--unit-3x{font-size:3em}.icon--xxx-large{font-size:5em}.icon--footer{transition:color .3s ease,background-color .3s ease}.icon--footer:hover{background-color:#fefefe;color:#0075be}.icon--chevron{display:inline-flex;align-items:center}.icon--chevron-right>svg{transform:translateX(5%)}.icon__icon--calender,.icon__icon--call,.icon__icon--locate{stroke-opacity:0}.icon__icon--mortgage-compare rect{stroke-opacity:1;stroke:currentColor}.icon__investment{position:absolute;overflow:visible!important}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.link--chevron{display:flex;align-items:center}.link--white-chevron svg path{fill:#fefefe}.link--rich{text-align:center;line-height:1;cursor:pointer;background-color:#0075be;padding:.5em 1em;color:#fefefe}.link--rich.active,.link--rich:focus,.link--rich:hover{text-decoration:none;color:#fefefe}.link__link-position{position:relative;padding-left:.5em}.link__link-position:hover{border-bottom:.0625rem solid;text-decoration:none}.link__link-position:after{position:absolute;left:0;top:.375em}.link__padding-btm{margin-top:1.5em;margin-bottom:.0625rem}@media screen and (min-width:63.9375em){.link__padding-btm{margin-top:0}}.link__padding-btm:hover{margin-bottom:0}@media screen and (min-width:46em){.link--tel{color:inherit}}.link__no-decoration:focus,.link__no-decoration:hover{color:#001928;text-decoration:none}.link--white,.link--white.active,.link--white:active,.link--white:focus,.link--white:hover{color:#fefefe}.link--with-chevron:hover svg g g path,.link--with-chevron:hover svg path{fill:#005587}.link-pill{box-sizing:border-box;border-radius:4px;font-size:14px;font-weight:700;letter-spacing:.25px;line-height:16px;text-align:center}.link-pill__selected{background-color:#0075be;color:#fff}.link-pill__selected:hover{text-decoration:none}.link-pill__selected:focus{text-decoration:none;border:2px solid #72c3eb;box-shadow:0 0 4px 3px rgba(115,195,235,.35)}.link-pill__selected-with-border{border:2px solid #0075be;background-color:#0075be;color:#fff}.link-pill__selected-with-border span svg g g{fill:#fff}.link-pill__selected-with-border:hover{color:#fff;text-decoration:none}.link-pill__selected-with-border:focus{color:#fff;text-decoration:none;border:2px solid #72c3eb;box-shadow:0 0 4px 3px rgba(115,195,235,.35)}.link-pill__default{border:2px solid #8890a0;color:#0075be}.link-pill__default:hover{border:2px solid #0075be;text-decoration:none;background-color:#0075be;color:#fff}.link-pill__default:hover span svg g g{fill:#fff}.link-pill__default:focus{text-decoration:none;border:2px solid #72c3eb;box-shadow:0 0 4px 3px rgba(115,195,235,.35)}.link-pill__icon{position:absolute;bottom:-2px;right:4px}
.show-hide-class-component__hide{display:none!important}

/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.carousel-container{display:block;position:relative}.carousel-container .carousel-viewport{overflow:hidden}@media screen and (min-width:46em){.carousel-container .carousel-viewport{margin-bottom:2rem}}.carousel-container .carousel-contents{transition:.5s;margin:0;padding:0;list-style:none;overflow:hidden}.carousel-item{float:left}.carousel-button-indicators{padding-left:0}.carousel-button-indicators.carousel-indicator-type-dots{display:block;text-align:center;height:16px}.carousel-button-indicators.carousel-indicator-type-dots li{display:inline-block}.carousel-button-indicators.carousel-indicator-type-dots .carousel-button-indicator{height:9px;width:9px;padding:0;border:1px solid #646c76;background-color:transparent;margin:0 4px;border-radius:50%;transition:.5s;display:block}.carousel-button-indicators.carousel-indicator-type-dots .carousel-button-indicator.carousel-button-active-indicator{background-color:#0079c1;border-color:#0079c1;height:10px;width:10px}.carousel-button-indicators.carousel-indicator-type-dots .carousel-indicator--button{cursor:pointer}.carousel-button-indicators.carousel-indicator-type-numbers{text-align:center;overflow:hidden;width:80%;margin:auto}.carousel-button-indicators.carousel-indicator-type-numbers li{float:left;background-color:#0079c1;border-color:#0079c1;margin:0 .1875rem;line-height:1;width:32px;height:32px;position:relative;list-style:none}.carousel-button-indicators.carousel-indicator-type-numbers .carousel-button-indicator{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:2px;text-align:center;transition:.5s}.carousel-button-indicators.carousel-indicator-type-numbers .carousel-button-indicator.carousel-button-active-indicator{background:#0099f4}.carousel-control-default-button{box-shadow:0 2px 2px rgba(0,25,40,.2);position:absolute;top:50%;transform:translateY(-50%);z-index:10;height:64px;width:48px;background-color:#fff;z-index:99;padding:18px;border:none}.carousel-control-button-disabled{display:none;cursor:not-allowed}.carousel-control-button-next-wrapper{right:0;border-bottom-left-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.carousel-control-button-prev-wrapper{border-radius:8px 16px 16px 8px;left:0}.slick-next.slick-arrow.fixed-left-arrow{left:262px!important}.inverted.carousel-control-button-prev-wrapper{border-bottom-left-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;transform:translate(-50%,-50%)}.inverted.carousel-control-button-next-wrapper{right:0;border-radius:8px 16px 16px 8px;transform:translate(50%,-50%)}.flat.carousel-control-button-next-wrapper,.flat.carousel-control-button-prev-wrapper{background:none;box-shadow:none}.flat.carousel-control-button-prev-wrapper{left:-48px}.flat.carousel-control-button-next-wrapper{right:-48px}.carousel-control-button{width:14px;height:26px;transform:none;display:block}.carousel-control-button svg{width:14px;height:26px}@media screen and (max-width:45.99875em){.arrows-higher .carousel-control-default-button{top:100px}}@media (min-width:1025px){.smaller-arrows-slideshow .carousel-control-default-button{margin-top:-30px}}.carousel-item{transition:.5s}.carousel-item-active-partial{opacity:.5;filter:alpha(opacity=50)}.carousel-item-active{opacity:1;filter:alpha(opacity=100)}.carousel-nav-indicators{width:100%}.carousel-nav-indicators a:focus,.carousel-nav-indicators button:focus{border:1px solid #0075be;box-shadow:0 0 4px 3px #0075be}.carousel-nav-indicators a:focus-visible,.carousel-nav-indicators button:focus-visible{outline:none}.carousel-nav-indicators.header-indicators-absolute{position:absolute;z-index:2}@media screen and (min-width:46em){.carousel-nav-indicators.header-indicators-absolute{bottom:35px}}@media (min-width:1023px){.carousel-nav-indicators.header-indicators-absolute{bottom:140px}}@media (min-width:1025px){.carousel-nav-indicators.header-indicators-absolute{bottom:105px}}.carousel-progress{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hide-carousel-progress .carousel-progress{display:none}@media screen and (min-width:46em){.overflow-controls .carousel-control-button-next-wrapper,.overflow-controls .carousel-control-button-prev-wrapper{transform:translateY(-50%)}}.header-indicators-absolute .carousel-button-indicators.carousel-indicator-type-dots .carousel-indicator--button{border-color:#fff}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}@media screen and (min-width:46em){.reveal--design-width{width:670px}}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}html{scroll-behavior:smooth}.hmcStep,.hmcTool{width:100%}.hmcStep{display:inline-block;padding-bottom:1em;padding-top:.5em}.loans .hmcStep{border-bottom:none}.current-step .hmcStep p{font-size:1.125rem;line-height:2rem;letter-spacing:0;font-weight:300;padding-top:.5em;margin-bottom:0}@media screen and (min-width:46em){.current-step .hmcStep p{font-size:1.5rem;line-height:2rem;letter-spacing:0;font-weight:300}}.hmcToolList{list-style-type:none;background-color:#fefefe;padding-bottom:1em;padding-top:0;margin-top:-8px;text-align:center}.loans .hmcToolList{text-align:left;padding-bottom:0}.hmcTool.grey-background .hmcToolList{background:#f2f2f2}.hmcEditableStep{text-align:center;display:inline-block}.loans .hmcOptionsGroup{align-items:baseline}@media only screen and (min-width:769px){.loans .current-step.hmcStep{max-width:900px;padding-left:4em}}@media only screen and (max-width:768px){.loans .current-step.hmcStep{max-width:450px}}@media screen and (min-width:63.9375em){.loans #q1 .radiobutton-container{display:flex;flex-wrap:wrap}}@media screen and (min-width:63.9375em){.loans #q1 .label-class{width:50%}}@media screen and (max-width:63.93625em){.loans .hmcToolList{padding-left:1em;padding-right:1em;padding-top:1em}}.loans .hmcValueHolder{font-weight:300;font-size:16px}.hmc-wrapper{position:relative;max-width:85rem;margin:2rem auto 0;padding:3rem 0 0}.hmc-wrapper:after{content:"";position:absolute;z-index:-1;top:0;right:0;left:0;height:83.625rem;border-radius:5px;border:1px solid #c7c7c7;border-bottom-color:#f5f6f7;background:linear-gradient(0,#fff,#f5f6f7)}.hmc-extracted-question>*{margin:0 auto;max-width:69.625rem}.hmc-extracted-question h2{color:#001928;text-align:center;font-weight:700;font-size:1.75rem;margin-bottom:.25rem}@media screen and (max-width:45.99875em){.hmc-extracted-question h2{padding:0 1rem 1rem}}.hmc-extracted-question p{font-size:1.0625rem;font-weight:300;letter-spacing:.00937rem;line-height:1.5625rem;margin:0 1rem;text-align:center;max-width:584px;margin:0 auto}@media screen and (max-width:45.99875em){.hmc-extracted-question p{padding:0 1rem;text-align:left}}.hmc-extracted-question button{border-radius:.25rem;background-color:#fff;box-shadow:0 .125rem .5rem 0 rgba(0,25,40,.04),0 .25rem 1.5rem 0 rgba(0,25,40,.1);color:#0075be;font-size:1.125rem;font-weight:700;letter-spacing:.00937rem;line-height:1.5rem;width:10.3125rem;height:10.3125rem}@media screen and (min-width:41.25em){.hmc-extracted-question button{line-height:1.5rem;width:18.75rem}}@media screen and (min-width:64em){.hmc-extracted-question button{height:13.4375rem;width:21.875rem}}.hmc-extracted-question button i{margin-bottom:.625rem}@media screen and (min-width:48em){.hmc-extracted-question button i{margin-bottom:1.25rem}}.hmc-extracted-question ul{display:flex;justify-content:space-evenly;flex-wrap:wrap;width:100%;margin:0 0 2rem}@media screen and (min-width:80em){.hmc-extracted-question ul{justify-content:space-between}}.hmc-extracted-question li{display:block;list-style-type:none;background:#fafafa;margin-top:2rem}@media screen and (min-width:48em){.hmc-extracted-question li{margin:2rem 0 0}}.hmc-split-view{display:flex}.hmc-split-view__options{flex-basis:25rem}@media screen and (max-width:45.99875em){.hmc-split-view__options{margin:0 1rem}}.hmc-split-view__options .hmcToolList{text-align:left;padding-bottom:1rem}@media screen and (min-width:46em) and (max-width:63.93625em){.hmc-split-view__options .hmcToolList{text-align:center}}.hmc-split-view__options>h3{font-size:1.375rem;font-weight:700;margin-bottom:.75rem}@media screen and (max-width:45.99875em){.hmc-split-view__options>h3{margin-top:2rem}}@media screen and (min-width:64em){.hmc-split-view__options>h3{margin-top:7.75rem}}@media screen and (min-width:46em) and (max-width:63.93625em){.hmc-split-view__options>h3,.hmc-split-view__options>p{text-align:center}}@media screen and (max-width:45.99875em){.hmc-split-view__options .hmcOptionsGroup{align-items:start}}@media screen and (min-width:64em){.hmc-split-view__options .hmcOptionsGroup{display:block;text-align:left}}.hmc-split-view__options .hmcStep{border-bottom:0}.hmc-split-view__options .current-step>p{font-size:1.125rem;font-weight:700;line-height:2rem;margin-bottom:1rem}@media screen and (min-width:46em) and (max-width:63.93625em){.hmc-split-view__options .current-step>p{text-align:center}}.hmc-split-view__results{flex:1 1 auto}.hmc-split-view__results .loans-product-column__box{border-radius:.25rem;background-color:#fff;box-shadow:0 .125rem .5rem 0 rgba(0,25,40,.04),0 .25rem 1.5rem 0 rgba(0,25,40,.1)}.hmc-split-view__results h3{font-size:1.375rem;font-weight:700;line-height:2rem;margin-bottom:.75rem}.hmc-split-view__reset{width:100%;text-align:center;padding-bottom:50px}.hmc-split-view__reset button{font-weight:700;line-height:inherit;color:#0075be;text-decoration:none;cursor:pointer}.hmc-split-view .uppercase{text-transform:uppercase}.hmc__results .size-h3,.hmc__results h3{font-size:1.375rem;font-weight:700;line-height:2rem;margin-bottom:.75rem}.hmc__results .loans-product-column__box{border-radius:.25rem;background-color:#fff;box-shadow:0 .125rem .5rem 0 rgba(0,25,40,.04),0 .25rem 1.5rem 0 rgba(0,25,40,.1)}.hmc__results-footer{margin:1.75rem 0 0;padding:1.75rem 0 1.25rem;border-top:1px solid #d9dce1}@media screen and (min-width:48em){.hmc__results-footer{padding-bottom:2rem}}.hmc__results-footer .button{margin-bottom:1.25rem;text-transform:uppercase}.hmc__results-footer .learn-more{text-transform:uppercase;font-weight:700;font-size:.875rem;display:block}.hmc__product-description{text-align:center}

/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.list--spacing-large li{padding:.5em 0}.list--terms li{margin:1em}@media screen and (min-width:63.9375em){.list--columns{column-count:2;column-gap:3em}}.list--center-small{justify-content:center}@media screen and (min-width:46em){.list--center-small{justify-content:flex-start}}.list-dash-bullet{list-style:none}.list-dash-bullet li:before{content:"\2013";position:absolute;margin-left:-1em}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.loading-animation{display:block;position:absolute;width:3.125rem;height:3.125rem;left:50%;top:50%;transform:translate(-50%,-50%)}.loading-animation.demo{position:relative;left:auto;top:auto;transform:none}.loading-animation .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.loading-animation .sk-circle:before{content:"";display:block;margin:0 auto;width:10%;height:10%;border-radius:100%;animation:sk-circleFadeDelay 2.4s infinite ease-in-out both}.loading-animation.white .sk-circle:before{background-color:#fefefe}.loading-animation.blue .sk-circle:before{background-color:#0075be}.loading-animation .sk-circle2{transform:rotate(30deg)}.loading-animation .sk-circle2:before{animation-delay:-2.2s}.loading-animation .sk-circle3{transform:rotate(60deg)}.loading-animation .sk-circle3:before{animation-delay:-2s}.loading-animation .sk-circle4{transform:rotate(90deg)}.loading-animation .sk-circle4:before{animation-delay:-1.8s}.loading-animation .sk-circle5{transform:rotate(120deg)}.loading-animation .sk-circle5:before{animation-delay:-1.6s}.loading-animation .sk-circle6{transform:rotate(150deg)}.loading-animation .sk-circle6:before{animation-delay:-1.4s}.loading-animation .sk-circle7{transform:rotate(180deg)}.loading-animation .sk-circle7:before{animation-delay:-1.2s}.loading-animation .sk-circle8{transform:rotate(210deg)}.loading-animation .sk-circle8:before{animation-delay:-1s}.loading-animation .sk-circle9{transform:rotate(240deg)}.loading-animation .sk-circle9:before{animation-delay:-.8s}.loading-animation .sk-circle10{transform:rotate(270deg)}.loading-animation .sk-circle10:before{animation-delay:-.6s}.loading-animation .sk-circle11{transform:rotate(300deg)}.loading-animation .sk-circle11:before{animation-delay:-.4s}.loading-animation .sk-circle12{transform:rotate(330deg)}.loading-animation .sk-circle12:before{animation-delay:-.2s}@keyframes sk-circleFadeDelay{0%,20%,to{opacity:0}40%{opacity:1}}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.image-background{display:block;position:relative;overflow:hidden;width:100%;height:18.75rem;background-color:#cacaca;background-repeat:no-repeat;background-size:cover;background-position:50%;transition:all .3s ease}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.loans .copy-for-result-header{font-size:28px;line-height:32px;letter-spacing:-.2px;font-weight:400}@media screen and (min-width:63.9375em){.loans .copy-for-result-header{padding-top:48px;padding-bottom:5px}}@media screen and (max-width:45.99875em){.loans .copy-for-result-header{font-size:24px;letter-spacing:0}}.loans-product-column{font-size:18px;box-shadow:0 2px 2px rgba(0,25,40,.2);border-radius:4px;margin:auto;font-weight:100;margin-top:1.5em;margin-bottom:1.5em;align-self:center}@media screen and (min-width:63.9375em){.loans-product-column{margin-left:10em;margin-right:10em}}.loans-product-column__heading{display:flex;align-items:center;justify-content:center;margin-top:1em;margin-bottom:1em;background-color:#f5f6f7;padding-left:1em;padding-right:1em}.loans-product-column__heading .icon-left{margin-right:12px}.loans-product-column__heading__text{margin-top:4px;margin-bottom:4px;padding-top:8px;padding-bottom:8px;font-size:1.125rem;line-height:1.5rem;letter-spacing:.00937rem;font-weight:300;font-weight:500}.loans-product-column__card-title{flex-direction:column;padding-top:10px;text-align:center;font-size:24px;line-height:24px;font-weight:300}.loans-product-column__card-title sup{font-size:.7em}.loans-product-column__card-title__text{margin-bottom:0;line-height:32px}.loans-product-column__card-title__icon{justify-content:center;padding-bottom:1em;padding-top:4px}@media screen and (min-width:63.9375em){.loans-product-column__card-title__icon{display:block;line-height:0}}.loans-product-column__features{padding-left:1.5em;padding-right:1.5em;padding-bottom:1.5em;flex-direction:column;width:auto;display:flex}@media screen and (min-width:63.9375em){.loans-product-column__features{flex-direction:row;padding-left:56px}}.loans-product-column__features__image{margin-bottom:1em;height:160px;width:254px}.loans-product-column__features__image__image-container{display:flex;flex-direction:column;align-self:center;margin-bottom:2em}@media screen and (min-width:63.9375em){.loans-product-column__features__image__image-container{min-width:254px;align-self:flex-start}}.loans-product-column__features__list{list-style:none;margin-left:0;margin-bottom:16px}@media screen and (min-width:63.9375em){.loans-product-column__features__list{padding-left:0!important;padding-right:0!important;min-width:200px!important;max-width:620px}}.loans-product-column__features__list .list-icon{margin-top:.25em}.loans-product-column__features__list__container{display:flex;flex-direction:row;margin-bottom:.5em}.loans-product-column__features__list__heading{font-weight:400;margin-bottom:.2em;text-align:left;margin-left:2.4em}@media screen and (min-width:46em){.loans-product-column__features__list__heading{margin-left:4.4em}}.loans-product-column__features__list__text{text-align:left;max-width:100%;font-size:16px;line-height:24px;letter-spacing:.15px}.loans-product-column__features__list__item{margin-bottom:1em}.loans-product-column__features__list__item:last-child{margin-bottom:0}.loans-product-column__content{display:flex;flex-direction:row;padding-bottom:16px;padding-top:16px;border-top:.0625rem solid #d9dce1;margin-left:1em;margin-right:1em}@media screen and (min-width:63.9375em){.loans-product-column__content{border-top:none;margin-left:auto;margin-right:auto;max-width:80%}}.loans-product-column__content__items{border-right:.0625rem solid #d9dce1;margin-bottom:16px;align-items:center;-ms-flex:50;flex:50;padding-left:16px;padding-right:16px}.loans-product-column__content__items__rate{font-weight:400}.loans-product-column__content__items__rate-content{font-size:16px}@media screen and (max-width:45.99875em){.loans-product-column__content__items__rate-content{font-size:14px}}.loans-product-column__content__items:last-child{border-right:0}.loans-product-column__footer{font-size:.8rem;font-weight:100;border-spacing:1em;padding-top:16px;padding-bottom:16px;margin-left:1em;margin-right:1em;border-top:.0625rem solid #d9dce1}@media screen and (min-width:63.9375em){.loans-product-column__footer{padding-top:24px;padding-bottom:32px;margin-left:50px;margin-right:50px;border-top:.0625rem solid #d9dce1}}.loans-product-column__button{flex-direction:column;justify-content:space-evenly}@media screen and (min-width:63.9375em){.loans-product-column__button{margin-left:auto;text-align:right;margin-right:24px}}@media screen and (min-width:46em) and (max-width:63.93625em){.loans-product-column__button{display:flex;flex-direction:row-reverse;padding-top:1em;display:-webkit-flex;-webkit-flex-direction:row-reverse;-webkit-justify-content:space-around}}.loans-product-column__click-hack{pointer-events:none}@media screen and (min-width:46em) and (max-width:63.93625em){.loans-product-column__click-hack{margin-left:110px;margin-right:110px}}.loans-product-column__click-hack a,.loans-product-column__click-hack button{pointer-events:auto}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}hr{width:100%;max-width:73.4rem;height:0;border-right:0;border-top:0;border-left:0;margin:1rem auto;clear:both;box-sizing:content-box}hr,hr .dark{border-bottom:1px solid #cacaca}.blue-hr{background-color:#0075be;margin:20px 0;height:1px}.blue-hr--big{height:4px}
.special-ribbon{background:#c81414;color:#fff;line-height:1.9;position:absolute;padding:0 .75em;font-size:.75rem;text-align:center;white-space:nowrap}.special-ribbon:before{border-style:solid;border-color:#820e0e transparent transparent;border-width:1em 0 0 1em;bottom:-1em;content:"";display:block;left:0;position:absolute}.special-ribbon:after{bottom:0;border:.9em solid #c81414;border-left-width:0;border-right-color:transparent;content:"";display:block;position:absolute;right:-.9em;z-index:1}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.margin-right{margin-right:.5em}.edit-button{color:#0075be}.edit-icon{margin-top:-5px;vertical-align:middle}
.screen-reader-only{display:none}form label{line-height:1.4;padding-bottom:1em}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.checkbox-wrapper{position:relative;display:inline-flex;cursor:pointer}.checkbox{margin-right:.5rem;padding:0;position:absolute;left:-999em}.checkbox:checked+.checkbox-title:before{color:#0075be}.checkbox:checked+.checkbox-title.white:before{color:#fefefe}.checkbox-title,.checkbox-title:before{display:inline-flex;align-items:center}.checkbox-title:before{content:"\2713";margin-right:.5em;width:1.25em;height:1.25em;justify-content:center;border:.0625rem solid #cacaca;border-radius:.125rem;color:transparent}
/* !! This isn't synced to _input.scss */
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.checkbox-wrapper{position:relative;display:inline-flex;cursor:pointer}.checkbox{margin-right:.5rem;padding:0;position:absolute;left:-999em}.checkbox:checked+.checkbox-title:before{color:#0075be}.checkbox:checked+.checkbox-title.white:before{color:#fefefe}.checkbox-title,.checkbox-title:before{display:inline-flex;align-items:center}.checkbox-title:before{content:"\2713";margin-right:.5em;width:1.25em;height:1.25em;justify-content:center;border:.0625rem solid #cacaca;border-radius:.125rem;color:transparent}.checkbox--space-right{margin-right:.5rem}
@charset "UTF-8";
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.dropdown-wrapper{margin:0 0 1em;align-items:center;border-radius:.25em;position:relative;border:.0625rem solid #929ba9;overflow:visible}.dropdown{height:2.4375rem;padding:.5rem;border:0;margin:0;font-size:1rem;font-family:inherit;line-height:normal;color:#0a0a0a;background-color:#fefefe;border-radius:0;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.…nts='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");background-size:9px 6px;background-position:right -1rem center;background-origin:content-box;background-repeat:no-repeat;padding-right:1.5rem;width:100%}.dropdown-icon{pointer-events:none;display:flex;justify-content:center;align-items:center;background-color:#0075be;width:10%;height:100%;position:absolute;right:0;top:0;border-top-right-radius:.25em;border-bottom-right-radius:.25em}.dropdown-icon:after{content:"";display:inline-block;border-left:.125rem solid #0075be;border-top:.125rem solid #0075be;width:.75em;height:.75em;position:absolute;left:50%;top:40%;transform-origin:0 0;transform:rotate(225deg) translate(-50%,-50%);border-color:#fff}
label>.radiobutton{margin:0}.radiobutton-title{margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}.horizontal,.radiobutton-title{display:inline-block}
.textarea{margin:0 0 1rem}
.title-direction-left{display:flex}.title-direction-left label{display:flex;justify-content:center;align-items:center;margin-right:.5rem}
.screen-reader-only{display:none}
.screen-reader-only{display:none}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.popover{position:absolute;top:0;left:-329px;z-index:1060;width:350px;max-width:350px;padding:1px;background-color:#fff;border-radius:4px;box-shadow:0 0 2px 0 rgba(0,25,40,.12),0 2px 2px 0 rgba(0,25,40,.07)}@media screen and (max-width:63.93625em){.popover{position:fixed;overflow-y:auto;top:auto!important;left:0!important;bottom:0;right:0;width:100%!important;z-index:1060;max-width:100%;padding:1px;background-color:#fff;border-radius:4px 4px 0 0;box-shadow:0 0 2px 0 rgba(0,25,40,.12),0 2px 2px 0 rgba(0,25,40,.07)}.popover .arrow{display:none}.popover.right{margin-left:0!important}}.popover.top{margin-top:-11px}.popover.right{margin-left:11px}.popover.bottom{margin-top:11px}.popover.left{margin-left:-11px}.popover__close-button{text-align:right;cursor:pointer;box-sizing:border-box;height:16px;width:16px;position:absolute;top:16px;right:16px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:rgba(0,25,40,.12)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-right-color:rgba(0,25,40,.12)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.popover.top>.arrow{right:50%;bottom:-11px;margin-top:-11px;border-right-width:0}.popover.top>.arrow:after{content:"";border-style:solid;border-width:8px 8px 0;border-color:#fff transparent;bottom:-8px;left:-8px}.popover-container{position:relative;display:inline-block;margin:auto 0;line-height:0;vertical-align:middle}.popover-content{text-align:left;position:relative;padding:24px 56px 24px 32px}.has-pop{width:1.4em;height:1.4em}.has-pop,.has-pop--small{display:inline-flex;justify-content:center;align-items:center;color:#0075be;border-radius:50%;margin:0 .25em;cursor:pointer}.has-pop--small{width:1.2em;height:1.2em}.has-pop--reverse{color:#fefefe;background-color:#0075be}.has-pop__inline{display:inherit;width:auto;margin:0}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.image-overlay{position:relative;display:inline-flex;align-items:center}.image-overlay__content{position:absolute;max-width:100%;padding:1em;left:0;right:0;margin-left:auto;margin-right:auto}.image-overlay__content--right-fifty{position:absolute;max-width:50%;padding:1em;right:0}.image-overlay__content--left-fifty{position:absolute;max-width:50%;padding:1em;left:0}.static-banner{display:flex;justify-content:center;position:relative}.static-banner__left{position:absolute;top:.1rem;left:.4rem}@media screen and (min-width:46em) and (max-width:63.93625em){.static-banner__left{top:1.365rem;left:1rem}}@media screen and (min-width:63.9375em){.static-banner__left{top:1.365rem;left:3rem}}.static-banner__center{position:absolute;top:4rem}@media screen and (min-width:63.9375em){.static-banner__center{top:4.365rem;left:17rem}}@media screen and (min-width:46em) and (max-width:63.93625em){.static-banner__center{left:.3rem}}.card-summary-cta__special-ribbon{position:relative}.card-summary-cta__special-ribbon .special-ribbon{right:50%;top:70%;transform:translate(-15%)}@media screen and (min-width:46em) and (max-width:63.93625em){.card-summary-cta__special-ribbon .special-ribbon{right:5%;top:40%}}@media screen and (min-width:63.9375em){.card-summary-cta__special-ribbon .card-summary-cta__ribbon-image{max-width:none}}.full-width-image{display:block;margin-left:auto;margin-right:auto;width:100%}@media screen and (min-width:1921px){.image-at-4k{max-height:375px;object-fit:cover}}@media screen and (min-width:1921px){.banner-position-4k-1{object-position:50% 10%}}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.compareAdd a.visited,.compareAdd a:link,.compareAdd button{font-size:.875rem;line-height:1rem;letter-spacing:.01562rem;font-weight:300;text-transform:uppercase;font-weight:600;color:#0075be}.compareAdd a:active,.compareAdd a:hover,.compareAdd button:active,.compareAdd button:hover{color:#00436c}.compareAdd a span,.compareAdd button span{width:20px;height:20px;min-width:20px;min-height:20px;padding:0;margin:0;margin-right:10px}
/* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.product-column{font-size:18px;box-shadow:0 2px 2px rgba(0,25,40,.2);border-radius:4px;margin:auto;font-weight:100;margin-top:1.5em;margin-bottom:1.5em;align-self:center}@media print,screen and (min-width:63.9375em){.product-column{margin-left:2em;margin-right:2em}}.product-column__heading{display:flex;align-items:center;justify-content:center;margin-top:1em;margin-bottom:1em;background-color:#f5f6f7;padding-left:1em;padding-right:1em}.product-column__heading .icon-left{margin-right:12px}.product-column__heading__text{margin-top:4px;margin-bottom:4px;padding-top:8px;padding-bottom:8px;font-size:1.125rem;line-height:1.5rem;letter-spacing:.00937rem;font-weight:300;font-weight:500}.product-column__card-title{flex-direction:column;padding-top:24px;text-align:center;font-size:24px;line-height:32px;font-weight:300;padding-left:1.5em}.product-column__card-title sup{font-size:.7em}@media print,screen and (min-width:63.9375em){.product-column__card-title{padding-left:2.5em;text-align:left}}.product-column__card-title__text{margin-bottom:0;line-height:32px}.product-column__card-title__icon{justify-content:center;padding-bottom:1em;padding-top:4px}@media print,screen and (min-width:63.9375em){.product-column__card-title__icon{display:block;line-height:0}}.product-column__features{padding-left:1.5em;padding-right:1.5em;padding-bottom:1.5em;flex-direction:column;width:auto;display:flex}@media print,screen and (min-width:63.9375em){.product-column__features{flex-direction:row;padding-left:56px}}.product-column__features__image{margin-bottom:1em;height:160px;width:254px}.product-column__features__image__image-container{display:flex;flex-direction:column;align-self:center;margin-bottom:2em}@media print,screen and (min-width:63.9375em){.product-column__features__image__image-container{min-width:254px;align-self:flex-start}}.product-column__features__list{max-width:850px;list-style:none;margin-bottom:16px}@media print,screen and (min-width:63.9375em){.product-column__features__list{padding-left:15px;padding-right:5em;min-width:250px;max-width:620px}}.product-column__features__list .list-icon{margin-top:.25em}.product-column__features__list__container{display:flex;flex-direction:row;margin-left:.3em}@media print,screen and (min-width:46em){.product-column__features__list__container{margin-left:2.3em}}.product-column__features__list__heading{font-weight:400;margin-bottom:.2em;text-align:left;margin-left:2.4em}@media print,screen and (min-width:46em){.product-column__features__list__heading{margin-left:4.4em}}.product-column__features__list__text{font-weight:300;text-align:left;max-width:100%;font-size:16px;line-height:24px;letter-spacing:.15px}.product-column__features__list__text span.has-tip.weight-bold{font-weight:400;color:#001928}.product-column__features__list__item{margin-bottom:1em}.product-column__features__list__item:last-child{margin-bottom:0}.product-column__content{display:flex;flex-direction:row;padding-bottom:16px;padding-top:16px;border-top:.0625rem solid #d9dce1;margin-left:1em;margin-right:1em}@media print,screen and (min-width:63.9375em){.product-column__content{border-top:none;margin-left:auto;margin-right:auto;max-width:80%}}.product-column__content__items{border-right:.0625rem solid #d9dce1;margin-bottom:16px;align-items:center;-ms-flex:50;flex:50;padding-left:16px;padding-right:16px}.product-column__content__items__rate{font-weight:400}.product-column__content__items__rate-content{font-size:16px}@media screen and (max-width:45.99875em){.product-column__content__items__rate-content{font-size:14px}}.product-column__content__items:last-child{border-right:0}.product-column__footer{font-size:.8rem;font-weight:100;border-spacing:1em;padding-top:16px;padding-bottom:16px;margin-left:1em;margin-right:1em;border-top:.0625rem solid #d9dce1}@media print,screen and (min-width:63.9375em){.product-column__footer{padding-top:24px;padding-bottom:32px;margin-left:50px;margin-right:50px;border-top:.0625rem solid #d9dce1}}.product-column__button{flex-direction:column;justify-content:space-evenly}@media print,screen and (min-width:63.9375em){.product-column__button{margin-left:auto;text-align:right;margin-right:24px}}@media screen and (min-width:46em) and (max-width:63.93625em){.product-column__button{display:flex;flex-direction:row-reverse;padding-top:1em;display:-webkit-flex;-webkit-flex-direction:row-reverse;-webkit-justify-content:space-around}}.product-column__click-hack{pointer-events:none}@media screen and (min-width:46em) and (max-width:63.93625em){.product-column__click-hack{margin-left:110px;margin-right:110px}}.product-column__click-hack a,.product-column__click-hack button{pointer-events:auto}.product-column-featured{border-radius:4px;background-color:#fff;box-shadow:0 0 2px 0 rgba(0,25,40,.12),0 2px 2px 0 rgba(0,25,40,.07);padding-bottom:2em}.product-column-featured__main-container{-webkit-transform:translateY(-5rem);transform:translateY(-5rem);margin-bottom:-4rem}.product-column-featured__main-heading{display:inline-block;width:310px;padding-left:1em;padding-right:1em;padding-top:.5em}.product-column-featured__main-heading--card-title{font-size:24px;font-weight:700;line-height:32px;text-align:center}.product-column-featured__feature-container{width:360px;display:inline-block}.product-column-featured__feature-container--feature-description{font-size:16px;font-weight:300;letter-spacing:.15px;line-height:24px;text-align:center}.product-column-featured__offer-container{padding-left:24px;padding-right:24px}.product-column-featured__offer-heading{font-weight:400;margin-bottom:.1em;text-align:left;margin-left:2.2em}.product-column-featured__offer-list-content{display:flex;flex-direction:row}.product-column-featured__offer-icon{margin-top:.25em}.product-column-featured__offer-text{text-align:left;max-width:100%;font-size:16px;line-height:24px;font-weight:300}.product-column-featured__image{margin-bottom:1em;height:160px;width:254px}.product-column-featured__image__image-container{align-self:center;margin-bottom:2em}@media print,screen and (min-width:63.9375em){.product-column-featured__image__image-container{min-width:254px}}.product-column-featured__terms-hr{width:335px}@media screen and (max-width:45.99875em){.product-column-featured__terms-hr{width:300px}}.product-column-featured__terms-item-border{border-right:1px solid #d9dce1;margin-top:1em;margin-bottom:1em}.product-column-featured__rate-size{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400}.product-column-featured__terms-size{font-size:14px;line-height:18px;letter-spacing:.25px;text-align:center;font-weight:300}.product-column-featured__requirements-container{padding-top:1.5em}.product-column-featured__requirements-text{font-size:12px;font-weight:300;letter-spacing:.25px;line-height:24px;text-align:center;padding-left:40px;padding-right:40px}.product-column-featured__button-container{pointer-events:none;text-align:center}.product-column-featured__button{pointer-events:auto;border-radius:5em!important;height:56px;width:215px;padding:1em;font-weight:700;letter-spacing:.25px;line-height:24px;text-align:center;justify-content:center;align-items:center;display:inline-flex}.product-column-featured__fixed-height-1{height:44px;margin-top:32px;margin-bottom:8px}
.outline-focus:focus-within{outline:2px solid #0075be}

.input-radio{margin:0}.input-wrap.input-radio input[type=radio]{position:absolute;left:-5px;opacity:0;margin-top:-4px;width:24px;height:24px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:2px solid #646c76;border-radius:24px}.input-wrap.input-radio input[type=radio]:checked{opacity:0}.input-wrap.input-radio input[type=radio].show-for-sr{height:1px;width:1px}.input-wrap.input-radio>div>label,.input-wrap.input-radio>label{position:relative;margin-left:12px;color:#001928;font-size:1rem;font-weight:300;letter-spacing:.15px;line-height:24px;display:block;margin-bottom:24px;margin-top:-8px}.input-wrap.input-radio>div>label:before,.input-wrap.input-radio>label:before{content:"";position:relative;top:8px;left:-12px;display:inline-block;width:24px;height:24px;border:2px solid #646c76;border-radius:24px;box-sizing:border-box;transition:background-color .25s ease-in-out;transition:border .25s ease-in-out}.input-wrap.input-radio>div>label:hover,.input-wrap.input-radio>label:hover{cursor:pointer}.input-wrap.input-radio>label.display-inline-horizontal{display:inline;margin-left:32px}@media screen and (max-width:47.9375rem){.input-wrap.input-radio>label.display-inline-horizontal{margin-left:12px;margin-right:24px}}@media screen and (min-width:64rem){.input-wrap.input-radio>label.display-inline-horizontal.lg-ml--1{margin-left:16px}}.input-wrap.input-radio>label.alignment-fix:before{vertical-align:top;top:0}.input-wrap.input-radio>label.alignment-fix span{display:inline-block;width:calc(100% - 24px)}.input-wrap.input-radio>label.no-margin{margin-top:0;margin-left:0}.input-wrap.input-radio .input-helper-text{margin-left:0}.input-wrap.input-radio input.has-error:checked+div>label:before,.input-wrap.input-radio input.has-error:checked+label:before,.input-wrap.input-radio input:checked+div>label:before,.input-wrap.input-radio input:checked+label:before{background-color:#fff;border:6px solid #0075be!important}.input-wrap.input-radio input.has-error+div>label:before,.input-wrap.input-radio input.has-error+label:before{border:2px solid #c81414!important}.input-wrap.input-radio input:disabled+div>label:before,.input-wrap.input-radio input:disabled+label:before{border:2px solid #646c76;background-color:#d5d8de}.input-wrap.input-radio input:checked:disabled+label:before{background-color:#d9dce1;border:6px solid #646c76!important}.input-wrap.input-radio input:focus+div>label:before,.input-wrap.input-radio input:focus+label:before{background-color:transparent;border:none!important;box-shadow:0 0 4px 3px #007096}.input-wrap.input-radio input[type=radio]:checked:focus+div>label:before,.input-wrap.input-radio input[type=radio]:checked:focus+label:before{background-color:#fff;border:6px solid #0075be!important}.input-wrap.input-radio>.error-message{margin-top:-10px;margin-left:0}.input-wrap.input-radio-a11y-fix>label{display:inline-block}.input-wrap.box-radio-wrap .error-message{margin-top:8px;margin-left:0}.input-wrap.box-radio-wrap .has-error+label.box-radio-label{border-color:#c81414}.input-wrap.box-radio-wrap input[type=radio]{display:inline-block;opacity:0;width:1px;height:1px;position:absolute}.input-wrap.box-radio-wrap input+label.box-radio-label{display:inline-block;font-size:.875rem;font-weight:700;color:#0075be;border:2px solid #646c76;border-radius:4px;cursor:pointer;transition:all .3s ease;padding:8px 16px;margin-right:16px;margin-bottom:16px;text-transform:capitalize;line-height:16px}.input-wrap.box-radio-wrap input+label.box-radio-label.has-error{border:2px solid #c81414}.input-wrap.box-radio-wrap input+label.box-radio-label:disabled{border:2px solid #646c76;color:#646c76}.input-wrap.box-radio-wrap input+label.box-radio-label.sm-px--2{padding-left:2rem;padding-right:2rem}.input-wrap.box-radio-wrap input+label.box-radio-label:focus{background:#0075be;border:2px solid #0075be;color:#fff;box-shadow:0 0 4px 3px rgba(115,195,235,.35)}.input-wrap.box-radio-wrap input[type=radio]:checked+label,.input-wrap.box-radio-wrap input[type=radio]:checked:focus+label,.input-wrap.box-radio-wrap input[type=radio]:hover+label{background:#0075be;border:2px solid #0075be;color:#fff}.input-wrap.box-radio-wrap input[type=radio]:checked:focus+label,.input-wrap.box-radio-wrap input[type=radio]:focus+label{border:2px solid #73c3eb;box-shadow:0 0 4px 3px rgba(115,195,235,.35)}.input-wrap.box-radio-wrap input[type=radio]:disabled+label{border:2px solid #929ba9;color:#646c76;cursor:default;background-color:transparent}.input-wrap.box-radio-wrap input[type=radio]:checked:disabled+label{border:2px solid #646c76;color:#fff;background-color:#646c76}.input-wrap.box-radio-wrap input[type=radio]+label:hover{background:#0075be;border:2px solid #0075be;color:#fff}.required-fieldset{border:none;margin-inline-start:0}


@charset "UTF-8";
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * 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.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: 'Kulb';
  src: url("/dist/fonts/Klub08-Normal.otf") format("opentype"), url("/dist/fonts/Klub08-Normal.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbmedium';
  src: url("/dist/fonts/Klub08-Medium.otf") format("opentype"), url("/dist/fonts/Klub08-Medium.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbblack';
  src: url("/dist/fonts/Klub08-Black.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbblond';
  src: url("/dist/fonts/Klub08-Blond.otf") format("opentype"), url("/dist/fonts/Klub08-Blond.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbbold';
  src: url("/dist/fonts/Klub08-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbsemibold';
  src: url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"), url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype"); }

.lending-home-page .breadcrumbs {
  display: flex; }
  .lending-home-page .breadcrumbs ul {
    padding: 0px; }
    .lending-home-page .breadcrumbs ul li {
      display: none; }
      @media screen and (min-width: 76.5625em) {
        .lending-home-page .breadcrumbs ul li {
          display: inline-flex; } }
    .lending-home-page .breadcrumbs ul li:nth-last-child(2) {
      display: inline-flex; }
      @media screen and (max-width: 76.56125em) {
        .lending-home-page .breadcrumbs ul li:nth-last-child(2):before {
          content: '';
          display: block;
          width: 24px;
          height: 24px;
          background: url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) svg {
          display: none; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) a {
          padding: 0;
          font-size: 16px;
          margin-left: 5px; } }

.lending-home-page .design-language .font-size-large.intro-heading-line-height {
  line-height: 30px; }

.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small {
  color: #001928; }

.lending-home-page .banner-blue-promo-box {
  padding: 24px;
  padding: 20px; }

.lending-home-page .promo-box-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.15px;
  font-weight: 400 !important;
  margin: 0; }

.lending-home-page.background-grey {
  padding-top: 30px; }
  .lending-home-page.background-grey .hmc-wrapper {
    border: 1px solid #ccc;
    padding-bottom: 40px;
    padding-bottom: 20px; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
  padding-left: 3em;
  padding-right: 0 !important; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
  left: 1em;
  right: auto; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
  padding-left: 3em; }

@media screen and (max-width: 45.99875em) {
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__item {
    padding-right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
    padding-left: 0;
    padding-right: 3em !important; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
    left: auto;
    right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
    padding-left: 0; } }

@media screen and (max-width: 89.99875em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 50%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 42%; } }

@media screen and (max-width: 63.93625em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 25%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .cta-text {
    height: 72px; } }

/*  #########################################################################  */
/*  #### Generic: Low-specificity, far-reaching rulesets (e.g. resets). ####  */
/*  #########################################################################  */
/**
  * Grid fix for foundation
  * This is temporary since there is a fix in the next version.
  * Originally in file _flex-grid.scss
  */
.column.row.row,
.row.row.columns {
  display: flex; }

/**
  * 1. Set the max width for different screen sizes.
  */
.row,
.container {
  max-width: 42.5rem;
  /* 1 */ }
  @media screen and (min-width: 63.9375em) {
    .row,
    .container {
      max-width: 75rem;
      /* 1 */ } }

/**
  * Align the contaner in the center.
  */
.container {
  margin-right: auto;
  margin-left: auto; }

/**
  * Prevent breaking phone number links
  */
[href^='tel:'] {
  white-space: nowrap; }
  @media screen and (min-width: 63.9375em) {
    [href^='tel:'] {
      /* pointer-events: none; */
      text-decoration: none; } }

/*  ############################################  */
/*  #### Elements: Unclassed HTML elements ####  */
/*  ############################################  */
/**
 * 1. Dumbs the 'html-content-map' variables into the html elements before pseudoelement.
 *     This is used to have access to sass data in the javascript.
 *     To add more data edit the _settings.scss file at the bottom and add your data.
 */
html::before {
  content: '{"colors":{"primary":{"ultramarine":"#005587","default":"#0075BE","access":"#0075be","cerulean":"#73c3eb","azure":"#bedceb","slate":"#001928","granite":"#646c76","grey":"#929ba9","light-grey":"#d9dce1","albicant":"#f5f6f7","white":"#FEFEFE","porcelain":"#f4f6f7","polar":"#e6f9fe"},"complimentary":{"sky-blue":"#009ec9","poolside":"#2cbfc1","lilac":"#6a88c3","retrospect":"#00e7b4","olive":"#c3c070","orchid":"#d061a1","sunflower":"#ffc827","maraschino":"#e9425f","pal":"#0079c1"},"feedback":{"negative":"#c81414","negative-dark":"#820e0e","positive":"#0b8224"}},"spacing":{"xx-small":"0.125em","x-small":"0.25em","small":"0.5em","medium":"0.75em","large":"1em","x-large":"1.25em","xx-large":"1.5em","xxx-large":"2em","unit-2x":"2em","unit-2-point-5x":"2.5em","unit-3x":"3em","unit-4x":"4em","unit-5x":"5em","unit-6x":"6em","unit-8x":"8em","unit-10x":"10em","unit-11x":"11em","unit-12x":"12em","unit-15x":"15em","unit-16x":"16em","unit-18x":"18em","unit-20x":"20em"},"font":{"numeric-unicode-range":["U+0025","U+0030-0039"],"primary":["Heebo","sans-serif"]},"breakpoints":{"small":0,"medium":736,"large":1023,"xlarge":1225,"xxlarge":1440}}';
  position: absolute;
  z-index: -9999;
  visibility: hidden;
  display: none; }

ul {
  margin: 0;
  padding: 0; }

ol,
ul ol {
  padding-left: 1em;
  margin: 0; }

li {
  /**
   * List with the attribute [data-item-symbol] has a custom symbol for the 'bullet'.
   *
   * 1. Cannot be position static in order to place the ::before pseudo element.
   * 2. Remove the list styling since it will be custom.
   */ }
  li[data-item-symbol] {
    position: relative;
    /* 1 */
    list-style: none;
    /* 2 */
    /**
     * The pseudo element contains the actual symbol.
     *
     * 1. The symbol to display, cannot be html entity must be ACTUAL symbol.
     */ }
    li[data-item-symbol]::before {
      content: attr(data-item-symbol);
      /* 1 */
      position: absolute;
      left: -1rem; }

/**
 * As a general rule most iframes should be 100% width with no border (to look natural).
 * To control the size use a wrapper class.
 */
iframe {
  display: block;
  width: 100%;
  border: 0; }

/**
 * Make videos responsive,
 * they should never be larger then the parent.
 */
video {
  max-width: 100%; }

/**
 * Figures should not have an explicit margin set.
 */
figure {
  margin: 0; }

/**
 * 1. Allow padding to be added to links.
 *   This is still super unspecific and can be easily overwritten if needed.
 * 2. Give the anchors a more subtle color transition.
 *     Background used for megamenu and buttons.
 */
a {
  display: inline-block;
  /* 1 */
  transition: color 300ms ease, background-color 300ms ease;
  /* 2 */
  /**
   * 1. Anchors inside sup elements MUST be inline otherwise they break into the next line.
   */
  /**
   * 1. External links should have an external icon next to it, unless specified by a data[no-icon]
   */ }
  sup > a {
    display: inline;
    /* 1 */
    font-weight: 500; }
  a.external-link::after {
    display: inline-block;
    content: ' ';
    background-image: url("/dist/images/bmo-ext-link.png");
    background-size: 8px 8px;
    height: 8px;
    width: 8px;
    margin-left: 2px; }

/**
 * Make buttons have the pointer cursor to indicate functionality.
 */
button {
  cursor: pointer; }

/**
 * Rmove default fieldset styles
 */
fieldset {
  border: none; }

/**
 * Make all inputs 100%.
 * Size them with a wrapper.
 */
input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"] {
  width: 100%; }

/**
 * Foundation sets the border-box for all inputs to box sizing.
 * Undo that.
 */
input {
  box-sizing: border-box; }

/**
 * Picture is set to 'block' by default
 *   block fixes issues in IE11
 *   Modifying this because there's no instance of text next to picture
 *   We need to change that so it will adhere to its parent size.
 */
picture {
  display: block; }

sub,
sup {
  font-size: 70%; }

/**
 * 1. Override Foundations default offset with the one our designers specified.
 */
sup {
  top: -0.35em;
  /* 1 */ }

hr {
  width: 100%;
  max-width: 75rem !important; }

input::-webkit-calendar-picker-indicator {
  display: none; }

/*  ############################################  */
/*  #### Styles for organic components     ####  */
/*  ############################################  */
.card-summary-cta {
  /**
   * The ratios between:
   *  Image on left
   *  Content in middle
   *   and Cta on right
   */ }
  @media screen and (min-width: 46em) {
    .card-summary-cta {
      display: flex; } }
  .card-summary-cta__image {
    padding: 1em 0 0;
    text-align: center; }
    @media screen and (min-width: 46em) {
      .card-summary-cta__image {
        flex: 20;
        padding: 0; } }
  .card-summary-cta__contents {
    padding: 1em 2em 2em; }
    @media screen and (min-width: 46em) {
      .card-summary-cta__contents {
        flex: 50;
        padding: 0 2em; } }
  .card-summary-cta__ctas {
    padding: 1em 2em 2em; }
    @media screen and (min-width: 46em) {
      .card-summary-cta__ctas {
        flex: 30;
        border-left: 0.0625rem solid #cacaca;
        padding: 0 0 0 2em; } }
    .card-summary-cta__ctas--icon {
      display: table-cell;
      padding-right: 0.5em;
      vertical-align: middle; }
    .card-summary-cta__ctas--text {
      vertical-align: middle;
      display: table-cell; }

/**
 * The product table is the EDB product description table located on all the product pages.
 */
.product-feature-table {
  /**
    * The feature cells have borders to act as dividors.
    * There cannot be margins in between them to avoid adding space to the borders.
    */ }
  .product-feature-table__row {
    border-bottom: 0.0625rem solid #cacaca; }
    .product-feature-table__row:first-child {
      padding-top: .65em; }
  .product-feature-table__cell {
    padding-top: 1rem;
    padding-right: 0px;
    padding-bottom: 1rem;
    flex-grow: 1;
    display: block;
    /**
      * The first cells do not have padding tops to they align with the title.
      */ }
    @media screen and (min-width: 46em) {
      .product-feature-table__cell {
        padding-top: 2rem;
        padding-bottom: 2rem; } }
    .product-feature-table__cell--first {
      padding-top: 0; }
  .product-feature-table__list li:not(:first-child) {
    margin-top: 1em; }
  .product-feature-table__list strong {
    font-weight: 700; }
  .product-feature-table-section {
    margin-top: 4rem; }
    @media screen and (min-width: 63.9375em) {
      .product-feature-table-section {
        padding: 0 4rem; } }
  .product-feature-table sup {
    color: inherit; }

.have-questions {
  justify-content: center;
  display: inline-flex;
  flex-direction: column; }
  @media screen and (min-width: 63.9375em) {
    .have-questions {
      display: flex;
      flex-direction: row; } }
  .have-questions__extracopy {
    display: block;
    padding-left: 3.8em;
    padding-right: 1em; }

.info-block {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }
  .info-block__heading {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    text-align: center; }
  .info-block__sub-heading {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    text-align: center; }
  .info-block__content {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }

.legal-footer {
  padding: 1em;
  color: #6e6e6e;
  font-size: 0.75rem; }
  .legal-footer__list {
    margin-left: 1em; }
  .legal-footer__terms {
    margin-top: 1em; }
  .legal-footer p {
    margin-bottom: 0.25em; }

.on-this-page {
  background-color: #cacaca;
  border: 0.0625rem solid #cacaca;
  border-radius: 0.5em;
  padding: 1.25em;
  text-align: center; }
  .on-this-page__list {
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: space-around; }
  .on-this-page .chevron-down::after {
    margin-left: 0.625rem;
    border-left-width: 0.0625rem;
    border-top-width: 0.0625rem;
    transform: rotate(225deg) translate(-80%, -60%); }

.page-summary-cta {
  /**
     * The ratios between:
     *   Content Side
     *   and Cta Side
     */ }
  @media screen and (min-width: 46em) {
    .page-summary-cta {
      display: flex; } }
  @media screen and (min-width: 46em) {
    .page-summary-cta__contents {
      flex: 70;
      padding-right: 2em; } }
  .page-summary-cta__ctas {
    padding-top: 2em; }
    @media screen and (min-width: 46em) {
      .page-summary-cta__ctas {
        flex: 30;
        border-left: 0.0625rem solid #cacaca;
        padding-left: 2em;
        padding-top: 0; } }
    .page-summary-cta__ctas--icon {
      display: table-cell;
      padding-right: 0.5em;
      vertical-align: middle; }
    .page-summary-cta__ctas--text {
      vertical-align: middle;
      display: table-cell; }

/**
* The product table is the EDB product description table located on all the product pages.
*/
.product-table {
  /**
   * The wrapper goes arround the table and provides the border.
   * 1. Serve as the anchor for the product table icon.
   * 2. Dont let the border touch the edge of the screen because its rounded.
   */
  margin-top: 1em;
  margin-bottom: 1em;
  /**
   * The icon that floats just above the table.
   */
  /**
   * Reset foundation styles.
   */ }
  @media screen and (min-width: 46em) {
    .product-table {
      margin-bottom: 0;
      margin-top: 0; } }
  .product-table__wrapper {
    position: relative;
    /* 1 */
    max-width: 75rem;
    /* 2 */
    padding: 3em 0;
    border: 0.0625rem solid #cacaca;
    border-radius: 0.25em;
    margin: 5em 0.625em 0; }
    @media screen and (min-width: 76.5625em) {
      .product-table__wrapper {
        margin: 5em auto 0; } }
  .product-table__icon {
    position: absolute;
    top: 0;
    left: 50%;
    width: 8em;
    height: auto;
    padding: 0 1em;
    background: #FEFEFE;
    border-radius: 50%;
    transform: translate(-50%, -50%); }
    .product-table__icon--offer {
      position: absolute;
      top: 0;
      left: 50%;
      width: 8em;
      height: 6em;
      padding: 0 1em;
      background: #FEFEFE;
      border-radius: 50%;
      transform: translate(-50%, -4em); }
    .product-table__icon--small {
      position: absolute;
      top: 0;
      left: 50%;
      width: 6em;
      height: 4em;
      padding: 0 1em;
      background: #FEFEFE;
      border-radius: 50%;
      transform: translate(-50%, -50%); }
  .product-table__row {
    padding: 1em 0;
    border-bottom: 0.0625rem solid #cacaca;
    max-width: calc(100% - 4em) !important; }
    @media screen and (min-width: 46em) {
      .product-table__row {
        padding-top: 0;
        padding-bottom: 0.5em;
        border-bottom: none;
        border-right: 0.0625rem solid #cacaca;
        flex: 1; } }
    .product-table__row:last-child {
      border-bottom: 0 solid transparent;
      margin-bottom: 1em; }
      @media screen and (min-width: 46em) {
        .product-table__row:last-child {
          margin-bottom: 0; } }
    .product-table__row--no-border {
      border-right: 0 solid transparent; }
  .product-table__cell {
    position: relative;
    padding-top: 0.5em;
    padding-bottom: 0;
    display: block;
    font-weight: bold; }
    .product-table__cell--red-heading {
      color: #ed1c24;
      font-weight: 700; }
    .product-table__cell--size-font {
      font-size: 1.5em;
      font-weight: normal; }
    .product-table__cell-text {
      display: inline-block;
      font-size: 0.75rem; }
    .product-table__cell p {
      margin-bottom: 0; }
    .product-table__cell .monthly-fee-promo {
      font-size: .6em;
      top: -1em; }
    .product-table__cell .columns {
      padding: 0; }
  .product-table__offer {
    display: flex;
    justify-content: center;
    z-index: 10; }
    .product-table__offer-trigger {
      height: 2em;
      background-color: #FEFEFE; }
  .product-table sup {
    color: inherit; }

@media screen and (min-width: 46em) {
  .sticky-cta {
    height: 0 !important; } }

.sticky-cta-container {
  margin-top: -1em;
  padding-top: 1em;
  max-width: calc(100% - 4em); }
  @media screen and (min-width: 46em) {
    .sticky-cta-container {
      border-top: 0 solid transparent;
      margin-top: 0;
      padding-top: 0;
      max-width: 100%; } }
  .sticky-cta-container--border {
    border-top: 0.0625rem solid #cacaca;
    margin: auto; }
    @media screen and (min-width: 46em) {
      .sticky-cta-container--border {
        border-top: 0 solid transparent; } }

.sticky-cta .is-stuck {
  left: 0 !important;
  max-width: 100vw !important;
  width: 100vw;
  display: flex;
  background: #0075BE;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
  padding: 1rem 0; }
  @media screen and (min-width: 46em) {
    .sticky-cta .is-stuck {
      transform: translate3d(0, 0, 0) !important; } }

@media screen and (min-width: 46em) {
  .sticky-cta .is-anchored {
    transform: translate3d(0, -50%, 0) !important; } }

.sticky-cta__bar {
  width: 100%; }
  .is-stuck .sticky-cta__bar {
    width: 100%;
    max-width: 75em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2em; }
    @media screen and (min-width: 63.9375em) {
      .is-stuck .sticky-cta__bar {
        padding: 0; } }

.sticky-cta__page-title {
  display: none; }
  .is-stuck .sticky-cta__page-title {
    display: block; }
    .is-stuck .sticky-cta__page-title a {
      color: #FEFEFE;
      font-weight: normal; }

.sticky-cta__buttons {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-weight: normal; }
  .is-stuck .sticky-cta__buttons {
    flex-direction: row;
    align-items: center; }

.sticky-cta__button {
  margin-bottom: 1em;
  border-radius: 5em; }
  @media screen and (min-width: 46em) {
    .sticky-cta__button {
      padding-left: 1.5em;
      padding-right: 1.5em; } }
  @media screen and (min-width: 63.9375em) {
    .sticky-cta__button {
      padding-left: 2em;
      padding-right: 2em; } }

.is-stuck .sticky-cta__cta-caption {
  margin-right: 1em; }

.sticky-cta__caveat {
  padding: 0 2em; }

.sticky-cta__container-body {
  right: 0;
  width: 100%; }
  @media screen and (min-width: 46em) {
    .sticky-cta__container-body {
      transform: translate3d(0, -50%, 0) !important; } }

.product-table__row-item {
  padding: 1em 0;
  border-bottom: 0.0625rem solid #929ba9;
  max-width: calc(100% - 4em) !important; }
  .product-table__row-item:last-child {
    border: none; }
  @media screen and (min-width: 63.9375em) {
    .product-table__row-item {
      padding-top: 0;
      padding-bottom: 0.5em;
      border-bottom: none;
      border-right: 0.0625rem solid #929ba9;
      flex: 1; } }

.ready-to-bank {
  margin-top: 2em; }
  @media screen and (min-width: 46em) {
    .ready-to-bank {
      margin-top: 3em; } }
  @media screen and (min-width: 46em) {
    .ready-to-bank {
      margin-top: 5em; } }
  .ready-to-bank .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
  .ready-to-bank .row .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
  .ready-to-bank__body {
    padding-bottom: 2em; }
    @media screen and (min-width: 46em) {
      .ready-to-bank__body {
        margin-top: 2em;
        border-bottom: 0.056em solid #cacaca; } }
  .ready-to-bank__cta {
    padding: 0 1em;
    margin-bottom: 2em; }
    @media screen and (min-width: 46em) {
      .ready-to-bank__cta {
        margin-bottom: 0; } }
  .ready-to-bank__contact {
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 46em) {
      .ready-to-bank__contact {
        position: relative;
        border-left: 0.056em solid #cacaca;
        padding-left: 0;
        padding-right: 0; }
        .ready-to-bank__contact::before {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-left: -0.056em;
          top: 0;
          height: 0em;
          width: 0.056em; }
        .ready-to-bank__contact::after {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-left: -0.056em;
          bottom: 0;
          height: 0em;
          width: 0.056em; } }
    @media screen and (min-width: 46em) {
      .ready-to-bank__contact-modes {
        flex: 1; } }
    @media screen and (min-width: 46em) {
      .ready-to-bank__contact-modes:first-child {
        position: relative;
        border-bottom: 0.056em solid #cacaca;
        padding-left: 0;
        padding-right: 0; }
        .ready-to-bank__contact-modes:first-child::before {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-bottom: -0.056em;
          right: 0;
          bottom: 0;
          height: 0.056em;
          width: 2em; }
        .ready-to-bank__contact-modes:first-child::after {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-bottom: -0.056em;
          bottom: 0;
          right: 0;
          left: 0;
          height: 0.056em;
          width: 2em; } }
    .ready-to-bank__contact-mode {
      display: flex;
      align-items: center;
      justify-content: space-around; }
      @media screen and (min-width: 46em) {
        .ready-to-bank__contact-mode {
          text-align: left; } }
  .ready-to-bank__apply-online-cta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0 1.5em; }
  .ready-to-bank__apply-online-content {
    margin-bottom: 1em;
    width: 100%; }
  .ready-to-bank__icon-container {
    display: flex;
    align-items: flex-start;
    padding: 0; }
  .ready-to-bank__button-outline {
    margin: 1em 0;
    width: 100%; }
    @media screen and (min-width: 46em) {
      .ready-to-bank__button-outline {
        margin: 1em 0 0;
        width: auto;
        min-width: 14em; } }
  @media screen and (min-width: 46em) {
    .ready-to-bank__button-container {
      padding: 0; } }
  @media screen and (min-width: 46em) {
    .ready-to-bank__button-tel-link {
      text-align: left; } }
  @media screen and (min-width: 63.9375em) {
    .ready-to-bank__button-tel-link {
      color: #000; } }
  @media screen and (min-width: 46em) {
    .ready-to-bank__button-find-branch {
      text-align: left; } }
  .ready-to-bank__button-open-account {
    margin-bottom: 0.25em; }
  @media screen and (min-width: 63.9375em) {
    .ready-to-bank .phone-svg {
      width: 4em;
      height: 5em; } }
  @media screen and (min-width: 63.9375em) {
    .ready-to-bank .branch-svg {
      width: 5.5em;
      height: 4em; } }
  .ready-to-bank .main-heading {
    font-size: 2em; }
  .ready-to-bank .heading-em {
    margin-top: 0; }

.arrow-online {
  position: relative;
  height: 12.75em; }
  .arrow-online__svg {
    position: absolute; }
    .arrow-online__svg--curve {
      width: 3.1875em;
      right: 10em;
      height: 2.125em; }
    .arrow-online__svg--online {
      height: 100%;
      width: 100%;
      top: 1em;
      margin-top: -0.5em; }

.services-offered {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  .services-offered__service-wrapper {
    flex: 0 0 50%;
    max-width: 50%; }
    @media screen and (min-width: 46em) {
      .services-offered__service-wrapper {
        flex: 0 0 18%;
        max-width: 18%; } }
  .services-offered__service {
    padding-top: 1em;
    padding-bottom: 1em;
    margin: 0.5rem;
    background-color: #FEFEFE;
    text-align: center;
    border: 0.0625rem solid #FEFEFE;
    border-radius: 0.25em; }
    @media screen and (min-width: 46em) {
      .services-offered__service {
        padding-top: 2em;
        padding-bottom: 2em;
        margin: 0.75rem; } }
    .services-offered__service.has-tip {
      display: block;
      width: auto;
      height: auto;
      margin: 0.5rem;
      border-radius: 0.25em; }
    .services-offered__service:hover {
      border: 0.0625rem solid #0075BE; }
    .services-offered__service-icon, .services-offered__service .icon {
      font-size: 1.125rem;
      padding: 0;
      color: #0075BE; }
      @media screen and (min-width: 46em) {
        .services-offered__service-icon, .services-offered__service .icon {
          font-size: 2.25rem; } }
    .services-offered__service-text {
      margin-top: 0.5em;
      padding-left: 0.5em;
      padding-right: 0.5em;
      color: #001928;
      font-weight: 700;
      font-size: 0.875rem;
      min-height: 2.8em; }
      @media screen and (min-width: 46em) {
        .services-offered__service-text {
          padding-left: 1em;
          padding-right: 1em; } }
  .services-offered__tip.tooltip {
    font-size: 80%;
    padding: 0.75em;
    border-radius: 0.125rem;
    color: #FEFEFE;
    background: #001928;
    border-color: #001928;
    max-width: 16em !important; }
    .services-offered__tip.tooltip.top::before, .services-offered__tip.tooltip.top::after {
      border-top-color: #001928; }
    .services-offered__tip.tooltip.left::before, .services-offered__tip.tooltip.left::after {
      border-color: transparent transparent transparent #001928; }
    .services-offered__tip.tooltip.right::before, .services-offered__tip.tooltip.right::after {
      border-color: transparent #001928 transparent transparent; }
    .services-offered__tip.tooltip::before, .services-offered__tip.tooltip::after {
      border-bottom-color: #001928; }
    @media screen and (min-width: 46em) {
      .services-offered__tip.tooltip {
        max-width: 20em !important; } }

.sticky-nav {
  width: 100%;
  margin: 0 auto; }
  .sticky-nav .hide-on-page {
    display: none; }
  .sticky-nav .is-at-bottom {
    display: none; }
  .sticky-nav__bar {
    width: 100%;
    flex-direction: column;
    background: #FEFEFE; }
    .sticky-nav__bar .hide-on-page {
      display: none; }
    .sticky-nav__bar.is-stuck {
      /* stylelint-disable declaration-no-important */
      /* Overriding Foundation JS-generated inline styles */
      max-width: 100% !important;
      left: 0 !important;
      /* stylelint-enable */
      z-index: 1000;
      width: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FEFEFE;
      border-bottom: 0.0625rem solid #cacaca;
      box-shadow: 0 0.3125rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
      .sticky-nav__bar.is-stuck .hide-on-page {
        display: block; }
  .sticky-nav__title {
    /**
   *
   * $site is not set manually in our scss files.
   *
   * Variable $site is pulled from the config.js file and set to
   * config.site.replace(".com", "").replace("sites/", "").replace(".io", "")
   * by tasks/styles.js
   *
   **/
    margin-bottom: 0.25em; }
    @media screen and (min-width: 46em) {
      .sticky-nav__title {
        margin-bottom: 0; } }
    .is-stuck .sticky-nav__title {
      display: none; }
  .sticky-nav__page-title {
    padding: 0.5em 0;
    width: 100%;
    text-align: center; }
    .sticky-nav__page-title button {
      color: #fff; }
    @media screen and (min-width: 46em) {
      .sticky-nav__page-title {
        pointer-events: none;
        font-size: 1.37437rem; } }
    .sticky-nav__page-title-bar {
      background: #0075BE;
      color: #FEFEFE;
      display: none;
      width: 100%; }
      .is-stuck .sticky-nav__page-title-bar {
        display: block; }
    .sticky-nav__page-title-row {
      display: flex;
      justify-content: center;
      position: relative;
      /* Overriding Foundation nested row styles */ }
      .row .sticky-nav__page-title-row {
        width: 90%;
        margin: 0 auto !important; }
  .sticky-nav__cta {
    margin-right: 0;
    position: absolute;
    right: 0;
    background: #00436c;
    padding: 0.5em 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .sticky-nav__cta-prompt {
      padding: 0 1em;
      display: flex;
      align-items: center; }
      .sticky-nav__cta-prompt:hover {
        text-decoration: underline; }
      .sticky-nav__cta-prompt:active {
        text-decoration: underline; }
      .sticky-nav__cta-prompt:focus {
        text-decoration: underline; }
    .sticky-nav__cta-options {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: absolute;
      top: 100%;
      right: 0;
      z-index: 2; }
    .sticky-nav__cta-option {
      background: #00436c;
      padding: 0.5em 1em;
      width: 100%;
      border-top: 0.0625rem solid #6a88c3; }
    .sticky-nav__cta-anchor {
      color: #FEFEFE; }
      .sticky-nav__cta-anchor:hover {
        color: #FEFEFE;
        text-decoration: none; }
      .sticky-nav__cta-anchor:active {
        color: #FEFEFE;
        text-decoration: none; }
      .sticky-nav__cta-anchor:focus {
        color: #FEFEFE;
        text-decoration: none; }
    .sticky-nav__cta-icon {
      color: #00436c;
      margin-left: 1em;
      padding-top: 0.5em; }
    .sticky-nav__cta:hover {
      cursor: pointer; }
  .sticky-nav__page-nav-list {
    width: 100%; }
    @media screen and (min-width: 46em) {
      .sticky-nav__page-nav-list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; } }
  .sticky-nav__page-nav-col {
    padding-left: 0;
    padding-right: 0; }
  .sticky-nav__nav {
    display: flex;
    justify-content: center; }
    .sticky-nav__nav-list {
      display: flex;
      justify-content: center;
      flex-direction: column; }
      @media screen and (min-width: 46em) {
        .sticky-nav__nav-list {
          flex-direction: row; } }
      .is-stuck .sticky-nav__nav-list {
        display: none; }
        @media screen and (min-width: 46em) {
          .is-stuck .sticky-nav__nav-list {
            display: flex;
            justify-content: center; } }
      .is-stuck .sticky-nav__nav-list-chevron {
        display: none; }
        @media screen and (min-width: 46em) {
          .is-stuck .sticky-nav__nav-list-chevron {
            display: inline-flex; } }
    .sticky-nav__nav-item {
      list-style-type: none;
      text-align: center;
      position: relative;
      /*theme underline*/ }
      .is-stuck .sticky-nav__nav-item {
        border-bottom: 0.0625rem solid #cacaca; }
        .is-stuck .sticky-nav__nav-item:last-child {
          border-bottom: 0.0625rem solid #0075BE; }
      @media screen and (min-width: 46em) {
        .sticky-nav__nav-item {
          display: inline-block;
          margin: 0 0.75em;
          text-align: left;
          border-bottom: 0 solid transparent; }
          .sticky-nav__nav-item:last-child {
            border-bottom: 0 solid transparent; }
          .is-stuck .sticky-nav__nav-item {
            border-bottom: 0 solid transparent; }
            .is-stuck .sticky-nav__nav-item:last-child {
              border-bottom: 0 solid transparent; } }
      .sticky-nav__nav-item-anchor {
        width: 100%;
        padding: 0.75em 0;
        transition: none; }
        .sticky-nav__nav-item-anchor:hover {
          text-decoration: none; }
        .sticky-nav__nav-item-anchor:active {
          text-decoration: none; }
        .sticky-nav__nav-item-anchor:focus {
          text-decoration: none; }
        @media screen and (min-width: 46em) {
          .sticky-nav__nav-item-anchor {
            width: auto;
            padding: 0.5em 0; } }
        .is-stuck .sticky-nav__nav-item-anchor.is-active {
          color: #001928;
          text-decoration: none;
          background: #f2f2f2; }
          @media screen and (min-width: 46em) {
            .is-stuck .sticky-nav__nav-item-anchor.is-active {
              background: transparent;
              text-decoration: none; } }
      .sticky-nav__nav-item--underline {
        text-align: left;
        padding: 0 2em;
        border: 0 solid transparent; }
        .is-stuck .sticky-nav__nav-item--underline {
          border-bottom: 0 solid transparent; }
          .is-stuck .sticky-nav__nav-item--underline:last-child {
            padding-bottom: 1em; }
        @media screen and (min-width: 46em) {
          .sticky-nav__nav-item--underline {
            text-align: center;
            padding-left: 0;
            padding-right: 0; } }
        .sticky-nav__nav-item--underline-anchor {
          width: 100%;
          padding: 0.75em 0;
          transition: none;
          border-bottom: 0.125em solid #cacaca; }
          .sticky-nav__nav-item--underline-anchor:hover {
            text-decoration: none;
            border-color: #ed1c24; }
          .sticky-nav__nav-item--underline-anchor:focus {
            text-decoration: none; }
          .is-stuck .sticky-nav__nav-item--underline-anchor.is-active {
            color: #001928;
            text-decoration: none;
            border-bottom: 0.125em solid #ed1c24;
            /* stylelint-disable max-nesting-depth */
            /* Javascript adds classes, and I am following BEM naming conventions */
            /* stylelint-enable */ }
            @media screen and (min-width: 46em) {
              .is-stuck .sticky-nav__nav-item--underline-anchor.is-active {
                background: transparent;
                text-decoration: none; } }
  .sticky-nav__page-nav {
    width: 100%;
    font-size: 0.75em; }
    @media screen and (min-width: 46em) {
      .sticky-nav__page-nav {
        padding: 0.5em 0; } }
  .sticky-nav__anchor {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden; }
    @media screen and (min-width: 46em) {
      .sticky-nav__anchor {
        padding-top: 1.5em;
        margin-top: -1.5em; } }
    .sticky-nav__anchor--multi-line {
      padding-top: 3em;
      margin-top: -3em; }
      @media screen and (min-width: 46em) {
        .sticky-nav__anchor--multi-line-1 {
          padding-top: 3em;
          margin-top: -3em; } }
      @media screen and (min-width: 46em) {
        .sticky-nav__anchor--multi-line-2 {
          padding-top: 4.5em;
          margin-top: -4.5em; } }
      @media screen and (min-width: 46em) {
        .sticky-nav__anchor--multi-line-medium-1 {
          padding-top: 4.5em;
          margin-top: -4.5em; } }
      @media screen and (min-width: 46em) {
        .sticky-nav__anchor--multi-line-medium-2 {
          padding-top: 4.5em;
          margin-top: -4.5em; } }
      @media screen and (min-width: 63.9375em) {
        .sticky-nav__anchor--multi-line-large-1 {
          padding-top: 3em;
          margin-top: -3em; } }
      @media screen and (min-width: 63.9375em) {
        .sticky-nav__anchor--multi-line-large-2 {
          padding-top: 4.5em;
          margin-top: -4.5em; } }

.flyingdollar {
  width: 6.625rem;
  height: 6.75rem; }

.card-tap {
  fill: #1479be; }

.wallet-card {
  fill: #1479be; }

.stats {
  fill: #cacaca;
  width: 3em; }
  .stats--large {
    width: 6em; }

.small-business-lineofcredit {
  fill: #cacaca;
  width: 3em; }
  .small-business-lineofcredit--large {
    width: 6em; }

.laptop-money {
  fill: #cacaca; }

.business-building-1, .business-building-2, .business-building-3, .business-building-4 {
  fill: #cacaca; }

.money-bags-0 {
  fill: #FEFEFE; }

.money-bags-1 {
  fill: #d6e5ed; }

.money-bags-2 {
  fill: #b4cedb; }

.money-bags-3 {
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.money-bags-4 {
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.piggy-bank-0 {
  fill: #FEFEFE; }

.piggy-bank-1 {
  fill: #d6e5ed; }

.piggy-bank-2 {
  fill: #b4cedb; }

.piggy-bank-3 {
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.piggy-bank-4 {
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.svg {
  margin: 0 auto;
  fill: currentColor;
  z-index: 0; }
  @media screen and (min-width: 63.9375em) {
    .svg--horizontal-list {
      width: 6em; } }
  .svg-crown {
    width: 6em; }
    @media screen and (min-width: 63.9375em) {
      .svg-crown {
        width: 12em; } }
  .svg-cups {
    width: 6em; }
  .svg-wallet-card {
    width: 6em; }
  .svg-card-tap {
    width: 6em; }
  .svg-contact-bird {
    width: 6em; }
  .svg-help-me-choose {
    width: 6em; }
  .svg-laptop {
    width: 6em; }
  .svg-lightning-bolt {
    width: 6em; }
  .svg-peaks {
    width: 6em; }
  .svg-plane {
    width: 6em; }
  .svg-online {
    width: 54em;
    margin: auto; }
    @media screen and (min-width: 46em) {
      .svg-online {
        width: 36em; } }
    @media screen and (min-width: 63.9375em) {
      .svg-online {
        width: 54em; } }
  .svg-phone {
    width: 9em;
    margin: auto; }
    @media screen and (min-width: 46em) {
      .svg-phone {
        width: 6em; } }
    @media screen and (min-width: 63.9375em) {
      .svg-phone {
        width: 9em; } }
  .svg-branch {
    width: 15em;
    margin: auto; }
    @media screen and (min-width: 46em) {
      .svg-branch {
        width: 9em; } }
    @media screen and (min-width: 63.9375em) {
      .svg-branch {
        width: 15em; } }
  .svg-lock-icon {
    width: 4.2em; }

.cups-0 {
  fill: none;
  stroke: #FEFEFE;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.cups-1 {
  fill: none;
  stroke: #FEFEFE;
  stroke-width: 2;
  stroke-linecap: square;
  stroke-miterlimit: 10; }

.crown-0 {
  display: none;
  fill: url("#XMLID_30_"); }

.crown-1 {
  fill: #FEFEFE; }

.crown-2 {
  fill: #d6e5ed; }

.crown-3 {
  fill: #b4cedb; }

.crown-4 {
  fill: none;
  stroke: #1479be;
  stroke-width: 1.0575;
  stroke-linecap: round;
  stroke-miterlimit: 10; }

.contact-bird-0 {
  fill: url("#XMLID_23_"); }

.contact-bird-1 {
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.contact-bird-2 {
  clip-path: url("#XMLID_24_");
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.contact-bird-3 {
  clip-path: url("#XMLID_24_");
  fill: #d6e5ed; }

.contact-bird-4 {
  clip-path: url("#XMLID_24_");
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.contact-bird-5 {
  clip-path: url("#XMLID_25_");
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.contact-bird-6 {
  clip-path: url("#XMLID_26_");
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.contact-bird-7 {
  clip-path: url("#XMLID_27_");
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.peaks-0 {
  fill: none;
  stroke: #FEFEFE;
  stroke-width: 2;
  stroke-miterlimit: 10; }

.lightning-bolt-0 {
  fill: none;
  stroke: #FEFEFE;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.hmc-0 {
  fill: url("#XMLID_20_"); }

.hmc-1 {
  fill: #FEFEFE; }

.hmc-2 {
  fill: #d6e5ed; }

.hmc-3 {
  fill: #b4cedb; }

.hmc-4 {
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.hmc-5 {
  fill: none; }

.hmc-6 {
  clip-path: url("#XMLID_21_");
  fill: #FEFEFE; }

.hmc-7 {
  clip-path: url("#XMLID_22_");
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.hmc-8 {
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.briefcase-0 {
  display: none;
  fill: url("#XMLID_30_"); }

.briefcase-1 {
  fill: none; }

.briefcase-2 {
  fill: #FEFEFE; }

.briefcase-3 {
  fill: #d6e5ed; }

.briefcase-4 {
  fill: #b4cedb; }

.briefcase-5 {
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.wallet-0 {
  fill: none; }

.wallet-1 {
  display: none;
  fill: url("#XMLID_30_"); }

.wallet-2 {
  fill: #FEFEFE; }

.wallet-3 {
  clip-path: url("#XMLID_31_");
  fill: #FEFEFE; }

.wallet-4 {
  fill: #d6e5ed; }

.wallet-5 {
  fill: #b4cedb; }

.wallet-6 {
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.wallet-7 {
  clip-path: url("#XMLID_32_");
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.plane-0 {
  fill: none;
  stroke: #FEFEFE;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.diamond-0 {
  fill: #FEFEFE; }

.diamond-1 {
  fill: #d6e5ed; }

.diamond-2 {
  fill: #b4cedb; }

.diamond-3 {
  fill: none;
  stroke: #1479be;
  stroke-width: 1.0575;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

.plane-shade-0 {
  display: none; }

.plane-shade-1 {
  fill: #FEFEFE; }

.plane-shade-2 {
  fill: #b4cedb; }

.plane-shade-3 {
  fill: #d6e5ed; }

.plane-shade-4 {
  fill: none;
  stroke: #1479be;
  stroke-width: 1.0575;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

.usd-0 {
  fill: #d6e5ed; }

.usd-1 {
  fill: #FEFEFE; }

.usd-2 {
  fill: #b4cedb; }

.usd-3 {
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

.usd-4 {
  fill: #1479be; }

.money-hand {
  width: 60%;
  height: 6em; }

.ic-premium-rate {
  height: 4em; }

.id-ic {
  height: 8em;
  width: 100%; }

.timer-ic {
  height: 5em;
  width: 60%; }

.lock-ic {
  height: 5em;
  width: 60%; }

.fill-ic-calendar {
  fill: #0075be; }

.hmcValueHolder {
  margin-right: 1em;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.00937rem;
  font-weight: 300;
  font-weight: 400;
  margin-top: .5em; }
  @media screen and (min-width: 46em) {
    .hmcValueHolder {
      font-size: 1.125rem;
      line-height: 1.5rem;
      letter-spacing: 0.00937rem;
      font-weight: 300;
      font-weight: 400;
      line-height: 1.5em;
      letter-spacing: .15; } }

.hmcOptionsGroup {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
  margin-top: 1em; }
  .hmcOptionsGroup label.spacing-bottom:last-child {
    margin-bottom: .5em; }

.hmcQuestion {
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: .15;
  font-weight: 300; }

.hmcStartOver {
  width: 100%;
  text-align: center;
  padding-bottom: 50px; }
  .hmcStartOver a {
    font-weight: bold; }
  @media screen and (max-width: 45.99875em) {
    .hmcStartOver {
      padding-top: 30px; } }

/**
 * The tooltip class is a reserved class by foundation.
 * It actually points to the `tip` part, it should never be used standalone.
 *
 * 1. Use the standard box-shadow.
 *   TODO: Move it to settings.
 */
.tooltip {
  box-shadow: 0 0.3125rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
  max-width: 30em !important;
  border: 0.0625rem solid #cacaca;
  z-index: 10000;
  /**
    * This is for error
    */
  /**
   * This is a tooltip `text` that is actually an icon.
   *
   * 1. Tooltip text has by default a dotted border bottom to indicate it is a tooltip.
   *   but the icon itself is an indicator so the border is not needed.
   */
  /**
   * This is a tooltip `text` that is actually an svg.
   *
   * When we send text in as tooltip the line-height is slightly larger for the border-radius--circle.
   * We don't want that for the svg since it has it's own size defined so we overwrite it here.
   */
  /**
  *
  * DEFAULT Triangle
  * Note: Slightly larger triangle placed behind the actual triangle to create a border effect.
  *
  */
  /**
  *
  * DEFAULT Triangle
  * Note: Actual tooltip triangle.
  *
  */
  /**
  *
  * Foundation will add classes (.right .left .top) to tooltip depending on orientation
  *
  */
  /**
  *
  * TOP Triangle
  * Note: Slightly larger triangle placed behind the actual triangle to create a border effect. Using rgba as a workaround to
  * a weird pixel positioning bug.
  *
  */
  /**
  *
  * TOP Triangle
  * Note: Actual tooltip triangle.
  *
  */
  /**
  *
  * RIGHT Triangle
  * Note: Slightly larger triangle placed behind the actual triangle to create a border effect.
  *
  */
  /**
  *
  * RIGHT Triangle
  * Note: Actual tooltip triangle.
  *
  */
  /**
  *
  * LEFT Triangle
  * Note: Slightly larger triangle placed behind the actual triangle to create a border effect.
  *
  */
  /**
  *
  * LEFT Triangle
  * Note: Actual tooltip triangle.
  *
  */ }
  .tooltip--error {
    color: #FEFEFE !important;
    border-radius: 0.125rem;
    background-color: #6e6e6e;
    max-width: 20em !important;
    margin-top: 0; }
  .tooltip__icon {
    border-bottom: none; }
  .tooltip__svg {
    line-height: 1em; }
  .tooltip::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset .8rem;
    border-color: transparent transparent #cacaca;
    border-bottom-style: solid;
    border-top-width: 0;
    bottom: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .tooltip::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    border-color: transparent transparent #FEFEFE;
    border-bottom-style: solid;
    border-top-width: 0;
    bottom: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .tooltip.top::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset .8rem;
    border-color: rgba(202, 202, 202, 0.25) transparent transparent;
    border-bottom-style: solid;
    border-bottom-width: 0;
    top: 100%;
    bottom: auto; }
  .tooltip.top::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    border-color: #FEFEFE transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    top: 100%;
    bottom: auto; }
  .tooltip.right::before {
    border: inset .8rem;
    border-color: transparent #cacaca transparent;
    border-bottom-style: solid;
    border-left-width: 0;
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translateY(-50%); }
  .tooltip.right::after {
    border: inset .75rem;
    border-color: transparent #FEFEFE transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translateY(-50%); }
  .tooltip.left::before {
    border: inset .8rem;
    border-color: transparent transparent transparent #cacaca;
    border-left-style: solid;
    border-right-width: 0;
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translateY(-50%); }
  .tooltip.left::after {
    border: inset .75rem;
    border-color: transparent transparent transparent #FEFEFE;
    border-left-style: solid;
    border-right-width: 0;
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translateY(-50%); }

.has-tip {
  /**
    *
    * Make the tooltip icon sit inside of a circle. Text color is the BMO blue. This is the default.
    *
    */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #0075BE;
  border-radius: 50%;
  margin: 0 0.25em;
  cursor: default;
  width: 1.4em;
  height: 1.4em;
  /**
  *
  * Reverse the style to white text with BMO blue background color.
  *
  */
  /**
   * This is for tooltips `inline` text
   */ }
  .has-tip--small {
    /**
    *
    * Make the tooltip icon sit inside of a circle. Text color is the BMO blue. This is the default.
    *
    */
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #0075BE;
    border-radius: 50%;
    margin: 0 0.25em;
    cursor: default;
    width: 1.2em;
    height: 1.2em; }
  .has-tip--reverse {
    color: #FEFEFE;
    background-color: #0075BE; }
  .has-tip__inline {
    display: inline !important;
    margin: 0; }

.img-banner {
  position: relative;
  overflow-y: hidden; }
  .img-banner--text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    @media all and (max-width: 474px) {
      .img-banner--text h1 {
        font-size: 5vw; } }
    @media all and (min-width: 475px) and (max-width: 736px) {
      .img-banner--text h1 {
        font-size: 25px; } }
    @media screen and (min-width: 46em) {
      .img-banner--text h1 {
        font-size: 3vw; } }
    @media screen and (min-width: 63.9375em) {
      .img-banner--text h1 {
        font-size: 30px; } }
    @media all and (max-width: 449px) {
      .img-banner--text h3 {
        font-size: 3.5vw; } }
    @media all and (min-width: 450px) and (max-width: 736px) {
      .img-banner--text h3 {
        font-size: 15px; } }
    @media screen and (min-width: 46em) and (max-width: 63.93625em) {
      .img-banner--text h3 {
        font-size: 2vw; } }
    @media screen and (min-width: 63.9375em) {
      .img-banner--text h3 {
        font-size: 18px; } }

.product-comparison {
  color: #6e6e6e; }
  @media screen and (min-width: 63.9375em) {
    .product-comparison {
      width: auto;
      padding-top: .0625rem; } }
  .product-comparison__no-outline {
    outline: none; }
  .product-comparison__button {
    white-space: nowrap;
    width: 75%;
    margin: auto; }
    @media screen and (min-width: 63.9375em) {
      .product-comparison__button {
        width: 100%; } }
  .product-comparison__promo {
    padding-bottom: 1em; }
    .product-comparison__promo--red-heading {
      color: #ed1c24;
      font-weight: 700; }
    .product-comparison__promo-text {
      font-size: 0.75rem;
      display: block; }
  @media screen and (min-width: 63.9375em) {
    .product-comparison__carousel {
      margin-top: 2em;
      display: flex;
      flex-wrap: nowrap; } }
  @media screen and (min-width: 63.9375em) and (min-width: 46em) {
    .product-comparison__carousel {
      margin-top: 3em; } }
  .product-comparison__carousel.slick-dotted.slick-slider {
    margin-bottom: 1em; }
  .product-comparison__below-cta {
    padding-top: 1em;
    color: #6e6e6e; }
    .product-comparison__below-cta--form-link {
      color: #0075BE;
      border: none;
      padding: 0 !important;
      cursor: pointer; }
      .product-comparison__below-cta--form-link:hover {
        text-decoration: underline; }
    .product-comparison__below-cta--form-button-container {
      font-size: 0.9375rem;
      /* To match font size given in design */ }
  .product-comparison__item {
    padding: 0;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 63.9375em) {
      .product-comparison__item {
        flex: 1; } }
  .product-comparison__row {
    margin: 0 0.5em; }
  .product-comparison__row:first-child .product-comparison__cell {
    border-top: 0.0625rem solid #cacaca;
    border-radius: 0.25em 0.25em 0 0; }
  .product-comparison__row:last-child .product-comparison__cell {
    border-bottom: 0.0625rem solid #cacaca;
    border-radius: 0 0 0.25em 0.25em; }
  .product-comparison__row:last-child {
    height: 100%; }
  .product-comparison__cell {
    height: 100%;
    border-left: 0.0625rem solid #cacaca;
    border-right: 0.0625rem solid #cacaca;
    position: relative;
    padding: 0 1em; }
    .product-comparison__cell--header {
      margin-top: 3em;
      padding-top: 2em; }
      @media screen and (min-width: 63.9375em) {
        .product-comparison__cell--header {
          margin-top: 1em; } }
    .product-comparison__cell--value {
      border-left: 0.0625rem solid #cacaca;
      border-right: 0.0625rem solid #cacaca;
      position: relative;
      padding: 0 1em;
      padding: 1em; }
      .product-comparison__cell--value--header {
        margin-top: 3em;
        padding-top: 2em; }
        @media screen and (min-width: 63.9375em) {
          .product-comparison__cell--value--header {
            margin-top: 1em; } }
    .product-comparison__cell--flex {
      display: flex;
      flex-direction: column;
      align-items: center; }
  .product-comparison__heading {
    text-transform: uppercase; }
    .product-comparison__heading-small {
      text-transform: uppercase;
      font-size: 0.75rem; }
  .product-comparison__text {
    margin-bottom: 0; }
  .product-comparison__value {
    font-size: 0.75rem;
    min-height: 3em; }
  .product-comparison__value a {
    display: inline; }
  .product-comparison__feature {
    font-size: 2em;
    color: #001928;
    padding-top: 1em;
    /**
      *
      * $site is not set manually in our scss files.
      *
      * Variable $site is pulled from the config.js file and set to
      * config.site.replace(".com", "").replace("sites/", "").replace(".io", "")
      * by tasks/styles.js
      *
      **/ }
    .product-comparison__feature--numeric {
      font-size: 2em;
      color: #001928;
      padding-top: 1em; }
    .product-comparison__feature--fr-numeric {
      font-size: 2em;
      color: #001928;
      padding-top: 1em; }
  .product-comparison__feature-mid {
    font-size: 2em;
    color: #001928;
    padding-top: 1em;
    font-size: 1.6em; }
  .product-comparison__link {
    display: block;
    padding: 1em 0; }
  .product-comparison__tagline {
    min-height: 4em; }
    .product-comparison__tagline-small {
      font-size: 0.75rem;
      min-height: 6em; }
  .product-comparison__tagline-business {
    min-height: 7em; }
  .product-comparison__offer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 1em;
    min-height: 4em; }
    .product-comparison__offer-trigger {
      display: block;
      height: auto; }
  .product-comparison__nav {
    margin-bottom: 1em; }
    .product-comparison__nav .slick-dots {
      left: 0;
      bottom: auto; }
      .product-comparison__nav .slick-dots li button::before {
        font-size: 0.75rem; }
      .product-comparison__nav .slick-dots li.slick-active button::before {
        color: #0075BE;
        opacity: 1; }

.help-me-choose-cta {
  margin-top: 2em; }
  @media screen and (min-width: 46em) {
    .help-me-choose-cta {
      margin-top: 3em; } }
  .help-me-choose-cta--cta-button {
    min-width: 11.25rem;
    /*adjusted to ensure cta buttons are same size*/
    margin: 0.5em 0;
    width: 100%; }
    @media screen and (min-width: 46em) {
      .help-me-choose-cta--cta-button {
        margin: 0.5em 1em;
        width: auto; } }

.monthly-fee-promo {
  margin-top: 1em;
  position: absolute;
  color: #ed1c24;
  left: 50%;
  transform: translateX(-50%); }
  .monthly-fee-promo--hidden {
    visibility: hidden; }
  .monthly-fee-promo::before {
    position: absolute;
    content: "";
    left: 0;
    top: 40%;
    right: 0;
    transform: rotate(20deg);
    border-top: 0.0625rem solid #cacaca;
    border-color: inherit; }

.business-compare .product-comparison__tagline, .business-compare .product-comparison__tagline-small {
  min-height: 8em; }

.flyout-container {
  transition: 0.5s;
  box-shadow: 0 2px 8px 0 rgba(0, 25, 40, 0.04), 0 4px 24px 0 rgba(0, 25, 40, 0.1); }
  .flyout-container .design-language .error-message.has-error {
    visibility: visible;
    opacity: 1;
    display: block; }
  .flyout-container .design-language .error-message {
    width: 100%;
    min-width: 150px;
    font-weight: 500;
    line-height: 16px;
    color: #C81414;
    background-repeat: no-repeat;
    background-position: left 0 top 1px;
    opacity: 0;
    transition: all .3s ease;
    margin-top: 8px;
    display: none;
    margin-bottom: 6px;
    visibility: visible;
    opacity: 1;
    display: block; }
  .flyout-container .design-language input[type=text] {
    margin-top: 10px !important;
    border-bottom: 2px solid !important;
    border-bottom-color: rgba(9, 9, 9, 0.15) !important;
    width: 100%;
    height: 36px;
    line-height: 40px;
    white-space: nowrap;
    transition: all 0.3s ease-out;
    padding-top: 8px; }
  .flyout-container .design-language input {
    font-family: 'Heebo';
    font-size: 18px;
    color: #001928;
    vertical-align: middle; }
  .flyout-container .design-language .form-label-group {
    flex: 1 1 auto;
    position: relative;
    padding: 0px 0px 6px 0px;
    display: grid; }
  .flyout-container .design-language .form-label-group label.slide-label {
    z-index: 2;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    pointer-events: none;
    height: 42px;
    cursor: pointer;
    border-radius: 4px 0px 0px 4px;
    padding: 0 8px; }
  .flyout-container .design-language label.slide-label span.label-text {
    display: inline; }
  .flyout-container .design-language label.active-label span.label-text {
    padding: 0px;
    font-size: 14px;
    margin-top: -4px; }
  .flyout-container .design-language label.slide-label span.label-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #0079c1;
    transition: 0.3s ease-out; }
  .flyout-container .display-rate {
    font-size: 67px;
    line-height: 40px;
    letter-spacing: -0.65px; }
    @media screen and (max-width: 45.99875em) {
      .flyout-container .display-rate {
        font-size: 65px; } }
    .flyout-container .display-rate sup {
      font-size: 55%;
      top: -0.60em; }
  .flyout-container .display-rate-small {
    font-size: 34px; }
  .flyout-container .zipcode-form {
    justify-content: left;
    display: flex; }
  .flyout-container .flyout-content {
    overflow: hidden;
    height: auto; }
    @media screen and (max-width: 63.93625em) {
      .flyout-container .flyout-content {
        max-height: 400px;
        transition: 0.5s; } }
  .flyout-container .flyout-content.closed {
    max-height: 0; }

.oof-modal-bg {
  background-color: rgba(0, 0, 0, 0.8); }

@media screen and (min-width: 63.9375em) {
  .flyout-parent {
    flex-flow: unset;
    overflow: hidden; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .flyout-parent {
    max-width: unset; } }

@media screen and (min-width: 46em) {
  .flyout-side {
    margin-top: 16px;
    margin-bottom: 16px; } }

@keyframes fadeInOpacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  opacity: 1;
  animation-duration: 1s;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out; }

@media screen and (min-width: 46em) {
  .popped-table {
    width: 100%;
    display: table;
    text-align: center;
    table-layout: fixed; }
    .popped-table--border-bottom {
      border-bottom: .0625rem solid #d9dce1; }
    .popped-table--border-left {
      border-left: .0625rem solid #d9dce1; }
    .popped-table--border-right {
      border-right: .0625rem solid #d9dce1; }
    .popped-table--border-top {
      border-top: .0625rem solid #d9dce1; }
    .popped-table--table-head-body {
      table-layout: fixed;
      display: table;
      background-color: transparent; } }
    @media screen and (min-width: 46em) and (min-width: 46em) {
      .popped-table--table-head-body {
        width: 1090px; } }
    @media screen and (min-width: 46em) and (min-width: 63.9375em) {
      .popped-table--table-head-body {
        width: 1600px; } }

@media screen and (min-width: 46em) {
    .popped-table--column-static {
      display: table-cell;
      text-align: left;
      padding-top: 24px;
      padding-bottom: 24px;
      padding-right: 24px;
      background-color: #f5f6f7;
      position: static;
      left: 0px;
      z-index: 3; }
    .popped-table--column-sticky {
      display: table-cell;
      text-align: left;
      padding-top: 24px;
      padding-bottom: 24px;
      padding-right: 24px;
      background-color: #f5f6f7;
      position: sticky;
      left: 0px;
      z-index: 3; } }
    @media screen and (min-width: 46em) and (-ms-high-contrast: active) {
      .popped-table--column-sticky {
        position: absolute;
        left: 0px;
        top: auto;
        right: auto;
        bottom: auto;
        border: none;
        width: 20.5%;
        height: 20%; } }

@media screen and (min-width: 46em) {
      .popped-table--column-sticky__top::after {
        content: "";
        position: absolute;
        bottom: 100%;
        height: 33px;
        width: 100%;
        left: 0;
        background: #f5f6f7; }
      .popped-table--column-sticky__bottom::after {
        content: "";
        position: absolute;
        bottom: -33px;
        left: 0;
        width: 100%;
        height: 33px;
        border-radius: 0 0 4px 4px;
        background: #f5f6f7; }
    .popped-table--unpopped-cell {
      padding: 24px;
      text-align: center;
      vertical-align: middle;
      background-color: #fff; }
    .popped-table--popped-cell {
      position: relative;
      padding: 24px;
      text-align: center;
      vertical-align: middle;
      background-color: #fff; }
      .popped-table--popped-cell > div:not(.popover-container) {
        position: relative;
        z-index: 2; }
      .popped-table--popped-cell::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        box-shadow: 0 20px #fff, 0 -20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1);
        -webkit-box-shadow: 0 20px #fff, 0 -20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1); }
      .popped-table--popped-cell__top::after {
        content: "";
        position: absolute;
        bottom: 100%;
        height: 24px;
        width: 100%;
        left: 0;
        background: #fff;
        border-radius: 4px 4px 0 0;
        box-shadow: 0 20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1);
        -webkit-box-shadow: 0 20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1); }
      .popped-table--popped-cell__between::after {
        content: "";
        position: absolute;
        width: 100%;
        bottom: -1px;
        left: 0;
        z-index: 2;
        border-bottom: 1px solid #d9dce1; }
      .popped-table--popped-cell__between--content::after {
        content: ""; }
      .popped-table--popped-cell__between--element::after {
        position: absolute;
        width: 100%;
        bottom: -1px;
        left: 0;
        z-index: 2;
        border-bottom: 1px solid #d9dce1; }
      .popped-table--popped-cell__bottom::after {
        content: "";
        position: absolute;
        bottom: -24px;
        left: 0;
        width: 100%;
        height: 24px;
        border-radius: 0 0 4px 4px;
        background: #fff;
        box-shadow: 0 -20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1);
        -webkit-box-shadow: 0 -20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1); }
      .popped-table--popped-cell__container {
        position: relative;
        z-index: 2; }
  .slick-next.white-chevron-background:before {
    content: none; }
  .slick-next.slick-arrow.white-chevron-background {
    top: 60%;
    height: 4rem;
    width: 3rem;
    background-color: #FFF;
    z-index: 99;
    left: 97.5%;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem; } }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .slick-next.slick-arrow.white-chevron-background {
      border-top-left-radius: 1rem;
      border-bottom-left-radius: 1rem;
      border-top-right-radius: .5rem;
      border-bottom-right-radius: .5rem; } }
  @media screen and (min-width: 46em) and (min-width: 46em) and (max-width: 63.93625em) {
    .slick-next.slick-arrow.white-chevron-background {
      left: 97%; } }
  @media screen and (min-width: 46em) and (max-width: 45.99875em) {
    .slick-next.slick-arrow.white-chevron-background {
      left: 87%; } }

@media screen and (min-width: 46em) {
  .slick-next.slick-arrow.top-50-percent {
    top: 50% !important; }
  .slick-next.slick-arrow.white-chevron-background.slick-disabled {
    display: none !important; }
  .slick-prev.white-chevron-background:before {
    content: none; }
  .slick-prev.slick-arrow.white-chevron-background {
    top: 60%;
    height: 4rem;
    width: 3rem;
    background-color: #FFF;
    z-index: 99;
    right: 99.5%;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem; } }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .slick-prev.slick-arrow.white-chevron-background {
      right: 100%;
      border-top-right-radius: 1rem;
      border-bottom-right-radius: 1rem;
      border-top-left-radius: .5rem;
      border-bottom-left-radius: .5rem; } }
  @media screen and (min-width: 46em) and (min-width: 46em) and (max-width: 63.93625em) {
    .slick-prev.slick-arrow.white-chevron-background {
      left: -24px; } }
  @media screen and (min-width: 46em) and (max-width: 45.99875em) {
    .slick-prev.slick-arrow.white-chevron-background {
      right: 0%;
      left: 0px; } }

@media screen and (min-width: 46em) {
  .slick-prev.slick-arrow.white-chevron-background.slick-disabled {
    display: none !important; }
  .slick-prev.slick-arrow.top-50-percent {
    top: 50% !important; } }

.toggle-button-wrapper [role="switch"] {
  height: 16px;
  border-radius: 8px;
  background: #d9dce1;
  width: 40px;
  z-index: 1;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease; }

.toggle-button-wrapper .toggle-button-switch {
  height: 24px;
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  padding: 0;
  z-index: 1;
  border: none;
  background-color: #F5F6F7;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: absolute;
  border-radius: 12px;
  margin-top: -12px;
  margin-left: -24px;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease; }

.toggle-button-wrapper .toggled {
  background: #7fbce0; }
  .toggle-button-wrapper .toggled > span {
    margin-left: 8px;
    background: #0075BE; }

/*  ###########################################################################################  */
/*  #### Trumps: High-specificity, very explicit selectors. Overrides and helper classes. ####  */
/*  ###########################################################################################  */
.color {
  /**
   * The legal color is used for disclaimers and terms.
   * It is a bit lighter than text so its not as pronounced.
   */ }
  .color-text {
    color: #001928 !important; }
  .color-primary {
    color: #0075BE; }
  .color-attention {
    color: #ed1c24; }
  .color-white {
    color: #FEFEFE; }
  .color-legal {
    color: #6e6e6e; }

.bulleted {
  padding-left: 1em;
  list-style: disc; }

@media screen and (min-width: 63.9375em) {
  .large-width-60p {
    width: 60%; } }

.fine-print {
  font-size: .85rem; }
  .fine-print ul {
    line-height: 1rem; }

.highlight pre {
  padding: 1rem; }

.no-style-bullet {
  list-style: none; }

.scalable-svg {
  display: none; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.background-primary {
  background-color: #0075BE; }
  .background-primary--dark {
    background-color: #095685; }

.background-grey {
  background-color: #f2f2f2; }
  .background-grey--dark {
    background-color: #fbfbfc; }
  .background-grey--medium {
    background-color: #929ba9; }

.background-grey--light {
  background-color: #cacaca; }

@media screen and (max-width: 45.99875em) {
  .small-only-no-background {
    background-color: transparent; } }

.background-light-blue {
  background-color: #f2f2f2; }

.background-white {
  background-color: #FEFEFE; }

.domain--harris .dax-italic-font {
  font-family: 'dax'; }

.flex {
  display: flex; }

.no-flex-grow {
  flex-grow: 0; }

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-align-items-center {
  align-items: center; }

.flex-none {
  flex: none; }

.flex-align-items-start {
  align-items: flex-start; }

.flex-basis-auto {
  flex-basis: auto; }

.align-self-center {
  align-self: center; }

.align-self-end {
  align-self: flex-end; }

.absolute-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

@media screen and (min-width: 46em) {
  .medium-absolute-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; } }

.no-wrap-text {
  white-space: nowrap; }

.no-wrap-text-mobile-only {
  white-space: nowrap; }
  @media screen and (min-width: 46em) {
    .no-wrap-text-mobile-only {
      white-space: normal; } }

.normal-wrap-text {
  white-space: normal; }

.white-space-pre {
  white-space: pre; }

.text-underline {
  text-decoration: underline; }

.underlined {
  padding-bottom: 0.5em;
  border-bottom: 0.0625rem solid #cacaca;
  display: inline-block; }

.inline {
  display: inline; }

.height-35rem {
  height: 35rem; }

.sup-special {
  font-size: 50%;
  vertical-align: super; }

.hr-inverted-margin {
  margin: 0 1em; }

.hr-col-padding {
  width: calc(100% - .8rem * 2); }

.block {
  display: block; }

.sticky-show {
  display: none; }

.is-stuck .sticky-show {
  display: block !important; }

.is-stuck .sticky-hide {
  display: none; }

.section-spacing {
  margin-top: 2em; }
  @media screen and (min-width: 46em) {
    .section-spacing {
      margin-top: 3em; } }

.spacing-half-rem {
  margin-left: .5rem;
  margin-right: .5rem; }

.plan-item-simple__tagline {
  min-height: 4.2em; }

.plan-item-simple__cell--value {
  min-height: 9.1em; }

.flush-width {
  display: flex;
  justify-content: center; }
  .flush-width__column {
    max-width: 75rem; }

/**
 * Centers the block element.
 */
.block-center {
  margin-right: auto;
  margin-left: auto; }
  @media screen and (max-width: 45.99875em) {
    .block-center--small-only {
      margin-right: auto;
      margin-left: auto; } }

.ie-width-fix--100 {
  width: 100%; }

.width-eighty {
  width: 80%; }

.max-width-ninety {
  max-width: 90%; }

.li-skip {
  line-height: 0;
  color: transparent; }

.divot-separator {
  border-bottom: 0.125rem solid #cacaca;
  position: relative; }
  .divot-separator::after {
    content: "";
    background: #FEFEFE;
    height: 1.75em;
    width: 1.75em;
    position: absolute;
    right: -0.875em;
    transform: rotate(45deg);
    right: 50%;
    height: 1.5em;
    width: 1.5em;
    transform: translateX(50%) rotate(45deg);
    border-right: 0.125rem solid #cacaca;
    border-bottom: 0.125rem solid #cacaca;
    margin-top: -0.75em; }

.flipped {
  transform: rotate(180deg); }

.banner-font {
  font-size: 3em;
  font-weight: 200;
  font-family: dax; }

.font-weight--medium {
  font-weight: 500; }

.iframe-video {
  height: 15.75rem; }
  @media screen and (min-width: 46em) {
    .iframe-video {
      height: 19.6875rem; } }

/* make superscripts on h1 tags a reasonable size */
.h1-small-super {
  font-size: .3em;
  display: inline-block;
  top: -1.7em; }

.inline-block {
  display: inline-block; }

.vertical-align-bottom {
  vertical-align: bottom; }

.vertical-align-top {
  vertical-align: top; }

.vertical-align-middle {
  vertical-align: middle; }

.mono {
  font-family: monospace;
  padding: 0 .125em; }

.flex-direction-column {
  flex-direction: column; }

.justify-space-around {
  justify-content: space-around; }

.justify-space-between {
  justify-content: space-between; }

.tab-icon {
  border-bottom: 0; }
  .tab-icon:hover {
    color: #0075BE; }
  .tab-icon.is-active .icon--circle {
    background-color: #0075BE;
    color: #FEFEFE; }

.max-width-auto {
  max-width: none; }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .max-width-auto-medium {
    max-width: none; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .negative-margin {
    margin-right: -25em; } }

.max-width-none {
  max-width: none; }

.no-border {
  border: 0 solid transparent !important; }

.no-border-bottom {
  border-bottom: none; }

.primary-dark-blue {
  background-color: #00436c;
  color: #FEFEFE; }

.inline-flex {
  display: inline-flex; }

.text-align-left {
  text-align: left; }

@media screen and (max-width: 63.93625em) {
  .medium-down-text-align-left {
    text-align: left; } }

@media screen and (max-width: 63.93625em) {
  .medium-down-text-align-right {
    text-align: right; } }

@media screen and (max-width: 45.99875em) {
  .small-only-text-align-left {
    text-align: left; } }

@media screen and (min-width: 63.9375em) {
  .large-only-text-center {
    text-align: center; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-text-center {
    text-align: center; } }

@media screen and (min-width: 46em) {
  .medium-text-center {
    text-align: center; } }

@media screen and (max-width: 45.99875em) {
  .small-flex-center {
    display: flex;
    justify-content: center;
    align-items: center; } }

@media screen and (max-width: 45.99875em) {
  .small-flex-wrap {
    flex-wrap: wrap; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-flex-wrap {
    flex-wrap: wrap; } }

@media screen and (max-width: 45.99875em) {
  .small-flex-full-width {
    flex: 0 0 100%; } }

@media screen and (max-width: 45.99875em) {
  .small-only-text-center {
    text-align: center; } }

/* this will center the content vertically on medium up */
@media screen and (min-width: 46em) {
  .medium-flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center; } }

@media screen and (min-width: 46em) {
  .medium-flex-space-around {
    display: flex;
    justify-content: space-around; } }

@media screen and (max-width: 45.99875em) {
  .small-flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; } }

@media screen and (min-width: 46em) {
  .medium-flex-basis-auto {
    flex-basis: auto; } }

@media screen and (min-width: 46em) {
  .medium-margin-bottom-auto {
    margin-bottom: auto; } }

@media screen and (max-width: 45.99875em) {
  .justify-content-none {
    justify-content: normal; } }

.flex-flow {
  flex-flow: row wrap; }

.overflow-hidden {
  overflow: hidden; }

.overflow-auto {
  overflow: auto; }

.overflow-x-table-scroll {
  overflow-x: scroll; }
  @media screen and (min-width: 63.9375em) {
    .overflow-x-table-scroll {
      overflow: auto; } }

.top-zero {
  top: 0; }

@media screen and (max-width: 45.99875em) {
  .swap-block__first {
    order: 2; }
  .swap-block__second {
    order: 1; } }

.width-4-em {
  width: 4em; }

@media screen and (max-width: 45.99875em) {
  .small-only-flex-width-50 {
    flex: 0 0 50%; } }

@media screen and (max-width: 45.99875em) {
  .small-only-flex-width-100 {
    flex: 0 0 100%; } }

.flex-align-center {
  display: flex;
  justify-content: center; }

@media screen and (min-width: 46em) {
  .medium-flex-align-right {
    justify-content: flex-end; } }

@media screen and (max-width: 45.99875em) {
  .small-flex-align-center {
    justify-content: center; } }

@media screen and (min-width: 46em) {
  .medium-flex-20 {
    flex: 0 0 20%;
    max-width: 20%; } }

.chevron-right-grey {
  /**
   * 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.75rem;
  height: 0.75rem;
  border-left: 0.125rem solid #cacaca;
  border-top: 0.125rem solid #cacaca;
  transform-origin: 0 0;
  transform: rotate(135deg) translate(20%, -50%); }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-flex-direction-column {
    flex-direction: column; } }

@media screen and (max-width: 45.99875em) {
  .small-only-flex-direction-column {
    flex-direction: column; } }

.height-fix--100 {
  height: 100%; }

@media screen and (min-width: 46em) {
  .medium-flex-basis-70 {
    flex-basis: 70%; } }

@media screen and (min-width: 46em) {
  .medium-flex-basis-30 {
    flex-basis: 30%; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-flex-basis-70 {
    flex-basis: 70%; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-flex-basis-30 {
    flex-basis: 30%; } }

@media screen and (min-width: 63.9375em) {
  .large-flex-basis-50 {
    flex-basis: 50%; } }

.flex-basis-50 {
  flex-basis: 50%; }

.small-only-reverse-layout {
  flex-wrap: wrap;
  flex-direction: column-reverse; }
  @media screen and (min-width: 46em) {
    .small-only-reverse-layout {
      flex-direction: row; } }

.outer-shadow {
  box-shadow: 0 2.5rem 2.5rem rgba(0, 0, 0, 0.5);
  border-radius: 0.9375rem; }

.font-weight-300 {
  font-weight: 300; }

.font-weight-400 {
  font-weight: 400; }

.font-weight-500 {
  font-weight: 500; }

@media screen and (min-width: 46em) {
  .logo-constraint {
    height: 2.1rem; } }

.color-green {
  color: #5db400; }

.margin-auto {
  margin: auto; }

.width-230 {
  width: 14.375rem; }

@media screen and (min-width: 46em) {
  .medium-form-input-width-300 {
    width: 18.75rem; } }

@media screen and (min-width: 46em) {
  .medium-width-65p {
    width: 65%; } }

.pointer {
  cursor: pointer; }

.wtb-opening-container .demo-link {
  margin-top: 0;
  margin-bottom: 2em; }
  @media screen and (min-width: 46em) {
    .wtb-opening-container .demo-link {
      margin-top: 2em;
      margin-bottom: 0; } }

.wtb-opening {
  margin: 0 auto;
  margin-bottom: 2em; }
  @media screen and (min-width: 46em) {
    .wtb-opening {
      margin: 0; } }

.wtb-border-right {
  border-right: 0; }
  @media screen and (min-width: 46em) {
    .wtb-border-right {
      border-right: 0.0625em solid #cacaca; } }

.wtb-security-callout {
  width: 90%;
  border-radius: 0.25em;
  border: 0.0625em solid #cacaca;
  padding: 1.25rem;
  margin: 0 auto; }
  @media screen and (min-width: 46em) {
    .wtb-security-callout {
      margin-left: 10%; } }

.wtb-opening-text a {
  display: inline; }

.wtb-opening-text p:last-child {
  margin-bottom: 0; }

.float-right {
  float: right; }

.float-left {
  float: left; }

.float-clear {
  float: none;
  clear: both; }

a.stay-dark:link, a.stay-dark:visited {
  color: #001928; }

a.stay-dark:hover, a.stay-dark:active {
  color: #001928;
  text-decoration: none; }

.banner-interior {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 2rem;
  padding-top: 2rem; }
  @media screen and (min-width: 46em) {
    .banner-interior {
      padding-left: 3rem; } }
  .banner-interior div {
    max-width: 20rem; }

.dark-background-text a {
  color: #FEFEFE; }
  .dark-background-text a:visited {
    color: #FEFEFE; }
  .dark-background-text a:hover {
    color: #FEFEFE; }
  .dark-background-text a:active {
    color: #FEFEFE; }

.tv-font-18 {
  font-size: 1.125rem; }

.background--atention {
  background-color: #ed1c24; }

/* styles for content hub page*/
.invest-smart-ctas {
  text-align: center; }
  @media screen and (min-width: 46em) {
    .invest-smart-ctas {
      display: flex;
      justify-content: space-evenly;
      align-items: center; } }

.invest-smart-svg-overlay {
  position: absolute;
  bottom: .75rem;
  right: .75rem; }
  @media screen and (min-width: 46em) {
    .invest-smart-svg-overlay {
      bottom: 1rem;
      right: 1rem; } }

.invest-smart-filter-text {
  display: block; }
  @media screen and (min-width: 46em) {
    .invest-smart-filter-text {
      display: inline-flex; } }

.invest-smart-filter-buttons {
  display: flex; }
  @media screen and (min-width: 46em) {
    .invest-smart-filter-buttons {
      display: inline-flex; } }

.invest-smart-filter-button {
  width: 7.5rem;
  height: 2.5rem;
  color: #cacaca;
  margin-left: 0.5em;
  margin-right: 0.5em;
  justify-content: center;
  border: 0.04688rem solid #cacaca;
  border-radius: 0.25em;
  font-size: 0.75rem;
  display: inline-flex;
  align-items: center; }
  .invest-smart-filter-button:hover {
    border: 0.04688rem solid #0075BE;
    text-decoration: none; }
  .invest-smart-filter-button.is-active {
    background: #0075BE;
    border-color: #0075BE;
    color: #FEFEFE;
    outline: none;
    text-decoration: none; }
    .invest-smart-filter-button.is-active:focus {
      color: #FEFEFE; }
    .invest-smart-filter-button.is-active:hover {
      pointer-events: none; }
    .invest-smart-filter-button.is-active .svg-video-play path {
      stroke: #FEFEFE; }
    .invest-smart-filter-button.is-active .svg-video-play polygon {
      stroke: #FEFEFE; }
    .invest-smart-filter-button.is-active .svg-calculator path {
      stroke-opacity: 0;
      fill: #FEFEFE; }
    .invest-smart-filter-button.is-active .svg-article path {
      stroke: #FEFEFE; }
  .invest-smart-filter-button:focus {
    text-decoration: none;
    color: #cacaca;
    outline: none; }
  .invest-smart-filter-button .svg-video-play path {
    stroke: #cacaca; }
  .invest-smart-filter-button .svg-video-play polygon {
    stroke: #cacaca; }
  .invest-smart-filter-button .svg-calculator path {
    stroke-opacity: 0;
    fill: #cacaca; }
  .invest-smart-filter-button .svg-article path {
    stroke: #cacaca; }

.invest-smart-link-icon {
  display: table-cell;
  vertical-align: top;
  padding-right: .75em; }

.invest-smart-link-text {
  display: table-cell;
  vertical-align: top; }

/* for making images use up all space available */
.img-full-width {
  width: 100%; }
  .img-full-width img {
    width: 100%; }

.modal-special-background {
  background-color: #f5f6f7; }

.background-blue--light {
  background-color: #7897C8; }

@media print {
  .no-print {
    display: none; } }

.special-tip.top.has-tip {
  width: 100%;
  display: inline-block; }

.min-height-auto {
  min-height: auto; }

.info-dropdown--cta {
  cursor: pointer;
  align-items: center; }

.info-dropdown.open {
  max-height: 10.75rem; }
  .info-dropdown.open::after {
    content: " ";
    width: 0;
    height: 0;
    border-left: 0.625rem solid transparent;
    border-right: 0.625rem solid transparent;
    border-bottom: 0.625rem solid #f2f2f2;
    position: relative;
    top: -0.6875rem; }
    @media screen and (min-width: 46em) {
      .info-dropdown.open::after {
        top: -0.4375rem; } }

.info-dropdown .icon-flip .icon__icon--chevron-down {
  transform: rotate(180deg);
  margin-left: 1em; }

.investment-white-box {
  width: 90%;
  position: absolute !important;
  top: 75%; }
  @media screen and (min-width: 63.9375em) {
    .investment-white-box {
      width: 50%;
      right: 0%;
      top: 35%; } }
  .investment-white-box-spacing {
    margin-top: 23rem; }
    @media screen and (min-width: 46em) {
      .investment-white-box-spacing {
        margin-top: 13rem; } }
    @media screen and (min-width: 63.9375em) {
      .investment-white-box-spacing {
        margin-top: 6rem; } }

@media screen and (min-width: 63.9375em) {
  .large-flex-center {
    display: flex;
    align-items: center; } }

@media screen and (min-width: 46em) {
  .medium-flex-center {
    display: flex;
    align-items: center; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-flex-center {
    display: flex;
    align-items: center; } }

.imnothere {
  display: none;
  visibility: hidden; }

.font-size-10 {
  font-size: 10px; }

.font-size-14 {
  font-size: 14px; }

.sorting-tag-height {
  height: 2rem; }

.weight-300-important {
  font-weight: 300 !important; }

.close-button-grey {
  color: #8a8a8a !important; }
  .close-button-grey:focus, .close-button-grey:hover {
    color: #0a0a0a !important; }

@media screen and (min-width: 46em) {
  .steps-style {
    padding: 1.25em 1em 0;
    border-right: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 2px solid #cacaca;
    border-right: 0px; }
    .steps-style span {
      font-size: 26px; } }

.overlay-banner-image {
  position: absolute;
  bottom: 0;
  left: 63%;
  order: 1; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .overlay-banner-image {
      order: 2;
      bottom: 5%;
      left: 55%; } }
  @media screen and (max-width: 45.99875em) {
    .overlay-banner-image {
      bottom: unset;
      top: 10%;
      left: 50%;
      margin-left: -39%; }
      .overlay-banner-image img {
        max-height: 13em;
        min-height: 12em; } }

.overlay-banner-image--center {
  position: absolute; }
  @media screen and (min-width: 46em) {
    .overlay-banner-image--center {
      order: 2;
      bottom: 0;
      left: 53%; } }
  @media screen and (max-width: 45.99875em) {
    .overlay-banner-image--center {
      order: 1;
      top: 15px;
      left: 0; }
      .overlay-banner-image--center img {
        height: 15em; } }

.ribbon__content {
  margin: 0;
  background: #414141;
  color: #fff;
  padding: .25em 0;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(30%) translateY(0) rotate(45deg);
  transform-origin: top left; }

.ribbon__content:after, .ribbon__content:before {
  content: "";
  position: absolute;
  top: 0;
  margin: 0 -.0625em;
  width: 50%;
  height: 100%;
  background: #414141; }

.ribbon__content:before {
  right: 100%; }

.ribbon__content:after {
  left: 100%; }

.special-ribbon__compare-ribbon {
  margin-top: -29%;
  margin-left: 14%; }
  .special-ribbon__compare-ribbon::before {
    content: "";
    bottom: -0.75em;
    border-width: 0.75em 0 0 0.75em; }
  @media screen and (min-width: 46em) {
    .special-ribbon__compare-ribbon {
      margin-top: -21%;
      margin-left: 13.5%; } }

.product-column {
  margin-top: 10%;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  border: 0.0625rem solid #cacaca;
  border-radius: 0.25em; }

.product-column--custom-spacing-top {
  margin-top: 75px; }
  @media screen and (max-width: 45.99875em) {
    .product-column--custom-spacing-top {
      margin-top: 54px; } }

.product-column--custom-pa-spacing-top {
  margin-top: 75px; }
  @media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
    .product-column--custom-pa-spacing-top {
      margin-top: 30px; } }

.product-column__compare-image {
  width: 75%;
  margin-bottom: -30%;
  padding-right: 1em;
  padding-left: 1em;
  padding-bottom: 1em;
  padding-top: 1em;
  transform: translateY(-60%);
  background: #fff;
  margin-top: 2em; }
  @media screen and (min-width: 46em) {
    .product-column__compare-image {
      transform: translateY(-50%);
      margin-top: 0; } }

.link--black {
  color: #000;
  text-decoration: none; }
  .link--black:focus {
    color: #1585cf;
    box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.65);
    outline: 0; }
  .link--black:hover {
    text-decoration: none;
    color: #1585cf; }

.icon-credit-card {
  position: absolute;
  z-index: 1;
  top: -13%;
  left: 80%; }
  @media screen and (max-width: 45.99875em) {
    .icon-credit-card {
      top: -14%; } }

.no-outline, .no-outline:hover, .no-outline:focus {
  outline: none; }

.no-text-decoration, .no-text-decoration:hover, .no-text-decoration:focus {
  text-decoration: none; }

.spacing-zero-auto {
  margin: 0 auto; }

.contents {
  display: contents; }

@media screen and (min-width: 63.9375em) {
  .mutual-fund-modal-content {
    width: 100%;
    max-width: 75rem; } }

.podcast-transcript-container {
  height: 500px;
  overflow-y: scroll; }

@media screen and (min-width: 63.9375em) {
  .accordion__title--chevron--blue--left-align.podcast-transcript-button::after {
    right: 1.3em; } }

.accordion__title--chevron--blue--left-align.podcast-transcript-button-fr::after {
  right: -0.5em; }
  @media screen and (min-width: 63.9375em) {
    .accordion__title--chevron--blue--left-align.podcast-transcript-button-fr::after {
      right: 8em; } }
  @media screen and (min-width: 46em) {
    .accordion__title--chevron--blue--left-align.podcast-transcript-button-fr::after {
      right: 0em; } }

@media screen and (max-width: 63.93625em) {
  .max-width-75-md-sm {
    max-width: 75rem; } }

[aria-haspopup] {
  cursor: pointer; }

.placeholder-color-granite::placeholder {
  color: #6e6e6e;
  opacity: 1; }

.tooltip-component {
  padding: 10px;
  box-shadow: 0 0.3125rem 0.3125rem 0 rgba(0, 25, 40, 0.2);
  border: 0.0625rem solid #d9dce1;
  z-index: 10;
  background-color: #FEFEFE;
  color: #001928;
  position: absolute;
  padding-right: 48px;
  line-height: 1.5;
  width: 25%; }
  .tooltip-component .tooltip-close-button {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    border-style: none;
    margin: 0rem;
    padding: 0rem;
    background-color: transparent; }
  @media screen and (max-width: 45.99875em) {
    .tooltip-component {
      width: calc(100% - 32px);
      left: 16px !important; }
      .tooltip-component:before, .tooltip-component:after {
        content: none; } }
  @media screen and (min-width: 46em) {
    .tooltip-component {
      max-width: 480px; } }
  .tooltip-component__arrow {
    position: absolute;
    width: 32px;
    z-index: 11;
    transform: translateY(4px); }
    .tooltip-component__arrow:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border: inset .8rem;
      border-color: transparent transparent #d9dce1;
      border-bottom-style: solid;
      border-top-width: 0;
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }
    .tooltip-component__arrow:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border: inset .75rem;
      border-color: transparent transparent #FEFEFE;
      border-bottom-style: solid;
      border-top-width: 0;
      position: absolute;
      left: 50%;
      transform: translate(-50%, 2px); }

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .safari-only.a11y-outline-color--blue:focus {
      outline: 2px solid #005fcc !important;
      position: relative;
      overflow: hidden; } } }

abbr,
abbr[title] {
  border-bottom: none;
  cursor: default;
  text-decoration: none; }

.seo-show-for-sr:before {
  content: attr(sronly);
  display: inline;
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px; }

.highlight {
  background: #FEFEFE; }

.highlight .c {
  color: #998;
  font-style: italic; }

/* Comment */
.highlight .err {
  color: #a61717;
  background-color: #e3d2d2; }

/* Error */
.highlight .k {
  font-weight: bold; }

/* Keyword */
.highlight .o {
  font-weight: bold; }

/* Operator */
.highlight .cm {
  color: #998;
  font-style: italic; }

/* Comment.Multiline */
.highlight .cp {
  color: #999;
  font-weight: bold; }

/* Comment.Preproc */
.highlight .c1 {
  color: #998;
  font-style: italic; }

/* Comment.Single */
.highlight .cs {
  color: #999;
  font-weight: bold;
  font-style: italic; }

/* Comment.Special */
.highlight .gd {
  color: #000;
  background-color: #fdd; }

/* Generic.Deleted */
.highlight .gd .x {
  color: #000;
  background-color: #faa; }

/* Generic.Deleted.Specific */
.highlight .ge {
  font-style: italic; }

/* Generic.Emph */
.highlight .gr {
  color: #a00; }

/* Generic.Error */
.highlight .gh {
  color: #999; }

/* Generic.Heading */
.highlight .gi {
  color: #000;
  background-color: #dfd; }

/* Generic.Inserted */
.highlight .gi .x {
  color: #000;
  background-color: #afa; }

/* Generic.Inserted.Specific */
.highlight .go {
  color: #888; }

/* Generic.Output */
.highlight .gp {
  color: #555; }

/* Generic.Prompt */
.highlight .gs {
  font-weight: bold; }

/* Generic.Strong */
.highlight .gu {
  color: #aaa; }

/* Generic.Subheading */
.highlight .gt {
  color: #a00; }

/* Generic.Traceback */
.highlight .kc {
  font-weight: bold; }

/* Keyword.Constant */
.highlight .kd {
  font-weight: bold; }

/* Keyword.Declaration */
.highlight .kp {
  font-weight: bold; }

/* Keyword.Pseudo */
.highlight .kr {
  font-weight: bold; }

/* Keyword.Reserved */
.highlight .kt {
  color: #458;
  font-weight: bold; }

/* Keyword.Type */
.highlight .m {
  color: #099; }

/* Literal.Number */
.highlight .s {
  color: #d14; }

/* Literal.String */
.highlight .na {
  color: #008080; }

/* Name.Attribute */
.highlight .nb {
  color: #0086b3; }

/* Name.Builtin */
.highlight .nc {
  color: #458;
  font-weight: bold; }

/* Name.Class */
.highlight .no {
  color: #008080; }

/* Name.Constant */
.highlight .ni {
  color: #800080; }

/* Name.Entity */
.highlight .ne {
  color: #900;
  font-weight: bold; }

/* Name.Exception */
.highlight .nf {
  color: #900;
  font-weight: bold; }

/* Name.Function */
.highlight .nn {
  color: #555; }

/* Name.Namespace */
.highlight .nt {
  color: #000080; }

/* Name.Tag */
.highlight .nv {
  color: #008080; }

/* Name.Variable */
.highlight .ow {
  font-weight: bold; }

/* Operator.Word */
.highlight .w {
  color: #bbb; }

/* Text.Whitespace */
.highlight .mf {
  color: #099; }

/* Literal.Number.Float */
.highlight .mh {
  color: #099; }

/* Literal.Number.Hex */
.highlight .mi {
  color: #099; }

/* Literal.Number.Integer */
.highlight .mo {
  color: #099; }

/* Literal.Number.Oct */
.highlight .sb {
  color: #d14; }

/* Literal.String.Backtick */
.highlight .sc {
  color: #d14; }

/* Literal.String.Char */
.highlight .sd {
  color: #d14; }

/* Literal.String.Doc */
.highlight .s2 {
  color: #d14; }

/* Literal.String.Double */
.highlight .se {
  color: #d14; }

/* Literal.String.Escape */
.highlight .sh {
  color: #d14; }

/* Literal.String.Heredoc */
.highlight .si {
  color: #d14; }

/* Literal.String.Interpol */
.highlight .sx {
  color: #d14; }

/* Literal.String.Other */
.highlight .sr {
  color: #009926; }

/* Literal.String.Regex */
.highlight .s1 {
  color: #d14; }

/* Literal.String.Single */
.highlight .ss {
  color: #990073; }

/* Literal.String.Symbol */
.highlight .bp {
  color: #999; }

/* Name.Builtin.Pseudo */
.highlight .vc {
  color: #008080; }

/* Name.Variable.Class */
.highlight .vg {
  color: #008080; }

/* Name.Variable.Global */
.highlight .vi {
  color: #008080; }

/* Name.Variable.Instance */
.highlight .il {
  color: #099; }

/**
 * Border utilities
 *
 * These are used to add border to the component.
 * ONLY uncomment the ones you need.
 *
 */
.border-top {
  border-top: 0.0625rem solid #cacaca; }

.small-border-top {
  border-top: 0.0625rem solid #cacaca; }

@media screen and (min-width: 46em) {
  .medium-border-top {
    border-top: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 63.9375em) {
  .large-border-top {
    border-top: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-border-top {
    border-top: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 90em) {
  .xxlarge-border-top {
    border-top: 0.0625rem solid #cacaca; } }

.border-right {
  border-right: 0.0625rem solid #cacaca; }

.small-border-right {
  border-right: 0.0625rem solid #cacaca; }

@media screen and (min-width: 46em) {
  .medium-border-right {
    border-right: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 63.9375em) {
  .large-border-right {
    border-right: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-border-right {
    border-right: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 90em) {
  .xxlarge-border-right {
    border-right: 0.0625rem solid #cacaca; } }

.border-bottom {
  border-bottom: 0.0625rem solid #cacaca; }

.small-border-bottom {
  border-bottom: 0.0625rem solid #cacaca; }

@media screen and (min-width: 46em) {
  .medium-border-bottom {
    border-bottom: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 63.9375em) {
  .large-border-bottom {
    border-bottom: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-border-bottom {
    border-bottom: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 90em) {
  .xxlarge-border-bottom {
    border-bottom: 0.0625rem solid #cacaca; } }

.border-left {
  border-left: 0.0625rem solid #cacaca; }

.small-border-left {
  border-left: 0.0625rem solid #cacaca; }

@media screen and (min-width: 46em) {
  .medium-border-left {
    border-left: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 63.9375em) {
  .large-border-left {
    border-left: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-border-left {
    border-left: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 90em) {
  .xxlarge-border-left {
    border-left: 0.0625rem solid #cacaca; } }

/**
 * Border classes
 *
 * These are used to add border to the pages.
 *
 */
.border {
  border: 0.0625rem solid #cacaca; }

@media screen and (max-width: 45.99875em) {
  .small-only-border {
    border: 0.0625rem solid #cacaca; }
  .small-only-border-top {
    border-top: 0.0625rem solid #cacaca; }
  .small-only-border-bottom {
    border-bottom: 0.0625rem solid #cacaca; }
  .small-only-border-left {
    border-left: 0.0625rem solid #cacaca; }
  .small-only-border-right {
    border-right: 0.0625rem solid #cacaca; }
  .small-only-no-border {
    border: 0 solid transparent; } }

@media screen and (min-width: 46em) {
  .medium-border {
    border: 0.0625rem solid #cacaca; }
  .medium-border-top {
    border-top: 0.0625rem solid #cacaca; }
  .medium-border-bottom {
    border-bottom: 0.0625rem solid #cacaca; }
  .medium-border-left {
    border-left: 0.0625rem solid #cacaca; }
  .medium-border-right {
    border-right: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 63.9375em) {
  .large-border {
    border: 0.0625rem solid #cacaca; }
  .large-border-top {
    border-top: 0.0625rem solid #cacaca; }
  .large-border-bottom {
    border-bottom: 0.0625rem solid #cacaca; }
  .large-border-left {
    border-left: 0.0625rem solid #cacaca; }
  .large-border-right {
    border-right: 0.0625rem solid #cacaca; }
  .large-no-border {
    border: 0 solid transparent; } }

.border-dashed {
  border-style: dashed;
  border-width: 0.0625rem;
  border-color: #cacaca;
  border-radius: 0.5em; }

.border-grey {
  border-color: #cacaca; }

.border-grey--light {
  border-color: #cacaca; }

.border-grey--light--thick {
  border: 0.125em solid #cacaca;
  border-color: #cacaca; }

/* styles to handle column border */
.responsive-column-border {
  border-bottom: 0.0625rem solid #cacaca; }
  @media screen and (min-width: 46em) {
    .responsive-column-border {
      border-bottom: 0 solid transparent;
      border-right: 0.0625rem solid #cacaca; } }
  .responsive-column-border:last-child {
    border-bottom: 0 solid transparent; }
    @media screen and (min-width: 46em) {
      .responsive-column-border:last-child {
        border-right: 0 solid transparent; } }

.irresponsive-column-border {
  border-right: 0.0625rem solid #cacaca; }
  @media screen and (min-width: 46em) {
    .irresponsive-column-border {
      border-bottom: 0.0625rem solid #cacaca;
      border-right: 0 solid transparent; } }
  .irresponsive-column-border:last-child {
    border-right: 0 solid transparent; }
    @media screen and (min-width: 46em) {
      .irresponsive-column-border:last-child {
        border-bottom: 0 solid transparent; } }

/* primary color border */
.border-solid-primary {
  border: 0.125rem solid #0075BE;
  border-bottom: 0; }

.border-bottom-solid-primary {
  border-bottom: 0.1875rem solid #0075BE; }

.border--thick {
  border: 0.125em solid #cacaca; }

.share-cta-border {
  border: 0.125em solid #cacaca;
  border-radius: 5em; }
  .share-cta-border:hover, .share-cta-border:focus {
    border: 0.125em solid #0075BE; }

.border-grey--light {
  border-color: #cacaca; }

.border-radius {
  border-radius: 0.5em; }
  .border-radius--16 {
    border-radius: 16px; }

.border-radius-4 {
  border-radius: 0.25rem; }

.border-granite {
  border-color: #6e6e6e; }

@media screen and (min-width: 46em) {
  .medium-border-radius {
    border-radius: 0.5em; } }

.border-top-left-radius {
  border-top-left-radius: 4px; }
  .border-top-left-radius--16 {
    border-top-left-radius: 16px; }

.border-bottom-left-radius {
  border-bottom-left-radius: 4px; }
  .border-bottom-left-radius--16 {
    border-bottom-left-radius: 16px; }

.border-top-right-radius {
  border-top-right-radius: 4px; }
  .border-top-right-radius--16 {
    border-top-right-radius: 16px; }

.border-bottom-right-radius {
  border-bottom-right-radius: 4px; }
  .border-bottom-right-radius--16 {
    border-bottom-right-radius: 16px; }

@media screen and (max-width: 45.99875em) {
  .small-only-no-border-radius {
    border-radius: 0 !important; } }

.round {
  border-radius: 50%; }

/**
 * Spacing utility
 *
 * Adds margin to the component.
 *
 * The reason for these utilities is that the spacing should be standard.
 *
 */
.spacing {
  margin: 1em; }

.no-spacing {
  margin: 0 !important; }

.spacing-bottom {
  margin-bottom: 1em; }
  .spacing-bottom--x-small {
    margin-bottom: 0.25em; }
  .spacing-bottom--small {
    margin-bottom: 0.5em; }
  .spacing-bottom--none {
    margin-bottom: 0; }
  .spacing-bottom--small-3-x {
    margin-bottom: 1.5em; }
  .spacing-bottom--small-5-x {
    margin-bottom: 2.5em; }
  .spacing-bottom--large {
    margin-bottom: 2em; }
  .spacing-bottom--x-large {
    margin-bottom: 4em; }
  .spacing-bottom--negative-unit-3x {
    margin-bottom: -3em; }
  .spacing-bottom--negative-unit-2x {
    margin-bottom: -2em; }
  .spacing-bottom--20 {
    margin-bottom: 1.25rem; }
  .spacing-bottom--24 {
    margin-bottom: 1.5rem; }
  .spacing-bottom--medium {
    margin-bottom: 0.75rem; }
  .spacing-bottom--spacing-3-x {
    margin-bottom: 3em; }
  .spacing-bottom--unit-5x {
    margin-bottom: 5em; }
  .spacing-bottom--unit-10x {
    margin-bottom: 10em; }
  .spacing-bottom--unit-12x {
    margin-bottom: 12em; }

.no-spacing-bottom {
  margin-bottom: 0 !important; }

.spacing-left {
  margin-left: 1em; }
  .spacing-left--auto {
    margin-left: auto; }
  .spacing-left--x-small {
    margin-left: 0.25em; }
  .spacing-left--small {
    margin-left: 0.5em; }
  .spacing-left--small-3-x {
    margin-left: 1.5em; }
  .spacing-left--large {
    margin-left: 2em; }
  .spacing-left--x-large {
    margin-left: 4em; }
  .spacing-left--unit-6x {
    margin-left: 6em; }
  .spacing-left--24 {
    margin-left: 1.5rem; }

.spacing-right {
  margin-right: 1em; }
  .spacing-right--x-small {
    margin-right: 0.25em; }
  .spacing-right--small {
    margin-right: 0.5em; }
  .spacing-right--small-3-x {
    margin-right: 1.5em; }
  .spacing-right--large {
    margin-right: 2em; }
  .spacing-right--x-large {
    margin-right: 4em; }
  .spacing-right--24 {
    margin-right: 1.5rem; }

.spacing-top-padding {
  padding-top: 1em; }

.spacing-top {
  margin-top: 1em; }
  .spacing-top--x-small {
    margin-top: 0.25em; }
  .spacing-top--small {
    margin-top: 0.5em; }
  .spacing-top--none {
    margin-top: 0; }
  .spacing-top--small-3-x {
    margin-top: 1.5em; }
  .spacing-top--small-5-x {
    margin-top: 2.5em; }
  .spacing-top--large {
    margin-top: 2em; }
  .spacing-top--x-large {
    margin-top: 4em; }
  .spacing-top--negative-33 {
    margin-top: -33rem; }
  .spacing-top--negative-adjusted-heading {
    margin-top: -180px; }
    @media screen and (min-width: 63.9375em) {
      .spacing-top--negative-adjusted-heading {
        margin-top: -220px; } }
  .spacing-top--negative-adjusted-no-subheading {
    margin-top: -150px; }
  .spacing-top--negative-24 {
    margin-top: -24px; }
  .spacing-top--20 {
    margin-top: 1.25rem; }
  .spacing-top--24 {
    margin-top: 1.5rem; }
  .spacing-top--medium {
    margin-top: 0.75rem; }

.tv-spacing--xxx-small {
  padding: 0.5em; }

.tv-spacing-top--xxx-small {
  padding-top: 0.5em; }

.tv-spacing-bottom--xxx-small {
  padding-bottom: 0.5em; }

.tv-spacing-right--xxx-small {
  padding-right: 0.5em; }

.tv-spacing-left--xxx-small {
  padding-left: 0.5em; }

.tv-padding--xxx-small {
  padding: 0.5em; }

.tv-padding-top--xxx-small {
  padding-top: 0.5em; }

.tv-padding-bottom--xxx-small {
  padding-bottom: 0.5em; }

.tv-padding-right--xxx-small {
  padding-right: 0.5em; }

.tv-padding-left--xxx-small {
  padding-left: 0.5em; }

.tv-margin--xxx-small {
  margin: 0.5em; }

.tv-margin-top--xxx-small {
  margin-top: 0.5em; }

.tv-margin-bottom--xxx-small {
  margin-bottom: 0.5em; }

.tv-margin-right--xxx-small {
  margin-right: 0.5em; }

.tv-margin-left--xxx-small {
  margin-left: 0.5em; }

.tv-spacing--xx-small {
  padding: 1em; }

.tv-spacing-top--xx-small {
  padding-top: 1em; }

.tv-spacing-bottom--xx-small {
  padding-bottom: 1em; }

.tv-spacing-right--xx-small {
  padding-right: 1em; }

.tv-spacing-left--xx-small {
  padding-left: 1em; }

.tv-padding--xx-small {
  padding: 1em; }

.tv-padding-top--xx-small {
  padding-top: 1em; }

.tv-padding-bottom--xx-small {
  padding-bottom: 1em; }

.tv-padding-right--xx-small {
  padding-right: 1em; }

.tv-padding-left--xx-small {
  padding-left: 1em; }

.tv-margin--xx-small {
  margin: 1em; }

.tv-margin-top--xx-small {
  margin-top: 1em; }

.tv-margin-bottom--xx-small {
  margin-bottom: 1em; }

.tv-margin-right--xx-small {
  margin-right: 1em; }

.tv-margin-left--xx-small {
  margin-left: 1em; }

.tv-spacing--x-small {
  padding: 1.5em; }

.tv-spacing-top--x-small {
  padding-top: 1.5em; }

.tv-spacing-bottom--x-small {
  padding-bottom: 1.5em; }

.tv-spacing-right--x-small {
  padding-right: 1.5em; }

.tv-spacing-left--x-small {
  padding-left: 1.5em; }

.tv-padding--x-small {
  padding: 1.5em; }

.tv-padding-top--x-small {
  padding-top: 1.5em; }

.tv-padding-bottom--x-small {
  padding-bottom: 1.5em; }

.tv-padding-right--x-small {
  padding-right: 1.5em; }

.tv-padding-left--x-small {
  padding-left: 1.5em; }

.tv-margin--x-small {
  margin: 1.5em; }

.tv-margin-top--x-small {
  margin-top: 1.5em; }

.tv-margin-bottom--x-small {
  margin-bottom: 1.5em; }

.tv-margin-right--x-small {
  margin-right: 1.5em; }

.tv-margin-left--x-small {
  margin-left: 1.5em; }

.tv-spacing--small {
  padding: 2em; }

.tv-spacing-top--small {
  padding-top: 2em; }

.tv-spacing-bottom--small {
  padding-bottom: 2em; }

.tv-spacing-right--small {
  padding-right: 2em; }

.tv-spacing-left--small {
  padding-left: 2em; }

.tv-padding--small {
  padding: 2em; }

.tv-padding-top--small {
  padding-top: 2em; }

.tv-padding-bottom--small {
  padding-bottom: 2em; }

.tv-padding-right--small {
  padding-right: 2em; }

.tv-padding-left--small {
  padding-left: 2em; }

.tv-margin--small {
  margin: 2em; }

.tv-margin-top--small {
  margin-top: 2em; }

.tv-margin-bottom--small {
  margin-bottom: 2em; }

.tv-margin-right--small {
  margin-right: 2em; }

.tv-margin-left--small {
  margin-left: 2em; }

.tv-spacing--medium {
  padding: 2.5em; }

.tv-spacing-top--medium {
  padding-top: 2.5em; }

.tv-spacing-bottom--medium {
  padding-bottom: 2.5em; }

.tv-spacing-right--medium {
  padding-right: 2.5em; }

.tv-spacing-left--medium {
  padding-left: 2.5em; }

.tv-padding--medium {
  padding: 2.5em; }

.tv-padding-top--medium {
  padding-top: 2.5em; }

.tv-padding-bottom--medium {
  padding-bottom: 2.5em; }

.tv-padding-right--medium {
  padding-right: 2.5em; }

.tv-padding-left--medium {
  padding-left: 2.5em; }

.tv-margin--medium {
  margin: 2.5em; }

.tv-margin-top--medium {
  margin-top: 2.5em; }

.tv-margin-bottom--medium {
  margin-bottom: 2.5em; }

.tv-margin-right--medium {
  margin-right: 2.5em; }

.tv-margin-left--medium {
  margin-left: 2.5em; }

.tv-spacing--large {
  padding: 3em; }

.tv-spacing-top--large {
  padding-top: 3em; }

.tv-spacing-bottom--large {
  padding-bottom: 3em; }

.tv-spacing-right--large {
  padding-right: 3em; }

.tv-spacing-left--large {
  padding-left: 3em; }

.tv-padding--large {
  padding: 3em; }

.tv-padding-top--large {
  padding-top: 3em; }

.tv-padding-bottom--large {
  padding-bottom: 3em; }

.tv-padding-right--large {
  padding-right: 3em; }

.tv-padding-left--large {
  padding-left: 3em; }

.tv-margin--large {
  margin: 3em; }

.tv-margin-top--large {
  margin-top: 3em; }

.tv-margin-bottom--large {
  margin-bottom: 3em; }

.tv-margin-right--large {
  margin-right: 3em; }

.tv-margin-left--large {
  margin-left: 3em; }

.tv-spacing--x-large {
  padding: 5em; }

.tv-spacing-top--x-large {
  padding-top: 5em; }

.tv-spacing-bottom--x-large {
  padding-bottom: 5em; }

.tv-spacing-right--x-large {
  padding-right: 5em; }

.tv-spacing-left--x-large {
  padding-left: 5em; }

.tv-padding--x-large {
  padding: 5em; }

.tv-padding-top--x-large {
  padding-top: 5em; }

.tv-padding-bottom--x-large {
  padding-bottom: 5em; }

.tv-padding-right--x-large {
  padding-right: 5em; }

.tv-padding-left--x-large {
  padding-left: 5em; }

.tv-margin--x-large {
  margin: 5em; }

.tv-margin-top--x-large {
  margin-top: 5em; }

.tv-margin-bottom--x-large {
  margin-bottom: 5em; }

.tv-margin-right--x-large {
  margin-right: 5em; }

.tv-margin-left--x-large {
  margin-left: 5em; }

.tv-spacing--xx-large {
  padding: 7.5em; }

.tv-spacing-top--xx-large {
  padding-top: 7.5em; }

.tv-spacing-bottom--xx-large {
  padding-bottom: 7.5em; }

.tv-spacing-right--xx-large {
  padding-right: 7.5em; }

.tv-spacing-left--xx-large {
  padding-left: 7.5em; }

.tv-padding--xx-large {
  padding: 7.5em; }

.tv-padding-top--xx-large {
  padding-top: 7.5em; }

.tv-padding-bottom--xx-large {
  padding-bottom: 7.5em; }

.tv-padding-right--xx-large {
  padding-right: 7.5em; }

.tv-padding-left--xx-large {
  padding-left: 7.5em; }

.tv-margin--xx-large {
  margin: 7.5em; }

.tv-margin-top--xx-large {
  margin-top: 7.5em; }

.tv-margin-bottom--xx-large {
  margin-bottom: 7.5em; }

.tv-margin-right--xx-large {
  margin-right: 7.5em; }

.tv-margin-left--xx-large {
  margin-left: 7.5em; }

.spacing-info-block {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }
  .spacing-info-block-top {
    margin-top: 1.5em; }
  .spacing-info-block-bottom {
    margin-bottom: 1.5em; }

@media screen and (max-width: 45.99875em) {
  .small-spacing-top {
    margin-top: 1em; }
    .small-spacing-top--small-3-x {
      margin-top: 1.5em; }
    .small-spacing-top--large {
      margin-top: 2em; }
    .small-spacing-top--x-large {
      margin-top: 4em; }
    .small-spacing-top--small {
      margin-top: 0.5em; }
  .small-spacing-bottom {
    margin-bottom: 1em; }
    .small-spacing-bottom--small {
      margin-bottom: 0.5em; }
    .small-spacing-bottom--small-3-x {
      margin-bottom: 1.5em; }
    .small-spacing-bottom--large {
      margin-bottom: 2em; }
    .small-spacing-bottom--unit-3-x {
      margin-bottom: 3em; }
    .small-spacing-bottom--small {
      margin-bottom: 0.5em; }
  .small-spacing-left {
    margin-left: 1em; }
    .small-spacing-left--x-small {
      margin-left: 0.25em; }
    .small-spacing-left--small {
      margin-left: 0.5em; }
    .small-spacing-left--small-3-x {
      margin-left: 1.5em; }
    .small-spacing-left--large {
      margin-left: 2em; }
    .small-spacing-left--x-large {
      margin-left: 4em; }
  .small-spacing-right {
    margin-right: 1em; }
    .small-spacing-right--x-small {
      margin-right: 0.25em; }
    .small-spacing-right--small {
      margin-right: 0.5em; }
    .small-spacing-right--small-3-x {
      margin-right: 1.5em; }
    .small-spacing-right--large {
      margin-right: 2em; }
    .small-spacing-right--x-large {
      margin-right: 4em; }
  .small-no-spacing {
    margin: 0 !important; } }

@media screen and (max-width: 63.93625em) {
  .medium-down-spacing-top {
    margin-top: 1em; }
    .medium-down-spacing-top--small-3-x {
      margin-top: 1.5em; }
    .medium-down-spacing-top--large {
      margin-top: 2em; }
    .medium-down-spacing-top--spacing-x-3 {
      margin-top: 3em; }
  .medium-down-spacing-bottom {
    margin-bottom: 1em; }
    .medium-down-spacing-bottom--small {
      margin-bottom: 0.5em; }
    .medium-down-spacing-bottom--small-3-x {
      margin-bottom: 1.5em; }
    .medium-down-spacing-bottom--large {
      margin-bottom: 2em; } }

@media screen and (min-width: 63.9375em) {
  .large-spacing-bottom {
    margin-bottom: 1em; }
    .large-spacing-bottom--small {
      margin-bottom: 0.5em; }
    .large-spacing-bottom--small-5-x {
      margin-bottom: 2.5em; }
    .large-spacing-bottom--small-9-x {
      margin-bottom: 4.5em; }
    .large-spacing-bottom--small-11-x {
      margin-bottom: 5.5em; }
    .large-spacing-bottom--large {
      margin-bottom: 2em; }
    .large-spacing-bottom--x-large {
      margin-bottom: 4em; }
    .large-spacing-bottom--spacing-3-x {
      margin-bottom: 3em; }
  .large-spacing-top {
    margin-top: 1em; }
    .large-spacing-top--small {
      margin-top: 0.5em; }
    .large-spacing-top--small-3-x {
      margin-top: 1.5em; }
    .large-spacing-top--small-5-x {
      margin-top: 2.5em; }
    .large-spacing-top--small-7-x {
      margin-top: 3.5em; }
    .large-spacing-top--large {
      margin-top: 2em; }
    .large-spacing-top--x-large {
      margin-top: 4em; }
    .large-spacing-top--spacing-3-x {
      margin-top: 3em; }
    .large-spacing-top--0 {
      margin-top: 0px !important; }
  .large-spacing-right {
    margin-right: 1em; }
    .large-spacing-right--small-3-x {
      margin-right: 1.5em; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .large-only-spacing-left--auto {
    margin-left: auto; } }

@media screen and (min-width: 46em) {
  .medium-spacing-top {
    margin-top: 1em; }
    .medium-spacing-top--large {
      margin-top: 2em; }
    .medium-spacing-top--x-large {
      margin-top: 4em; }
    .medium-spacing-top--small {
      margin-top: 0.5em; }
    .medium-spacing-top--small-5-x {
      margin-top: 2.5em; }
  .medium-spacing-bottom {
    margin-bottom: 1em; }
    .medium-spacing-bottom--small-x-3 {
      margin-bottom: 1.5em; }
    .medium-spacing-bottom--large {
      margin-bottom: 2em; }
    .medium-spacing-bottom--small {
      margin-bottom: 0.5em; }
  .medium-spacing-left {
    margin-left: 1em; }
    .medium-spacing-left--small-3-x {
      margin-left: 1.5em; }
    .medium-spacing-left--large {
      margin-left: 2em; }
    .medium-spacing-left--small {
      margin-left: 0.5em; }
  .medium-spacing-right {
    margin-right: 1em; }
    .medium-spacing-right--small-3-x {
      margin-right: 1.5em; }
    .medium-spacing-right--large {
      margin-right: 2em; }
    .medium-spacing-right--small {
      margin-right: 0.5em; }
  .medium-spacing-info-block {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
    .medium-spacing-info-block-top {
      margin-top: 1.5em; }
    .medium-spacing-info-block-bottom {
      margin-bottom: 1.5em; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-spacing-top {
    margin-top: 1em; }
    .medium-only-spacing-top--small-3-x {
      margin-top: 1.5em; }
    .medium-only-spacing-top--small-5-x {
      margin-top: 2.5em; }
    .medium-only-spacing-top--large {
      margin-top: 2em; }
    .medium-only-spacing-top--x-large {
      margin-top: 4em; }
    .medium-only-spacing-top--xx-large {
      margin-top: 9em; }
    .medium-only-spacing-top--spacing-3-x {
      margin-top: 3em; }
    .medium-only-spacing-top--small {
      margin-top: 0.5em; }
  .medium-only-spacing-bottom {
    margin-bottom: 1em; }
    .medium-only-spacing-bottom--small-3-x {
      margin-bottom: 1.5em; }
    .medium-only-spacing-bottom--small-5-x {
      margin-bottom: 2.5em; }
    .medium-only-spacing-bottom--spacing-3-x {
      margin-bottom: 3em; }
    .medium-only-spacing-bottom--spacing-4-x {
      margin-bottom: 4em; }
  .medium-only-spacing-left--none {
    margin-left: 0; }
  .medium-only-spacing-left--small {
    margin-left: 0.5em; }
  .medium-only-spacing-right--none {
    margin-right: 0; }
  .medium-only-spacing-right--small {
    margin-right: 0.5em; } }

@media screen and (max-width: 45.99875em) {
  .small-only-spacing-info-block {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
    .small-only-spacing-info-block-top {
      margin-top: 1.5em; }
    .small-only-spacing-info-block-bottom {
      margin-bottom: 1.5em; }
    .small-only-spacing-info-block-left {
      margin-left: 1.5em; }
    .small-only-spacing-info-block-right {
      margin-right: 1.5em; }
  .small-only-spacing-top {
    margin-top: 1em; }
    .small-only-spacing-top--large {
      margin-top: 2em; }
    .small-only-spacing-top--x-large {
      margin-top: 4em; }
    .small-only-spacing-top--small {
      margin-top: 0.5em; }
  .small-only-spacing-bottom {
    margin-bottom: 1em; }
    .small-only-spacing-bottom--large {
      margin-bottom: 2em; }
    .small-only-spacing-bottom--small {
      margin-bottom: 0.5em; }
    .small-only-spacing-bottom--small-5-x {
      margin-bottom: 2.5em; }
    .small-only-spacing-bottom--x-large {
      margin-bottom: 4em; }
    .small-only-spacing-bottom--unit-5-x {
      margin-bottom: 5em; }
    .small-only-spacing-bottom--unit-6-x {
      margin-bottom: 6em; }
    .small-only-spacing-bottom--negative-28 {
      margin-bottom: -28px; }
  .small-only-spacing-left {
    margin-left: 1em; }
    .small-only-spacing-left--large {
      margin-left: 2em; }
    .small-only-spacing-left--small {
      margin-left: 0.5em !important; }
  .small-only-spacing-right {
    margin-right: 1em; }
    .small-only-spacing-right--large {
      margin-right: 2em; }
    .small-only-spacing-right--small {
      margin-right: 0.5em; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-spacing-info-block {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
    .medium-only-spacing-info-block-top {
      margin-top: 1.5em; }
    .medium-only-spacing-info-block-bottom {
      margin-bottom: 1.5em; }
    .medium-only-spacing-info-block-left {
      margin-left: 1.5em; }
    .medium-only-spacing-info-block-right {
      margin-right: 1.5em; }
  .medium-only-spacing-top {
    margin-top: 1em; }
    .medium-only-spacing-top--large {
      margin-top: 2em; }
    .medium-only-spacing-top--x-large {
      margin-top: 4em; }
    .medium-only-spacing-top--small {
      margin-top: 0.5em; }
  .medium-only-spacing-bottom {
    margin-bottom: 1em; }
    .medium-only-spacing-bottom--large {
      margin-bottom: 2em; }
    .medium-only-spacing-bottom--small {
      margin-bottom: 0.5em; }
  .medium-only-spacing-left {
    margin-left: 1em; }
    .medium-only-spacing-left--large {
      margin-left: 2em; }
    .medium-only-spacing-left--small {
      margin-left: 0.5em; }
  .medium-only-spacing-right {
    margin-right: 1em; }
    .medium-only-spacing-right--large {
      margin-right: 2em; }
    .medium-only-spacing-right--small {
      margin-right: 0.5em; } }

.section-spacing-top {
  margin-top: 2em; }
  @media screen and (min-width: 46em) {
    .section-spacing-top {
      margin-top: 4em; } }

.section-spacing-bottom {
  margin-bottom: 2em; }
  @media screen and (min-width: 46em) {
    .section-spacing-bottom {
      margin-bottom: 4em; } }

.horizontal-margin-flush {
  margin-top: 0;
  margin-bottom: 0; }

.vertical-margin-flush {
  margin-top: 0;
  margin-bottom: 0; }

@media screen and (max-width: 45.99875em) {
  .small-only-vertical-margin-flush {
    margin-top: 0;
    margin-bottom: 0; } }

.mock-nested-row {
  margin-left: -0.375rem;
  margin-right: -0.375rem; }
  @media screen and (min-width: 46em) {
    .mock-nested-row {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }

/**
 * Holds the last valid size used by the loop.
 * This is used to cache sizes.
 * If there is no h1 size for large but there is one for medium,
 *  This falls back to using the medium size.
 */
/**
 * Loop through all the breakpoint to genereate the size classes.
 *
 * NOTE: This assumes that ALL the (small) headings are set.
 *      If this stops being true then the loop must be tweaked.
 */
/* Grab the sizes */
/**
   * If this breakpoint does not have sizes, assign empty list.
   * This is used so the loop below doesnt break.
   * Fallbacks will be used.
   */
/**
   * For each heading level generate those classes.
   */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
.small-size-h1 {
  font-size: 1.875rem; }

/* If the breakpoint is (small) include the unprefixed version */
.size-h1 {
  font-size: 1.875rem; }

/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
.small-size-h2 {
  font-size: 1.62469rem; }

/* If the breakpoint is (small) include the unprefixed version */
.size-h2 {
  font-size: 1.62469rem; }

/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
.small-size-h3 {
  font-size: 1.37437rem; }

/* If the breakpoint is (small) include the unprefixed version */
.size-h3 {
  font-size: 1.37437rem; }

/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
.small-size-h4 {
  font-size: 1.125rem; }

/* If the breakpoint is (small) include the unprefixed version */
.size-h4 {
  font-size: 1.125rem; }

/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
.small-size-h5 {
  font-size: 0.99938rem; }

/* If the breakpoint is (small) include the unprefixed version */
.size-h5 {
  font-size: 0.99938rem; }

/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
.small-size-h6 {
  font-size: 0.99938rem; }

/* If the breakpoint is (small) include the unprefixed version */
.size-h6 {
  font-size: 0.99938rem; }

/* Grab the sizes */
/**
   * If this breakpoint does not have sizes, assign empty list.
   * This is used so the loop below doesnt break.
   * Fallbacks will be used.
   */
/**
   * For each heading level generate those classes.
   */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 46em) {
  .medium-size-h1 {
    font-size: 2rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 46em) {
  .medium-size-h2 {
    font-size: 1.62469rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 46em) {
  .medium-size-h3 {
    font-size: 1.24969rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 46em) {
  .medium-size-h4 {
    font-size: 1.06219rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 46em) {
  .medium-size-h5 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 46em) {
  .medium-size-h6 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the sizes */
/**
   * If this breakpoint does not have sizes, assign empty list.
   * This is used so the loop below doesnt break.
   * Fallbacks will be used.
   */
/**
   * For each heading level generate those classes.
   */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 63.9375em) {
  .large-size-h1 {
    font-size: 2rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 63.9375em) {
  .large-size-h2 {
    font-size: 1.62469rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 63.9375em) {
  .large-size-h3 {
    font-size: 1.24969rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 63.9375em) {
  .large-size-h4 {
    font-size: 1.06219rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 63.9375em) {
  .large-size-h5 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 63.9375em) {
  .large-size-h6 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the sizes */
/**
   * If this breakpoint does not have sizes, assign empty list.
   * This is used so the loop below doesnt break.
   * Fallbacks will be used.
   */
/**
   * For each heading level generate those classes.
   */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 76.5625em) {
  .xlarge-size-h1 {
    font-size: 2rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 76.5625em) {
  .xlarge-size-h2 {
    font-size: 1.62469rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 76.5625em) {
  .xlarge-size-h3 {
    font-size: 1.24969rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 76.5625em) {
  .xlarge-size-h4 {
    font-size: 1.06219rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 76.5625em) {
  .xlarge-size-h5 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 76.5625em) {
  .xlarge-size-h6 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the sizes */
/**
   * If this breakpoint does not have sizes, assign empty list.
   * This is used so the loop below doesnt break.
   * Fallbacks will be used.
   */
/**
   * For each heading level generate those classes.
   */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 90em) {
  .xxlarge-size-h1 {
    font-size: 2rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 90em) {
  .xxlarge-size-h2 {
    font-size: 1.62469rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 90em) {
  .xxlarge-size-h3 {
    font-size: 1.24969rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 90em) {
  .xxlarge-size-h4 {
    font-size: 1.06219rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 90em) {
  .xxlarge-size-h5 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 90em) {
  .xxlarge-size-h6 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/**
 * Sets the weight of the font.
 */
.weight-bold {
  font-weight: 700; }

.weight-normal {
  font-weight: 400; }

.weight-light {
  font-weight: 300; }

.weight-medium {
  font-weight: 500; }

.no-padding {
  padding: 0 !important; }
  .no-padding-top {
    padding-top: 0; }
  .no-padding-bottom {
    padding-bottom: 0; }
  .no-padding-left {
    padding-left: 0; }
  .no-padding-right {
    padding-right: 0; }

.padding {
  padding: 1em; }
  .padding--large {
    padding: 2em; }
  .padding--small {
    padding: 0.5em !important; }
  .padding--small-3-x {
    padding: 1.5em; }
  .padding--12 {
    padding: 0.75rem; }
  .padding--24 {
    padding: 1.5rem; }
  .padding-top {
    padding-top: 1em; }
    .padding-top--x-small {
      padding-top: 0.25em; }
    .padding-top--small {
      padding-top: 0.5em; }
    .padding-top--small-3-x {
      padding-top: 1.5em; }
    .padding-top--large {
      padding-top: 2em; }
    .padding-top--unit-3-x {
      padding-top: 3em; }
    .padding-top--unit-4-x {
      padding-top: 4em; }
  .padding-bottom {
    padding-bottom: 1em; }
    .padding-bottom--small {
      padding-bottom: 0.5em; }
    .padding-bottom--small-3-x {
      padding-bottom: 1.5em; }
    .padding-bottom--small-5-x {
      padding-bottom: 2.5em; }
    .padding-bottom--large {
      padding-bottom: 2em; }
    .padding-bottom--unit-3-x {
      padding-bottom: 3em; }
    .padding-bottom--unit-4-x {
      padding-bottom: 4em; }
  .padding-left {
    padding-left: 1em; }
    .padding-left--small {
      padding-left: 0.5em; }
    .padding-left--medium {
      padding-left: 1em; }
    .padding-left--large {
      padding-left: 2em; }
    .padding-left--x-large {
      padding-left: 4em; }
    .padding-left--unit-3-x {
      padding-left: 3em; }
  .padding-right {
    padding-right: 1em; }
    .padding-right--small {
      padding-right: 0.5em; }
    .padding-right--x-small {
      padding-right: 0.25em; }
    .padding-right--medium {
      padding-right: 1em; }
    .padding-right--large {
      padding-right: 2em; }
    .padding-right--x-large {
      padding-right: 4em; }

@media screen and (max-width: 45.99875em) {
  .small-only-padding {
    padding: 1em; }
    .small-only-padding--no-padding {
      padding: 0; }
    .small-only-padding--small {
      padding: 0.5em; }
    .small-only-padding--global {
      padding-right: 1.5rem;
      padding-left: 1.5rem; }
    .small-only-padding--small-3-x {
      padding-top: 1.5em; }
    .small-only-padding-top {
      padding-top: 1em; }
      .small-only-padding-top--small-3-x {
        padding-top: 1.5em; }
      .small-only-padding-top--unit-2-x {
        padding-top: 2em; }
      .small-only-padding-top--unit-3-x {
        padding-top: 3em; }
    .small-only-padding-left {
      padding-left: 1em; }
      .small-only-padding-left--small {
        padding-left: 0.5em; }
      .small-only-padding-left--small-3-x {
        padding-left: 1.5em; }
      .small-only-padding-left--large {
        padding-left: 2em; }
      .small-only-padding-left--unit-3-x {
        padding-left: 3em; }
    .small-only-padding-right {
      padding-right: 1em; }
      .small-only-padding-right--small {
        padding-right: 0.5em; }
      .small-only-padding-right--small-3-x {
        padding-right: 1.5em; }
      .small-only-padding-right--large {
        padding-right: 2em; }
    .small-only-padding-bottom {
      padding-bottom: 1em; }
      .small-only-padding-bottom--small-3-x {
        padding-bottom: 1.5em; }
      .small-only-padding-bottom--small-5-x {
        padding-bottom: 2.5em; }
      .small-only-padding-bottom--unit-2-x {
        padding-bottom: 2em; }
      .small-only-padding-bottom--unit-3-x {
        padding-bottom: 3em; }
      .small-only-padding-bottom--unit-4-x {
        padding-bottom: 4em; }
  .small-no-padding {
    padding: 0; } }

@media screen and (max-width: 63.93625em) {
  .medium-down-padding--small-3-x {
    padding: 1.5em; }
  .medium-down-padding-bottom--small {
    padding-bottom: 0.5em; }
  .medium-down-padding-bottom--large {
    padding-bottom: 2em; }
  .medium-down-padding-bottom--x-large {
    padding-bottom: 4em; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-padding--global {
    padding-right: 1.5rem;
    padding-left: 1.5rem; }
  .medium-only-padding-top {
    padding-top: 1em; }
    .medium-only-padding-top--small-3-x {
      padding-top: 1.5em; }
    .medium-only-padding-top--small-5-x {
      padding-top: 2.5em; }
    .medium-only-padding-top--large {
      padding-top: 2em; }
    .medium-only-padding-top--unit-2-x {
      padding-top: 2em; }
    .medium-only-padding-top--unit-3-x {
      padding-top: 3em; }
    .medium-only-padding-top--x-large {
      padding-top: 4em; }
    .medium-only-padding-top--unit-4-x {
      padding-top: 4em; }
  .medium-only-padding-left {
    padding-left: 1em; }
    .medium-only-padding-left--12 {
      padding-left: 0.75rem; }
    .medium-only-padding-left--large {
      padding-left: 2em; }
    .medium-only-padding-left--x-large {
      padding-left: 4em; }
    .medium-only-padding-left--xx-large {
      padding-left: 8em; }
  .medium-only-padding-right {
    padding-right: 1em; }
    .medium-only-padding-right--12 {
      padding-right: 0.75rem; }
    .medium-only-padding-right--large {
      padding-right: 2em; }
  .medium-only-padding-bottom {
    padding-bottom: 1em; }
    .medium-only-padding-bottom--small-5-x {
      padding-bottom: 2.5em; }
    .medium-only-padding-bottom--large {
      padding-bottom: 2em; }
    .medium-only-padding-bottom--unit-2-x {
      padding-bottom: 2em; }
    .medium-only-padding-bottom--unit-3-x {
      padding-bottom: 3em; }
    .medium-only-padding-bottom--unit-4-x {
      padding-bottom: 4em; }
  .small-no-padding {
    padding: 0; } }

.horizontal-flush {
  padding-top: 0;
  padding-bottom: 0; }
  @media screen and (max-width: 45.99875em) {
    .horizontal-flush--mobile {
      padding-top: 0;
      padding-bottom: 0; } }

.vertical-flush {
  padding-left: 0;
  padding-right: 0; }
  @media screen and (max-width: 45.99875em) {
    .vertical-flush--mobile {
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (min-width: 46em) {
    .vertical-flush--medium {
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .vertical-flush--medium-only {
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (max-width: 63.93625em) {
    .vertical-flush--medium-down {
      padding-left: 0;
      padding-right: 0; } }

.bottom-flush {
  padding-bottom: 0; }

@media screen and (min-width: 46em) {
  .medium-padding {
    padding: 1em; }
    .medium-padding--small-3-x {
      padding: 1.5em; }
    .medium-padding--large {
      padding: 2em; }
    .medium-padding-left {
      padding-left: 1em; }
      .medium-padding-left--large {
        padding-left: 2em; }
      .medium-padding-left--unit-3-x {
        padding-left: 3em; }
      .medium-padding-left--unit-4-x {
        padding-left: 4em; }
    .medium-padding-right {
      padding-right: 1em; }
      .medium-padding-right--large {
        padding-right: 2em; }
      .medium-padding-right--unit-2-point-7 {
        padding-right: 2.7em; }
      .medium-padding-right--unit-3-x {
        padding-right: 3em; }
      .medium-padding-right--unit-4-x {
        padding-right: 4em; }
    .medium-padding-top {
      padding-top: 1em; }
      .medium-padding-top--none {
        padding-top: 0; }
      .medium-padding-top--unit-3-x {
        padding-top: 3em; }
    .medium-padding-bottom {
      padding-bottom: 1em; }
      .medium-padding-bottom--large {
        padding-bottom: 2em; }
      .medium-padding-bottom--unit-3-x {
        padding-bottom: 3em; }
      .medium-padding-bottom--unit-5-x {
        padding-bottom: 5em; }
      .medium-padding-bottom--unit-6-x {
        padding-bottom: 6em; } }

@media screen and (min-width: 63.9375em) {
  .large-padding {
    padding: 1em; }
    .large-padding--large {
      padding: 2em; }
    .large-padding-left {
      padding-left: 1em; }
      .large-padding-left--small-3-x {
        padding-left: 1.5em; }
      .large-padding-left--large {
        padding-left: 2em; }
      .large-padding-left--x-large {
        padding-left: 4em; }
    .large-padding-right {
      padding-right: 1em; }
      .large-padding-right--small-3-x {
        padding-right: 1.5em; }
      .large-padding-right--small-7-x {
        padding-right: 3.5em; }
      .large-padding-right--large {
        padding-right: 2em; }
      .large-padding-right--x-large {
        padding-right: 4em; }
    .large-padding-top {
      padding-top: 1em; }
      .large-padding-top--small-5-x {
        padding-top: 2.5em; }
      .large-padding-top--small-7-x {
        padding-top: 3.5em; }
      .large-padding-top--large {
        padding-top: 2em; }
      .large-padding-top--spacing-3-x {
        padding-top: 3em; }
      .large-padding-top--x-large {
        padding-top: 4em; }
      .large-padding-top--xx-large {
        padding-top: 5em; }
    .large-padding-bottom {
      padding-bottom: 1em; }
      .large-padding-bottom--small-5-x {
        padding-bottom: 2.5em; }
      .large-padding-bottom--large {
        padding-bottom: 2em; }
      .large-padding-bottom--x-large {
        padding-bottom: 4em; }
      .large-padding-bottom--128 {
        padding-bottom: 8em; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-padding {
    padding: 1em; }
    .xlarge-padding-left {
      padding-left: 1em; }
      .xlarge-padding-left--large {
        padding-left: 2em; }
      .xlarge-padding-left--x-large {
        padding-left: 4em; }
    .xlarge-padding-right {
      padding-right: 1em; }
      .xlarge-padding-right--large {
        padding-right: 2em; }
      .xlarge-padding-right--x-large {
        padding-right: 4em; } }

.padding-info-block {
  padding-top: 1.5em;
  padding-bottom: 1.5em; }
  .padding-info-block-top {
    padding-top: 1.5em; }
  .padding-info-block-bottom {
    padding-bottom: 1.5em; }

@media screen and (min-width: 46em) {
  .medium-padding-info-block {
    padding-top: 1.5em;
    padding-bottom: 1.5em; }
    .medium-padding-info-block-top {
      padding-top: 1.5em; }
    .medium-padding-info-block-bottom {
      padding-bottom: 1.5em; } }

.tag-padding {
  padding: .6rem 1rem; }

/**
 * Sizing utility.
 *
 * This sets the size of the element to the normal text size.
 *
 */
.size-text {
  font-size: 1rem; }

.small-size-text {
  font-size: 1rem; }

@media screen and (min-width: 46em) {
  .medium-size-text {
    font-size: 1rem; } }

@media screen and (min-width: 63.9375em) {
  .large-size-text {
    font-size: 1rem; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-size-text {
    font-size: 1rem; } }

@media screen and (min-width: 90em) {
  .xxlarge-size-text {
    font-size: 1rem; } }

.font-size-zero {
  font-size: 0; }

.chevron-right::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 #0075BE;
  border-top: 0.125rem solid #0075BE;
  transform-origin: 0 0;
  transform: rotate(135deg) translate(20%, -50%); }

.chevron-down::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 #0075BE;
  border-top: 0.125rem solid #0075BE;
  transform-origin: 0 0;
  transform: rotate(225deg) translate(-80%, -100%); }

.chevron-left::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 #0075BE;
  border-top: 0.125rem solid #0075BE;
  transform-origin: 0 0;
  transform: rotate(315deg) translate(-80%, 0%); }

.chevron-up::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 #0075BE;
  border-top: 0.125rem solid #0075BE;
  transform-origin: 0 0;
  transform: rotate(45deg) translate(0, 20%); }

.grayscale {
  position: relative;
  /**
  * For browsers that dont suppoert grayscale() fake it with an overlay.
  */
  /**
  * If the grayscale function is supported use it instead.
  * It makes it look a little better.
  */ }
  .grayscale::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(202, 202, 202, 0.75); }
  @supports (filter: grayscale(75%)) {
    .grayscale {
      filter: grayscale(75%); }
      .grayscale::before {
        display: none; } }

/**
 * Sets the text transform of the element text.
 */
.uppercase {
  text-transform: uppercase; }

.capitalize {
  text-transform: capitalize; }

.lowercase {
  text-transform: lowercase; }

.line-height--small {
  line-height: 1; }

.line-height--legal {
  line-height: 1.2; }

.line-height--large {
  line-height: 1.5; }

.line-height--10 {
  line-height: 10px !important; }

.letter-spacing--default {
  letter-spacing: 0.00937rem; }

.letter-spacing--small {
  letter-spacing: 0.01562rem; }

.letter-spacing--xsmall {
  letter-spacing: 0.01875rem; }

.letter-spacing--large {
  letter-spacing: 0; }

.letter-spacing--xlarge {
  letter-spacing: -0.0125rem; }

.letter-spacing--xxlarge {
  letter-spacing: -0.02187rem; }

/*
* This file includes the styling required for Secure Login Widget for Harris
* which is included on page by SSI
* We can not control any class names etc inside the Widget so class names have
* to stay like this
========================================================================== */
.bh1 .homepage-login {
  display: block;
  border-radius: 0.5em;
  padding: 1em;
  text-align: center;
  z-index: 3; }
  .bh1 .homepage-login p {
    line-height: 1.25em;
    margin: 0; }
  .bh1 .homepage-login .forminput {
    margin: 0.3125rem 0; }
  .bh1 .homepage-login input {
    background-color: #FEFEFE;
    border-radius: 0;
    text-align: left;
    margin-bottom: 0;
    width: 100%; }
  .bh1 .homepage-login input[type="password"] {
    border: 0.125rem solid #cacaca;
    padding: 0.5em; }
  .bh1 .homepage-login select {
    width: 99%;
    margin-bottom: 0; }
  @media screen and (min-width: 46em) {
    .bh1 .homepage-login {
      margin-top: 2.5rem;
      position: absolute;
      max-width: 15.625rem;
      right: 0%; } }

.bh1 .mobile-signin {
  background-color: transparent;
  margin: 0;
  position: relative; }
  @media screen and (min-width: 46em) {
    .bh1 .mobile-signin {
      width: 88%; } }
  .bh1 .mobile-signin a.button.copy.auth.light {
    border-radius: 0;
    padding: 2em 3em;
    top: 0;
    width: 100%; }

.bh1 button.cta {
  border-color: #ed1c24;
  background-color: #ed1c24;
  color: #FEFEFE;
  padding: 0 2em;
  border-radius: 1em;
  height: 2em; }

.sr-only {
  border: 0 none;
  clip: rect(0, 0, 0, 0);
  height: 0.0625rem;
  margin: -0.0625rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.0625rem; }

.layer-level-2 {
  box-shadow: 0 0.125em 0.125em 0.0625em rgba(0, 0, 0, 0.12);
  transition: box-shadow 300ms ease; }
  .layer-level-2:hover {
    box-shadow: 0 0.125em 0.15625em 0.125em rgba(0, 0, 0, 0.12); }

.layer-level-3 {
  box-shadow: 0 0.25em 0.25em 0.125em rgba(0, 0, 0, 0.12);
  transition: box-shadow 300ms ease; }
  .layer-level-3:hover {
    box-shadow: 0 0.25em 0.3125em 0.25em rgba(0, 0, 0, 0.12); }

main.homepage-refresh {
  position: relative;
  overflow: auto; }
  main.homepage-refresh .promo {
    position: relative; }
  main.homepage-refresh .greyback {
    display: block;
    position: absolute;
    width: 100%;
    background-color: #f2f2f2; }
    main.homepage-refresh .greyback.home-grey-01 {
      top: 0;
      height: 60rem; }
    main.homepage-refresh .greyback.home-grey-02 {
      bottom: 0;
      height: 31.75rem; }
    main.homepage-refresh .greyback.home-grey-business {
      height: 58em; }
      @media screen and (min-width: 46em) {
        main.homepage-refresh .greyback.home-grey-business {
          height: 54em; } }

.tv-shadow {
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2); }

.tv-section {
  position: relative;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  font-weight: 300; }
  .tv-section__spacing {
    margin-bottom: 1.5em; }
    @media screen and (min-width: 46em) {
      .tv-section__spacing {
        margin-bottom: 2.5em; } }
    .tv-section__spacing--heading {
      margin-bottom: 1em; }
      @media screen and (min-width: 46em) {
        .tv-section__spacing--heading {
          margin-bottom: 1.25em; } }
    @media screen and (max-width: 63.93625em) {
      .tv-section__spacing-medium-down--large {
        margin-bottom: 2em; } }
  .tv-section p {
    font-size: inherit;
    line-height: inherit; }

.card-offset-hide {
  margin-bottom: -0.25rem; }
  @media screen and (min-width: 46em) {
    .card-offset-hide {
      margin-bottom: -0.5625rem; } }

.tv-centerdiv {
  margin-left: auto;
  margin-right: auto; }

.tv-offset-overlay .info-block .content-infoBlockIcon {
  float: right; }

.overlay-callout {
  display: block;
  position: relative;
  overflow: auto;
  background-color: #fff;
  padding: 2rem;
  border-radius: .25rem;
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 25, 40, 0.2);
  margin: 0 1rem; }

.savingAHabit .overlay-callout .info-block {
  margin-top: 0;
  margin-bottom: 0; }

@media screen and (min-width: 46em) {
  .savingAHabit .overlay-callout .columns.medium-6:first-child {
    flex: 0 0 52%;
    max-width: 52%; } }

.savingAHabit .overlay-callout .columns.medium-6:first-child .info-block {
  position: relative;
  border-bottom: 0.0625rem solid #cacaca;
  padding-bottom: 2em; }
  @media screen and (min-width: 46em) {
    .savingAHabit .overlay-callout .columns.medium-6:first-child .info-block {
      border-bottom: 0;
      padding-bottom: 4em;
      border-right: 0.0625rem solid #cacaca;
      padding-right: 2em; } }
  @media screen and (min-width: 46em) {
    .savingAHabit .overlay-callout .columns.medium-6:first-child .info-block .button {
      position: absolute;
      bottom: 0;
      left: 45%;
      transform: translateX(-50%);
      white-space: nowrap; } }
  @media screen and (min-width: 46em) {
    .savingAHabit .overlay-callout .columns.medium-6:first-child .info-block.hp-reduce-spacing-callout {
      padding-right: 1.5em;
      margin-left: -1em; } }

@media screen and (min-width: 46em) {
  .savingAHabit .overlay-callout .columns.medium-6:last-child {
    flex: 0 0 48%;
    max-width: 48%; } }

.savingAHabit .overlay-callout .columns.medium-6:last-child .info-block {
  position: relative;
  padding-top: 2em; }
  @media screen and (min-width: 46em) {
    .savingAHabit .overlay-callout .columns.medium-6:last-child .info-block {
      padding-bottom: 4em;
      padding-top: 0; } }
  @media screen and (min-width: 46em) {
    .savingAHabit .overlay-callout .columns.medium-6:last-child .info-block .button {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      white-space: nowrap; } }

.tv-home-wtbcallout {
  text-align: center; }
  @media screen and (min-width: 46em) {
    .tv-home-wtbcallout {
      text-align: left; } }

.tv-home-invest {
  display: block;
  position: relative;
  margin: 1.5em auto; }
  .tv-home-invest .rate {
    display: block;
    text-align: center;
    color: #0075BE;
    font-size: 1.75rem;
    line-height: 2.5rem;
    letter-spacing: -0.02187rem;
    font-weight: 300;
    font-weight: 700; }
  .tv-home-invest .label {
    display: block;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.01562rem;
    font-weight: 300; }

@media screen and (min-width: 63.9375em) {
  .weve-got-you-covered .covered-investments {
    padding-left: 0; } }

@media screen and (min-width: 63.9375em) {
  .weve-got-you-covered .covered-mortgages {
    padding-right: 0; } }

.tv-fine-print {
  font-size: 0.75rem; }

#persChatBot a:hover {
  text-decoration: none; }

/* Styles for chatbot tab */
.chatbot {
  /* Style for the tab */
  /* Style on the text below the svg */
  /* Wraps the cta and svg together  */ }
  .chatbot-overlay {
    overflow-x: hidden; }
    .chatbot-overlay .border-width--thick {
      border-width: .09375rem; }
  .chatbot-tab {
    /* Styles for both views */
    z-index: 999;
    background-color: #0075BE;
    text-align: center;
    position: fixed;
    /* MOBILE VIEW */
    /* So we can use flex-basis */
    display: flex;
    align-items: center;
    /* Set the position on the screen */
    bottom: 0;
    top: inherit;
    right: 1.875rem;
    /* Make it the right size */
    white-space: nowrap;
    padding: 1em 1em 0.5em 1em;
    /* Give it the correct radius and shadow in mobile */
    border-radius: 1em 1em 0 0;
    box-shadow: 0 0 1em 0.5625rem rgba(0, 25, 40, 0.12);
    /* TABLET VIEW */
    /* DESKTOP VIEW */ }
    @media screen and (min-width: 46em) {
      .chatbot-tab {
        padding: 1em 1.5em;
        right: 17.1875rem; } }
    @media screen and (min-width: 63.9375em) {
      .chatbot-tab {
        right: 12.5rem; } }
  .chatbot-wtb {
    margin: 0 25%; }
  .chatbot-feedback-text {
    font-weight: 700;
    margin-left: 0.5em;
    color: #FEFEFE;
    display: none;
    /* show for medium up  */ }
    @media screen and (min-width: 46em) {
      .chatbot-feedback-text {
        display: block; } }
  .chatbot-svg-container {
    justify-content: space-between;
    /* The actual cta style (button on desktop and link on mobile )*/ }
    @media screen and (min-width: 46em) {
      .chatbot-svg-container {
        justify-content: center; } }
    @media screen and (min-width: 46em) {
      .chatbot-svg-container-logo {
        margin: 0 25%; } }
    @media screen and (max-width: 45.99875em) {
      .chatbot-svg-container-cta {
        padding: 0;
        font-weight: bold;
        border: none;
        background: #FEFEFE;
        color: #0075BE; }
        .chatbot-svg-container-cta:hover {
          border: none;
          background: #FEFEFE;
          color: #0075BE; }
        .chatbot-svg-container-cta:active {
          border: none;
          background: #FEFEFE;
          color: #0075BE; }
        .chatbot-svg-container-cta:focus {
          border: none;
          background: #FEFEFE;
          color: #0075BE; } }
  .chatbot-cta-text {
    text-decoration: none;
    color: #000;
    font-weight: 400; }
  .chatbot-cta .icon.icon__icon--calendar_ic path, .chatbot-cta .icon.icon__icon--email_ic path, .chatbot-cta .icon.icon__icon--location_ic path {
    fill: transparent; }
  .chatbot-cta .icon.icon__icon--call_ic path {
    stroke: transparent; }

.homepage-signin {
  display: flex;
  position: absolute;
  top: 2.5rem;
  left: 50%;
  width: 100%;
  max-width: 75rem;
  transform: translateX(-50%);
  pointer-events: none; }
  .homepage-signin__inner {
    right: 0;
    height: 18.5rem;
    pointer-events: none;
    overflow: hidden;
    opacity: 0;
    transition: opacity .5s ease;
    display: none !important; }
    .homepage-signin__inner.show {
      pointer-events: auto;
      opacity: 1;
      transition: opacity .5s ease; }
      @media screen and (min-width: 63.9375em) {
        .homepage-signin__inner.show {
          display: block !important; } }
  .homepage-signin__security {
    display: block;
    width: 100%;
    color: #6e6e6e;
    text-align: center; }
    .homepage-signin__security .icon {
      vertical-align: top;
      padding: 0;
      min-width: 1.5em;
      min-height: 1.5em;
      width: 1.5em;
      height: 1.5em; }
  .homepage-signin__secondary {
    display: block;
    position: absolute;
    width: 80%;
    color: #000;
    text-align: center;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%); }
    .homepage-signin__secondary a {
      display: inline;
      font-weight: 500; }

a.homepage-signin__button:link,
a.homepage-signin__button:visited {
  display: block;
  margin-top: 2rem;
  color: #fff;
  background-color: #0075BE;
  border-radius: 3em;
  text-align: center;
  text-decoration: none;
  height: 4.25rem;
  padding-top: 1.15rem; }
  a.homepage-signin__button:link .icon,
  a.homepage-signin__button:visited .icon {
    width: 0.6em;
    height: 0.6em;
    min-width: 0.6em;
    min-height: 0.6em;
    max-width: 0.6em;
    max-height: 0.6em;
    padding: 0; }
  a.homepage-signin__button:link strong,
  a.homepage-signin__button:visited strong {
    font-weight: 500; }

a.homepage-signin__button:hover,
a.homepage-signin__button:active {
  background-color: #00436c;
  color: #FEFEFE;
  text-decoration: none; }
  a.homepage-signin__button:hover strong,
  a.homepage-signin__button:active strong {
    font-weight: 500; }

/* Some style differences for the buisness homepage banners */
.business-home-page .banner-weighted__inner-copy-title {
  max-width: 21rem; }
  @media screen and (min-width: 46em) {
    .business-home-page .banner-weighted__inner-copy-title {
      max-width: 23rem; } }
  @media screen and (min-width: 63.9375em) {
    .business-home-page .banner-weighted__inner-copy-title {
      max-width: 50rem; } }

.business-home-page .banner-weighted__inner-copy-body {
  line-height: 1.25rem; }
  @media screen and (min-width: 63.9375em) {
    .business-home-page .banner-weighted__inner-copy-body {
      line-height: inherit; } }

.business-home-page .hp-small-title {
  font-size: 1.5rem;
  line-height: 1.75rem; }
  @media screen and (min-width: 63.9375em) {
    .business-home-page .hp-small-title {
      font-size: inherit;
      line-height: inherit; } }

.business-home-page .hp-small-copy {
  line-height: 1.25rem; }

.business-home-page .banner-bubble {
  color: #FEFEFE;
  background-color: #ed1c24;
  font-weight: 500;
  display: inline;
  padding: .7em .15em;
  border-radius: 50%; }

.tv-font-xlarge {
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0;
  font-weight: 300; }

.tv-font-small {
  font-size: .875rem;
  line-height: 1.5rem;
  letter-spacing: .01562rem;
  font-weight: 300; }

@media screen and (min-width: 63.9375em) {
  .small-business-toolkit-callout .slick-initialized .slick-slide {
    width: 100% !important; }
  .small-business-toolkit-callout .slick-slider .slick-track,
  .small-business-toolkit-callout .slick-slider .slick-list {
    width: 100% !important; } }

@media screen and (min-width: 46em) {
  .small-business-toolkit-callout .slick-initialized .slick-slide {
    width: auto !important; }
  .small-business-toolkit-callout .slick-slider .slick-track,
  .small-business-toolkit-callout .slick-slider .slick-list {
    width: auto !important; } }

/*  ########################################################  */
/*  #### Overrides to be refactored / temporary styles ####  */
/*  ########################################################  */
/* TODO: Download all Journey icons and bring them in to remove this */
/**
 * Placeholder until the journey svg's are imported.
 */
.cup {
  height: 4rem;
  margin-left: auto;
  margin-right: auto;
  background-image: url("https://www.bmo.com/resources/icons/cups.svg");
  background-repeat: no-repeat;
  background-position: center; }

@media all and (min-width: 35.9375rem) {
  .cup {
    height: 6rem; } }

.card-summary-cta {
  /**
   * The ratios between:
   *  Image on left
   *  Content in middle
   *   and Cta on right
   */ }
  @media screen and (min-width: 46em) {
    .card-summary-cta {
      display: flex; } }
  .card-summary-cta__image {
    padding: 1em 0 0;
    text-align: center; }
    @media screen and (min-width: 46em) {
      .card-summary-cta__image {
        flex: 20;
        padding: 0; } }
  .card-summary-cta__contents {
    padding: 1em 2em 2em; }
    @media screen and (min-width: 46em) {
      .card-summary-cta__contents {
        flex: 50;
        padding: 0 2em; } }
  .card-summary-cta__ctas {
    padding: 1em 2em 2em; }
    @media screen and (min-width: 46em) {
      .card-summary-cta__ctas {
        flex: 30;
        border-left: 0.0625rem solid #cacaca;
        padding: 0 0 0 2em; } }
    .card-summary-cta__ctas--icon {
      display: table-cell;
      padding-right: 0.5em;
      vertical-align: middle; }
    .card-summary-cta__ctas--text {
      vertical-align: middle;
      display: table-cell; }

.features {
  text-align: center;
  padding: 1em 0;
  border-bottom: 0.0625rem solid #cacaca; }
  .features.no-border-bottom {
    border-bottom: none; }
  .features__container {
    padding: 1em;
    align-items: stretch;
    border-bottom: 0.0625rem solid #cacaca;
    border-top: 0.0625rem solid #cacaca; }
    @media screen and (min-width: 46em) {
      .features__container {
        display: flex; } }
  .features__item {
    flex: 1;
    padding: 1em 0; }
    @media screen and (min-width: 46em) {
      .features__item {
        display: flex;
        padding: 1em 0.5em;
        border-left: 0.0625rem solid #cacaca;
        flex-direction: column;
        justify-content: flex-start; }
        .features__item:first-child {
          border-left: none; } }
  .features__list {
    text-align: center; }
    @media screen and (min-width: 46em) {
      .features__list {
        margin: auto; } }
  .features__listcolumn {
    margin-bottom: 1em;
    text-align: left; }
  @media screen and (min-width: 63.9375em) {
    .features__redeem-text {
      padding-top: 0;
      padding-bottom: 0; } }

.cta-overlay-content {
  background-color: #00436c;
  color: #FEFEFE;
  text-align: center;
  padding-top: 1.5em; }
  .cta-overlay-content__slider {
    padding: 0.5em;
    border-top: 0.0625rem solid #FEFEFE; }
    @media print, screen and (min-width: 46em) {
      .cta-overlay-content__slider {
        border-bottom: none;
        border-top: none;
        padding: 0; } }
  .cta-overlay-content__padding {
    padding-right: 10px;
    padding-left: 10px; }
  @media print, screen and (min-width: 63.9375em) {
    .cta-overlay-content__item {
      border-right: 0.0625rem solid #cacaca; }
      .cta-overlay-content__item:last-child {
        border-right: 0 solid transparent; } }
  .cta-overlay-content__sub-footer {
    border-top: 0.0625rem solid #FEFEFE;
    padding: 0.5em; }
    @media print, screen and (min-width: 46em) {
      .cta-overlay-content__sub-footer {
        border-top: 0.0625rem solid #cacaca;
        padding: 1em;
        width: 90%;
        margin: auto; } }
  .cta-overlay-content__footer {
    padding: 1em;
    background-color: #FEFEFE;
    color: #001928; }
  .cta-overlay-content .slick-dots li button::before {
    font-size: 0.75rem; }
  .cta-overlay-content .slick-dots li.slick-active button::before {
    color: #0075BE; }

.cta-overlay-content-reveal {
  padding: 0; }
  .cta-overlay-content-reveal .close-button {
    color: #FEFEFE;
    right: 0.5em;
    top: 0.625rem; }
    .cta-overlay-content-reveal .close-button .close-button {
      position: absolute;
      color: #6e6e6e;
      cursor: pointer; }
      [data-whatinput='mouse'] .cta-overlay-content-reveal .close-button .close-button {
        outline: 0; }
      .cta-overlay-content-reveal .close-button .close-button:hover, .cta-overlay-content-reveal .close-button .close-button:focus {
        color: #000; }
      .cta-overlay-content-reveal .close-button .close-button.small {
        right: 0.66rem;
        top: 0.33em;
        font-size: 1.5em;
        line-height: 1; }
      .cta-overlay-content-reveal .close-button .close-button, .cta-overlay-content-reveal .close-button .close-button.medium {
        right: 1rem;
        top: 0.5rem;
        font-size: 2em;
        line-height: 1; }

.cta-callout-image {
  border: 0.0625rem solid #cacaca;
  border-radius: 0.25em;
  text-align: center;
  padding: 1em; }
  .cta-callout-image__clickable {
    color: #001928; }
    .cta-callout-image__clickable, .cta-callout-image__clickable:hover, .cta-callout-image__clickable:focus {
      text-decoration: none; }
  .cta-callout-image__title {
    font-size: 1.37437rem;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 1.1em;
    margin: 0 auto;
    text-align: center; }
  .cta-callout-image__description {
    margin-bottom: 1em; }
  .cta-callout-image__link {
    margin-top: 1em; }
    .cta-callout-image__link--clickable-text {
      color: #0075BE; }
  .cta-callout-image__terms {
    font-size: 0.75rem; }
  .cta-callout-image .button {
    margin-bottom: 0.5em; }
  .cta-callout-image__list {
    text-align: left;
    margin: 1em 1em 1em 2em; }
  .cta-callout-image__banner {
    font-size: 0.9375rem;
    background: #00436c;
    color: #FEFEFE;
    margin: 0 1em;
    border-bottom-right-radius: 0.25em;
    border-bottom-left-radius: 0.25em; }
  .cta-callout-image__footer-cta {
    margin: 2em -1em -1em -1em;
    border-top: 0.0625rem solid #cacaca;
    display: flex;
    flex-direction: row; }
  .cta-callout-image__calculator, .cta-callout-image__telephone {
    position: relative;
    width: 50%; }
  .cta-callout-image__telephone {
    border-left: 0.0625rem solid #cacaca; }
  .cta-callout-image__footer-link {
    display: block;
    z-index: 1;
    position: relative;
    text-align: left;
    padding: 1em 1em 1em 3.25em;
    font-size: 0.75rem;
    color: #0075BE; }
  .cta-callout-image__footer-icon {
    margin-right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.25em;
    color: #0075BE; }

.cta__wrapper {
  display: flex;
  flex-direction: row;
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.cta__cell {
  margin-left: 0.5em;
  margin-right: 0.5em; }
  .cta__cell-link {
    font-weight: 700;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
    @media print, screen and (min-width: 46em) {
      .cta__cell-link {
        padding-top: 0;
        padding-bottom: 0; } }
  .cta__cell--sticky {
    margin-left: 0; }

.cta__cell-content--sticky {
  display: flex;
  align-items: center; }
  .cta__cell-content--sticky > a {
    color: #FEFEFE; }
    .cta__cell-content--sticky > a:hover {
      color: #FEFEFE;
      text-decoration: underline; }
    .cta__cell-content--sticky > a:active {
      color: #FEFEFE;
      text-decoration: underline; }
    .cta__cell-content--sticky > a:focus {
      color: #FEFEFE;
      text-decoration: underline; }

.cta-svg-block__heading {
  color: #0075BE; }

.cta-svg-block__content {
  text-align: left;
  margin-bottom: 0; }

.cta-svg-block__list {
  display: flex;
  flex-direction: column; }
  @media print, screen and (min-width: 46em) {
    .cta-svg-block__list {
      flex-direction: row; } }

.cta-svg-block__list-item {
  flex: 1;
  text-align: left;
  padding-right: 2em;
  padding-left: 2em; }

@media screen and (max-width: 45.99875em) {
  .cta-svg-block__link {
    /* All these variables taken from _button.scss */
    display: inline-block;
    /* 1 */
    padding: 0.6em 2em;
    border: 0.125rem solid #0075BE;
    border-radius: 5em;
    background: #0075BE;
    color: #FEFEFE;
    text-align: center;
    transition: 300ms ease background-color, 300ms ease color, 300ms ease border-color;
    cursor: pointer;
    max-width: 90vw;
    text-align: center;
    margin-top: 1em; } }

.cta-callout {
  border: 0.0625rem solid #cacaca;
  border-radius: 0.25em;
  text-align: center;
  padding: 1.5em; }
  .cta-callout--blue {
    background-color: #00436c; }
  .cta-callout__title {
    font-weight: bold;
    margin-bottom: 0.5em; }
    .cta-callout__title--blue {
      color: #FEFEFE;
      font-size: 1.5rem;
      font-weight: 300; }
  .cta-callout__button {
    margin-top: 0.5em; }
    .cta-callout__button--blue {
      color: #0075BE;
      background-color: #FEFEFE;
      border-color: #FEFEFE;
      font-weight: bold; }
      .cta-callout__button--blue:hover {
        color: #00436c;
        background-color: #FEFEFE;
        border-color: #FEFEFE; }
      .cta-callout__button--blue:active {
        color: #00436c;
        background-color: #FEFEFE;
        border-color: #FEFEFE; }
      .cta-callout__button--blue:focus {
        color: #00436c;
        background-color: #FEFEFE;
        border-color: #FEFEFE; }

.investment-contact-form {
  background: #00436c;
  color: #FEFEFE; }
  .investment-contact-form--non-modal {
    background: #FEFEFE;
    color: #001928; }
  .investment-contact-form__input {
    color: #FEFEFE;
    padding-left: 0;
    padding-right: 0; }
    .investment-contact-form__input--non-modal {
      color: #001928; }
    .investment-contact-form__input .investment-contact-form__select--non-modal {
      border: 0.0625rem solid #cacaca;
      border-radius: 0.25em; }
    .investment-contact-form__input .is-invalid-input:not(:focus) {
      background: #FEFEFE;
      border-color: #ed1c24; }
    .investment-contact-form__input.is-invalid-label .investment-contact-form__select {
      border: 0.125em #ed1c24 solid; }
    .investment-contact-form__input--checkbox, .investment-contact-form__input__radio {
      color: #FEFEFE;
      font-size: 16px;
      display: flex;
      align-items: center;
      padding-left: 0; }
      .investment-contact-form__input--checkbox-non-modal, .investment-contact-form__input__radio-non-modal {
        color: #001928; }
      .investment-contact-form__input--checkbox .input__tooltip, .investment-contact-form__input__radio .input__tooltip {
        margin: 0;
        order: 2;
        padding-left: 0.5em;
        font-weight: 700; }
      .investment-contact-form__input--checkbox .input__checkbox, .investment-contact-form__input__radio .input__checkbox {
        margin: 0; }
      .investment-contact-form__input--checkbox .input__radio, .investment-contact-form__input__radio .input__radio {
        margin: 0; }
      .investment-contact-form__input--checkbox .form-error, .investment-contact-form__input__radio .form-error {
        order: 2; }
    .investment-contact-form__input--textarea {
      resize: none;
      font-size: 0.875em; }
  .investment-contact-form__select {
    background: #FEFEFE;
    border: 0 solid transparent;
    margin-bottom: 0; }
    .investment-contact-form__select-non-modal {
      color: #001928; }
  .investment-contact-form__label {
    padding: 0.5em 0.5em;
    font-size: 16px;
    font-weight: 700; }
    @media print, screen and (min-width: 46em) {
      .investment-contact-form__label {
        padding-left: 1em;
        padding-right: 1em; } }
  @media screen and (max-width: 45.99875em) {
    .investment-contact-form__consent {
      border-top: 0.125em solid #FEFEFE;
      border-bottom: 0.125em solid #FEFEFE;
      margin: 1em 0;
      padding: 1em 0; } }
  @media print, screen and (min-width: 63.9375em) {
    .investment-contact-form__consent {
      margin-top: 2em;
      /* meant to simulate the height of a label in adjacent row */ } }
  .investment-contact-form__consent-inputs {
    display: flex;
    justify-content: space-between; }
    @media print, screen and (min-width: 63.9375em) {
      .investment-contact-form__consent-inputs {
        margin-top: 1.25em; } }
  .investment-contact-form .form-error {
    margin-bottom: 0;
    font-size: 1em; }
  .investment-contact-form__modal-container {
    background-color: #00436c; }
  .investment-contact-form__form-section--invisible {
    opacity: 0; }
  @media print, screen and (min-width: 46em) {
    .investment-contact-form__callout-items {
      padding: 0 1.5em;
      border-right: 0.125em #cacaca solid;
      margin-top: 2em;
      margin-bottom: 4em; }
      .investment-contact-form__callout-items:last-child {
        border-right: 0 solid transparent; }
      .investment-contact-form__callout-items .spacing-info-block:first-child {
        margin-top: 0; } }
  .investment-contact-form__confirmation {
    display: none; }

.investments-online-compare__slide {
  position: relative;
  padding: 22vw 0.5em 1em 0.5em;
  border: 0.0625rem solid #cacaca; }
  @media print, screen and (min-width: 46em) {
    .investments-online-compare__slide {
      padding: 6.5em 1em 1em; } }
  @media screen and (max-width: 45.99875em) {
    .investments-online-compare__slide {
      border-radius: 0.25em; } }

.investments-online-compare__slide-heading {
  font-size: 0.99938rem; }

.investments-online-compare__slide-heading,
.investments-online-compare__slide-subHeading {
  text-align: center; }

.investments-online-compare__product-image {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -100%); }

.investments-online-compare__slide-description {
  padding: 5vw 1.5em 0;
  min-height: 17.75em; }
  @media print, screen and (min-width: 46em) {
    .investments-online-compare__slide-description {
      padding: 1.5em 2em 0; } }

.investments-online-compare--top-padding {
  padding-top: 3em; }

@media print, screen and (min-width: 46em) {
  .investment-compare-online-investing-legal {
    padding: 0; } }

.investment-compare-online-investing-legal .legal-footer__list {
  margin: 0;
  list-style: none; }

.investments-fee-detail {
  padding: 1em 0 1em;
  border-top: 0.0625rem solid #cacaca;
  border-bottom: 0.0625rem solid #cacaca;
  min-height: 9.75em; }
  @media screen and (max-width: 45.99875em) {
    .investments-fee-detail {
      min-height: 12em; } }
  .investments-fee-detail__text {
    font-size: 0.75rem;
    text-align: center;
    margin: 0; }
    @media print, screen and (min-width: 46em) {
      .investments-fee-detail__text {
        line-height: 1.5em; } }
    @media screen and (max-width: 45.99875em) {
      .investments-fee-detail__text {
        line-height: normal; } }
  .investments-fee-detail__wrapper {
    padding-right: 1em;
    margin-bottom: 1em;
    text-align: center;
    flex: 0 0 100%; }
    @media print, screen and (min-width: 46em) {
      .investments-fee-detail__wrapper {
        text-align: left;
        margin-bottom: 0;
        flex: 1 0 30%; } }
  .investments-fee-detail__flex-fifty {
    flex: 0 0 50%; }
  .investments-fee-detail__container--left, .investments-fee-detail__container--right {
    position: relative; }
  @media screen and (max-width: 45.99875em) {
    .investments-fee-detail__container--small-only-align-center {
      display: flex;
      align-items: center; } }
  @media screen and (max-width: 45.99875em) {
    .investments-fee-detail__single-item {
      width: 70%; } }
  .investments-fee-detail__sign {
    white-space: nowrap;
    font-size: 1.5rem;
    font-weight: 700; }
    .investments-fee-detail__sign--dollar {
      position: relative; }
      .investments-fee-detail__sign--dollar::before {
        content: '$';
        font-size: 0.75rem;
        font-weight: 700;
        position: absolute;
        top: -0.5em; }
    .investments-fee-detail__sign--percent {
      position: relative; }
      .investments-fee-detail__sign--percent::before {
        content: '%';
        font-size: 0.75rem;
        font-weight: 700;
        position: absolute;
        top: -0.5em; }
  .investments-fee-detail--connector::after {
    font-size: 0.75rem;
    text-transform: uppercase;
    width: 3.5em;
    height: 3.5em;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%); }
  .investments-fee-detail--no-border {
    border: 0 solid transparent; }
  :lang(en) .investments-fee-detail .investments-fee-detail__sign--dollar::before {
    left: -.6em; }
  :lang(en) .investments-fee-detail .investments-fee-detail__sign--percent::before {
    right: -.8em; }
  :lang(en) .investments-fee-detail .investments-fee-detail--connector::after {
    content: "or";
    top: 25%; }
    @media screen and (max-width: 45.99875em) {
      :lang(en) .investments-fee-detail .investments-fee-detail--connector::after {
        top: 40%; } }
  :lang(en) .investments-fee-detail .investments-fee-detail {
    min-height: 9.75em; }
    @media screen and (max-width: 45.99875em) {
      :lang(en) .investments-fee-detail .investments-fee-detail {
        min-height: 12em; } }
  :lang(fr) .investments-fee-detail .investments-fee-detail__sign--dollar::before {
    right: -.6em; }
  :lang(fr) .investments-fee-detail .investments-fee-detail__sign--percent::before {
    right: -.8em; }
  :lang(fr) .investments-fee-detail .investments-fee-detail--connector::after {
    content: "ou";
    top: 20%; }
    @media screen and (max-width: 45.99875em) {
      :lang(fr) .investments-fee-detail .investments-fee-detail--connector::after {
        top: 35%; } }
  :lang(fr) .investments-fee-detail .investments-fee-detail {
    min-height: 9em; }
    @media screen and (max-width: 45.99875em) {
      :lang(fr) .investments-fee-detail .investments-fee-detail {
        min-height: 12.75em; } }

.callout-slider {
  min-height: 9.375rem;
  list-style-type: none;
  /**
   * Slick has a bug where providing your own button is not working.
   *
   * 1. Center the arrow
   * 2. Values given by designers
   * 3. Place the arrows just above the slides
   */
  /**
   * 1. Keep it just inside the container.
   */ }
  .callout-slider .slick-arrow {
    height: 6rem;
    /* 2 */
    width: 1.5rem;
    /* 2 */
    background-color: #0075BE;
    color: #FEFEFE;
    z-index: 10;
    /* 3 */
    /**
     * 1. Hide the default slick arrow.
     */ }
    .callout-slider .slick-arrow::before {
      display: none;
      /* 1 */ }
  .callout-slider--column {
    flex-direction: column; }
  .callout-slider .slick-next {
    right: auto;
    left: 99.5%;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
    .callout-slider .slick-next::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.5rem;
      height: 0.5rem;
      border-left: 0.125rem solid #FEFEFE;
      border-top: 0.125rem solid #FEFEFE;
      transform-origin: 0 0;
      transform: rotate(135deg) translate(20%, -50%);
      transform: rotate(135deg) translate(-50%, -50%); }
  .callout-slider .slick-prev {
    right: 99.5%;
    /* 1 */
    left: auto;
    /* 1 */
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }
    .callout-slider .slick-prev::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.5rem;
      height: 0.5rem;
      border-left: 0.125rem solid #FEFEFE;
      border-top: 0.125rem solid #FEFEFE;
      transform-origin: 0 0;
      transform: rotate(315deg) translate(-80%, 0%);
      transform: rotate(315deg) translate(0%, 0%); }
  .callout-slider .slick-dots li {
    margin: 0 0.125rem; }
  .callout-slider .slick-dots li button::before {
    font-size: 0.75rem; }
  .callout-slider .slick-dots li.slick-active button::before {
    color: #0075BE; }
  .callout-slider-reverse .slick-dots li button::before {
    color: #cacaca;
    opacity: 100; }

.information {
  padding: 1em 0; }
  .information__heading {
    padding: 1em;
    padding-bottom: 0;
    border-top: 0.0625rem solid #cacaca;
    margin-top: 1em; }
    @media print, screen and (min-width: 46em) {
      .information__heading {
        padding-bottom: 1em; } }
  .information__container {
    margin-top: 1.5em;
    text-align: left;
    align-items: stretch;
    border-bottom: 0.0625rem solid #cacaca; }
    @media print, screen and (min-width: 46em) {
      .information__container {
        padding-bottom: 2em; } }
  .information__item {
    padding: 0; }
    @media print, screen and (min-width: 46em) {
      .information__item {
        padding: 0 2em;
        border-left: 0.0625rem solid #cacaca; }
        .information__item:first-child {
          border-left: none; }
        .information__item > a {
          margin-bottom: 1em; } }

.icon-flip .icon__icon--chevron-down {
  transform: rotate(180deg); }

.security-tab {
  padding: 1em 0 0 0;
  border-bottom: 0.0625rem solid #cacaca; }

/**
* Rangeslider
*/
.rangeslider {
  margin: 20px 0;
  position: relative;
  background: #e6e6e6;
  -ms-touch-action: none;
  touch-action: none; }

.rangeslider,
.rangeslider .rangeslider__fill {
  display: block;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4); }

.rangeslider .rangeslider__handle {
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

.rangeslider .rangeslider__handle .rangeslider__active {
  opacity: 1; }

.rangeslider .rangeslider__handle-tooltip {
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  font-weight: normal;
  font-size: 14px;
  transition: all 100ms ease-in;
  border-radius: 4px;
  display: inline-block;
  color: white;
  left: 50%;
  transform: translate3d(-50%, 0, 0); }

.rangeslider .rangeslider__handle-tooltip span {
  margin-top: 12px;
  display: inline-block;
  line-height: 100%; }

.rangeslider .rangeslider__handle-tooltip:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0; }

/**
* Rangeslider - Horizontal slider
*/
.rangeslider-horizontal {
  height: 12px;
  border-radius: 10px; }

.rangeslider-horizontal .rangeslider__fill {
  height: 100%;
  background-color: #7cb342;
  border-radius: 10px;
  top: 0; }

.rangeslider-horizontal .rangeslider__handle {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  top: 50%;
  transform: translate3d(-50%, -50%, 0); }

.rangeslider-horizontal .rangeslider__handle:after {
  content: ' ';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 6px;
  left: 6px;
  border-radius: 50%;
  background-color: #dadada;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 -1px 3px rgba(0, 0, 0, 0.4) inset; }

.rangeslider-horizontal .rangeslider__handle-tooltip {
  top: -55px; }

.rangeslider-horizontal .rangeslider__handle-tooltip:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.8);
  left: 50%;
  bottom: -8px;
  transform: translate3d(-50%, 0, 0); }

/**
* Rangeslider - Vertical slider
*/
.rangeslider-vertical {
  margin: 20px auto;
  height: 150px;
  max-width: 10px;
  background-color: transparent; }

.rangeslider-vertical .rangeslider__fill,
.rangeslider-vertical .rangeslider__handle {
  position: absolute; }

.rangeslider-vertical .rangeslider__fill {
  width: 100%;
  background-color: #7cb342;
  box-shadow: none;
  bottom: 0; }

.rangeslider-vertical .rangeslider__handle {
  width: 30px;
  height: 10px;
  left: -10px;
  box-shadow: none; }

.rangeslider-vertical .rangeslider__handle-tooltip {
  left: -100%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0); }

.rangeslider-vertical .rangeslider__handle-tooltip:after {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid rgba(0, 0, 0, 0.8);
  left: 100%;
  top: 12px; }

/**
* Rangeslider - Reverse
*/
.rangeslider-reverse.rangeslider-horizontal .rangeslider__fill {
  right: 0; }

.rangeslider-reverse.rangeslider-vertical .rangeslider__fill {
  top: 0;
  bottom: inherit; }

/**
* Rangeslider - Labels
*/
.rangeslider__labels {
  position: relative; }

.rangeslider-vertical .rangeslider__labels {
  position: relative;
  list-style-type: none;
  margin: 0 0 0 24px;
  padding: 0;
  text-align: left;
  width: 250px;
  height: 100%;
  left: 10px; }

.rangeslider-vertical .rangeslider__labels .rangeslider__label-item {
  position: absolute;
  transform: translate3d(0, -50%, 0); }

.rangeslider-vertical .rangeslider__labels .rangeslider__label-item::before {
  content: '';
  width: 10px;
  height: 2px;
  background: black;
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1; }

.rangeslider__labels .rangeslider__label-item {
  position: absolute;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  top: 10px; }
  .rangeslider__labels .rangeslider__label-item:first-child {
    position: absolute !important;
    left: 0 !important;
    left: auto !important; }
  .rangeslider__labels .rangeslider__label-item:last-child {
    position: absolute !important;
    right: 0 !important;
    left: auto !important; }
  .rangeslider__labels .rangeslider__label-item:not(:first-child):not(:last-child) {
    top: 0px;
    height: 10px;
    width: 2px;
    border: 1px solid #929ba9;
    position: absolute; }
    .rangeslider__labels .rangeslider__label-item:not(:first-child):not(:last-child) div {
      margin: 15px 0 0 -15px;
      font-weight: 700;
      min-width: 40px; }

.rangeslider {
  background: #D9DCE1;
  box-shadow: none; }
  .rangeslider .rangeslider__handle {
    width: 20px;
    height: 20px;
    border-radius: 30px;
    text-align: center;
    z-index: 1; }
    .rangeslider .rangeslider__handle:after {
      position: initial; }
  .rangeslider .rangeslider__fill {
    background-color: #0075BE;
    box-shadow: none; }

.rangeslider-horizontal {
  height: 4px; }

.sticky-inner-wrapper {
  z-index: 99; }

.sticky-outer-wrapper.active .sticky-inner-wrapper {
  top: 56px !important; }
  @media screen and (max-width: 45.99875em) {
    .sticky-outer-wrapper.active .sticky-inner-wrapper {
      top: 40px !important; } }

div[class*="mortgage-calculator-card"] ul[class*="rangeslider__labels"] div {
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.01875rem;
  font-weight: 300;
  font-weight: 500;
  color: #6e6e6e; }

div[class*="mortgage-calculator-card"] ul[class*="rangeslider__labels"] li[class*="rangeslider__label-item"]:first-child div {
  position: absolute !important;
  left: 0 !important; }

div[class*="mortgage-calculator-card"] ul[class*="rangeslider__labels"] li[class*="rangeslider__label-item"]:last-child div {
  position: absolute !important;
  right: 0 !important; }

div[class*="mortgage-calculator-card"] div[class*="rangeslider__handle"] {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); }

div[class*="mortgage-calculator-card"] div[class*="rangeslider__handle-label"] {
  outline: 0; }

div[class*="mortgage-calculator-card"] div[class*="rangeslider"] div[class*="rangeslider__handle-tooltip"] {
  display: block;
  position: absolute;
  width: auto;
  height: 28px;
  padding: 0px;
  padding-left: 8px;
  padding-right: 8px;
  margin: 0;
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
  transition: all 100ms ease-in;
  border-radius: 4px;
  left: 50%;
  transform: translate(-50%, 10px);
  outline: 0;
  z-index: 90;
  top: -45px; }
  div[class*="mortgage-calculator-card"] div[class*="rangeslider"] div[class*="rangeslider__handle-tooltip"] > span {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    margin-top: 8px;
    color: #414141;
    letter-spacing: 0.25px;
    font-weight: 400; }
  div[class*="mortgage-calculator-card"] div[class*="rangeslider"] div[class*="rangeslider__handle-tooltip"]:after {
    content: "\25BC";
    position: absolute;
    display: block;
    top: 25px;
    left: 50%;
    transform: translate(50%, 0);
    text-align: center;
    text-indent: -4px;
    color: white;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    border: none;
    z-index: 99;
    font-size: 8px; }

@media screen and (max-width: 45.99875em) {
  .product-list__align {
    text-align: center; } }

.product-list__align sup > a {
  font-weight: 400; }

.product-list__wrapper {
  position: relative; }

.product-list__separator {
  margin-top: 2em;
  /* less spacing needed for mobile */ }
  @media print, screen and (min-width: 46em) {
    .product-list__separator {
      margin-top: 4em;
      /* more space needed for tablet */ } }
  @media print, screen and (min-width: 63.9375em) {
    .product-list__separator {
      margin-top: 3em; } }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .product-list__separator--large-spacing {
      margin-top: 6em;
      /* more space to accomodate different content for specific pages */ } }

.product-list__icon {
  position: absolute;
  left: 48%;
  /* to center align with cta button */
  bottom: 0px;
  width: 14.0625rem;
  height: auto;
  padding: 0 1em;
  background: #FEFEFE;
  border-radius: 50%; }
  @media screen and (max-width: 45.99875em) {
    .product-list__icon {
      visibility: hidden;
      clear: both;
      float: left;
      display: none; } }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .product-list__icon {
      left: 40%; } }
  .product-list__icon--bottom {
    bottom: 1.0625rem; }

@media print, screen and (min-width: 63.9375em) {
  .product-list__list {
    columns: 2;
    white-space: nowrap; } }

.product-list__list--item {
  font-weight: 500; }
  @media print, screen and (min-width: 46em) {
    .product-list__list--item {
      list-style-position: inside; } }

.product-list__promo-container {
  position: relative; }

.product-list__monthly-fee-promo {
  position: relative;
  color: #c81414; }
  .product-list__monthly-fee-promo::before {
    position: absolute;
    content: "";
    left: 0;
    top: 40%;
    right: 0;
    border-top: 0.1em solid;
    border-color: inherit;
    transform: rotate(20deg); }

@media screen and (max-width: 45.99875em) {
  .product-list__spacing {
    margin-top: 2em; } }

@media print, screen and (min-width: 46em) {
  .product-list__button-spacing {
    margin-top: 4em; } }

.product-list__offer-link {
  color: #0075BE;
  display: block;
  font-weight: 700; }
  @media screen and (max-width: 45.99875em) {
    .product-list__offer-link {
      width: 100%; } }

.product-list__button-container {
  position: relative;
  text-align: center; }

@media screen and (max-width: 45.99875em) {
  .product-list__no-offer {
    position: absolute;
    left: 9vw;
    /* to center cta button in mobile */ } }

.product-list__button {
  position: absolute;
  left: 9vw;
  /* to center cta button in mobile */ }
  @media print, screen and (min-width: 46em) {
    .product-list__button {
      bottom: 2vh;
      /* to align closer to icon */ } }
  @media print, screen and (min-width: 46em) {
    .product-list__button--cta-1 {
      left: 25%;
      /* to align cta's with little text with icon */ } }
  @media print, screen and (min-width: 46em) {
    .product-list__button--cta-2 {
      left: 15%;
      /* to align cta's with longer text with icon */ } }
  @media print, screen and (min-width: 46em) {
    .product-list__button--cta-3 {
      left: 10%;
      /* to align cta's with longer text with icon */ } }

.product-list__below-cta {
  font-weight: 300; }
  .product-list__below-cta--no-offer {
    padding-top: 1em; }
    @media screen and (max-width: 45.99875em) {
      .product-list__below-cta--no-offer {
        padding-top: 4em; } }
  @media screen and (max-width: 45.99875em) {
    .product-list__below-cta--with-offer {
      padding-top: 5em; } }
  .product-list__below-cta--form-link {
    color: #0075BE;
    border: none;
    padding: 0 !important;
    cursor: pointer;
    margin-right: 5px; }
    .product-list__below-cta--form-link:hover {
      text-decoration: underline;
      color: #00436c; }
  .product-list__below-cta--form-button-container {
    font-size: 0.9375rem;
    /* To match font size given in design */ }
    @media screen and (max-width: 45.99875em) {
      .product-list__below-cta--form-button-container {
        margin-left: 4em;
        /*to center content */ } }

.product-plan-discount__container {
  height: 31px;
  display: flex;
  border-radius: .25em;
  color: #0075BE;
  border-bottom: .0625rem solid #d9dce1;
  align-items: center;
  padding: .5em;
  position: relative;
  width: 14.1875rem;
  /* from design */ }
  @media screen and (max-width: 45.99875em) {
    .product-plan-discount__container {
      margin-left: auto;
      margin-right: auto; } }
  .product-plan-discount__container > button {
    color: #0075BE;
    width: 100%;
    text-align: left; }
  .product-plan-discount__container .icon {
    color: #00436c;
    line-height: 0.5em;
    border-radius: 0 0.25em 0.25em 0;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.5em;
    margin-top: 1em; }

@media screen and (max-width: 45.99875em) {
  .product-plan-discount__padding {
    padding-left: 5em;
    padding-right: 5em; } }

.product-plan-discount__dropdown-subtitle {
  color: #414141;
  font-weight: 500;
  letter-spacing: .009375rem;
  /* from design */ }

.product-plan-discount__text {
  color: #0075BE; }

@media print, screen and (min-width: 46em) {
  .product-sticky-cta {
    height: 0 !important; } }

.product-sticky-cta-container {
  margin-top: -1em;
  padding-top: 1em;
  max-width: calc(100% - 4em); }
  @media print, screen and (min-width: 46em) {
    .product-sticky-cta-container {
      border-top: 0 solid transparent;
      margin-top: 0;
      padding-top: 0;
      max-width: 100%; } }
  .product-sticky-cta-container----border {
    border-top: 0.0625rem solid #cacaca; }
    @media print, screen and (min-width: 46em) {
      .product-sticky-cta-container----border {
        border-top: 0 solid transparent; } }

.product-sticky-cta .is-stuck {
  left: 0 !important;
  max-width: 100vw !important;
  width: 100vw;
  display: flex;
  background: #0075BE;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
  padding: 1rem 0; }
  @media print, screen and (min-width: 46em) {
    .product-sticky-cta .is-stuck {
      transform: translate3d(0, 0, 0) !important; } }

@media print, screen and (min-width: 46em) {
  .product-sticky-cta .is-anchored {
    transform: translate3d(0, 0, 0) !important; } }

.product-sticky-cta__bar {
  width: 100%; }
  .is-stuck .product-sticky-cta__bar {
    width: 100%;
    max-width: 75em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2em; }
    @media print, screen and (min-width: 63.9375em) {
      .is-stuck .product-sticky-cta__bar {
        padding: 0; } }

.product-sticky-cta__page-title {
  display: none; }
  .is-stuck .product-sticky-cta__page-title {
    display: block; }
    .is-stuck .product-sticky-cta__page-title a {
      color: #FEFEFE; }

.product-sticky-cta__buttons {
  display: flex;
  flex-direction: column;
  text-align: center; }
  .is-stuck .product-sticky-cta__buttons {
    flex-direction: row;
    align-items: center; }
  .product-sticky-cta__buttons .sticky-show {
    display: none;
    line-height: 22.4px; }
  @media screen and (max-width: 45.99875em) {
    .product-sticky-cta__buttons span.show-for-large {
      display: none !important; } }

.product-sticky-cta__button {
  border-radius: 5em;
  font-weight: 500;
  margin-bottom: 1em; }
  @media screen and (max-width: 45.99875em) {
    .product-sticky-cta__button {
      margin-top: 1em; } }
  @media print, screen and (min-width: 46em) {
    .product-sticky-cta__button {
      padding-left: 1.5em;
      padding-right: 1.5em; } }
  @media print, screen and (min-width: 63.9375em) {
    .product-sticky-cta__button {
      padding-left: 2em;
      padding-right: 2em; } }

.product-sticky-cta__link {
  font-weight: 500; }
  .product-sticky-cta__link--link-text {
    text-transform: uppercase; }

.is-stuck .product-sticky-cta__cta-caption {
  margin-right: 1em; }

.product-sticky-cta__caveat {
  padding: 0 2em; }

.product-sticky-cta__container-body {
  right: 0;
  width: 100%; }
  @media print, screen and (min-width: 46em) {
    .product-sticky-cta__container-body {
      transform: translate3d(0, 0, 0) !important; } }

.product-sticky-cta__list-container-body {
  width: 100%;
  z-index: 99; }
  @media screen and (max-width: 45.99875em) {
    .product-sticky-cta__list-container-body {
      left: 10vw !important;
      /*to center button */ } }
  @media print, screen and (min-width: 46em) {
    .product-sticky-cta__list-container-body {
      transform: translate3d(0, 0, 0) !important; } }

.ready-to-bank {
  margin-top: 2em; }
  @media print, screen and (min-width: 46em) {
    .ready-to-bank {
      margin-top: 3em; } }
  @media print, screen and (min-width: 46em) {
    .ready-to-bank {
      margin-top: 5em; } }
  .ready-to-bank .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
  .ready-to-bank .row .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
  .ready-to-bank__body {
    padding-bottom: 2em; }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__body {
        margin-top: 2em;
        border-bottom: 0.056em solid #cacaca; } }
  .ready-to-bank__cta {
    padding: 0 1em;
    margin-bottom: 2em; }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__cta {
        margin-bottom: 0; } }
  .ready-to-bank__contact {
    display: flex;
    flex-direction: column; }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__contact {
        position: relative;
        border-left: 0.056em solid #cacaca;
        padding-left: 0;
        padding-right: 0; }
        .ready-to-bank__contact::before {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-left: -0.056em;
          top: 0;
          height: 0em;
          width: 0.056em; }
        .ready-to-bank__contact::after {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-left: -0.056em;
          bottom: 0;
          height: 0em;
          width: 0.056em; } }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__contact-modes {
        flex: 1; } }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__contact-modes:first-child {
        position: relative;
        border-bottom: 0.056em solid #cacaca;
        padding-left: 0;
        padding-right: 0; }
        .ready-to-bank__contact-modes:first-child::before {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-bottom: -0.056em;
          right: 0;
          bottom: 0;
          height: 0.056em;
          width: 2em; }
        .ready-to-bank__contact-modes:first-child::after {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-bottom: -0.056em;
          bottom: 0;
          right: 0;
          left: 0;
          height: 0.056em;
          width: 2em; } }
    .ready-to-bank__contact-mode {
      display: flex;
      align-items: center;
      justify-content: space-around; }
      @media print, screen and (min-width: 46em) {
        .ready-to-bank__contact-mode {
          text-align: left; } }
  .ready-to-bank__apply-online-cta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0 1.5em; }
  .ready-to-bank__apply-online-content {
    margin-bottom: 1em;
    width: 100%; }
  .ready-to-bank__icon-container {
    display: flex;
    align-items: flex-start;
    padding: 0; }
  .ready-to-bank__button-outline {
    margin: 1em 0;
    width: 100%; }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__button-outline {
        margin: 1em 0 0;
        width: auto;
        min-width: 14em; } }
  @media print, screen and (min-width: 46em) {
    .ready-to-bank__button-container {
      padding: 0; } }
  @media print, screen and (min-width: 46em) {
    .ready-to-bank__button-tel-link {
      text-align: left; } }
  @media print, screen and (min-width: 63.9375em) {
    .ready-to-bank__button-tel-link {
      color: #000; } }
  @media print, screen and (min-width: 46em) {
    .ready-to-bank__button-find-branch {
      text-align: left; } }
  .ready-to-bank__button-open-account {
    margin-bottom: 0.25em; }
  @media print, screen and (min-width: 63.9375em) {
    .ready-to-bank .phone-svg {
      width: 4em;
      height: 5em; } }
  @media print, screen and (min-width: 63.9375em) {
    .ready-to-bank .branch-svg {
      width: 5.5em;
      height: 4em; } }
  .ready-to-bank .main-heading {
    font-size: 2em; }
  .ready-to-bank .heading-em {
    margin-top: 0; }

.arrow-online {
  position: relative;
  height: 12.75em; }
  .arrow-online__svg {
    position: absolute; }
    .arrow-online__svg--curve {
      width: 3.1875em;
      right: 10em;
      height: 2.125em; }
    .arrow-online__svg--online {
      height: 100%;
      width: 100%;
      top: 1em;
      margin-top: -0.5em; }

.accomplishments {
  text-align: center;
  margin-top: 4em; }
  .accomplishments__svg {
    position: absolute;
    width: 100%;
    bottom: 0.125rem; }
    .accomplishments__svg-container {
      position: relative;
      height: 10em;
      width: 15em;
      display: flex;
      align-items: center;
      margin: 0 auto; }
    .accomplishments__svg--certificate {
      width: 8.25em;
      z-index: 1;
      background: #FEFEFE;
      left: 2em;
      height: 6em; }
    .accomplishments__svg--trophy {
      width: 9.9em;
      right: 1em;
      height: 10em; }
    .accomplishments__svg--line {
      bottom: 0;
      z-index: 2;
      height: 1em; }
  .accomplishments__citations {
    display: flex;
    flex-direction: column; }
    @media print, screen and (min-width: 63.9375em) {
      .accomplishments__citations {
        flex-direction: row; } }
  .accomplishments__citation {
    flex: 1;
    margin-bottom: 2em;
    border-bottom: 0 solid transparent;
    border-top: 0.0625rem solid #cacaca; }
    .accomplishments__citation:last-child {
      border-bottom: 0 solid transparent; }
    @media print, screen and (min-width: 63.9375em) {
      .accomplishments__citation {
        border-left: 0.0625rem solid #cacaca;
        border-top: 0 solid transparent;
        border-bottom: 0 solid transparent;
        padding-bottom: 0;
        margin-bottom: 0; } }
    .accomplishments__citation .accomplishments__quote {
      border-left: 0 solid transparent;
      padding-top: 2em; }
      @media print, screen and (min-width: 63.9375em) {
        .accomplishments__citation .accomplishments__quote {
          padding: 0.5em 2.5em 0 2.5em; } }
    .accomplishments__citation:first-child {
      border-top: 0 solid transparent; }
      @media print, screen and (min-width: 63.9375em) {
        .accomplishments__citation:first-child {
          border-left: 0 solid transparent; } }
  .accomplishments .heading-em {
    font-size: 2em; }

/*
  TODO: - refactor to reflect design guidance on spacing, fonts,consistency, etc.
  -make the separator a re-usable element, it appears frequently on the product page
*/
.product-description {
  align-items: flex-start;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  .product-description__image {
    text-align: center; }
    .product-description__image img {
      background: #FEFEFE;
      border: 0.0625rem solid #cacaca;
      border-radius: 50%;
      padding: .5rem;
      max-width: 18rem;
      width: 100%; }
      @media print, screen and (min-width: 46em) {
        .product-description__image img {
          max-width: 23rem; } }
    .product-description__image-nomobile {
      display: none; }
      @media print, screen and (min-width: 46em) {
        .product-description__image-nomobile {
          display: inline; } }
  .product-description__text {
    text-align: left; }
  .product-description .heading-em--left {
    font-size: 2em; }
    .product-description .heading-em--left::after {
      margin: 0.5em 0 1em; }

.product-description-clean {
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  .product-description-clean__image {
    text-align: center; }
    .product-description-clean__image img {
      background: #FEFEFE;
      border: none;
      border-radius: 50%;
      padding: .5rem;
      max-width: 18rem;
      width: 100%; }
    .product-description-clean__image-nomobile {
      display: none; }
      @media print, screen and (min-width: 46em) {
        .product-description-clean__image-nomobile {
          display: inline; } }
  .product-description-clean__text {
    text-align: left; }
  .product-description-clean .heading-em--left {
    font-size: 2em;
    margin-bottom: 0.5em; }
    .product-description-clean .heading-em--left::after {
      display: none;
      margin: 0.5em 0 1em; }

.bmo-difference {
  padding-top: 3rem;
  padding-bottom: 3rem; }
  .bmo-difference__heading {
    margin-bottom: 2rem; }
  .bmo-difference__content {
    text-align: left; }
    @media print, screen and (min-width: 63.9375em) {
      .bmo-difference__content {
        text-align: center; } }
  .bmo-difference .large-text-center {
    text-align: left; }
  @media print, screen and (min-width: 46em) {
    .bmo-difference .bmo-diff-list::after {
      content: '';
      flex-grow: 2; } }
  @media print, screen and (min-width: 63.9375em) {
    .bmo-difference .bmo-diff-list::after {
      content: '';
      flex-grow: inherit; } }

.edb-cta {
  margin-top: 2em;
  text-align: center; }
  @media print, screen and (min-width: 46em) {
    .edb-cta {
      margin-top: 3em; } }
  .edb-cta__svg {
    max-width: 18em; }
  .edb-cta__heading {
    margin: 1em 0;
    /**
    * On ipad and bigger, we want the heading to no longer act like a heading
    * This means doubling the top margin and removing the bottom margin
    */ }
    @media print, screen and (min-width: 46em) {
      .edb-cta__heading {
        margin-top: 2em;
        margin-bottom: 0; } }
  .edb-cta__phone-link {
    line-height: 36px;
    display: block;
    margin-bottom: 1em;
    font-size: 1.37437rem;
    padding: 0.5em;
    /**
    * The middle phone number is supposed to be larger in size
    */ }
    @media print, screen and (min-width: 46em) {
      .edb-cta__phone-link {
        /**
      * 1. The margin and padding is used to display properly inside a button (only on mobile), so remove it.
      * 2. On ipads and bigger we want the phone numbers to be in Dax and not bolded.
      * 3. Phone numbers as links will not wrap unless you tell the white-space to be normal. (This is because the fr copy is too long and needs two lines)
      */
        /**
        * $site is not set manually in our scss files.
        *
        * Variable $site is pulled from the config.js file and set to
        * config.site.replace(".com", "").replace("sites/", "").replace(".io", "")
        * by tasks/styles.js
        *
      **/
        margin-bottom: 0;
        /* 1 */
        padding: 0;
        /* 1 */
        /* 2 */
        font-weight: 300;
        /* 2 */
        white-space: normal;
        /* 3 */ } }
    @media print, screen and (min-width: 63.9375em) {
      .edb-cta__phone-link {
        pointer-events: none;
        text-decoration: none;
        color: #001928; } }
    @media print, screen and (min-width: 46em) {
      .edb-cta__phone-link--large {
        font-size: 1.62469rem;
        margin-bottom: 0; } }
  .edb-cta__button {
    margin: 0.5em 0;
    width: 100%; }
    @media print, screen and (min-width: 46em) {
      .edb-cta__button {
        margin: 0.5em 1em;
        width: auto; } }
  @media print, screen and (min-width: 46em) {
    .edb-cta__border-right {
      border-right: 0.0625rem solid #cacaca; } }
  .edb-cta__swap-element div:nth-child(1) {
    order: 2; }
  .edb-cta__swap-element div:nth-child(2) {
    order: 1; }
  @media print, screen and (min-width: 46em) {
    .edb-cta__swap-element div:nth-child(1) {
      order: 1; }
    .edb-cta__swap-element div:nth-child(2) {
      order: 2; } }
  .edb-cta__no-margin-top {
    margin-top: 0; }

.full-width-cta__heading {
  padding-bottom: 0.5em; }

.full-width-cta__attention {
  padding: 0 0 1.25em; }
  @media print, screen and (min-width: 63.9375em) {
    .full-width-cta__attention {
      padding-bottom: 0;
      border-right: 0.0625rem solid #cacaca; } }

.full-width-cta__content {
  padding: 0 1em; }

/*
  Terms and Condition Component
  Used to show terms and conditions links
*/
.terms-condition {
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: center; }
  .terms-condition__description {
    font-size: 0.75rem; }
    .terms-condition__description:first-child {
      padding-bottom: 1em; }
  .terms-condition__terms-cta {
    margin-top: 0.5em; }
    @media print, screen and (min-width: 46em) {
      .terms-condition__terms-cta {
        margin-top: 0.5em; } }

.list--terms li {
  margin-top: 1em;
  margin-bottom: 1em; }

.category-nav {
  margin-top: 2em; }
  @media print, screen and (min-width: 46em) {
    .category-nav {
      margin-top: 3em; } }
  .category-nav__heading {
    font-family: "Heebo", sans-serif;
    font-size: 1.62469rem;
    font-weight: 300; }
    @media print, screen and (min-width: 46em) {
      .category-nav__heading {
        font-size: 1.62469rem; } }
  .category-nav__nav {
    margin-top: 0.5em;
    text-align: center; }
  .category-nav__link {
    display: block;
    padding: .5em .7em;
    line-height: 1; }
  .category-nav__link.active {
    color: #001928;
    pointer-events: none; }
  .category-nav .menu {
    display: inline-block; }
  .category-nav .menu li {
    display: block; }
    @media print, screen and (min-width: 46em) {
      .category-nav .menu li {
        display: table-cell; } }

/**
  * Compare Bank Plans
  * Used to compare a list of products
  */
.top-offset {
  margin-top: 4em; }

.full-width {
  width: 100%; }

.compare-plan__row {
  justify-content: center; }

.compare-plan-header.sticky-container {
  height: 4.5em; }

.compare-plan__description {
  width: 100%;
  font-size: 16px; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .compare-plan__description {
      font-size: 0.75rem; } }

.compare-plan__carousel:first-child .compare-plan__col {
  padding-top: 0;
  padding-bottom: 0; }
  .compare-plan__carousel:first-child .compare-plan__col-open-now {
    margin-bottom: 2em; }
  .compare-plan__carousel:first-child .compare-plan__col a {
    width: 100%; }
    @media screen and (min-width: 46em) and (max-width: 63.93625em) {
      .compare-plan__carousel:first-child .compare-plan__col a {
        width: auto; } }

.compare-plan__carousel:first-child .compare-plan__description {
  flex: 1 0 auto;
  margin-top: 1em;
  font-size: 1em; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .compare-plan__carousel:first-child .compare-plan__description {
      font-size: 0.75rem; } }

.compare-plan__carousel--no-col {
  background: #cacaca;
  justify-content: center;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  border-left: 0.1em solid #cacaca;
  border-right: 0.1em solid #cacaca; }

.compare-plan__col {
  align-items: center;
  text-align: center;
  justify-content: center;
  border-left: 0.1em solid #cacaca;
  padding-left: .75rem;
  padding-right: .75rem;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  position: relative;
  min-height: 4em; }
  .compare-plan__col:first-child {
    border-left: 0.1em solid #cacaca; }
  .compare-plan__col:last-child {
    border-right: 0.1em solid #cacaca; }
  .compare-plan__col.is-active {
    display: flex; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .compare-plan__col {
      padding-left: .6rem;
      padding-right: .6rem; } }
  .compare-plan__col--border-top {
    border-top: 0.1em solid #cacaca; }
  .compare-plan__col--border-bottom {
    border-bottom: 0.1em solid #cacaca; }
  .compare-plan__col--border-radius {
    border-bottom-left-radius: .2em;
    border-bottom-right-radius: .2em; }
  .compare-plan__col-open-now {
    color: #0075BE;
    margin-top: 0.5em; }
  .compare-plan__col-learn-more {
    display: block;
    margin-bottom: 0.5em; }
  .compare-plan__col--highlight {
    background: rgba(242, 242, 242, 0.6); }
  .compare-plan__col-monthly-fee-promo {
    margin-top: 1em;
    position: absolute;
    top: 0;
    color: #ed1c24;
    left: 50%;
    transform: translateX(-50%); }
    .compare-plan__col-monthly-fee-promo--hidden {
      visibility: hidden; }
    .compare-plan__col-monthly-fee-promo::before {
      position: absolute;
      content: "";
      left: 0;
      top: 40%;
      right: 0;
      border-top: 0.1em solid;
      border-color: inherit;
      transform: rotate(20deg); }

.compare-plan__feature-list, .compare-plan__service-list {
  margin-left: 1em;
  width: 100%; }
  .compare-plan__feature-list li, .compare-plan__service-list li {
    text-align: left; }

.compare-plan__item {
  display: flex;
  flex: 1 1;
  flex-direction: row; }
  .compare-plan__item:first-child {
    border-left: 0.1em solid #cacaca; }
  .compare-plan__item:last-child {
    border-right: 0.1em solid #cacaca; }
  .compare-plan__item:focus {
    outline: none; }
  .compare-plan__item.is-stuck.is-at-top {
    margin-top: 0;
    background: #FEFEFE;
    border-bottom: 0.125em solid #ed1c24; }
  .compare-plan__item.is-stuck .compare-plan__name {
    border-bottom: none; }
  .compare-plan__item.is-stuck .compare-plan__icon {
    margin-top: 0;
    padding: 1em; }
  .compare-plan__item.is-at-bottom {
    display: none; }

.compare-plan__icon {
  width: 6rem;
  height: 6rem;
  padding: 1.27rem;
  padding-bottom: 0;
  background: #FEFEFE;
  margin-top: -3.5rem;
  order: 1; }
  .compare-plan__icon--transparent {
    background: transparent; }
  .compare-plan__icon--grey {
    fill: #929ba9; }
    .compare-plan__icon--grey svg > path {
      fill: #929ba9; }

.compare-plan__name {
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 0.125rem solid #ed1c24;
  text-align: center;
  padding-bottom: 0.3125rem;
  display: inline-block;
  font-family: "Heebo", sans-serif; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .compare-plan__name.medium-size-h5 {
      font-size: 0.75rem; } }

.compare-plan__value {
  margin-bottom: 0;
  margin-top: 0.375rem; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .compare-plan__value.size-h2 {
      font-size: 16px; } }

.compare-plan__label {
  margin-bottom: 0;
  width: 100%; }
  .compare-plan__label--small {
    font-size: 0.75rem; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .compare-plan__label {
      font-size: 0.75rem; } }
  .compare-plan__label ul {
    padding-left: 10px; }
  .compare-plan__label ul > li {
    text-align: left; }

.compare-plan__see-all-bank-account {
  margin-bottom: 4em;
  margin-top: 3.5em;
  padding: 0.5em 1.5em;
  position: relative; }
  .compare-plan__see-all-bank-account.chevron-left::after {
    width: 0.7em;
    height: 0.7em;
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(315deg) translate(0%, 0%); }

.compare-plan__below-cta {
  width: 100%;
  padding-top: 1em;
  color: #6e6e6e; }
  .compare-plan__below-cta--form-link {
    color: #0075BE;
    border: none;
    padding: 0 !important;
    cursor: pointer;
    margin-right: 5px; }
    .compare-plan__below-cta--form-link:hover {
      text-decoration: underline; }
  .compare-plan__below-cta--form-button-container {
    font-size: 0.9375rem;
    /* To match font size given in design */ }

.discount-dropdown {
  margin-bottom: 10px; }
  .discount-dropdown__sub-title {
    color: #6e6e6e;
    font-weight: bold; }
  .discount-dropdown .chevron-down {
    position: relative;
    padding: 0.5em 1.5em; }
    .discount-dropdown .chevron-down::after {
      position: absolute;
      top: 1em;
      right: 0; }

.category-promo {
  margin-top: 1em; }

.heading--overlay {
  font-family: "Heebo", sans-serif;
  font-size: 1.62469rem;
  font-weight: 300; }
  @media print, screen and (min-width: 46em) {
    .heading--overlay {
      font-size: 1.62469rem; } }

.heading-em {
  margin-top: 1em; }
  .heading-em::after {
    content: "";
    background: #ed1c24;
    height: 0.1em;
    width: 3em;
    display: block;
    margin: 0.25em auto 0.5em; }
  .heading-em--large {
    margin-top: 1em; }
    .heading-em--large::after {
      content: "";
      background: #ed1c24;
      height: 0.15em;
      width: 4em;
      display: block;
      margin: 0.25em auto 0.5em; }
    @media print, screen and (min-width: 46em) {
      .heading-em--large {
        margin-top: 0; } }
    .heading-em--large::after {
      margin-top: 1rem; }
      @media print, screen and (min-width: 46em) {
        .heading-em--large::after {
          margin-top: 0; } }
  .heading-em--full-width {
    margin-top: 1em; }
    .heading-em--full-width::after {
      content: "";
      background: #ed1c24;
      height: 0.1em;
      width: 100%;
      display: block;
      margin: 0.25em auto 0.5em; }
  @media print, screen and (min-width: 46em) {
    .heading-em--left::after {
      margin: 1em 0 1em; } }
  .heading-em--responsive {
    margin-top: 1em; }
    .heading-em--responsive::after {
      content: "";
      background: #ed1c24;
      height: 0.1em;
      width: 4em;
      display: block;
      margin: 0.25em auto 0.5em; }
    .heading-em--responsive::after {
      margin: 0.25em 0 0.5em; }
      @media screen and (max-width: 45.99875em) {
        .heading-em--responsive::after {
          margin: 0.25em auto 0.5em; } }
  .heading-em--flush {
    margin-top: 1em; }
    .heading-em--flush::after {
      content: "";
      background: #ed1c24;
      height: 0.1em;
      width: 3em;
      display: block;
      margin: 0.25em auto 0; }

.business-compare .heading-em--full-width::after {
  margin-top: 0.5em;
  margin-bottom: 1em; }

.promo {
  background: #00436c;
  border-bottom: 0.25rem solid #ed1c24; }
  .promo__anchor {
    color: #FEFEFE;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0.125em solid #cacaca; }
    .promo__anchor:last-child {
      border-bottom: 0 solid transparent; }
    @media print, screen and (min-width: 46em) {
      .promo__anchor {
        border-bottom: 0 solid transparent;
        border-right: 0.125em solid #cacaca;
        margin-top: 1em;
        margin-bottom: 1em; }
        .promo__anchor:last-child {
          border-right: 0 solid transparent; } }
    .promo__anchor:hover {
      color: #FEFEFE;
      text-decoration: none; }
    .promo__anchor:focus {
      color: #FEFEFE;
      text-decoration: none; }
  .promo__modal-trigger {
    padding: 1rem 0;
    color: #FEFEFE;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center; }
    .promo__modal-trigger:hover {
      text-decoration: none;
      color: #FEFEFE; }
    .promo__modal-trigger:active {
      text-decoration: none;
      color: #FEFEFE; }
    .promo__modal-trigger:focus {
      text-decoration: none;
      color: #FEFEFE; }
    @media print, screen and (min-width: 46em) {
      .promo__modal-trigger {
        padding: 0; } }
    .promo__modal-trigger--icon {
      display: none; }
      @media print, screen and (min-width: 46em) {
        .promo__modal-trigger--icon {
          display: inline-flex;
          width: auto;
          max-width: 100%;
          padding-top: 0; } }
      @media print, screen and (min-width: 63.9375em) {
        .promo__modal-trigger--icon {
          display: inline-flex;
          width: 2em;
          max-width: 2em;
          padding-top: 0;
          padding-bottom: 0; } }
  .promo__content {
    text-align: center; }
    .promo__content strong {
      font-weight: 700; }
    @media print, screen and (min-width: 46em) {
      .promo__content {
        padding-top: 0.5em; } }
    @media print, screen and (min-width: 63.9375em) {
      .promo__content {
        padding-top: 0; } }
  .promo.sticky {
    width: 100%; }

.icon-block {
  margin: 1.5em 0; }
  .icon-block__icon {
    display: flex;
    justify-content: center;
    margin-bottom: 1em; }
  .icon-block__title {
    margin-bottom: 1em; }
    .icon-block__title strong {
      font-weight: 700; }
  .icon-block__text--left {
    text-align: left; }

.card {
  flex: 1;
  margin-bottom: 1em;
  padding: 0 1em; }
  @media print, screen and (min-width: 46em) {
    .card {
      margin-bottom: 0;
      padding: 0; } }
  .card__inner {
    transition: 300ms box-shadow linear;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 0.125rem;
    border: 0.125rem solid #cacaca; }
    @media print, screen and (min-width: 63.9375em) {
      .card__inner {
        box-shadow: 0.0625rem 0.0625rem 0.0625rem #cacaca; } }
    .card__inner:hover {
      box-shadow: none; }
  .card__title {
    padding: 0.75em 0; }
    .card__title-link {
      color: #0075BE;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center; }
  .card__body {
    background-color: #cacaca;
    padding: 1em 2em 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex: 1 1 auto; }
  .card__list {
    padding-left: 2em;
    width: 100%;
    margin-bottom: auto; }
  .card__button {
    text-align: center;
    margin: 1em 0; }
    .card__button button {
      border-radius: 5em; }

.calculator-card .card {
  margin-bottom: 0;
  padding: 24px 24px 24px 24px; }
  .calculator-card .card h3 {
    font-weight: bold; }
  .calculator-card .card.card-item-menu {
    padding-top: 5px;
    padding-bottom: 0; }

/* loading animation */
.loading-animation {
  display: block;
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.loading-animation.demo {
  position: relative;
  left: auto;
  top: auto;
  transform: none; }

.loading-animation .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.loading-animation .sk-circle::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 10%;
  height: 10%;
  border-radius: 100%;
  animation: sk-circleFadeDelay 2.4s infinite ease-in-out both; }

.loading-animation.white .sk-circle::before {
  background-color: #FEFEFE; }

.loading-animation.blue .sk-circle::before {
  background-color: #0075BE; }

.loading-animation .sk-circle2 {
  transform: rotate(30deg); }
  .loading-animation .sk-circle2::before {
    animation-delay: -2.2s; }

.loading-animation .sk-circle3 {
  transform: rotate(60deg); }
  .loading-animation .sk-circle3::before {
    animation-delay: -2s; }

.loading-animation .sk-circle4 {
  transform: rotate(90deg); }
  .loading-animation .sk-circle4::before {
    animation-delay: -1.8s; }

.loading-animation .sk-circle5 {
  transform: rotate(120deg); }
  .loading-animation .sk-circle5::before {
    animation-delay: -1.6s; }

.loading-animation .sk-circle6 {
  transform: rotate(150deg); }
  .loading-animation .sk-circle6::before {
    animation-delay: -1.4s; }

.loading-animation .sk-circle7 {
  transform: rotate(180deg); }
  .loading-animation .sk-circle7::before {
    animation-delay: -1.2s; }

.loading-animation .sk-circle8 {
  transform: rotate(210deg); }
  .loading-animation .sk-circle8::before {
    animation-delay: -1s; }

.loading-animation .sk-circle9 {
  transform: rotate(240deg); }
  .loading-animation .sk-circle9::before {
    animation-delay: -0.8s; }

.loading-animation .sk-circle10 {
  transform: rotate(270deg); }
  .loading-animation .sk-circle10::before {
    animation-delay: -0.6s; }

.loading-animation .sk-circle11 {
  transform: rotate(300deg); }
  .loading-animation .sk-circle11::before {
    animation-delay: -0.4s; }

.loading-animation .sk-circle12 {
  transform: rotate(330deg); }
  .loading-animation .sk-circle12::before {
    animation-delay: -0.2s; }

@keyframes sk-circleFadeDelay {
  0%, 20%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

.image-background {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 18.75rem;
  background-color: #cacaca;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: all .3s ease; }

.youtube-video--fixed-width {
  min-height: 12rem;
  max-width: 100%; }
  @media print, screen and (min-width: 46em) {
    .youtube-video--fixed-width {
      width: 26rem;
      height: 14.625rem; } }

.youtube-video--wide {
  min-height: 22rem;
  max-width: 100%; }

/* TODO : this is a copied of styles.scss of modal component */
/* should be removed when we 100% using model component instead of foundaiton one */
.modal--flush {
  border: 0 solid transparent;
  width: 100%;
  padding: 0; }
  .modal--flush-inner {
    max-width: 46rem; }

.modal-select {
  padding: 0;
  outline: 0 solid transparent;
  border: none;
  border-radius: 0.25em;
  max-width: 30em; }
  .modal-select--theme-primary {
    background: #00436c;
    color: #FEFEFE;
    padding-top: 1em;
    margin: auto; }
    .modal-select--theme-primary .close-button {
      color: #FEFEFE;
      top: 1em; }
      .modal-select--theme-primary .close-button:hover {
        color: #FEFEFE; }
  @media screen and (max-width: 45.99875em) {
    .modal-select {
      width: calc(100% - 2rem);
      min-height: calc(100% - 2rem);
      height: calc(100% - 2rem);
      margin-top: calc(1rem - 0.5rem); } }
  .modal-select .close-button {
    top: .75rem; }
  .modal-select--theme-secondary {
    outline: none;
    overflow: visible;
    min-height: auto;
    height: auto;
    border-radius: 1em;
    padding: 1em; }
    @media print, screen and (min-width: 46em) {
      .modal-select--theme-secondary {
        padding: 2em; } }
    .modal-select--theme-secondary .close-button {
      position: absolute;
      display: block;
      width: 0.75em;
      height: 0.75em;
      font-size: 1.5em;
      top: -0.375rem;
      right: -0.375rem;
      text-align: center;
      line-height: 0.75em;
      color: #FEFEFE;
      background: #0075BE;
      border-radius: 1em; }

/**
 * 1. For non 100% width mobile modals the background is invisible.
 *   This fixes the overlay issue.
 */
html.reveal-overflow-visible > body {
  overflow: visible; }

.reveal-show {
  display: block !important; }

.get-started__heading {
  align-self: center;
  border-right: none; }
  @media print, screen and (min-width: 46em) {
    .get-started__heading {
      border-right: 0.0625rem solid #cacaca; } }

.get-started__cta {
  align-self: center; }
  .get-started__cta-button {
    font-weight: 700;
    width: 80%; }

.getting-started {
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid #cacaca;
  padding: 2em 1em 0.5em;
  text-align: center;
  margin-bottom: 1em; }
  @media print, screen and (min-width: 46em) {
    .getting-started {
      width: 50%;
      flex-basis: 50%;
      margin-right: 2em;
      margin-bottom: 0; } }
  @media print, screen and (min-width: 46em) {
    .getting-started:last-child {
      margin-right: 0; } }
  .getting-started__container {
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 45.99875em) {
      .getting-started__container {
        padding-left: 0.5em;
        padding-right: 0.5em; } }
    @media print, screen and (min-width: 46em) {
      .getting-started__container {
        flex-direction: row; } }
  .getting-started__img {
    justify-content: center;
    height: 6em; }
    .getting-started__img-elem {
      max-height: 100%;
      height: 6em; }
  @media print, screen and (min-width: 46em) {
    .getting-started__svg-spacing {
      margin-left: 2em;
      margin-right: 2em; } }
  .getting-started__svg-elem {
    height: 100%;
    width: auto; }
  .getting-started__list-container {
    background-color: #f4f6f7; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .getting-started__list-spacing {
      padding-left: 3em; } }
  @media print, screen and (min-width: 63.9375em) {
    .getting-started__list-spacing {
      padding-left: 4em; } }
  @media print, screen and (min-width: 46em) {
    .getting-started__list-size {
      font-size: 1.37437rem; } }
  .getting-started__list-item-spacing {
    margin-bottom: 0.25em; }

.simple-header {
  border-bottom: 1px solid #cacaca; }
  .simple-header__container {
    max-width: 1200px;
    margin: 0 auto;
    height: 80px;
    display: flex; }
    @media (max-width: 1025px) {
      .simple-header__container {
        max-width: 900px; } }
  .simple-header__logo-container {
    flex: 1; }
  .simple-header__bmo-logo {
    width: 91px;
    height: 35px;
    margin-left: 30px;
    margin-top: 20px; }
  .simple-header__local {
    margin-top: 25px;
    flex: 0 0 auto;
    font-size: 16px;
    color: #0075BE;
    text-align: center;
    height: inherit;
    transition: opacity .2s ease-in;
    opacity: 1; }
  .simple-header__button {
    width: 52px;
    height: 100%; }
  .simple-header__dot {
    width: 5px; }
  .simple-header__overlay-main {
    margin: 150px auto 0;
    width: 600px;
    position: relative;
    background-color: #0075BE;
    border-radius: 5px;
    overflow-y: hidden;
    position: relative; }
    @media screen and (max-width: 45.99875em) {
      .simple-header__overlay-main {
        width: 100%;
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transition: opacity .35s, visibility .35s, height .35s;
        z-index: 1000;
        opacity: 1;
        visibility: visible;
        height: 100%; } }
  .simple-header__close-button {
    color: white; }
    .simple-header__close-button__blue {
      color: #0075BE !important; }
  .simple-header__list {
    padding-top: 20px;
    min-height: 250px;
    padding-bottom: 50px;
    width: 100%;
    overflow-y: auto; }
    @media screen and (max-width: 45.99875em) {
      .simple-header__list {
        margin-top: 100px; } }
  .simple-header__li {
    text-align: center;
    margin-bottom: 50px; }
  .simple-header__icon {
    width: 45px;
    height: 45px; }
  .simple-header__action-button {
    font-size: 20px;
    color: white;
    font-weight: 400; }
  .simple-header__text {
    margin-top: 15px; }
  .simple-header__footer {
    list-style: none;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0075BE;
    z-index: 100;
    display: flex;
    margin: 0 145px;
    justify-content: center;
    border-top: 1px solid #00436c;
    height: 66px; }
    .simple-header__footer--link {
      padding: 20px 0;
      color: white; }
    .simple-header__footer--li:first-child {
      margin-right: 40px; }
    .simple-header__footer--li:last-child {
      margin-left: 40px; }
  .simple-header__overlay-faq {
    max-width: 50%;
    text-align: left;
    overflow-y: scroll !important; }
    @media screen and (max-width: 45.99875em) {
      .simple-header__overlay-faq {
        max-width: 100%;
        width: 100%;
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transition: opacity .35s, visibility .35s, height .35s;
        z-index: 1000;
        opacity: 1;
        visibility: visible; } }
    .simple-header__overlay-faq__heading {
      font-size: 16px;
      font-weight: 600;
      padding: 10px 0 20px 0px;
      border-bottom: 2px solid #cacaca; }
    .simple-header__overlay-faq a {
      display: inline; }
  .simple-header__accordion-title {
    color: #0075BE;
    min-height: 50px;
    padding: 10px 0;
    text-align: left; }
  .simple-header__accordion-body {
    margin-bottom: 20px; }
  .simple-header__exit-button {
    width: 200px !important;
    min-height: 50px;
    max-height: 60px;
    text-transform: none !important; }
  .simple-header__exit-modal {
    width: 400px;
    padding: 50px 20px 30px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    border-radius: 5px;
    border-radius: 4px;
    text-align: center;
    display: flex !important;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 45.99875em) {
      .simple-header__exit-modal {
        max-width: 360px;
        margin: 30% auto;
        padding: 30px 20px;
        max-height: 300px;
        min-height: unset; } }
  .simple-header__heading {
    line-height: 30px !important;
    font-size: 20px !important;
    margin-bottom: 10px !important;
    max-width: 358px; }

.iconnav {
  padding: 0;
  list-style: none;
  margin: 0 auto;
  width: 95%; }
  @media print, screen and (min-width: 63.9375em) {
    .iconnav {
      width: 97%; } }
  .iconnav .icon-wrapper {
    display: inline-block;
    width: 50%;
    float: left;
    transition: margin-top .5s ease; }
    @media print, screen and (min-width: 46em) {
      .iconnav .icon-wrapper {
        width: 25%;
        transition: margin-left .5s ease; } }
    @media print, screen and (min-width: 63.9375em) {
      .iconnav .icon-wrapper {
        width: 16.666%; } }
  .iconnav .icon-wrapper:nth-child(odd) {
    clear: left; }
    @media print, screen and (min-width: 46em) {
      .iconnav .icon-wrapper:nth-child(odd) {
        clear: none; } }
  .iconnav .icon-wrapper > a.icon-navlink {
    transition: opacity .3s ease; }
  .iconnav__icon {
    display: inline-block;
    color: transparent;
    margin: 0 auto;
    padding: 0; }
    .iconnav__icon-svg {
      width: 4em;
      height: 4em; }
  .iconnav a.icon-navlink:link,
  .iconnav a.icon-navlink:visited {
    width: 100%; }
  .iconnav a.icon-navlink--four:link,
  .iconnav a.icon-navlink--four:visited {
    width: 70%; }
  .iconnav a.icon-navlink:hover,
  .iconnav a.icon-navlink:active,
  .iconnav a.icon-navlink--four:hover,
  .iconnav a.icon-navlink--four:active {
    text-decoration: none; }
  .iconnav a.icon-navlink:link .title,
  .iconnav a.icon-navlink:visited .title,
  .iconnav a.icon-navlink--four:link .title,
  .iconnav a.icon-navlink--four:visited .title {
    display: block;
    text-align: center;
    line-height: 1.3;
    color: #001928;
    font-weight: 400; }
  .iconnav .slick-list.draggable {
    transition: transform .3s ease-in-out;
    transform: translate(0, 0); }
    .iconnav .slick-list.draggable .slick-track {
      transform: translate(0, 0); }
  .iconnav-outer {
    padding-left: 1em;
    padding-right: 1em; }
    @media print, screen and (min-width: 46em) {
      .iconnav-outer {
        padding-left: 0;
        padding-right: 0; } }
  .iconnav__title {
    margin-bottom: 1rem; }
    @media print, screen and (min-width: 46em) {
      .iconnav__title {
        margin-top: 0.4375rem; } }
  .iconnav-container {
    margin-bottom: -3.4375rem !important;
    transform: translateY(-3.4375rem);
    padding-bottom: 4rem; }
    @media print, screen and (min-width: 46em) {
      .iconnav-container {
        margin-bottom: -5.625rem !important;
        transform: translateY(-5.625rem);
        padding-bottom: inherit; } }
    .iconnav-container .slick-dots {
      display: none;
      bottom: -3.5em; }
      @media print, screen and (min-width: 46em) {
        .iconnav-container .slick-dots {
          display: inline-block;
          bottom: .7em;
          left: -50%;
          transform: translateX(50%); } }
    @media print, screen and (min-width: 46em) {
      .iconnav-container .slick-dots li {
        margin: 0; } }
    .iconnav-container .slick-dots li button::before {
      font-size: 0.625rem;
      line-height: 1rem;
      letter-spacing: 0.01562rem;
      font-weight: 300;
      opacity: 1;
      color: #cacaca;
      transition: color .3s ease; }
    .iconnav-container .slick-dots li button::before:hover {
      color: #6e6e6e; }
    .iconnav-container .slick-dots li.slick-active button::before {
      opacity: 1;
      color: #0075BE; }
    .iconnav-container .slick-dotted {
      margin-top: 1.25rem; }
      @media print, screen and (min-width: 46em) {
        .iconnav-container .slick-dotted {
          margin-top: inherit;
          margin-bottom: 1.25rem; } }
    .iconnav-container.overlay-callout {
      margin-left: 0;
      margin-right: 0;
      overflow: visible;
      padding: 1em;
      padding-bottom: 4em; }
      @media print, screen and (min-width: 46em) {
        .iconnav-container.overlay-callout {
          padding: 2em;
          padding-bottom: 1em; } }
    .iconnav-container.noscroll.overlay-callout {
      padding-bottom: 2em; }
      @media print, screen and (min-width: 46em) {
        .iconnav-container.noscroll.overlay-callout {
          padding-bottom: 1em; } }
    .iconnav-container.iconnav-container--four.overlay-callout {
      padding-bottom: 1em; }
    .iconnav-container .iconnav-home {
      overflow: hidden;
      height: 21.875rem; }
      @media print, screen and (min-width: 46em) {
        .iconnav-container .iconnav-home {
          overflow: hidden;
          height: 8.125rem;
          position: unset; } }
    .iconnav-container .iconnav-home--four {
      overflow: hidden;
      height: 15.625rem;
      position: relative;
      margin-left: 0;
      margin-right: 0;
      padding: 0 1.25rem; }
      @media print, screen and (min-width: 46em) {
        .iconnav-container .iconnav-home--four {
          height: 8.75rem; } }
      @media print, screen and (min-width: 63.9375em) {
        .iconnav-container .iconnav-home--four {
          height: 8.125rem;
          margin-left: 0;
          margin-right: 0;
          padding: 0 1.25rem; } }
    .iconnav-container .nav-mobile-copy {
      text-align: center;
      margin-left: -.5em;
      margin-right: -.5em;
      margin-bottom: 1em; }
      @media print, screen and (min-width: 46em) {
        .iconnav-container .nav-mobile-copy {
          margin-bottom: 1em; } }
    .iconnav-container.noscroll .nav-mobile-copy {
      margin-bottom: 1em; }
    .iconnav-container .slick-prev, .iconnav-container .slick-next {
      display: none;
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 50%;
      width: 0.6875rem;
      height: 1.25rem;
      padding: 0;
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: .5;
      transition: opacity .3s ease; }
    .iconnav-container .slick-prev {
      left: 50%;
      top: 4.5rem;
      transform: rotate(90deg); }
      @media print, screen and (min-width: 46em) {
        .iconnav-container .slick-prev {
          position: absolute;
          left: 3%;
          top: 53%;
          transform: translate(0, -50%); } }
    .iconnav-container .slick-next {
      top: auto;
      left: 50%;
      bottom: 1.25rem;
      transform: rotate(90deg); }
      @media print, screen and (min-width: 46em) {
        .iconnav-container .slick-next {
          position: absolute;
          left: auto;
          right: 3%;
          bottom: auto;
          top: 53%;
          transform: translate(0, -50%); } }
    .iconnav-container .slick-disabled {
      display: none !important; }
    .iconnav-container .slick-prev::before {
      display: block;
      content: "";
      width: 0.6875rem;
      height: 1.25rem;
      background-image: url("/dist/images/personal/homepage-banners/iconnav-chevron-left.svg"); }
    .iconnav-container .slick-next::before {
      display: block;
      content: "";
      width: 0.6875rem;
      height: 1.25rem;
      background-image: url("/dist/images/personal/homepage-banners/iconnav-chevron-right.svg"); }
    .iconnav-container .slick-prev:hover, .iconnav-container .slick-next:hover {
      opacity: 1; }
    .iconnav-container .slick-prev-mobile, .iconnav-container .slick-next-mobile {
      display: none;
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 50%;
      width: 1.375rem;
      height: 2.5rem;
      padding: 0;
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: .5;
      transition: opacity .3s ease; }
    .iconnav-container .slick-prev-mobile:hover, .iconnav-container .slick-next-mobile:hover {
      opacity: 1; }
    .iconnav-container .slick-prev-mobile {
      left: 50%;
      top: 3rem;
      transform: rotate(90deg) translateY(0.625rem); }
    .iconnav-container .slick-next-mobile {
      top: auto;
      left: 50%;
      bottom: 1rem;
      transform: rotate(90deg) translateY(0.625rem); }
    .iconnav-container .slick-prev-mobile::before {
      display: block;
      content: "";
      width: 1.375rem;
      height: 2.5rem;
      background-image: url("/dist/images/personal/homepage-banners/iconnav-chevron-left.svg"); }
    .iconnav-container .slick-next-mobile::before {
      display: block;
      content: "";
      width: 1.375rem;
      height: 2.5rem;
      background-image: url("/dist/images/personal/homepage-banners/iconnav-chevron-right.svg"); }

.tv-offset-overlay {
  display: block;
  position: relative;
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
  overflow: visible; }
  .tv-offset-overlay .offset-background {
    width: 100%;
    position: relative; }
    .tv-offset-overlay .offset-background.offset-left .columns {
      margin: 0 auto 0 0; }
    .tv-offset-overlay .offset-background.offset-center .columns {
      margin: 0 auto; }
    .tv-offset-overlay .offset-background.offset-right .columns {
      margin: 0 0 0 auto; }
  .tv-offset-overlay .offset-background-cta {
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    height: 20.625rem; }
    .tv-offset-overlay .offset-background-cta.offset-left .columns {
      margin: 0 auto 0 0; }
    .tv-offset-overlay .offset-background-cta.offset-center .columns {
      margin: 0 auto; }
    .tv-offset-overlay .offset-background-cta.offset-right .columns {
      margin: 0 0 0 auto; }
  .tv-offset-overlay.offset-top-small {
    padding-top: 0; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay.offset-top-small {
        padding-top: 1.875rem; } }
  .tv-offset-overlay.offset-top-medium {
    padding-top: 0; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay.offset-top-medium {
        padding-top: 3.75rem; } }
  .tv-offset-overlay.offset-top-large {
    padding-top: 0; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay.offset-top-large {
        padding-top: 5.625rem; } }
  .tv-offset-overlay.offset-bottom-small {
    padding-bottom: 0; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay.offset-bottom-small {
        padding-bottom: 1.875rem; } }
  .tv-offset-overlay.offset-bottom-medium {
    padding-bottom: 0; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay.offset-bottom-medium {
        padding-bottom: 3.75rem; } }
  .tv-offset-overlay.offset-bottom-large {
    padding-bottom: 0; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay.offset-bottom-large {
        padding-bottom: 5.625rem; } }
  .tv-offset-overlay .offset-overlay-zero {
    width: 100%;
    position: relative; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-overlay-zero {
        position: relative; } }
    .tv-offset-overlay .offset-overlay-zero.offset-top-small {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-zero.offset-top-small {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-zero.offset-top-medium {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-zero.offset-top-medium {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-zero.offset-top-large {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-zero.offset-top-large {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-zero.offset-bottom-small {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-zero.offset-bottom-small {
          bottom: 0;
          top: auto;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-zero.offset-bottom-medium {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-zero.offset-bottom-medium {
          bottom: 0;
          top: auto;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-zero.offset-bottom-large {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-zero.offset-bottom-large {
          bottom: 0;
          top: auto;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-zero.offset-left > .columns {
      margin: 0 auto 0 0; }
    .tv-offset-overlay .offset-overlay-zero.offset-center > .columns {
      margin: 0 auto; }
    @media print, screen and (min-width: 46em) {
      .tv-offset-overlay .offset-overlay-zero.offset-medium-center-large-right > .columns {
        margin: 0 auto; } }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-overlay-zero.offset-medium-center-large-right > .columns {
        margin: 0 0 0 auto; } }
    .tv-offset-overlay .offset-overlay-zero.offset-right > .columns {
      margin: 0 0 0 auto; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-overlay-zero.center-vertical--large-only {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%); } }
  .tv-offset-overlay .offset-overlay-one {
    width: 100%;
    position: relative; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-overlay-one {
        position: absolute; } }
    .tv-offset-overlay .offset-overlay-one.offset-top-small {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-one.offset-top-small {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-one.offset-top-medium {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-one.offset-top-medium {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-one.offset-top-large {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-one.offset-top-large {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-one.offset-bottom-small {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-one.offset-bottom-small {
          bottom: 0;
          top: auto;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-one.offset-bottom-medium {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-one.offset-bottom-medium {
          bottom: 0;
          top: auto;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-one.offset-bottom-large {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-one.offset-bottom-large {
          bottom: 0;
          top: auto;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-one.offset-left > .columns {
      margin: 0 auto 0 0; }
    .tv-offset-overlay .offset-overlay-one.offset-center > .columns {
      margin: 0 auto; }
    @media print, screen and (min-width: 46em) {
      .tv-offset-overlay .offset-overlay-one.offset-medium-center-large-right > .columns {
        margin: 0 auto; } }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-overlay-one.offset-medium-center-large-right > .columns {
        margin: 0 0 0 auto; } }
    .tv-offset-overlay .offset-overlay-one.offset-right > .columns {
      margin: 0 0 0 auto; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-overlay-one.center-vertical--large-only {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%); } }
  .tv-offset-overlay .offset-overlay-two {
    width: 100%;
    position: absolute; }
    .tv-offset-overlay .offset-overlay-two.offset-top-small {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-two.offset-top-small {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-two.offset-top-medium {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-two.offset-top-medium {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-two.offset-top-large {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-two.offset-top-large {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-two.offset-bottom-small {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-two.offset-bottom-small {
          top: auto;
          bottom: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-two.offset-bottom-medium {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-two.offset-bottom-medium {
          top: auto;
          bottom: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-two.offset-bottom-large {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-two.offset-bottom-large {
          top: auto;
          bottom: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-two.offset-left > .columns {
      margin: 0 auto 0 0; }
    .tv-offset-overlay .offset-overlay-two.offset-center > .columns {
      margin: 0 auto; }
    .tv-offset-overlay .offset-overlay-two.offset-right > .columns {
      margin: 0 0 0 auto; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-overlay-two.center-vertical--large-only {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%); } }
  .tv-offset-overlay .offset-text {
    width: 100%;
    position: relative;
    padding-bottom: 1rem;
    padding-top: 1rem; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-text {
        position: absolute;
        padding-bottom: none; } }
    .tv-offset-overlay .offset-text.offset-top {
      top: 0; }
    .tv-offset-overlay .offset-text.offset-bottom {
      top: 0;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-text.offset-bottom {
          bottom: 0;
          top: auto; } }
    .tv-offset-overlay .offset-text.offset-left > .columns {
      text-align: center;
      margin: 0 auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-text.offset-left > .columns {
          text-align: right;
          margin: 0 auto 0 0;
          padding-right: 1em; } }
    .tv-offset-overlay .offset-text.offset-right > .columns {
      text-align: center;
      margin: 0 auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-text.offset-right > .columns {
          text-align: left;
          margin: 0 0 0 auto;
          padding-left: 1em; } }

.columns.tv-nopadding {
  padding-left: 0;
  padding-right: 0;
  display: block !important; }

.row .row.tv-nopadding {
  margin-left: 0;
  margin-right: 0; }

.overlay-callout {
  display: block;
  position: relative;
  overflow: auto;
  background-color: #FEFEFE;
  padding: 2rem;
  border-radius: 0.25rem;
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2);
  margin: 0 1rem; }
  @media print, screen and (min-width: 63.9375em) {
    .overlay-callout {
      margin: 0; } }
  .overlay-callout.tight-top {
    padding-top: 1rem;
    padding-bottom: 1rem; }

.overlay-image {
  display: block;
  position: relative;
  border-radius: 0;
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2);
  margin: 0 auto; }
  @media print, screen and (min-width: 46em) {
    .overlay-image {
      border-radius: 0.25rem; } }
  .overlay-image img {
    width: 100%;
    height: auto; }

.tv-mortgage-rates .left-rates .rate {
  color: #001928;
  font-size: 1.5rem;
  line-height: 2.5rem;
  letter-spacing: -0.02187rem;
  font-weight: 300; }
  .tv-mortgage-rates .left-rates .rate .left {
    display: inline-block;
    font-weight: 700; }
  .tv-mortgage-rates .left-rates .rate .right {
    display: inline-block; }

.tv-mortgage-rates .left-rates .denominator {
  color: #001928;
  font-size: 0.875rem;
  line-height: 1rem;
  letter-spacing: 0.01562rem;
  font-weight: 300;
  font-weight: 700;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  border-top: 0.125em solid #cacaca; }

.tv-mortgage-rates .right-rates .rate {
  color: #0075BE;
  font-size: 1.5rem;
  line-height: 2.5rem;
  letter-spacing: -0.02187rem;
  font-weight: 300; }
  .tv-mortgage-rates .right-rates .rate .left {
    display: inline-block;
    font-weight: 700; }
  .tv-mortgage-rates .right-rates .rate .right {
    display: inline-block; }

.tv-mortgage-rates .right-rates .denominator {
  color: #0075BE;
  font-size: 0.875rem;
  line-height: 1rem;
  letter-spacing: 0.01562rem;
  font-weight: 300;
  font-weight: 700;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  border-top: 0.125em solid #cacaca; }

.tv-mortgage-rates .legal {
  display: block;
  margin: 0 auto;
  color: #6e6e6e;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.01562rem;
  font-weight: 300; }

.alert {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #cacaca;
  border-radius: 0.25em; }
  .alert__icon {
    width: 2.5em;
    min-width: 2.5em;
    max-width: 2.5em;
    margin-bottom: 3em;
    margin-left: 0.5em; }
    @media print, screen and (min-width: 46em) {
      .alert__icon {
        margin-bottom: 0;
        margin-left: 0.25em; } }
  .alert__message {
    padding: 1em 0.25em; }
    @media print, screen and (min-width: 46em) {
      .alert__message {
        padding: 1em; } }
  .alert__title {
    font-weight: bold; }
  .alert__cta {
    padding-left: 0; }
    @media print, screen and (min-width: 46em) {
      .alert__cta {
        padding-left: 0.5em; } }

.seperator-border {
  border-right: 0.0625rem solid #cacaca; }

.list-column {
  margin-bottom: 1em; }
  @media print, screen and (min-width: 46em) {
    .list-column {
      margin-bottom: 0; } }

.travel-tab {
  padding: 1em 0;
  border-bottom: 0.0625rem solid #cacaca; }

.savings-calculator {
  border: 0.0625rem solid #cacaca;
  border-radius: 0.25em; }
  .savings-calculator__slider {
    padding: 5em 2em; }
    .savings-calculator__slider .range-start-label {
      position: absolute;
      left: 0;
      top: 1em; }
    .savings-calculator__slider .range-end-label {
      position: absolute;
      right: 0;
      top: 1em; }
  .savings-calculator__balance {
    background-color: #cacaca;
    display: flex; }
    .savings-calculator__balance-content {
      display: flex;
      justify-content: center;
      flex-flow: column;
      padding: 1em;
      width: 100%; }
  .savings-calculator__field-container {
    align-self: flex-end;
    text-align: center;
    margin-bottom: 2em;
    margin-top: 2em; }
    @media print, screen and (min-width: 63.9375em) {
      .savings-calculator__field-container {
        text-align: left; } }
  .savings-calculator__output {
    width: 8em;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    font-weight: bold; }

.saving-calc-warning {
  background-color: #6e6e6e;
  border-radius: 0.25em;
  color: #FEFEFE;
  padding: 1em;
  position: relative; }
  .saving-calc-warning__monthly-balance-lower, .saving-calc-warning__year-balance {
    margin-top: 1em; }
  .saving-calc-warning__close-icon {
    position: absolute;
    top: .3em;
    right: .3em;
    color: #cacaca;
    padding: .1em .4em;
    background-color: transparent;
    border: 0 solid transparent; }
    .saving-calc-warning__close-icon:hover {
      background-color: transparent; }

/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * 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.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: 'Kulb';
  src: url("/dist/fonts/Klub08-Normal.otf") format("opentype"), url("/dist/fonts/Klub08-Normal.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbmedium';
  src: url("/dist/fonts/Klub08-Medium.otf") format("opentype"), url("/dist/fonts/Klub08-Medium.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbblack';
  src: url("/dist/fonts/Klub08-Black.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbblond';
  src: url("/dist/fonts/Klub08-Blond.otf") format("opentype"), url("/dist/fonts/Klub08-Blond.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbbold';
  src: url("/dist/fonts/Klub08-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbsemibold';
  src: url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"), url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype"); }

.lending-home-page .breadcrumbs {
  display: flex; }
  .lending-home-page .breadcrumbs ul {
    padding: 0px; }
    .lending-home-page .breadcrumbs ul li {
      display: none; }
      @media screen and (min-width: 76.5625em) {
        .lending-home-page .breadcrumbs ul li {
          display: inline-flex; } }
    .lending-home-page .breadcrumbs ul li:nth-last-child(2) {
      display: inline-flex; }
      @media screen and (max-width: 76.56125em) {
        .lending-home-page .breadcrumbs ul li:nth-last-child(2):before {
          content: '';
          display: block;
          width: 24px;
          height: 24px;
          background: url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) svg {
          display: none; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) a {
          padding: 0;
          font-size: 16px;
          margin-left: 5px; } }

.lending-home-page .design-language .font-size-large.intro-heading-line-height {
  line-height: 30px; }

.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small {
  color: #001928; }

.lending-home-page .banner-blue-promo-box {
  padding: 24px;
  padding: 20px; }

.lending-home-page .promo-box-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.15px;
  font-weight: 400 !important;
  margin: 0; }

.lending-home-page.background-grey {
  padding-top: 30px; }
  .lending-home-page.background-grey .hmc-wrapper {
    border: 1px solid #ccc;
    padding-bottom: 40px;
    padding-bottom: 20px; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
  padding-left: 3em;
  padding-right: 0 !important; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
  left: 1em;
  right: auto; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
  padding-left: 3em; }

@media screen and (max-width: 45.99875em) {
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__item {
    padding-right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
    padding-left: 0;
    padding-right: 3em !important; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
    left: auto;
    right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
    padding-left: 0; } }

@media screen and (max-width: 89.99875em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 50%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 42%; } }

@media screen and (max-width: 63.93625em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 25%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .cta-text {
    height: 72px; } }

.cd-tabs {
  display: flex;
  list-style: none;
  margin: 0;
  justify-content: center; }
  @media screen and (max-width: 45.99875em) {
    .cd-tabs {
      position: relative;
      overflow-x: scroll;
      overflow-y: hidden;
      z-index: 1;
      overflow: -moz-scrollbars-none;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .cd-tabs::-webkit-scrollbar {
        display: none; }
      .cd-tabs[role="tablist"] {
        background-color: white; } }
  .cd-tabs .cd-tab-item {
    position: relative; }
    .cd-tabs .cd-tab-item:before {
      content: "";
      position: absolute;
      background: #d9dce1;
      height: 0.3125rem;
      width: 100%;
      right: 0;
      bottom: 0;
      left: 0; }
    .cd-tabs .cd-tab-item:first-child::before {
      border-radius: 0.3125rem 0 0 0.3125rem; }
    .cd-tabs .cd-tab-item:last-child::before {
      border-radius: 0 0.3125rem 0.3125rem 0; }
    .cd-tabs .cd-tab-item button {
      background: transparent;
      border: 0;
      padding: 1.25rem 1.875rem;
      min-width: auto;
      max-width: none;
      line-height: inherit;
      margin: 0;
      border-radius: 0;
      height: auto;
      font-weight: 500;
      font-size: 1.125rem;
      color: #646C76;
      white-space: nowrap; }
      @media screen and (max-width: 45.99875em) {
        .cd-tabs .cd-tab-item button {
          color: #001928;
          font-size: 0.875rem;
          line-height: 1rem; } }
    .cd-tabs .cd-tab-item.is-active button {
      color: #001928; }
    .cd-tabs .cd-tab-item.is-active:before {
      background-color: #6b87c1; }
    @media screen and (max-width: 45.99875em) {
      .cd-tabs .cd-tab-item:after {
        background: #FFF; }
      .cd-tabs .cd-tab-item:first-child:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
        transform: scaleX(-1);
        background: #FFF; }
      .cd-tabs .cd-tab-item:last-child:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
        background: #FFF; } }

.cd-tab-panel {
  padding: 3.5rem 0 0; }

@media screen and (max-width: 45.99875em) {
  .available-cds .cd-tab-item {
    width: calc(100% / 2);
    background: #FFF; } }

.available-cds .cd-tab-item button {
  padding: 1.875rem 1.25rem; }
  @media screen and (max-width: 63.93625em) {
    .available-cds .cd-tab-item button {
      padding: 1.25rem 0.625rem; } }
  @media screen and (max-width: 45.99875em) {
    .available-cds .cd-tab-item button {
      padding: 0.9375rem 0.625rem;
      white-space: normal; } }

.available-cds [aria-hidden="true"] {
  display: none; }

.available-cds h2 {
  font-weight: 500; }

.available-cds h3 {
  font-weight: 500;
  margin-bottom: 1.5rem; }

.available-cds p {
  font-size: 0.875rem;
  line-height: 1.5rem; }

.available-cds .button {
  position: relative;
  white-space: nowrap; }
  .available-cds .button i {
    position: absolute; }
    .available-cds .button i svg {
      height: 1.25rem; }
  .available-cds .button i + span {
    padding-left: 1.25rem; }

@media print, screen and (min-width: 63.9375em) {
  .available-cds .available-cd-content .mobile {
    display: none; } }

@media screen and (max-width: 63.93625em) {
  .available-cds .available-cd-content .desktop {
    display: none; } }

@media screen and (max-width: 63.93625em) {
  .available-cds .standard-cd-content {
    padding: 0 1.5rem 1.5rem; } }

@media screen and (max-width: 63.93625em) {
  .available-cds .features-content {
    padding: 0 1.5rem; } }

.available-cds .select-balance-amount-tier select {
  width: auto; }

@media screen and (max-width: 63.93625em) {
  .available-cds .select-balance-amount-tier {
    text-align: center;
    margin-bottom: 1.5rem;
    width: 75%;
    margin: 0 auto; }
    .available-cds .select-balance-amount-tier label {
      display: inline-block; }
    .available-cds .select-balance-amount-tier select {
      display: block;
      margin: 0 auto; } }

@media screen and (max-width: 45.99875em) {
  .available-cds .select-balance-amount-tier {
    width: 100%; } }

@media screen and (max-width: 63.93625em) {
  .available-cds .enter-your-zip-code form {
    padding: 1.5rem; } }

.available-cds .enter-your-zip-code p {
  margin-bottom: 0;
  font-size: 1rem; }
  .available-cds .enter-your-zip-code p:last-child {
    font-size: 0.75rem; }

@media print, screen and (min-width: 63.9375em) {
  .available-cds .enter-your-zip-code {
    margin-bottom: 2.5rem; } }

.available-cds .enter-your-zip-code.show-for-small-only {
  width: 75%;
  margin: 0 auto; }
  .available-cds .enter-your-zip-code.show-for-small-only p:last-child {
    padding-bottom: 1.5rem; }

.available-cds .open-standard-cd h3 {
  font-weight: 700; }

@media screen and (max-width: 63.93625em) {
  .available-cds .open-standard-cd {
    padding: 2.5rem;
    margin: 0 1.5rem 2.5rem; }
    .available-cds .open-standard-cd .select-wrap > * {
      margin-bottom: 2.25rem; }
    .available-cds .open-standard-cd .button-wrap > * {
      display: block;
      margin: 0 auto 1.5rem; }
      .available-cds .open-standard-cd .button-wrap > *:last-child {
        margin-bottom: 0; } }

@media screen and (max-width: 45.99875em) {
  .available-cds .open-standard-cd {
    border-radius: 0.25rem;
    background-color: #FFF;
    box-shadow: 0 0 0.125rem 0 rgba(0, 25, 40, 0.12), 0 0.125rem 0.125rem 0 rgba(0, 25, 40, 0.07); } }

.available-cds .open-standard-cd.hide-for-large {
  width: 75%;
  margin: 0 auto;
  padding: 2rem 0; }
  @media screen and (max-width: 45.99875em) {
    .available-cds .open-standard-cd.hide-for-large {
      padding: 1.5rem 0 2rem; } }
  .available-cds .open-standard-cd.hide-for-large h3 {
    font-size: 1.6rem; }
    @media screen and (min-width: 46em) and (max-width: 63.93625em) {
      .available-cds .open-standard-cd.hide-for-large h3 {
        margin-top: 1rem; } }
    @media screen and (max-width: 45.99875em) {
      .available-cds .open-standard-cd.hide-for-large h3 {
        width: 70%;
        margin-left: auto;
        margin-right: auto; } }
  .available-cds .open-standard-cd.hide-for-large .select-wrap, .available-cds .open-standard-cd.hide-for-large .button-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  @media screen and (max-width: 63.93625em) {
    .available-cds .open-standard-cd.hide-for-large .select-wrap {
      margin-bottom: 0; }
      .available-cds .open-standard-cd.hide-for-large .select-wrap div:first-child {
        width: 55%; }
      .available-cds .open-standard-cd.hide-for-large .select-wrap div:last-child {
        width: 35%; } }
  @media screen and (max-width: 45.99875em) {
    .available-cds .open-standard-cd.hide-for-large {
      width: 100%; }
      .available-cds .open-standard-cd.hide-for-large .select-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .available-cds .open-standard-cd.hide-for-large .select-wrap div:first-child {
          width: 70%; }
        .available-cds .open-standard-cd.hide-for-large .select-wrap div:last-child {
          width: 70%; } }

.available-cds .checkmarks {
  list-style: none; }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .checkmarks {
      display: flex;
      justify-content: space-around; } }
  .available-cds .checkmarks li {
    font-size: 0.9375rem;
    padding: 0 0 0 1.5rem;
    background: no-repeat 0 0.125rem url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' viewBox='0 0 34 34'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M5.277 13.635h-.025a.882.882 0 0 1-.64-.306L1.21 9.353A.876.876 0 0 1 2.54 8.215l2.776 3.244 8.18-8.493a.875.875 0 0 1 1.261 1.213l-8.849 9.188a.875.875 0 0 1-.63.268' fill='%230075BE'/%3E%3Cpath d='M0 16h16V0H0z'/%3E%3C/g%3E%3C/svg%3E"); }
    @media screen and (max-width: 63.93625em) {
      .available-cds .checkmarks li {
        text-align: left; } }
    @media screen and (max-width: 45.99875em) {
      .available-cds .checkmarks li {
        margin-bottom: 1.5rem; }
        .available-cds .checkmarks li:last-child {
          margin-bottom: 0; } }

@media print, screen and (min-width: 63.9375em) {
  .available-cds .cd-overview:nth-child(1) {
    padding-right: 1.75rem; } }

@media print, screen and (min-width: 63.9375em) {
  .available-cds .cd-overview:nth-child(2) {
    border-left: 0.0625rem solid #D9DCE1;
    padding-left: 1.75rem; } }

@media print, screen and (min-width: 63.9375em) {
  .available-cds .cd-info {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 0.0625rem solid #D9DCE1; }
    .available-cds .cd-info:last-child {
      padding-bottom: 2.5rem;
      margin-bottom: 2.5rem; } }

.available-cds .cd-info h3 {
  font-size: 1rem; }

.available-cds .cd-info ul {
  display: flex;
  justify-content: space-around;
  margin-left: 0; }
  @media screen and (max-width: 63.93625em) {
    .available-cds .cd-info ul {
      width: 80%;
      margin: 0 auto; } }
  @media screen and (max-width: 45.99875em) {
    .available-cds .cd-info ul {
      flex-direction: column;
      justify-content: flex-start; } }

.available-cds .rates-feature {
  display: flex;
  text-align: left; }
  @media screen and (max-width: 63.93625em) {
    .available-cds .rates-feature {
      margin-bottom: 1.5rem; } }
  .available-cds .rates-feature h3 {
    margin-bottom: 0; }
  .available-cds .rates-feature p {
    margin-bottom: 0; }
  @media screen and (max-width: 63.93625em) {
    .available-cds .rates-feature > *:first-child {
      min-width: 9.5rem;
      padding-right: 0.5rem;
      white-space: nowrap; } }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .rates-feature > * {
      width: 50%; } }

.available-cds .rates-discovery {
  margin: 0 0 2.5rem; }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .rates-discovery {
      border-radius: 0.25rem;
      background-color: #FFF;
      box-shadow: 0 0 0.125rem 0 rgba(0, 25, 40, 0.12), 0 0.125rem 0.125rem 0 rgba(0, 25, 40, 0.07);
      padding: 1.75rem;
      margin-bottom: 4.25rem;
      display: flex; } }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .rates-discovery > * {
      width: 50%; } }
  @media print, screen and (min-width: 46em) {
    .available-cds .rates-discovery {
      border-radius: 0.25rem;
      background-color: #FFF;
      box-shadow: 0 0 0.125rem 0 rgba(0, 25, 40, 0.12), 0 0.125rem 0.125rem 0 rgba(0, 25, 40, 0.07);
      padding-top: 2rem; } }

.available-cds form .rate-label {
  margin: 0;
  padding: 0;
  color: #0075BE;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.02187rem;
  line-height: 1rem;
  text-align: left; }

.available-cds form input[type="text"] {
  margin: 0;
  padding-left: 0;
  background: transparent;
  border: 0;
  box-shadow: none; }

.available-cds form select {
  margin: 0;
  padding-left: 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 100% 50% no-repeat transparent url("data:image/svg+xml,%3Csvg width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12.05 12.586l3.238-3.288a1 1 0 1 1 1.424 1.404l-3.939 4a1 1 0 0 1-1.414.01l-4.06-4a1 1 0 0 1 1.403-1.424l3.348 3.298z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='white'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cg mask='url(%23b)' fill='%230079C1'%3E%3Crect width='24' height='24' rx='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  border-bottom: 0.0625rem solid #D9DCE1; }

@media print, screen and (min-width: 63.9375em) {
  .available-cds form .select-wrap,
  .available-cds form .button-wrap {
    display: flex;
    justify-content: center; }
    .available-cds form .select-wrap > *,
    .available-cds form .button-wrap > * {
      margin: 0 0.625rem; } }

.available-cds .zipcode-update-form {
  margin: 0 auto 1.75rem;
  display: flex;
  justify-content: center; }
  .available-cds .zipcode-update-form .form-label-group {
    position: relative;
    flex: 1 1 auto;
    padding: 0 0 0.375rem 0;
    display: grid; }
  .available-cds .zipcode-update-form .active-label.slide-label {
    font-weight: 700;
    z-index: 2;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    pointer-events: none;
    height: 42px;
    cursor: pointer;
    border-radius: 4px 0px 0px 4px;
    padding: 0 8px;
    padding-left: 0;
    display: flex; }
  .available-cds .zipcode-update-form .design-language .error-message {
    width: 100%;
    min-width: 150px;
    padding: 0px 32px 0px 19px;
    font-weight: 500;
    line-height: 16px;
    color: #C81414;
    background-repeat: no-repeat;
    background-position: left 0 top 1px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
    margin-top: 8px;
    display: none;
    margin-bottom: 6px; }
  .available-cds .zipcode-update-form .design-language .error-message.has-error {
    visibility: visible;
    opacity: 1;
    display: block; }
  .available-cds .zipcode-update-form .design-language label.slide-label:before {
    z-index: 4;
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0px;
    background: #0079c1;
    transform: scaleX(0);
    transition: all 0.3s linear;
    top: 50px; }
  .available-cds .zipcode-update-form .design-language label.slide-label:after {
    z-index: 3;
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0px;
    background: #E3E1E2;
    top: 50px; }
  .available-cds .zipcode-update-form .design-language label.slide-label span.label-text {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #0079c1;
    transition: 0.3s ease-out; }
  .available-cds .zipcode-update-form .design-language label.active-label span.label-text {
    padding: 0px;
    font-size: 14px;
    margin-top: -4px; }
  @media screen and (max-width: 45.99875em) {
    .available-cds .zipcode-update-form .design-language .label-text {
      margin-left: auto;
      margin-right: auto; } }
  .available-cds .zipcode-update-form .zipcode-input {
    margin-right: 1.25rem; }
    .available-cds .zipcode-update-form .zipcode-input .form-field {
      display: block;
      flex-flow: row;
      position: relative; }
    @media screen and (max-width: 45.99875em) {
      .available-cds .zipcode-update-form .zipcode-input {
        margin: 1.875rem 0 1.25rem; } }
  .available-cds .zipcode-update-form .zipcode-submit {
    padding-bottom: 1.25rem; }
    @media print, screen and (min-width: 46em) {
      .available-cds .zipcode-update-form .zipcode-submit {
        margin-top: -1.25rem; } }
  .available-cds .zipcode-update-form .button {
    min-width: 10rem; }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .zipcode-update-form input[type="text"] {
      width: 19.5rem; } }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .zipcode-update-form {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      padding-top: 1.75rem; }
      .available-cds .zipcode-update-form > * {
        margin: 0 1.25rem 0 0; }
        .available-cds .zipcode-update-form > *:last-child {
          margin: 0; } }
  @media screen and (max-width: 63.93625em) {
    .available-cds .zipcode-update-form .zipcode-input {
      flex: 2 0 auto; } }
  @media screen and (max-width: 45.99875em) {
    .available-cds .zipcode-update-form {
      flex-direction: column; } }
  .available-cds .zipcode-update-form--border-bottom label {
    text-align: left; }
  .available-cds .zipcode-update-form--border-bottom input {
    border-bottom: 2px solid rgba(110, 110, 110, 0.2) !important;
    margin-bottom: 10px !important; }

.available-cds .open-account-form h3 {
  margin-bottom: 2.25rem; }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .open-account-form h3 {
      margin-bottom: 2.75rem; } }

.available-cds .open-account-form > * {
  margin-bottom: 2.25rem; }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .open-account-form > * {
      margin-bottom: 2.75rem; } }
  .available-cds .open-account-form > *:last-child {
    margin-bottom: 0; }

@media print, screen and (min-width: 63.9375em) {
  .available-cds .open-account-form .button-wrap {
    justify-content: center;
    display: flex; } }

.available-cds .rates-table-selector {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .available-cds .rates-table-selector .form-field {
    width: 100%; }
  .available-cds .rates-table-selector label {
    font-size: 1.25rem;
    font-weight: 300;
    white-space: nowrap;
    padding: 8px 113px 0 10px;
    display: block;
    text-align: left; }
  .available-cds .rates-table-selector select {
    float: right;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: 0.0125rem;
    line-height: 1.5rem;
    border-bottom: 0.125rem solid #0079C1;
    color: #0079C1;
    right: 20px;
    position: absolute; }
    .available-cds .rates-table-selector select option {
      font-size: 1rem; }
  @media screen and (max-width: 45.99875em) {
    .available-cds .rates-table-selector select {
      position: relative;
      float: none;
      margin: 0 auto 0;
      right: 0;
      top: 35px; }
    .available-cds .rates-table-selector label {
      padding: 0;
      text-align: center;
      margin-top: -40px;
      margin-bottom: 30px; } }
  .available-cds .rates-table-selector .form-label-group {
    display: block;
    position: relative; }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .rates-table-selector label {
      margin-right: 1.25rem; } }
  @media screen and (max-width: 45.99875em) {
    .available-cds .rates-table-selector {
      flex-direction: column;
      margin-top: 2rem;
      padding-top: 2rem;
      border-top: 0.0625rem solid #D9DCE1; } }

.available-cds .rates-table thead,
.available-cds .rates-table tbody,
.available-cds .rates-table tfoot {
  background-color: transparent; }

.available-cds .rates-table thead tr {
  border-bottom: 0.0625rem solid #000; }

.available-cds .rates-table td,
.available-cds .rates-table th {
  padding: 1rem;
  text-align: center; }

.available-cds .rates-table tr {
  border-bottom: 0.0625rem solid #929BA9; }

.available-cds .rates-table .highlight-row th,
.available-cds .rates-table .highlight-row td {
  background-color: #1A4D78;
  color: #FFF;
  font-weight: 700; }

.available-cds .rates-table .highlight-row td:nth-child(3) {
  background-color: #0079c1; }

@media print, screen and (min-width: 46em) {
  .available-cds .rates-table {
    margin-bottom: 0; } }

@media print, screen and (min-width: 63.9375em) {
  .available-cds .rates-table {
    margin-bottom: 0; } }

@media screen and (max-width: 45.99875em) {
  .available-cds .rates-table {
    margin-bottom: 2rem; }
    .available-cds .rates-table span {
      font-size: 0.9375rem; } }

.available-cds .terms-agreements {
  list-style: none;
  margin-left: 0;
  display: flex;
  justify-content: center;
  margin-bottom: 1.25rem; }
  .available-cds .terms-agreements li {
    font-weight: 900;
    text-align: left;
    margin: 0 1.25rem 1.25rem; }
    .available-cds .terms-agreements li a::after {
      content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAYAAACZZ43PAAAAAXNSR0IArs4c6QAAAndJREFUOBGVlE1oU0EQx2dmX541ULEfB6siCCURaiQiVPBiW7ViD0pFxYMKehA8BU3Tk4eAhyBJ9SZ48gNFaw4eRLQ1tZVWKnrxINS2HjV4EKI0ITEvu+Mk5cFLbaBd2Lfzdmd+77+z8xYDQ5kcAmwEAEe6mP83lMZsFKG6PJfse+j1sBDYj0i3NPB7YlbexZotkwDUAow3DOs7gWgGF0YOP3D9MBjLFAzTmcVU30t3cuUYjk9uLub1uIBeAJpLoGG0Y5O6PhXvrVDVWVTYK4O8704BmkSBzT5Ms+HzgHgim9c3g8MzzZbX0WsHI6+CYNt75pOH0n+tolaOjejox0DwHZiZlO8a6+K+hgCyVLcxEOmMfxjbDsVc1iknkKlT8lURydNGl0MIeK4hQCsri0Z3+PJ/dkyljn4RdU+9CgPRiWNAfKqWA++Ca5PRGlFtZcaQO1c3ouRFWkOAyNsCpMAQXeyJTzZU2hBgGPbKPr8R486fS3y87uuel1XJoSvTLWUs9YuKdwy8DZDv7oqONRvmz4AbfiyM9P5yGXWArvgz21lqHXCockHOfbecdzsAZ4EhC1bTfUmqxJmPwdh4SuqzUoUsb0HKtevq69ZKvu0RKhpFnz0oDhFAvV+Xykdsq9TDupwENgUkqxuYEgSmXcC6poCE5pB1ViryNBguaaf0pM34782OHCi6UmUcli9/EkUDYs9ohhwhUA0ghaUU2W+YnedgzFew/InZ23XBNc58sj8tRrVDYGhiUHKDywAgmkseXJT5k9XF9bRaDhiwvJ6gqq8bY0myFAGHg7G3v1nKZi0g2bqRHypcjcW13EirQOWSAZ88iv8Ap04BUZTil84AAAAASUVORK5CYII=");
      margin-left: 0.625rem; }
  @media screen and (max-width: 45.99875em) {
    .available-cds .terms-agreements {
      flex-direction: column;
      padding: 0 1.5rem; }
      .available-cds .terms-agreements li {
        margin-left: 0; } }

.special-rate-tab {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background: white;
  padding: 1.5rem 3rem 3rem;
  border-top: 0.25rem solid #0075BE;
  position: relative;
  border-radius: 0.25rem;
  background-color: #FFF;
  box-shadow: 0 0 0.125rem 0 rgba(0, 25, 40, 0.12), 0 0.125rem 0.125rem 0 rgba(0, 25, 40, 0.07); }
  @media screen and (max-width: 63.93625em) {
    .special-rate-tab {
      flex-direction: column; } }
  @media screen and (max-width: 45.99875em) {
    .special-rate-tab {
      padding: 1.5rem 1.5rem 2rem; } }
  .special-rate-tab__heading {
    padding-top: 1rem; }
    @media screen and (max-width: 63.93625em) {
      .special-rate-tab__heading {
        padding-top: 0; } }
  .special-rate-tab__terms {
    position: absolute;
    top: 46px;
    right: 33%;
    font-size: 0.75rem; }
    @media screen and (max-width: 71.875em) {
      .special-rate-tab__terms {
        right: 37%; } }
    @media screen and (max-width: 63.93625em) {
      .special-rate-tab__terms {
        top: 243px;
        right: 65%; } }
    @media screen and (max-width: 45.99875em) {
      .special-rate-tab__terms {
        position: static; } }
  .special-rate-tab .special-rate-tab__tab button {
    padding: 1.25rem;
    font-size: 1.125rem; }
    @media screen and (max-width: 25.25em) {
      .special-rate-tab .special-rate-tab__tab button {
        padding: 0.5rem;
        font-size: 1rem; } }
  @media screen and (max-width: 45.99875em) {
    .special-rate-tab .special-rate-tab__tab {
      background: white; } }
  .special-rate-tab__tab-panel {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: white; }
  .special-rate-tab__tab-list {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    position: relative; }
    @media screen and (max-width: 63.93625em) {
      .special-rate-tab__tab-list {
        margin-right: 2.5rem; } }
    @media screen and (max-width: 45.99875em) {
      .special-rate-tab__tab-list {
        justify-content: center;
        margin-right: 0; } }
  .special-rate-tab__rate-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center; }
    @media screen and (max-width: 45.99875em) {
      .special-rate-tab__rate-item:first-child {
        margin-bottom: 2rem; } }
  .special-rate-tab__rate-cell {
    display: flex;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem; }
  .special-rate-tab__rate, .special-rate-tab__percent {
    font-size: 7rem;
    font-weight: 300;
    line-height: 0.8; }
  .special-rate-tab__percent {
    font-size: 3rem; }
  .special-rate-tab__apy {
    font-size: 1.40625rem; }

.cd-table tbody tr:first-child td:first-child {
  width: 25%; }

@media screen and (max-width: 45.99875em) {
  .cd-faqs li {
    padding-left: 0;
    padding-right: 0; }
  .cd-faqs button::after {
    right: 0; } }

.cd-accounts .slick-prev.slick-arrow.white-chevron-background {
  left: -0.625rem; }

.cd-accounts .slick-next.slick-arrow.white-chevron-background {
  left: initial;
  right: -0.625rem; }

.cd-article-carousel {
  padding-right: 0;
  padding-left: 0; }
  .cd-article-carousel .cd-articles {
    margin-right: 0;
    margin-left: 0; }

.cd-articles {
  margin-left: 0;
  margin-right: 0; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .cd-articles .slick-slide:not(.slick-active) {
      opacity: 0.6; } }
  @media screen and (max-width: 31.25em) {
    .cd-articles .slick-slide:not(.slick-current) {
      opacity: 0.6; } }
  .cd-articles .slick-prev.slick-arrow.white-chevron-background, .cd-articles .slick-next.slick-arrow.white-chevron-background {
    top: 50%; }
  .cd-articles .slick-prev.slick-arrow.white-chevron-background {
    left: 0; }
  .cd-articles .slick-next.slick-arrow.white-chevron-background {
    left: initial;
    right: 0; }
  .cd-articles .slick-dots {
    bottom: -1.5625rem; }
  .cd-articles .articles-card-equalizer {
    padding: 2rem; }

.cd-articles.carousel-design-language .slick-dots {
  bottom: -1.5625rem; }

@media only screen and (min-width: 31.25rem) {
  .cd-page.intro-offer-box {
    margin-top: -8.4375rem; } }

@media only screen and (min-width: 64.0625rem) {
  .cd-page.intro-offer-box {
    margin-top: -14.6875rem; } }

.cd-ready-section__title strong {
  display: block;
  height: 3rem; }
  @media screen and (max-width: 45.99875em) {
    .cd-ready-section__title strong {
      height: auto; } }

.cd-ready-section__icon-container {
  height: 5.625rem; }
  .cd-ready-section__icon-container img {
    max-height: 5.625rem; }

@media screen and (max-width: 45.99875em) {
  .cd-ready-section__item {
    align-items: flex-start; } }

.cd-ready-section .design-language .cd-ready-section__title {
  margin-top: 1rem; }
  @media screen and (max-width: 63.93625em) {
    .cd-ready-section .design-language .cd-ready-section__title {
      margin-bottom: 0.625rem; } }
  @media screen and (max-width: 45.99875em) {
    .cd-ready-section .design-language .cd-ready-section__title {
      margin-top: 0; } }

.cds-equalize {
  height: 4.375rem; }

@media print, screen and (min-width: 46em) {
  .intro-offer-box.harris-statement-savings {
    margin-top: -8.4375rem; } }

.cd-overview-left {
  position: relative; }

.cd-effective-date {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.cd-lock-icon {
  left: 25px; }

/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * 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.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: 'Kulb';
  src: url("/dist/fonts/Klub08-Normal.otf") format("opentype"), url("/dist/fonts/Klub08-Normal.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbmedium';
  src: url("/dist/fonts/Klub08-Medium.otf") format("opentype"), url("/dist/fonts/Klub08-Medium.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbblack';
  src: url("/dist/fonts/Klub08-Black.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbblond';
  src: url("/dist/fonts/Klub08-Blond.otf") format("opentype"), url("/dist/fonts/Klub08-Blond.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbbold';
  src: url("/dist/fonts/Klub08-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbsemibold';
  src: url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"), url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype"); }

.lending-home-page .breadcrumbs {
  display: flex; }
  .lending-home-page .breadcrumbs ul {
    padding: 0px; }
    .lending-home-page .breadcrumbs ul li {
      display: none; }
      @media screen and (min-width: 76.5625em) {
        .lending-home-page .breadcrumbs ul li {
          display: inline-flex; } }
    .lending-home-page .breadcrumbs ul li:nth-last-child(2) {
      display: inline-flex; }
      @media screen and (max-width: 76.56125em) {
        .lending-home-page .breadcrumbs ul li:nth-last-child(2):before {
          content: '';
          display: block;
          width: 24px;
          height: 24px;
          background: url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) svg {
          display: none; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) a {
          padding: 0;
          font-size: 16px;
          margin-left: 5px; } }

.lending-home-page .design-language .font-size-large.intro-heading-line-height {
  line-height: 30px; }

.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small {
  color: #001928; }

.lending-home-page .banner-blue-promo-box {
  padding: 24px;
  padding: 20px; }

.lending-home-page .promo-box-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.15px;
  font-weight: 400 !important;
  margin: 0; }

.lending-home-page.background-grey {
  padding-top: 30px; }
  .lending-home-page.background-grey .hmc-wrapper {
    border: 1px solid #ccc;
    padding-bottom: 40px;
    padding-bottom: 20px; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
  padding-left: 3em;
  padding-right: 0 !important; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
  left: 1em;
  right: auto; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
  padding-left: 3em; }

@media screen and (max-width: 45.99875em) {
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__item {
    padding-right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
    padding-left: 0;
    padding-right: 3em !important; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
    left: auto;
    right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
    padding-left: 0; } }

@media screen and (max-width: 89.99875em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 50%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 42%; } }

@media screen and (max-width: 63.93625em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 25%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .cta-text {
    height: 72px; } }

.available-cds.money-market .rates-discovery > * {
  width: 100%;
  padding-bottom: 2em; }

.button-border-radius {
  border-radius: 5em; }

@media screen and (min-width: 420px) {
  .rates-table-button {
    margin: .5em; } }

.money-market-overview {
  padding-right: 0 !important; }

@media screen and (min-width: 500px) {
  .mm-rates-table {
    width: 85%;
    margin: 5% 7.5%; } }

@media screen and (min-width: 769px) {
  .mm-rates-table {
    width: 75%;
    margin: 5% 12.5%; } }

@media screen and (min-width: 1200px) {
  .mm-rates-table {
    width: 65%;
    margin: 5% 17.5%; } }

@media screen and (min-width: 1025px) {
  .mm-rates-table > thead > tr :first-child {
    width: 40%; } }

@media screen and (min-width: 500px) {
  .mm-rates-table > thead > tr :first-child {
    width: 45%; } }

@media screen and (max-width: 500px) {
  .mm-rates-table > thead > tr :first-child {
    width: 35%;
    text-align: left; } }

@media screen and (max-width: 500px) {
  .mm-rates-table > thead > tr :first-child > span {
    text-align: left;
    padding-left: 1rem; } }

.mm-rates-table > thead > tr :last-child > span {
  padding-left: 1.5rem; }
  @media screen and (min-width: 1200px) {
    .mm-rates-table > thead > tr :last-child > span {
      padding-left: 2rem; } }
  @media screen and (max-width: 500px) {
    .mm-rates-table > thead > tr :last-child > span {
      padding-left: 1rem; } }

.mm-rates-table > thead > tr > th {
  border-bottom: solid 2px gray;
  font-size: 15px;
  text-align: center; }

.mm-rates-table > tbody > tr > td {
  border-bottom: solid 2px lightgray;
  font-size: 15.5px;
  padding: 1rem 1rem 1rem 1rem; }

.mm-rates-table > tbody > tr :first-child,
.design-language span.padding-left--2 {
  text-align: left;
  padding-left: 1.5rem; }
  @media screen and (min-width: 1200px) {
    .mm-rates-table > tbody > tr :first-child,
    .design-language span.padding-left--2 {
      padding-left: 2rem; } }
  @media screen and (max-width: 500px) {
    .mm-rates-table > tbody > tr :first-child,
    .design-language span.padding-left--2 {
      padding-left: 0; } }

@media screen and (max-width: 500px) {
  .mm-rates-table > tbody > tr :first-child > span {
    padding-left: 1rem; } }

.mm-rates-table > tbody > tr :nth-child(2) > span {
  padding-left: 0; }

.mm-rates-discovery {
  border-radius: 0.25rem;
  background-color: #FFF;
  box-shadow: 0 0 0.125rem 0 rgba(0, 25, 40, 0.12), 0 0.125rem 0.125rem 0 rgba(0, 25, 40, 0.07);
  padding-top: 2rem; }

.slick-slide:not(.slick-active) {
  opacity: 0.6; }

.min-width-1000.carousel-slide .slick-list .slick-slide.slick-center {
  opacity: 1; }

label.active-label.slide-label {
  padding-left: 0 !important;
  margin-top: -1em;
  font-weight: 700; }

@media screen and (min-width: 900px) and (max-width: 1140px) {
  .mm-appointment-btn.button--design__secondary {
    padding-right: 15px;
    padding-left: 15px; } }

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .width-1000 .overflow-height .mm-testimonials-carousel {
    min-height: 440px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .width-1000 .overflow-height .mm-testimonials-carousel {
    /* IE10+ CSS styles go here */
    min-height: 440px; } }

@media screen and (min-width: 736px) {
  .mm-intro-offer-box.intro-offer-box {
    margin-top: -135px; } }

@media screen and (min-width: 1023px) {
  .mm-intro-offer-box.intro-offer-box {
    margin-top: -235px; } }

.mm-svg-ie-fix {
  max-width: 6em; }

.hide.florida {
  display: inline !important; }

.mm-table-hide {
  display: none; }

.mm-table-hide.mm-table-show {
  display: table-row; }

.money-market-banner-list {
  margin-left: 16px !important; }

.intro-offer-box.bb-always-on {
  margin-top: -20.3125rem;
  background: transparent; }
  @media screen and (min-width: 63.9375em) {
    .intro-offer-box.bb-always-on div.form-email-input {
      width: 18.75rem; } }
  @media screen and (max-width: 63.93625em) {
    .intro-offer-box.bb-always-on div.form-email-input {
      width: 12.5rem; } }
  @media screen and (max-width: 45.99875em) {
    .intro-offer-box.bb-always-on div.form-email-input {
      width: auto; } }
  @media screen and (max-width: 63.93625em) {
    .intro-offer-box.bb-always-on button {
      padding: 0 1rem; } }
  @media screen and (max-width: 63.93625em) {
    .intro-offer-box.bb-always-on {
      margin-top: -21.875rem; } }
  @media screen and (max-width: 53.1875em) {
    .intro-offer-box.bb-always-on {
      margin-top: -21.5625rem; } }
  @media screen and (max-width: 45.99875em) {
    .intro-offer-box.bb-always-on {
      margin-top: -5.75rem; }
      .intro-offer-box.bb-always-on .border-with-shadow {
        box-shadow: none; } }

.bb-always-on-form .form-label-group > div {
  width: 100%; }

.bb-always-on-form .design-language input[type='email'],
.bb-always-on-form .design-language input[type='text'],
.bb-always-on-form .design-language .form-label-group label.slide-label,
.bb-always-on-form .design-language .form-label-group label.active-label {
  padding: 0; }

.bb-always-on-form .design-language input:-ms-input-placeholder {
  padding: 0 !important;
  width: 100% !important; }

.bb-always-on-form .design-language input::placeholder {
  padding: 0;
  width: 100%; }

.bb-always-on-form .reveal.modal-block {
  border-radius: 4px; }

.bb-always-on-form .design-language .form-label-group {
  margin-bottom: 2rem !important; }

.bb-always-on-form .design-language .form-label-group .active-label::before {
  border: 1px solid #0075be !important;
  box-shadow: none !important; }

.bb-always-on-form .design-language .form-label-group .active-label > span {
  bottom: 2rem !important; }

/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * 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.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: 'Kulb';
  src: url("/dist/fonts/Klub08-Normal.otf") format("opentype"), url("/dist/fonts/Klub08-Normal.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbmedium';
  src: url("/dist/fonts/Klub08-Medium.otf") format("opentype"), url("/dist/fonts/Klub08-Medium.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbblack';
  src: url("/dist/fonts/Klub08-Black.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbblond';
  src: url("/dist/fonts/Klub08-Blond.otf") format("opentype"), url("/dist/fonts/Klub08-Blond.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbbold';
  src: url("/dist/fonts/Klub08-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbsemibold';
  src: url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"), url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype"); }

.lending-home-page .breadcrumbs {
  display: flex; }
  .lending-home-page .breadcrumbs ul {
    padding: 0px; }
    .lending-home-page .breadcrumbs ul li {
      display: none; }
      @media screen and (min-width: 76.5625em) {
        .lending-home-page .breadcrumbs ul li {
          display: inline-flex; } }
    .lending-home-page .breadcrumbs ul li:nth-last-child(2) {
      display: inline-flex; }
      @media screen and (max-width: 76.56125em) {
        .lending-home-page .breadcrumbs ul li:nth-last-child(2):before {
          content: '';
          display: block;
          width: 24px;
          height: 24px;
          background: url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) svg {
          display: none; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) a {
          padding: 0;
          font-size: 16px;
          margin-left: 5px; } }

.lending-home-page .design-language .font-size-large.intro-heading-line-height {
  line-height: 30px; }

.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small {
  color: #001928; }

.lending-home-page .banner-blue-promo-box {
  padding: 24px;
  padding: 20px; }

.lending-home-page .promo-box-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.15px;
  font-weight: 400 !important;
  margin: 0; }

.lending-home-page.background-grey {
  padding-top: 30px; }
  .lending-home-page.background-grey .hmc-wrapper {
    border: 1px solid #ccc;
    padding-bottom: 40px;
    padding-bottom: 20px; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
  padding-left: 3em;
  padding-right: 0 !important; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
  left: 1em;
  right: auto; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
  padding-left: 3em; }

@media screen and (max-width: 45.99875em) {
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__item {
    padding-right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
    padding-left: 0;
    padding-right: 3em !important; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
    left: auto;
    right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
    padding-left: 0; } }

@media screen and (max-width: 89.99875em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 50%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 42%; } }

@media screen and (max-width: 63.93625em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 25%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .cta-text {
    height: 72px; } }

.mm-rates-table.ss-rates-table > thead > tr :first-child {
  text-align: center; }
  @media screen and (max-width: 500px) {
    .mm-rates-table.ss-rates-table > thead > tr :first-child {
      text-align: center; } }

.mm-rates-table.ss-rates-table > thead > tr :last-child > span {
  padding-left: 0; }
  @media screen and (min-width: 1200px) {
    .mm-rates-table.ss-rates-table > thead > tr :last-child > span {
      padding-left: 0; } }
  @media screen and (max-width: 500px) {
    .mm-rates-table.ss-rates-table > thead > tr :last-child > span {
      padding-left: 0; } }

.mm-rates-table.ss-rates-table > tbody > tr :first-child {
  padding-left: 0;
  text-align: center; }
  @media screen and (min-width: 1200px) {
    .mm-rates-table.ss-rates-table > tbody > tr :first-child {
      padding-left: 0; } }
  @media screen and (max-width: 500px) {
    .mm-rates-table.ss-rates-table > tbody > tr :first-child {
      text-align: center;
      padding-left: 0; } }

.mm-rates-table.ss-rates-table > tbody > tr:first-child > td.ss-table-cell {
  padding-left: 1em; }
  @media screen and (min-width: 1200px) {
    .mm-rates-table.ss-rates-table > tbody > tr:first-child > td.ss-table-cell {
      padding-left: 1em; } }
  @media screen and (max-width: 500px) {
    .mm-rates-table.ss-rates-table > tbody > tr:first-child > td.ss-table-cell {
      text-align: center;
      padding-left: 1em; } }

@media screen and (max-width: 500px) {
  .mm-rates-table > thead > tr :first-child > span, .mm-rates-table > tbody > tr :first-child > span {
    text-align: center;
    padding-left: 0; } }

.harris-lending-dream-genie {
  color: #001928; }
  .harris-lending-dream-genie .tv-font-xlarge--medium {
    font-size: 1.125rem; }
  .harris-lending-dream-genie #help-you-choose {
    padding-bottom: 1.5rem; }
  @media screen and (max-width: 45.99875em) {
    .harris-lending-dream-genie.hmc-wrapper {
      margin-top: 0; } }
  .harris-lending-dream-genie.hmc-wrapper::after {
    background: none;
    border: none; }
  .harris-lending-dream-genie .hmc-extracted-question {
    max-width: 100%; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .harris-lending-dream-genie .hmc-extracted-question > div {
        width: 70rem; } }
    .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet {
      max-width: 100%;
      width: 100%;
      margin: 0 0 2rem; }
      .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap; }
        .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label {
          text-align: center;
          display: block;
          list-style-type: none;
          background: #fafafa;
          margin-top: 2rem;
          padding-top: 25px;
          padding-left: 0.5rem;
          padding-right: 0.5rem;
          flex-direction: column;
          border-radius: 0.25rem;
          background-color: #FFFFFF;
          box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 25, 40, 0.04), 0 0.25rem 1.5rem 0 rgba(0, 25, 40, 0.1);
          color: #0075BE;
          font-size: 1.125rem;
          font-weight: bold;
          letter-spacing: 0.00937rem;
          line-height: 1.5rem;
          width: 10.3125rem;
          height: 10.3125rem; }
          @media screen and (min-width: 48em) {
            .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label {
              margin: 2rem 0 0; } }
          @media screen and (min-width: 41.25em) {
            .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label {
              line-height: 1.5rem;
              width: 18.75rem; } }
          @media screen and (min-width: 64.0625em) {
            .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label {
              height: 13.4375rem;
              width: 21.875rem;
              padding-top: 45px; } }
          .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label input {
            width: 1px;
            height: 1px;
            position: absolute !important;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0; }
          .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label.checked, .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label:hover {
            outline: 2px solid #0075BE; }
          .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label i {
            margin-bottom: 0.625rem;
            display: block;
            height: 75px; }
            @media screen and (min-width: 48em) {
              .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label i {
                margin-bottom: 1.25rem; } }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div {
            justify-content: space-around !important; }
            .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label i {
              height: 76px; } }
    .harris-lending-dream-genie .hmc-extracted-question h2 {
      color: #001928;
      text-align: center;
      font-weight: bold;
      font-size: 1.75rem;
      margin-bottom: 0.25rem; }
      @media screen and (max-width: 45.99875em) {
        .harris-lending-dream-genie .hmc-extracted-question h2 {
          padding: 0 24px 1rem; } }
    .harris-lending-dream-genie .hmc-extracted-question p {
      font-size: 1.0625rem;
      font-weight: 300;
      letter-spacing: 0.00937rem;
      line-height: 1.5625rem;
      margin: 0 1rem;
      text-align: center;
      max-width: 584px;
      margin: 0 auto; }
      @media screen and (max-width: 45.99875em) {
        .harris-lending-dream-genie .hmc-extracted-question p {
          padding: 0 24px;
          text-align: left; } }
  .harris-lending-dream-genie .hmc-split-view {
    display: flex; }
    .harris-lending-dream-genie .hmc-split-view__options {
      flex-basis: 25rem; }
      @media screen and (max-width: 45.99875em) {
        .harris-lending-dream-genie .hmc-split-view__options {
          margin: 0 1rem; } }
      .harris-lending-dream-genie .hmc-split-view__options .hmcToolList {
        text-align: left;
        padding-bottom: 1rem; }
        @media screen and (min-width: 46em) and (max-width: 63.93625em) {
          .harris-lending-dream-genie .hmc-split-view__options .hmcToolList {
            max-width: 400px;
            margin: 0 auto; } }
        .harris-lending-dream-genie .hmc-split-view__options .hmcToolList .input-wrap.radiobutton-container {
          padding-top: 0; }
      .harris-lending-dream-genie .hmc-split-view__options > h3 {
        font-size: 1.375rem;
        font-weight: bold;
        margin-bottom: 0.75rem; }
        @media screen and (max-width: 45.99875em) {
          .harris-lending-dream-genie .hmc-split-view__options > h3 {
            margin-top: 2rem; } }
        @media screen and (min-width: 64em) {
          .harris-lending-dream-genie .hmc-split-view__options > h3 {
            margin-top: 7.75rem; } }
        @media screen and (min-width: 46em) and (max-width: 63.93625em) {
          .harris-lending-dream-genie .hmc-split-view__options > h3 {
            text-align: center; } }
      @media screen and (min-width: 46em) and (max-width: 63.93625em) {
        .harris-lending-dream-genie .hmc-split-view__options > p {
          text-align: center; } }
      .harris-lending-dream-genie .hmc-split-view__options .hmcOptionsGroup {
        align-items: start;
        display: block;
        text-align: left; }
        .harris-lending-dream-genie .hmc-split-view__options .hmcOptionsGroup .radiobutton-container .input-radio {
          padding-top: 0;
          margin-bottom: 0; }
      .harris-lending-dream-genie .hmc-split-view__options .hmcStep {
        border-bottom: 0; }
      .harris-lending-dream-genie .hmc-split-view__options .current-step legend {
        font-size: 1.125rem;
        font-weight: bold;
        line-height: 2rem;
        margin-bottom: 1rem;
        padding: 0; }
      .harris-lending-dream-genie .hmc-split-view__options .current-step .hmcOptionsGroup {
        margin: 0; }
    .harris-lending-dream-genie .hmc-split-view__results {
      flex: 1 1 auto; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .harris-lending-dream-genie .hmc-split-view__results {
          flex: none; } }
      .harris-lending-dream-genie .hmc-split-view__results .carousel-contents {
        display: flex;
        justify-content: center;
        flex-wrap: nowrap; }
      .harris-lending-dream-genie .hmc-split-view__results .loans-product-column__box {
        border-radius: 0.25rem;
        background-color: #FFFFFF;
        box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 25, 40, 0.04), 0 0.25rem 1.5rem 0 rgba(0, 25, 40, 0.1); }
      .harris-lending-dream-genie .hmc-split-view__results h3, .harris-lending-dream-genie .hmc-split-view__results .size-h3 {
        font-size: 1.375rem;
        font-weight: bold;
        line-height: 2rem;
        margin-bottom: 0.75rem; }
      @media screen and (min-width: 46em) {
        .harris-lending-dream-genie .hmc-split-view__results div.carousel-contents > div {
          width: 50%; } }
      .harris-lending-dream-genie .hmc-split-view__results .hmc__results-footer {
        margin: 1.75rem 0 0;
        padding: 1.75rem 0 1.25rem;
        border-top: 1px solid #d9dce1; }
        @media screen and (min-width: 48em) {
          .harris-lending-dream-genie .hmc-split-view__results .hmc__results-footer {
            padding-bottom: 2rem; } }
        .harris-lending-dream-genie .hmc-split-view__results .hmc__results-footer .button {
          margin-bottom: 1.25rem;
          padding-left: 0;
          padding-right: 0; }
        .harris-lending-dream-genie .hmc-split-view__results .hmc__results-footer .learn-more {
          text-transform: uppercase;
          font-weight: bold;
          font-size: 0.875rem;
          display: block; }
    .harris-lending-dream-genie .hmc-split-view .hmc__product-description {
      text-align: center; }
  .harris-lending-dream-genie .hmc-split-view__reset {
    width: 100%;
    text-align: center;
    padding-bottom: 50px; }
    .harris-lending-dream-genie .hmc-split-view__reset a {
      font-weight: bold; }
    @media screen and (max-width: 45.99875em) {
      .harris-lending-dream-genie .hmc-split-view__reset {
        padding-top: 30px; } }
  .harris-lending-dream-genie .uppercase {
    text-transform: uppercase; }
  .harris-lending-dream-genie .result-card-heading {
    position: relative; }
    .harris-lending-dream-genie .result-card-heading .chevron-icon {
      bottom: 5px;
      position: absolute; }
  .harris-lending-dream-genie .hmc__results > div {
    width: 100%; }
    .harris-lending-dream-genie .hmc__results > div .height-equalizer-wrapper {
      width: 100%; }
      @media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
        .harris-lending-dream-genie .hmc__results > div .height-equalizer-wrapper ul.carousel-contents > li.carousel-item:nth-child(1),
        .harris-lending-dream-genie .hmc__results > div .height-equalizer-wrapper ul.carousel-contents > li.carousel-item:nth-child(2) {
          opacity: 1; } }
      @media screen and (min-width: 46em) and (max-width: 63.93625em) {
        .harris-lending-dream-genie .hmc__results > div .height-equalizer-wrapper ul.carousel-contents > li.carousel-item:nth-child(1),
        .harris-lending-dream-genie .hmc__results > div .height-equalizer-wrapper ul.carousel-contents > li.carousel-item:nth-child(2) {
          opacity: 1; } }
      @media screen and (max-width: 45.99875em) {
        .harris-lending-dream-genie .hmc__results > div .height-equalizer-wrapper ul.carousel-contents > li.carousel-item:nth-child(1) {
          opacity: 1; } }
  .harris-lending-dream-genie .hmc__results .button.button__primary-ds {
    padding-left: 0;
    padding-right: 0; }

.harris-lending-home-page#persSupportSection .spacing-left--small.icon--chevron-right-blue {
  height: 27px;
  vertical-align: top; }

@media screen and (max-width: 63.93625em) {
  #persPlansList {
    max-width: 100rem;
    margin-right: auto;
    margin-left: auto;
    display: block;
    flex-flow: none; } }

.product-header-updated {
  margin-bottom: 2.5rem; }

.harris-checking-accounts-product-cards .product-card-with-label {
  margin-top: 49px; }

.harris-checking-accounts-product-cards .product-card {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }
  .harris-checking-accounts-product-cards .product-card .product-card-outline {
    border-radius: 4px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 25, 40, 0.04), 0 4px 24px 0 rgba(0, 25, 40, 0.1);
    box-shadow: 0 2px 8px 0 rgba(0, 25, 40, 0.04), 0 4px 24px 0 rgba(0, 25, 40, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative; }
    .harris-checking-accounts-product-cards .product-card .product-card-outline .product-card-popular-label-bg {
      color: #000;
      font-size: 14px;
      z-index: 2000;
      background-color: #e6f9fe;
      padding: 15px;
      text-align: center;
      position: relative;
      width: 100%;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px; }
  .harris-checking-accounts-product-cards .product-card .product-card-top-color-box {
    height: 350px;
    overflow: hidden;
    position: relative; }
    @media screen and (max-width: 1200px) {
      .harris-checking-accounts-product-cards .product-card .product-card-top-color-box {
        height: 350px; } }
    .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-background {
      border-bottom-left-radius: 60%;
      border-bottom-right-radius: 60%;
      width: 166%;
      position: absolute;
      margin-left: -33%;
      margin-right: -33%;
      background: linear-gradient(166.82deg, #FFFFFF 0%, #F5F6F7 100%);
      height: 350px; }
      @media screen and (max-width: 1200px) {
        .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-background {
          height: 350px; } }
    .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content {
      text-align: center;
      position: absolute;
      padding-top: 40px;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0; }
      .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-no-icon {
        margin: 0 auto; }
        .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-no-icon .product-card-title {
          font-size: 22px;
          line-height: 2rem;
          font-weight: 500;
          text-align: center;
          height: 125px; }
          @media screen and (min-width: 1025px) {
            .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-no-icon .product-card-title {
              height: 96px; } }
          @media screen and (max-width: 1200px) {
            .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-no-icon .product-card-title {
              text-align: center;
              padding-top: 10px; } }
          @media screen and (max-width: 45.99875em) {
            .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-no-icon .product-card-title {
              height: 96px; } }
      .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-and-title {
        margin: 1rem 2rem;
        justify-content: space-around; }
        @media screen and (min-width: 1200px) {
          .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-and-title {
            display: flex; } }
        .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-and-title .product-card-icon {
          padding-top: 10px;
          height: 77px; }
        .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-and-title .product-card-title {
          font-size: 22px;
          line-height: 2rem;
          font-weight: 500;
          text-align: left;
          height: 125px; }
          @media screen and (min-width: 1025px) {
            .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-and-title .product-card-title {
              height: 96px; } }
          @media screen and (max-width: 1200px) {
            .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-and-title .product-card-title {
              text-align: center;
              padding-top: 10px; } }
          @media screen and (max-width: 45.99875em) {
            .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-and-title .product-card-title {
              height: 96px; } }
      .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-desc {
        line-height: 1.5rem;
        margin: 0 1.5rem;
        font-weight: 400;
        padding-bottom: 25px;
        height: 93px; }
        @media screen and (min-width: 1025px) {
          .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-desc {
            height: 80px; } }
        @media screen and (max-width: 45.99875em) {
          .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-desc {
            height: 80px; } }
      .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-buttons .button {
        display: inline-flex; }
      .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-buttons .button span {
        text-transform: none; }
  .harris-checking-accounts-product-cards .product-card .product-card-feature {
    margin: 1.5rem; }
    .harris-checking-accounts-product-cards .product-card .product-card-feature .product-card-feature-title {
      padding-bottom: 15px;
      font-weight: 700;
      font-size: 16px !important; }
  .harris-checking-accounts-product-cards .product-card .product-card-fees {
    margin: 1.5rem;
    padding-bottom: 20px;
    height: 200px; }
    .harris-checking-accounts-product-cards .product-card .product-card-fees .product-card-fees-title {
      font-weight: 700;
      padding-bottom: 15px;
      font-size: 16px; }
    .harris-checking-accounts-product-cards .product-card .product-card-fees .product-card-fees-container {
      display: flex; }
      .harris-checking-accounts-product-cards .product-card .product-card-fees .product-card-fees-container .product-card-fees-box {
        background-color: #F5F6F7;
        padding: 1rem 0.5rem 1.5rem;
        text-align: center;
        max-width: 100%;
        flex: 100%; }
        .harris-checking-accounts-product-cards .product-card .product-card-fees .product-card-fees-container .product-card-fees-box .product-card-fees-amount {
          color: #001928;
          font-size: 22px;
          letter-spacing: 0.18px;
          line-height: 1.5rem;
          margin-bottom: 0.25rem;
          font-weight: 500; }
        .harris-checking-accounts-product-cards .product-card .product-card-fees .product-card-fees-container .product-card-fees-box .product-card-fees-amount-condition {
          color: #001928;
          font-size: 12px;
          line-height: 16px; }

.harris-checking-accounts-product-cards .product-card-popular .product-card-header-background {
  background: linear-gradient(166.82deg, #0075BE 0%, #085585 100%) !important; }

.harris-checking-accounts-product-cards .product-card-popular .product-card-popular-label {
  color: #fff;
  font-size: 14px;
  width: 100%;
  text-align: center;
  font-weight: 600;
  padding-top: 10px; }

.harris-checking-accounts-product-cards .product-card-popular .product-card-top-color-box {
  color: #fff; }

.harris-checking-accounts-product-cards .product-card-popular .product-card-buttons .button {
  background-color: #FFFFFF;
  border-color: #FFFFFF; }
  .harris-checking-accounts-product-cards .product-card-popular .product-card-buttons .button span {
    color: #0075BE; }

.harris-checking-accounts-product-cards .product-card-popular .product-card-buttons .link {
  color: #fff; }

.harris-checking-accounts-product-cards .product-card-popular .product-card-fees .product-card-fees-box {
  max-width: 100% !important;
  width: 100%;
  flex: 100% !important; }

.harris-checking-accounts-product-cards .product-card-fees-box-full-width {
  max-width: 100% !important;
  width: 100%; }

.harris-checking-accounts-product-cards .premier-account .product-card-icon {
  padding-top: 0 !important; }

.harris-checking-accounts-product-cards .product-card-fees-box-multi {
  text-align: center; }
  .harris-checking-accounts-product-cards .product-card-fees-box-multi .product-card-fees-box {
    max-width: 39%;
    flex: 0 0 39%; }
  .harris-checking-accounts-product-cards .product-card-fees-box-multi .product-card-fees-or {
    max-width: 22%;
    flex: 0 0 22%;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.15px;
    line-height: 1.5rem;
    padding: 35px 0 2rem; }

@media screen and (min-width: 813px) {
  .harris-checking-accounts-debit-card-carousel {
    display: flex !important; } }

.top--negative-50 {
  top: -50px; }

.absolute--forced {
  position: absolute !important; }

.harris-savings-and-cds-products-table {
  display: table; }

.carousel-design-language .harris-savings-and-cds-corousal li {
  list-style: disc; }

.rewards-calculator {
  /**
   * The rewards summary is where the calculator rewards are displayed.
   *
   * 1. On mobile it is a full screen modal.
   * 2. Offset the size of the apply now button.
   * 3. Make it unscrollable.
   * 4. Background color must be set otherwise you can see everything below it.
   */
  /**
   * The individual result list item.
   * 1. The default number of rewards that should show up.
   *    This is decided by designers.
   */ }
  .rewards-calculator .button {
    text-transform: uppercase !important; }
  .rewards-calculator .button.active, .rewards-calculator .button:focus, .rewards-calculator .button:hover {
    outline: none;
    outline-color: initial;
    outline-style: none;
    outline-width: initial;
    text-decoration: none; }
  .rewards-calculator__wrapper {
    padding: 0.5em;
    border: 0.0625rem solid #cacaca;
    border-radius: 0.25em; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__wrapper {
        display: flex; } }
  .rewards-calculator__calculator {
    padding-top: 1em;
    padding-right: 1.25em;
    padding-bottom: 1em;
    padding-left: 1.25em;
    background-color: #00436c;
    text-align: center;
    color: #FEFEFE;
    /**
     * 1. The calculator section has MUCH less content then the summary section.
     *      On small screens thats OK because the summary is a popup.
     *      On medium+ screens this is an issue.
     *      Center the content to alignt with the summary section.
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__calculator {
        display: flex;
        /* 1 */
        padding-right: 0.5em;
        padding-left: 0.5em;
        flex-direction: column;
        /* 1 */
        justify-content: center;
        /* 1 */
        align-items: center;
        /* 1 */
        flex: 1; } }
    .rewards-calculator__calculator .button {
      font-size: inherit;
      font-weight: inherit; }
    .rewards-calculator__calculator button[data-ana-apply-now] {
      height: 56px;
      padding: 16px 32px;
      font-size: 14px;
      line-height: 24px;
      background: #C81414;
      letter-spacing: 0.25px;
      text-align: center;
      font-weight: bold;
      border: none; }
  @media print, screen and (min-width: 46em) {
    .rewards-calculator__icon {
      margin-bottom: 0.5em; } }
  .rewards-calculator__icon svg {
    height: 45px; }
  .rewards-calculator__input {
    color: #001928;
    /* Override base styles */
    padding-bottom: 0; }
  .rewards-calculator__summary {
    position: fixed;
    /* 1 */
    display: none;
    padding-top: 2em;
    padding-right: 0.5em;
    padding-bottom: 3em;
    /* 2 */
    padding-left: 0.5em;
    top: 0;
    /* 1 */
    right: 0;
    /* 1 */
    bottom: 0;
    /* 1 */
    left: 0;
    /* 1 */
    overflow-y: auto;
    /* 3 */
    background-color: #FEFEFE;
    /* 4 */
    z-index: 100;
    /**
     * On medium and up the calculator has a side by side view.
     *
     * 1. Make it so none of the position fixed / top / left / right ...
     *     affect the summary wrapper.
     * 2. Show the summary beside the calculator.
     */ }
    .rewards-calculator__summary.is-open {
      display: block; }
    @media screen and (max-width: 45.99875em) {
      .rewards-calculator__summary.special {
        margin-top: 4em; } }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__summary {
        position: static;
        /* 1 */
        display: block;
        /* 2 */
        flex: 1;
        border: 0.0625rem solid #00436c;
        overflow: hidden; } }
  .rewards-calculator__results {
    display: flex;
    flex-wrap: wrap;
    overflow-x: hidden;
    transition: filter 300ms ease, height 300ms ease;
    /**
     * Make the carousel disabled when it hasn't been touched yet.
     */
    /**
     * Enabled the calc when it fails to load
     */ }
    .rewards-calculator__results[aria-disabled="true"] {
      position: relative;
      position: relative;
      /**
  * For browsers that dont suppoert grayscale() fake it with an overlay.
  */
      /**
  * If the grayscale function is supported use it instead.
  * It makes it look a little better.
  */ }
      .rewards-calculator__results[aria-disabled="true"]::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(202, 202, 202, 0.75); }
      @supports (filter: grayscale(75%)) {
        .rewards-calculator__results[aria-disabled="true"] {
          filter: grayscale(75%); }
          .rewards-calculator__results[aria-disabled="true"]::before {
            display: none; } }
      .rewards-calculator__results[aria-disabled="true"]::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: transparent; }
    .no-js .rewards-calculator__results,
    .has-error .rewards-calculator__results {
      overflow-x: auto;
      /* stylelint-disable no-unsupported-browser-features */
      /* This is a progressive enhancement fallback so its ok */
      filter: none;
      /* stylelint-enable no-unsupported-browser-features */ }
      .no-js .rewards-calculator__results::after,
      .has-error .rewards-calculator__results::after {
        display: none; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__results {
        flex-wrap: nowrap; } }
  [aria-disabled="true"] .rewards-calculator__reward-price {
    display: none; }
  .no-js .rewards-calculator__reward-price,
  .has-error .rewards-calculator__reward-price {
    display: block; }
  .rewards-calculator__result {
    /* 1 */
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-top: 0.0625rem solid #cacaca;
    width: 100%;
    /**
     * On medium up the slides turn into a carousel.
     *
     */ }
    .rewards-calculator__result:first-child {
      padding-top: 1em;
      border-top: none; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__result {
        margin-top: 1em;
        padding-top: 0;
        padding-right: 0.5em;
        padding-left: 0.5em;
        border-top: none;
        border-left: 0.0625rem solid #cacaca;
        flex: 1;
        /**
       * 1. The first slide does not have a border left.
       *     HOWEVER: Removing the border left completely causes slick to miscalculate the sizes.
       *     ONLY change the color so it doesnt break when being turned into a carousel by slick.
       *
       * TODO: Fix the rewards script to use `.hide` instead and replace [style] with .hide
       */
        /**
       * These styles are the default styles plus when the calculator has failed to initialize properly.
       * 1. By default display 3 rewards when disabled.
       *   The enabled state is handled automatically by javascript.
       * 2. IE11 requires the min-width to be set to work.
       */
        /**
       * 1. When dissabled remove the last border that shows.
       *    This border is there because technically all the elements are in the DOM at all times.
       */ }
        .rewards-calculator__result:not([style]) {
          border-left: 0.0625rem solid #cacaca; }
          [style] + .rewards-calculator__result:not([style]) {
            border-left-color: transparent;
            /* 1 */ }
        .rewards-calculator__result:first-child {
          padding-top: 0;
          border-left-color: transparent; }
        [aria-disabled="true"] .rewards-calculator__result,
        .has-error .rewards-calculator__result {
          max-width: 33.33333%;
          /* 1 */
          min-width: 33.33333%;
          /* 2 */ }
        [aria-disabled="true"] .rewards-calculator__result:nth-child(4) {
          border-left: none; } }
  .rewards-calculator__calculator-content {
    /**
     * 1. For some reason without this it looks like crap in ie11
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__calculator-content {
        width: 100%;
        /* 1 */ } }
  .rewards-calculator__calculator-disclaimer {
    color: #cacaca;
    font-size: 0.75rem;
    /**
     * 1. For some reason without this it looks like crap in ie11
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__calculator-disclaimer {
        width: 100%;
        /* 1 */ } }
  @media print, screen and (min-width: 46em) {
    .rewards-calculator__calculator-heading {
      max-width: 100%; } }
  .rewards-calculator__figure {
    display: flex;
    /**
     * IE11 Has an issue with the inline-block that pictures are set to here.
     * This is only for the calculator so cannot be added to the `elements` file.
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__figure {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center; } }
    .rewards-calculator__figure picture {
      display: block; }
  @media print, screen and (min-width: 46em) {
    .rewards-calculator__image {
      margin-bottom: 1em; } }
  .rewards-calculator__close {
    position: absolute;
    top: 0;
    right: 0; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__close {
        display: none !important; } }
  .rewards-calculator .button {
    border-radius: 5em !important;
    text-transform: inherit; }
    .rewards-calculator .button.icon {
      border: none;
      background: transparent; }
  .rewards-calculator .tabs {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: center; }
  .rewards-calculator a:focus, .rewards-calculator a:hover {
    color: #1585cf;
    text-decoration: underline; }

.rewards-calculator--tv {
  background-color: #FEFEFE;
  border-radius: 0.25em;
  /**
   * The rewards summary is where the calculator rewards are displayed.
   *
   * 1. On mobile it is a full screen modal.
   * 2. Offset the size of the apply now button.
   * 3. Make it unscrollable.
   * 4. Background color must be set otherwise you can see everything below it.
   */
  /**
   * The individual result list item.
   * 1. The default number of rewards that should show up.
   *    This is decided by designers.
   */ }
  .rewards-calculator--tv__wrapper {
    padding: 1em;
    border-radius: 0.25em; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__wrapper {
        display: flex; } }
  .rewards-calculator--tv__calculator {
    padding-top: 0.5em;
    padding-bottom: 1em;
    text-align: center;
    /**
     * 1. The calculator section has MUCH less content then the summary section.
     *      On small screens thats OK because the summary is a popup.
     *      On medium+ screens this is an issue.
     *      Center the content to alignt with the summary section.
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__calculator {
        display: flex;
        /* 1 */
        padding-right: 0.5em;
        padding-left: 0.5em;
        flex-direction: column;
        /* 1 */
        justify-content: center;
        /* 1 */
        align-items: center;
        /* 1 */
        flex: 1; } }
  @media print, screen and (min-width: 46em) {
    .rewards-calculator--tv__icon {
      margin-bottom: 0.5em; } }
  .rewards-calculator--tv__summary {
    padding-top: 1em;
    padding-bottom: 0;
    border-top: 0.0625rem solid #cacaca;
    /**
     * On medium and up the calculator has a side by side view.
     *
     * 1. Make it so none of the position fixed / top / left / right ...
     *     affect the summary wrapper.
     * 2. Show the summary beside the calculator.
     */ }
    .rewards-calculator--tv__summary.is-open {
      display: block; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__summary {
        flex: 1;
        padding: 0.5em;
        border-top: 0;
        border-left: 0.0625rem solid #cacaca;
        overflow: hidden; } }
  .rewards-calculator--tv__output {
    color: #0075BE; }
  .rewards-calculator--tv__results {
    display: flex;
    flex-wrap: wrap;
    overflow-x: hidden;
    transition: filter 300ms ease, height 300ms ease;
    border-top: 0.0625rem solid #cacaca;
    /**
     * Make the carousel disabled when it hasn't been touched yet.
     */
    /**
     * Enabled the calc when it fails to load
     */ }
    .rewards-calculator--tv__results[aria-disabled="true"] {
      position: relative;
      position: relative;
      /**
  * For browsers that dont suppoert grayscale() fake it with an overlay.
  */
      /**
  * If the grayscale function is supported use it instead.
  * It makes it look a little better.
  */ }
      .rewards-calculator--tv__results[aria-disabled="true"]::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(202, 202, 202, 0.75); }
      @supports (filter: grayscale(75%)) {
        .rewards-calculator--tv__results[aria-disabled="true"] {
          filter: grayscale(75%); }
          .rewards-calculator--tv__results[aria-disabled="true"]::before {
            display: none; } }
      .rewards-calculator--tv__results[aria-disabled="true"]::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: transparent; }
    .no-js .rewards-calculator--tv__results,
    .has-error .rewards-calculator--tv__results {
      overflow-x: auto;
      /* stylelint-disable no-unsupported-browser-features */
      /* This is a progressive enhancement fallback so its ok */
      filter: none;
      /* stylelint-enable no-unsupported-browser-features */ }
      .no-js .rewards-calculator--tv__results::after,
      .has-error .rewards-calculator--tv__results::after {
        display: none; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__results {
        border-top: 0;
        flex-wrap: nowrap; } }
  [aria-disabled="true"] .rewards-calculator--tv__reward-price {
    display: none; }
  .no-js .rewards-calculator--tv__reward-price,
  .has-error .rewards-calculator--tv__reward-price {
    display: block; }
  .rewards-calculator--tv__result {
    /* 1 */
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-top: 0.0625rem solid #cacaca;
    width: 100%;
    /**
     * On medium up the slides turn into a carousel.
     *
     */ }
    .rewards-calculator--tv__result:first-child {
      padding-top: 1em;
      border-top: none; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__result {
        margin-top: 1em;
        padding-top: 0;
        padding-right: 0.5em;
        padding-left: 0.5em;
        border-top: none;
        border-left: 0.0625rem solid #cacaca;
        flex: 1;
        /**
       * 1. The first slide does not have a border left.
       *     HOWEVER: Removing the border left completely causes slick to miscalculate the sizes.
       *     ONLY change the color so it doesnt break when being turned into a carousel by slick.
       *
       * TODO: Fix the rewards script to use `.hide` instead and replace [style] with .hide
       */
        /**
       * These styles are the default styles plus when the calculator has failed to initialize properly.
       * 1. By default display 3 rewards when disabled.
       *   The enabled state is handled automatically by javascript.
       * 2. IE11 requires the min-width to be set to work.
       */
        /**
       * 1. When dissabled remove the last border that shows.
       *    This border is there because technically all the elements are in the DOM at all times.
       */ }
        .rewards-calculator--tv__result:not([style]) {
          border-left: 0.0625rem solid #cacaca; }
          [style] + .rewards-calculator--tv__result:not([style]) {
            border-left-color: transparent;
            /* 1 */ }
        .rewards-calculator--tv__result:first-child {
          padding-top: 0;
          border-left-color: transparent; }
        [aria-disabled="true"] .rewards-calculator--tv__result,
        .has-error .rewards-calculator--tv__result {
          max-width: 33.33333%;
          /* 1 */
          min-width: 33.33333%;
          /* 2 */ }
        [aria-disabled="true"] .rewards-calculator--tv__result:nth-child(4) {
          border-left: none; } }
  .rewards-calculator--tv__calculator-content {
    /**
     * 1. For some reason without this it looks like crap in ie11
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__calculator-content {
        width: 100%;
        /* 1 */ } }
  .rewards-calculator--tv__calculator-disclaimer {
    color: #6e6e6e;
    /**
     * 1. For some reason without this it looks like crap in ie11
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__calculator-disclaimer {
        width: 100%;
        /* 1 */ } }
  .rewards-calculator--tv__input-label {
    padding-bottom: 0;
    display: block; }
  .rewards-calculator--tv__input-mask {
    color: #0075BE; }
  @media print, screen and (min-width: 46em) {
    .rewards-calculator--tv__calculator-heading {
      max-width: 100%; } }
  .rewards-calculator--tv__figure {
    display: flex;
    /**
     * IE11 Has an issue with the inline-block that pictures are set to here.
     * This is only for the calculator so cannot be added to the `elements` file.
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__figure {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center; } }
    .rewards-calculator--tv__figure picture {
      display: block; }
  @media print, screen and (min-width: 46em) {
    .rewards-calculator--tv__image {
      margin-bottom: 1em; } }
  .rewards-calculator--tv__close {
    position: absolute;
    top: 0;
    right: 0; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__close {
        display: none !important; } }

.no-bullet {
  margin-left: 0;
  list-style: none; }

.input-mask__label {
  display: none !important; }

.tooltip {
  background-color: #fff;
  color: #001928;
  font-size: 80%;
  padding: .75rem;
  position: absolute;
  border-radius: .125rem; }

/*
 * BUSINESS CASHBACK CALCULATOR
 *
 * Controls the styles for the both the input and summary components
 */
.business-rewards__wrapper {
  border: 0.0625rem solid #cacaca;
  border-radius: 0.125rem;
  padding: 0.5em;
  margin: 0 1em; }
  @media print, screen and (min-width: 63.9375em) {
    .business-rewards__wrapper {
      margin: 0; } }
  .business-rewards__wrapper .tabs {
    margin: auto; }
  .business-rewards__wrapper .button {
    text-transform: uppercase !important; }
  .business-rewards__wrapper .button.active, .business-rewards__wrapper .button:focus, .business-rewards__wrapper .button:hover {
    outline: none;
    outline-color: initial;
    outline-style: none;
    outline-width: initial;
    text-decoration: none; }
  .business-rewards__wrapper a:focus, .business-rewards__wrapper a:hover {
    color: #1585cf;
    text-decoration: underline; }

.business-rewards__calc {
  background-color: #00436c;
  color: #FEFEFE;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around; }

.business-rewards__summary {
  display: none;
  flex-direction: column;
  justify-content: space-around;
  padding: 2em 0.25em 3em;
  position: fixed;
  width: 100%;
  top: 0;
  background-color: #FEFEFE;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  overflow-y: scroll; }
  @media screen and (max-width: 45.99875em) {
    .business-rewards__summary.special {
      margin-top: 4em; } }
  @media print, screen and (min-width: 46em) {
    .business-rewards__summary {
      align-items: center;
      overflow-y: hidden; } }
  @media print, screen and (min-width: 63.9375em) {
    .business-rewards__summary {
      display: flex;
      align-items: stretch;
      justify-content: center;
      position: relative;
      padding: 1em; } }
  .business-rewards__summary--open {
    display: block; }
  .business-rewards__summary.is-open {
    display: block; }

.business-rewards__close {
  color: #000; }

.business-rewards__tooltip {
  display: flex;
  align-items: center;
  flex-wrap: nowrap; }

.business-rewards__label {
  padding-bottom: 0;
  border-radius: 1em; }

.business-rewards__button {
  padding: 1.25em 3em; }
  .business-rewards__button--blue {
    background-color: #00436c;
    color: #FEFEFE;
    border-color: #FEFEFE;
    /* Need this to override the default button stylesheet */ }
    .business-rewards__button--blue:hover {
      border-color: #FEFEFE; }
    .business-rewards__button--blue:active {
      border-color: #FEFEFE; }
    .business-rewards__button--blue:focus {
      border-color: #FEFEFE; }

.business-rewards .tabs {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center; }

/*
 * BUSINESS CASHBACK CALCULATOR
 *
 * Controls the styles for the both the input and summary components
 */
.business-cashback__wrapper {
  border: 0.0625rem solid #cacaca;
  border-radius: 0.125rem;
  padding: 0.5em;
  margin: 0 1em; }
  .business-cashback__wrapper .button {
    text-transform: uppercase !important; }
  .business-cashback__wrapper .button.active, .business-cashback__wrapper .button:focus, .business-cashback__wrapper .button:hover {
    outline: none;
    outline-color: initial;
    outline-style: none;
    outline-width: initial;
    text-decoration: none; }
  @media print, screen and (min-width: 63.9375em) {
    .business-cashback__wrapper {
      margin: 0; } }
  .business-cashback__wrapper a:focus, .business-cashback__wrapper a:hover {
    color: #1585cf;
    text-decoration: underline; }

.business-cashback__calc {
  background-color: #00436c;
  color: #FEFEFE;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around; }

.business-cashback__summary {
  display: none;
  flex-direction: column;
  justify-content: space-around;
  padding: 2em 0.25em 3em;
  position: fixed;
  width: 100%;
  top: 0;
  background-color: #FEFEFE;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  overflow-y: scroll; }
  @media screen and (max-width: 45.99875em) {
    .business-cashback__summary.special {
      margin-top: 4em; } }
  @media print, screen and (min-width: 46em) {
    .business-cashback__summary {
      align-items: center;
      overflow-y: hidden; } }
  @media print, screen and (min-width: 63.9375em) {
    .business-cashback__summary {
      display: flex;
      align-items: stretch;
      justify-content: center;
      position: relative;
      padding: 1em; } }
  .business-cashback__summary--open {
    display: block; }

.business-cashback__close {
  color: #000; }

.business-cashback__tooltip {
  display: flex;
  align-items: center;
  flex-wrap: nowrap; }

.business-cashback__label {
  padding-bottom: 0;
  border-radius: 1em; }

.business-cashback__button {
  padding: 1.25em 3em !important;
  border-color: #FEFEFE !important; }
  .business-cashback__button--blue {
    background-color: #00436c !important;
    color: #FEFEFE !important;
    /* Need this to override the default button stylesheet */ }
    .business-cashback__button--blue:focus, .business-cashback__button--blue:hover {
      border-color: #FEFEFE !important; }

.align-right {
  justify-content: flex-end; }

.is-open {
  display: block !important; }

/* */
.zipcode-reveal-overlay.reveal-overlay {
  background: rgba(0, 0, 0, 0.75); }

.zipcode-reveal-overlay .zipcode-reveal {
  position: fixed;
  height: auto;
  min-height: auto;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  right: 20px; }

@media screen and (min-width: 45.9375em) {
  .zipcode-reveal-overlay .zipcode-reveal {
    top: 14rem;
    transform: none; } }

@media screen and (max-width: 53.125em) and (max-height: 31.25em) {
  .zipcode-reveal-overlay .zipcode-reveal {
    top: 50%;
    transform: translateY(-50%); } }

.zipcode-reveal-overlay .reveal.zipcode-reveal {
  width: unset;
  max-width: fit-content; }

@media screen and (max-width: 63.875em) {
  .zipcode-reveal .available-cds .enter-your-zip-code form {
    padding-left: 0;
    padding-bottom: 0; }
  .zipcode-reveal .available-cds .standard-cd-content {
    padding: 0 1.5rem 0 1.5rem; } }

@media screen and (max-width: 45.9375em) {
  .zipcode-reveal .available-cds .enter-your-zip-code form {
    padding: 0; }
  .zipcode-reveal .available-cds .zipcode-update-form .zipcode-input {
    margin: 1.875rem 0 0; }
  .zipcode-reveal .available-cds .standard-cd-content {
    padding: 0 .5rem 0 .5rem; } }

.zipcode-reveal .active-label.slide-label .label-text {
  margin-left: 0; }

.no-height {
  height: 0; }

@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto; } }

/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * 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.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: 'Kulb';
  src: url("/dist/fonts/Klub08-Normal.otf") format("opentype"), url("/dist/fonts/Klub08-Normal.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbmedium';
  src: url("/dist/fonts/Klub08-Medium.otf") format("opentype"), url("/dist/fonts/Klub08-Medium.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbblack';
  src: url("/dist/fonts/Klub08-Black.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbblond';
  src: url("/dist/fonts/Klub08-Blond.otf") format("opentype"), url("/dist/fonts/Klub08-Blond.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbbold';
  src: url("/dist/fonts/Klub08-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbsemibold';
  src: url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"), url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype"); }

.lending-home-page .breadcrumbs {
  display: flex; }
  .lending-home-page .breadcrumbs ul {
    padding: 0px; }
    .lending-home-page .breadcrumbs ul li {
      display: none; }
      @media screen and (min-width: 76.5625em) {
        .lending-home-page .breadcrumbs ul li {
          display: inline-flex; } }
    .lending-home-page .breadcrumbs ul li:nth-last-child(2) {
      display: inline-flex; }
      @media screen and (max-width: 76.56125em) {
        .lending-home-page .breadcrumbs ul li:nth-last-child(2):before {
          content: '';
          display: block;
          width: 24px;
          height: 24px;
          background: url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) svg {
          display: none; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) a {
          padding: 0;
          font-size: 16px;
          margin-left: 5px; } }

.lending-home-page .design-language .font-size-large.intro-heading-line-height {
  line-height: 30px; }

.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small {
  color: #001928; }

.lending-home-page .banner-blue-promo-box {
  padding: 24px;
  padding: 20px; }

.lending-home-page .promo-box-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.15px;
  font-weight: 400 !important;
  margin: 0; }

.lending-home-page.background-grey {
  padding-top: 30px; }
  .lending-home-page.background-grey .hmc-wrapper {
    border: 1px solid #ccc;
    padding-bottom: 40px;
    padding-bottom: 20px; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
  padding-left: 3em;
  padding-right: 0 !important; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
  left: 1em;
  right: auto; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
  padding-left: 3em; }

@media screen and (max-width: 45.99875em) {
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__item {
    padding-right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
    padding-left: 0;
    padding-right: 3em !important; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
    left: auto;
    right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
    padding-left: 0; } }

@media screen and (max-width: 89.99875em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 50%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 42%; } }

@media screen and (max-width: 63.93625em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 25%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .cta-text {
    height: 72px; } }

/*
 * Foundation components to be included
 * Uncomment when necessary
 */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

.foundation-mq {
  font-family: "small=0em&medium=46em&large=63.9375em&xlarge=76.5625em&xxlarge=90em"; }

html {
  box-sizing: border-box;
  font-size: 16px; }

*,
*::before,
*::after {
  box-sizing: inherit; }

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Heebo", sans-serif;
  font-weight: normal;
  line-height: 1.4;
  color: #001928;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto; }
  [data-whatinput='mouse'] button {
    outline: 0; }

pre {
  overflow: auto; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-flow: row wrap; }
  .row .row {
    margin-right: -0.375rem;
    margin-left: -0.375rem; }
    @media print, screen and (min-width: 46em) {
      .row .row {
        margin-right: -0.75rem;
        margin-left: -0.75rem; } }
    @media print, screen and (min-width: 63.9375em) {
      .row .row {
        margin-right: -0.75rem;
        margin-left: -0.75rem; } }
    @media screen and (min-width: 76.5625em) {
      .row .row {
        margin-right: -0.75rem;
        margin-left: -0.75rem; } }
    .row .row.collapse {
      margin-right: 0;
      margin-left: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-right: auto;
      margin-left: auto; }
  .row:not(.expanded) .row {
    max-width: none; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .row.is-collapse-child,
  .row.collapse > .column > .row,
  .row.collapse > .columns > .row {
    margin-right: 0;
    margin-left: 0; }

.column, .columns {
  flex: 1 1 0px;
  padding-right: 0.375rem;
  padding-left: 0.375rem;
  min-width: 0; }
  @media print, screen and (min-width: 46em) {
    .column, .columns {
      padding-right: 0.75rem;
      padding-left: 0.75rem; } }
  @media print, screen and (min-width: 63.9375em) {
    .column, .columns {
      padding-right: 0.75rem;
      padding-left: 0.75rem; } }

.column.row.row, .row.row.columns {
  float: none;
  display: block; }

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }

.small-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 {
  flex-wrap: wrap; }
  .small-up-1 > .column, .small-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%; }

.small-up-2 {
  flex-wrap: wrap; }
  .small-up-2 > .column, .small-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%; }

.small-up-3 {
  flex-wrap: wrap; }
  .small-up-3 > .column, .small-up-3 > .columns {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }

.small-up-4 {
  flex-wrap: wrap; }
  .small-up-4 > .column, .small-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%; }

.small-up-5 {
  flex-wrap: wrap; }
  .small-up-5 > .column, .small-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%; }

.small-up-6 {
  flex-wrap: wrap; }
  .small-up-6 > .column, .small-up-6 > .columns {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }

.small-up-7 {
  flex-wrap: wrap; }
  .small-up-7 > .column, .small-up-7 > .columns {
    flex: 0 0 14.28571%;
    max-width: 14.28571%; }

.small-up-8 {
  flex-wrap: wrap; }
  .small-up-8 > .column, .small-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%; }

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

@media print, screen and (min-width: 46em) {
  .medium-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 {
    flex-wrap: wrap; }
    .medium-up-1 > .column, .medium-up-1 > .columns {
      flex: 0 0 100%;
      max-width: 100%; }
  .medium-up-2 {
    flex-wrap: wrap; }
    .medium-up-2 > .column, .medium-up-2 > .columns {
      flex: 0 0 50%;
      max-width: 50%; }
  .medium-up-3 {
    flex-wrap: wrap; }
    .medium-up-3 > .column, .medium-up-3 > .columns {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
  .medium-up-4 {
    flex-wrap: wrap; }
    .medium-up-4 > .column, .medium-up-4 > .columns {
      flex: 0 0 25%;
      max-width: 25%; }
  .medium-up-5 {
    flex-wrap: wrap; }
    .medium-up-5 > .column, .medium-up-5 > .columns {
      flex: 0 0 20%;
      max-width: 20%; }
  .medium-up-6 {
    flex-wrap: wrap; }
    .medium-up-6 > .column, .medium-up-6 > .columns {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  .medium-up-7 {
    flex-wrap: wrap; }
    .medium-up-7 > .column, .medium-up-7 > .columns {
      flex: 0 0 14.28571%;
      max-width: 14.28571%; }
  .medium-up-8 {
    flex-wrap: wrap; }
    .medium-up-8 > .column, .medium-up-8 > .columns {
      flex: 0 0 12.5%;
      max-width: 12.5%; } }

@media print, screen and (min-width: 46em) and (min-width: 46em) {
  .medium-expand {
    flex: 1 1 0px; } }

.row.medium-unstack > .column, .row.medium-unstack > .columns {
  flex: 0 0 100%; }
  @media print, screen and (min-width: 46em) {
    .row.medium-unstack > .column, .row.medium-unstack > .columns {
      flex: 1 1 0px; } }

@media print, screen and (min-width: 46em) {
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.75rem;
    padding-left: 0.75rem; } }

@media print, screen and (min-width: 63.9375em) {
  .large-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 {
    flex-wrap: wrap; }
    .large-up-1 > .column, .large-up-1 > .columns {
      flex: 0 0 100%;
      max-width: 100%; }
  .large-up-2 {
    flex-wrap: wrap; }
    .large-up-2 > .column, .large-up-2 > .columns {
      flex: 0 0 50%;
      max-width: 50%; }
  .large-up-3 {
    flex-wrap: wrap; }
    .large-up-3 > .column, .large-up-3 > .columns {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
  .large-up-4 {
    flex-wrap: wrap; }
    .large-up-4 > .column, .large-up-4 > .columns {
      flex: 0 0 25%;
      max-width: 25%; }
  .large-up-5 {
    flex-wrap: wrap; }
    .large-up-5 > .column, .large-up-5 > .columns {
      flex: 0 0 20%;
      max-width: 20%; }
  .large-up-6 {
    flex-wrap: wrap; }
    .large-up-6 > .column, .large-up-6 > .columns {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  .large-up-7 {
    flex-wrap: wrap; }
    .large-up-7 > .column, .large-up-7 > .columns {
      flex: 0 0 14.28571%;
      max-width: 14.28571%; }
  .large-up-8 {
    flex-wrap: wrap; }
    .large-up-8 > .column, .large-up-8 > .columns {
      flex: 0 0 12.5%;
      max-width: 12.5%; } }

@media print, screen and (min-width: 63.9375em) and (min-width: 63.9375em) {
  .large-expand {
    flex: 1 1 0px; } }

.row.large-unstack > .column, .row.large-unstack > .columns {
  flex: 0 0 100%; }
  @media print, screen and (min-width: 63.9375em) {
    .row.large-unstack > .column, .row.large-unstack > .columns {
      flex: 1 1 0px; } }

@media print, screen and (min-width: 63.9375em) {
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.75rem;
    padding-left: 0.75rem; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .xlarge-offset-0 {
    margin-left: 0%; }
  .xlarge-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .xlarge-offset-1 {
    margin-left: 8.33333%; }
  .xlarge-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .xlarge-offset-2 {
    margin-left: 16.66667%; }
  .xlarge-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .xlarge-offset-3 {
    margin-left: 25%; }
  .xlarge-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .xlarge-offset-4 {
    margin-left: 33.33333%; }
  .xlarge-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .xlarge-offset-5 {
    margin-left: 41.66667%; }
  .xlarge-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .xlarge-offset-6 {
    margin-left: 50%; }
  .xlarge-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .xlarge-offset-7 {
    margin-left: 58.33333%; }
  .xlarge-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .xlarge-offset-8 {
    margin-left: 66.66667%; }
  .xlarge-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .xlarge-offset-9 {
    margin-left: 75%; }
  .xlarge-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .xlarge-offset-10 {
    margin-left: 83.33333%; }
  .xlarge-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .xlarge-offset-11 {
    margin-left: 91.66667%; }
  .xlarge-up-1 {
    flex-wrap: wrap; }
    .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
      flex: 0 0 100%;
      max-width: 100%; }
  .xlarge-up-2 {
    flex-wrap: wrap; }
    .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
      flex: 0 0 50%;
      max-width: 50%; }
  .xlarge-up-3 {
    flex-wrap: wrap; }
    .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
  .xlarge-up-4 {
    flex-wrap: wrap; }
    .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
      flex: 0 0 25%;
      max-width: 25%; }
  .xlarge-up-5 {
    flex-wrap: wrap; }
    .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
      flex: 0 0 20%;
      max-width: 20%; }
  .xlarge-up-6 {
    flex-wrap: wrap; }
    .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  .xlarge-up-7 {
    flex-wrap: wrap; }
    .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
      flex: 0 0 14.28571%;
      max-width: 14.28571%; }
  .xlarge-up-8 {
    flex-wrap: wrap; }
    .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
      flex: 0 0 12.5%;
      max-width: 12.5%; } }

@media screen and (min-width: 76.5625em) and (min-width: 76.5625em) {
  .xlarge-expand {
    flex: 1 1 0px; } }

.row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
  flex: 0 0 100%; }
  @media screen and (min-width: 76.5625em) {
    .row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
      flex: 1 1 0px; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-collapse > .column, .xlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
    padding-right: 0.75rem;
    padding-left: 0.75rem; } }

.shrink {
  flex: 0 0 auto;
  max-width: 100%; }

.column-block {
  margin-bottom: 0.75rem; }
  .column-block > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 46em) {
    .column-block {
      margin-bottom: 1.5rem; }
      .column-block > :last-child {
        margin-bottom: 0; } }
  @media print, screen and (min-width: 63.9375em) {
    .column-block {
      margin-bottom: 1.5rem; }
      .column-block > :last-child {
        margin-bottom: 0; } }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.4;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 0.75rem;
  line-height: inherit; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Heebo", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: inherit;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
    line-height: 0;
    color: #cacaca; }

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0; }

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0; }

h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0; }

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0; }

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0; }

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0; }

@media print, screen and (min-width: 46em) {
  h1, .h1 {
    font-size: 3rem; }
  h2, .h2 {
    font-size: 2.5rem; }
  h3, .h3 {
    font-size: 1.9375rem; }
  h4, .h4 {
    font-size: 1.5625rem; }
  h5, .h5 {
    font-size: 1.25rem; }
  h6, .h6 {
    font-size: 1rem; } }

a {
  line-height: inherit;
  color: #0075BE;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #00436c;
    text-decoration: underline; }
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 73.4rem;
  height: 0;
  margin: 1rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0; }

ul,
ol,
dl {
  margin-bottom: 0;
  list-style-position: outside;
  line-height: 1.4; }

li {
  font-size: inherit; }

ul {
  margin-left: 0;
  list-style-type: disc; }

ol {
  margin-left: 0; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p {
    line-height: 1.4;
    color: #001928; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a; }
  cite:before {
    content: "\2014   "; }

abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none; }

figure {
  margin: 0; }

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a; }

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

@media print, screen and (min-width: 46em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 63.9375em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-text-left {
    text-align: left; }
  .xlarge-text-right {
    text-align: right; }
  .xlarge-text-center {
    text-align: center; }
  .xlarge-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #6e6e6e;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .print-break-inside {
    page-break-inside: auto; } }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 0.0625rem solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed; }

[type='submit'],
[type='button'] {
  appearance: none;
  border-radius: 0; }

input[type='search'] {
  box-sizing: border-box; }

::placeholder {
  color: #cacaca; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0; }
  [type='checkbox'] + label[for],
  [type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a; }
  label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0; }

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a; }

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch; }
  .input-group > :first-child, .input-group > :first-child.input-group-button > * {
    border-radius: 0 0 0 0; }
  .input-group > :last-child, .input-group > :last-child.input-group-button > * {
    border-radius: 0 0 0 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap; }

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
    align-self: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  max-width: 100%;
  margin-bottom: 0.5rem; }

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca; }
  .fieldset legend {
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem; }

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  appearance: none;
  border: 0.0625rem solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #f9ecea; }
  .is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37; }

.is-invalid-label {
  color: #cc4b37; }

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #cc4b37; }
  .form-error.is-visible {
    display: block; }

.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none; }
  .accordion[disabled] .accordion-title {
    cursor: not-allowed; }

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0; }

.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0; }

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: none;
  border-bottom: 0;
  font-size: 1rem;
  line-height: 1;
  color: #1779ba; }
  :last-child:not(.is-active) > .accordion-title {
    border-bottom: none;
    border-radius: 0 0 0 0; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: none; }
  .accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: '+'; }
  .is-active > .accordion-title::before {
    content: '\2013'; }

.accordion-content {
  display: none;
  padding: 0 1rem 1rem 1rem;
  border: none;
  border-bottom: 0;
  background-color: #fefefe;
  color: #001928; }
  :last-child > .accordion-content:last-child {
    border-bottom: none; }

.button-group {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch; }
  .button-group::before, .button-group::after {
    display: table;
    content: ' ';
    flex-basis: 0;
    order: 1; }
  .button-group::after {
    clear: both; }
  .button-group .nav-pills__pill {
    margin: 0;
    margin-right: 1em;
    margin-bottom: 1em;
    font-size: 0.9rem;
    flex: 0 0 auto; }
    .button-group .nav-pills__pill:last-child {
      margin-right: 0; }
  .button-group.tiny .nav-pills__pill {
    font-size: 0.6rem; }
  .button-group.small .nav-pills__pill {
    font-size: 0.75rem; }
  .button-group.large .nav-pills__pill {
    font-size: 1.25rem; }
  .button-group.expanded .nav-pills__pill {
    flex: 1 1 0px; }
  .button-group.primary .nav-pills__pill {
    background-color: #1779ba;
    color: #fefefe; }
    .button-group.primary .nav-pills__pill:hover, .button-group.primary .nav-pills__pill:focus {
      background-color: #126195;
      color: #fefefe; }
  .button-group.secondary .nav-pills__pill {
    background-color: #767676;
    color: #fefefe; }
    .button-group.secondary .nav-pills__pill:hover, .button-group.secondary .nav-pills__pill:focus {
      background-color: #5e5e5e;
      color: #fefefe; }
  .button-group.success .nav-pills__pill {
    background-color: #3adb76;
    color: #0a0a0a; }
    .button-group.success .nav-pills__pill:hover, .button-group.success .nav-pills__pill:focus {
      background-color: #22bb5b;
      color: #0a0a0a; }
  .button-group.warning .nav-pills__pill {
    background-color: #ffae00;
    color: #0a0a0a; }
    .button-group.warning .nav-pills__pill:hover, .button-group.warning .nav-pills__pill:focus {
      background-color: #cc8b00;
      color: #0a0a0a; }
  .button-group.alert .nav-pills__pill {
    background-color: #cc4b37;
    color: #fefefe; }
    .button-group.alert .nav-pills__pill:hover, .button-group.alert .nav-pills__pill:focus {
      background-color: #a53b2a;
      color: #fefefe; }
  .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
    flex-wrap: wrap; }
    .button-group.stacked .nav-pills__pill, .button-group.stacked-for-small .nav-pills__pill, .button-group.stacked-for-medium .nav-pills__pill {
      flex: 0 0 100%; }
      .button-group.stacked .nav-pills__pill:last-child, .button-group.stacked-for-small .nav-pills__pill:last-child, .button-group.stacked-for-medium .nav-pills__pill:last-child {
        margin-bottom: 0; }
    .button-group.stacked.expanded .nav-pills__pill, .button-group.stacked-for-small.expanded .nav-pills__pill, .button-group.stacked-for-medium.expanded .nav-pills__pill {
      flex: 1 1 0px; }
  @media print, screen and (min-width: 46em) {
    .button-group.stacked-for-small .nav-pills__pill {
      flex: 0 0 auto;
      margin-bottom: 0; } }
  @media print, screen and (min-width: 63.9375em) {
    .button-group.stacked-for-medium .nav-pills__pill {
      flex: 0 0 auto;
      margin-bottom: 0; } }
  @media screen and (max-width: 45.99875em) {
    .button-group.stacked-for-small.expanded {
      display: block; }
      .button-group.stacked-for-small.expanded .nav-pills__pill {
        display: block;
        margin-right: 0; } }
  @media screen and (max-width: 63.93625em) {
    .button-group.stacked-for-medium.expanded {
      display: block; }
      .button-group.stacked-for-medium.expanded .nav-pills__pill {
        display: block;
        margin-right: 0; } }

.close-button {
  position: absolute;
  color: #8a8a8a;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #0a0a0a; }
  .close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1; }
  .close-button, .close-button.medium {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1; }

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  user-select: none;
  touch-action: none; }

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out; }
  .slider-fill.is-dragging {
    transition: all 0s linear; }

.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0;
  background-color: #1779ba;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation; }
  [data-whatinput='mouse'] .slider-handle {
    outline: 0; }
  .slider-handle:hover {
    background-color: #14679e; }
  .slider-handle.is-dragging {
    transition: all 0s linear; }

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed; }

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1); }
  .slider.vertical .slider-fill {
    top: 0;
    width: 0.5rem;
    max-height: 100%; }
  .slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    transform: translateX(-50%); }

.sticky-container {
  position: relative; }

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0); }

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%; }
  .sticky.is-stuck.is-at-top {
    top: 0; }
  .sticky.is-stuck.is-at-bottom {
    bottom: 0; }

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto; }
  .sticky.is-anchored.is-at-bottom {
    bottom: 0; }

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden; }
  html.is-reveal-open.zf-has-scroll {
    overflow-y: scroll; }
  html.is-reveal-open body {
    overflow-y: hidden; }

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(0, 0, 0, 0.1);
  overflow-y: auto; }

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media print, screen and (min-width: 46em) {
    .reveal {
      min-height: 0; } }
  .reveal .column, .reveal .columns {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 46em) {
    .reveal {
      width: 600px;
      max-width: 75rem; } }
  .reveal.collapse {
    padding: 0; }
  @media print, screen and (min-width: 46em) {
    .reveal.tiny {
      width: 30%;
      max-width: 75rem; } }
  @media print, screen and (min-width: 46em) {
    .reveal.small {
      width: 50%;
      max-width: 75rem; } }
  @media print, screen and (min-width: 46em) {
    .reveal.large {
      width: 90%;
      max-width: 75rem; } }
  .reveal.full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media screen and (max-width: 45.99875em) {
    .reveal {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      min-height: 100%;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0; }
  thead, tbody, tfoot {
    border: none;
    background-color: #fefefe; }
  caption {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold; }
  thead {
    background: transparent;
    color: #0a0a0a; }
  tfoot {
    background: #f1f1f1;
    color: #0a0a0a; }
  thead tr, tfoot tr {
    background: transparent; }
  thead th, thead td, tfoot th, tfoot td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold;
    text-align: left; }
  tbody th, tbody td {
    padding: 0.5rem 0.625rem 0.625rem; }
  tbody tr:nth-child(odd) {
    background-color: transparent; }
  table.unstriped tbody {
    background-color: #fefefe; }
    table.unstriped tbody tr {
      border-bottom: 0;
      border-bottom: none;
      background-color: #fefefe; }

@media screen and (max-width: 63.93625em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover thead tr:hover {
  background-color: #f3f3f3; }

table.hover tfoot tr:hover {
  background-color: #ececec; }

table.hover tbody tr:hover {
  background-color: #f9f9f9; }

table.hover:not(.unstriped) tr:nth-of-type(odd):hover {
  background-color: #ececec; }

.table-scroll {
  overflow-x: auto; }

.tabs {
  margin: 0;
  border: 1px solid none;
  background: none;
  list-style-type: none; }
  .tabs::before, .tabs::after {
    display: table;
    content: ' ';
    flex-basis: 0;
    order: 1; }
  .tabs::after {
    clear: both; }

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #1779ba; }
  .tabs.primary > li > a {
    color: #FEFEFE; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #1673b1; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    padding: 0.5em 0.5em;
    font-size: 1.06219rem;
    line-height: 1;
    color: #1779ba; }
    [data-whatinput='mouse'] .tabs-title > a {
      outline: 0; }
    .tabs-title > a:hover {
      background: none;
      color: #1468a0; }
    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      background: none;
      color: #1779ba; }

.tabs-content {
  border: 1px solid none;
  border-top: 0;
  background: #fefefe;
  color: #0a0a0a;
  transition: all 0.5s ease; }

.tabs-content.vertical {
  border: 1px solid none;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 1rem; }
  .tabs-panel.is-active {
    display: block; }

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: none;
  font-weight: bold;
  cursor: help; }

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 0.125rem;
  background-color: #FEFEFE;
  font-size: 80%;
  color: #001928; }
  .tooltip::before {
    position: absolute; }
  .tooltip.bottom::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #FEFEFE;
    bottom: 100%; }
  .tooltip.bottom.align-center::before {
    left: 50%;
    transform: translateX(-50%); }
  .tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #FEFEFE transparent transparent;
    top: 100%;
    bottom: auto; }
  .tooltip.top.align-center::before {
    left: 50%;
    transform: translateX(-50%); }
  .tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #FEFEFE;
    left: 100%; }
  .tooltip.left.align-center::before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%); }
  .tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #FEFEFE transparent transparent;
    right: 100%;
    left: auto; }
  .tooltip.right.align-center::before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%); }
  .tooltip.align-top::before {
    bottom: auto;
    top: 10%; }
  .tooltip.align-bottom::before {
    bottom: 10%;
    top: auto; }
  .tooltip.align-left::before {
    left: 10%;
    right: auto; }
  .tooltip.align-right::before {
    left: auto;
    right: 10%; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 45.99875em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 46em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 46em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 45.99875em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 45.99875em), screen and (min-width: 63.9375em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 63.9375em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.93625em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.93625em), screen and (min-width: 76.5625em) {
  .show-for-large-only {
    display: none !important; } }

@media screen and (min-width: 76.5625em) {
  .hide-for-xlarge {
    display: none !important; } }

@media screen and (max-width: 76.56125em) {
  .show-for-xlarge {
    display: none !important; } }

@media screen and (min-width: 76.5625em) and (max-width: 89.99875em) {
  .hide-for-xlarge-only {
    display: none !important; } }

@media screen and (max-width: 76.56125em), screen and (min-width: 90em) {
  .show-for-xlarge-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1; }

.clearfix::after {
  clear: both; }

.align-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.align-spaced {
  justify-content: space-around; }

strong {
  font-weight: 700; }

@media screen and (max-width: 45.99875em) {
  .tv-font-xxsmall--small {
    font-size: 0.625rem;
    line-height: 1rem;
    letter-spacing: 0.01875rem;
    font-weight: 300; } }

@media print, screen and (min-width: 46em) {
  .tv-font-xxsmall--medium {
    font-size: 0.625rem;
    line-height: 1rem;
    letter-spacing: 0.01875rem;
    font-weight: 300; } }

@media print, screen and (min-width: 63.9375em) {
  .tv-font-xxsmall--large {
    font-size: 0.625rem;
    line-height: 1rem;
    letter-spacing: 0.01875rem;
    font-weight: 300; } }

@media screen and (max-width: 45.99875em) {
  .tv-font-xsmall--small {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.01875rem;
    font-weight: 300; } }

@media print, screen and (min-width: 46em) {
  .tv-font-xsmall--medium {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.01875rem;
    font-weight: 300; } }

@media print, screen and (min-width: 63.9375em) {
  .tv-font-xsmall--large {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.01875rem;
    font-weight: 300; } }

@media screen and (max-width: 45.99875em) {
  .tv-font-small--small {
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.01562rem;
    font-weight: 300; } }

@media print, screen and (min-width: 46em) {
  .tv-font-small--medium {
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.01562rem;
    font-weight: 300; } }

@media print, screen and (min-width: 63.9375em) {
  .tv-font-small--large {
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.01562rem;
    font-weight: 300; } }

@media screen and (max-width: 45.99875em) {
  .tv-font-default--small {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.00937rem;
    font-weight: 300; } }

@media print, screen and (min-width: 46em) {
  .tv-font-default--medium {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.00937rem;
    font-weight: 300; } }

@media print, screen and (min-width: 63.9375em) {
  .tv-font-default--large {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.00937rem;
    font-weight: 300; } }

@media screen and (max-width: 45.99875em) {
  .tv-font-large--small {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: 0;
    font-weight: 300; } }

@media print, screen and (min-width: 46em) {
  .tv-font-large--medium {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: 0;
    font-weight: 300; } }

@media print, screen and (min-width: 63.9375em) {
  .tv-font-large--large {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: 0;
    font-weight: 300; } }

@media screen and (max-width: 45.99875em) {
  .tv-font-xlarge--small {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0;
    font-weight: 300; } }

@media print, screen and (min-width: 46em) {
  .tv-font-xlarge--medium {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0;
    font-weight: 300; } }

@media print, screen and (min-width: 63.9375em) {
  .tv-font-xlarge--large {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0;
    font-weight: 300; } }

@media screen and (max-width: 45.99875em) {
  .tv-font-xxlarge--small {
    font-size: 1.75rem;
    line-height: 2rem;
    letter-spacing: -0.0125rem;
    font-weight: 300; } }

@media print, screen and (min-width: 46em) {
  .tv-font-xxlarge--medium {
    font-size: 1.75rem;
    line-height: 2rem;
    letter-spacing: -0.0125rem;
    font-weight: 300; } }

@media print, screen and (min-width: 63.9375em) {
  .tv-font-xxlarge--large {
    font-size: 1.75rem;
    line-height: 2rem;
    letter-spacing: -0.0125rem;
    font-weight: 300; } }

@media screen and (max-width: 45.99875em) {
  .tv-font-xxxlarge--small {
    font-size: 2.25rem;
    line-height: 2.5rem;
    letter-spacing: -0.02187rem;
    font-weight: 300; } }

@media print, screen and (min-width: 46em) {
  .tv-font-xxxlarge--medium {
    font-size: 2.25rem;
    line-height: 2.5rem;
    letter-spacing: -0.02187rem;
    font-weight: 300; } }

@media print, screen and (min-width: 63.9375em) {
  .tv-font-xxxlarge--large {
    font-size: 2.25rem;
    line-height: 2.5rem;
    letter-spacing: -0.02187rem;
    font-weight: 300; } }

h1 {
  font-size: 1.875rem; }

h2 {
  font-size: 1.62469rem; }

h3 {
  font-size: 1.37437rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 0.99938rem; }

h6 {
  font-size: 0.99938rem; }

@media screen and (min-width: 46em) {
  h1 {
    font-size: 2rem; }
  h3 {
    font-size: 1.24969rem; }
  h4 {
    font-size: 1.06219rem; }
  h5 {
    font-size: 0.9375rem; }
  h6 {
    font-size: 0.9375rem; } }

/* missing foundation style in the new version */
.align-top.columns, .column.align-top, .align-top.columns {
  -ms-flex-item-align: start;
  align-self: flex-start; }

html, body {
  height: 100%; }

body {
  display: flex;
  flex-direction: column;
  background-color: #FEFEFE; }

main {
  flex: 1 0 auto; }

footer {
  flex-shrink: 0; }

/* I add this because right now we have miss match version in js and css for foundation */
body.is-reveal-open {
  overflow-y: hidden; }

.margin-center {
  margin-left: auto;
  margin-right: auto; }

.button:disabled, .button:disabled:hover {
  border: 0.125rem solid #ececee;
  background-color: #ececee;
  color: #646c76;
  cursor: not-allowed; }

.trio-logo-container-height {
  height: 8em; }
  @media screen and (max-width: 45.99875em) {
    .trio-logo-container-height {
      height: 4em; } }

.campaign-header {
  position: relative;
  display: flex; }
  @media print, screen and (min-width: 46em) {
    .campaign-header {
      display: block; } }
  .campaign-header__language-toggle {
    display: none;
    text-align: center; }
    @media print, screen and (min-width: 46em) {
      .campaign-header__language-toggle {
        display: block;
        padding-bottom: 2em; } }
    @media print, screen and (min-width: 63.9375em) {
      .campaign-header__language-toggle {
        padding: 2em; } }
    .campaign-header__language-toggle-mobile {
      display: flex;
      justify-content: flex-end; }
      @media print, screen and (min-width: 46em) {
        .campaign-header__language-toggle-mobile {
          display: none; } }
      .campaign-header__language-toggle-mobile-link {
        padding-right: 2em;
        position: absolute;
        top: calc(50% - 0.75rem); }

/**
 * 1. Calculate full width minus toggle size plus one.
 */
.secondary-header {
  /**
   * Wraps the secondary header.
   */
  /**
   * The secondary-header toggle is the button that controls the opening and closing of the header.
   */
  /**
   * The close button is located inside the secondary nav.
   * 1. Hide the close button, otherwise it sits above the open button even when closed.
   * 2. Set the transition delay to the same amount of time it takes for the menu to open.
   *     This will cause the close button to dissapear as soon as the menu is closed.
   */
  /**
   * The secondary nav logo is on the inside of the blue on mobile and outside on tablet / desktop.
   *
   * 1. The image size does not reflect the design, until we get the correct image this needs to stay.
   */ }
  @media print, screen and (min-width: 46em) {
    .secondary-header {
      position: relative;
      border-bottom: 0.0625rem solid #cacaca; } }
  .secondary-header__wrapper {
    position: absolute;
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    top: 0;
    left: 0;
    width: calc(100% - 5rem);
    /* 1 */
    min-width: 18em;
    background: #0075BE;
    transition: transform .3s ease-in-out;
    transform: translate(-101%, 0);
    /**
     * 1. When the secondary header is open display it.
     */
    /**
     * Should be always open on tablet up.
     */ }
    .secondary-header.is-open > .secondary-header__wrapper,
    .no-js .secondary-header__toggle:hover ~ .secondary-header > .secondary-header__wrapper,
    .no-js .secondary-header:hover > .secondary-header__wrapper {
      transform: none;
      /* 1 */ }
    @media print, screen and (min-width: 46em) {
      .secondary-header__wrapper {
        display: block;
        position: static;
        width: 100%;
        justify-content: center;
        align-items: center;
        background-color: #FEFEFE;
        transform: none; } }
    @media print, screen and (min-width: 63.9375em) {
      .secondary-header__wrapper {
        display: flex;
        justify-content: space-between; } }
  .secondary-header__toggle {
    display: flex;
    width: 5rem;
    height: 5rem;
    justify-content: center;
    align-items: center;
    background-color: #0075BE;
    /**
     * Remove default anchor styles.
     */
    /**
     * Hide the toggle since the menu is only closed in mobile.
     */ }
    .secondary-header__toggle, .secondary-header__toggle:hover, .secondary-header__toggle:focus {
      color: #FEFEFE;
      text-decoration: none; }
    @media print, screen and (min-width: 46em) {
      .secondary-header__toggle {
        display: none; } }
  .secondary-header__close {
    position: absolute;
    top: 0;
    left: 100%;
    transform: scale(0);
    /* 1 */
    transition: 0ms transform linear .3s;
    /* 2 */
    /**
     * 1. Display the close button when the header is open.
     *     The opening animation takes 300ms this is instant so we cant tell the difference
     * 2. Remove the transition since we want the close button to appear INSTANTLY when the menu opens.
     */ }
    .secondary-header.is-open .secondary-header__close {
      transform: none;
      /* 1 */
      transition: none;
      /* 2 */ }
  .secondary-header__logo {
    display: block;
    padding-top: 1.5em;
    padding-right: 2em;
    padding-bottom: 1.5em;
    padding-left: 2em;
    width: 18em;
    /**
     * ie11 doesnt adhere to the max-width: 100% on all img tags.
     * This browserhack targets ie11 specifically.
     * TODO: Find better solution
     */
    /* stylelint-disable selector-no-universal */
    /* disable stylelint since this is a browserhack. */
    /* stylelint-enable selector-no-universal */
    /**
     * 1. Align the logo with the Choose site text
     */ }
    .secondary-header__logo *::-ms-backdrop,
    .secondary-header__logo img {
      max-width: 18em; }
    @media screen and (min-width: 46em) and (max-width: 63.93625em) {
      .secondary-header__logo {
        margin-left: auto;
        margin-right: auto; } }
    @media print, screen and (min-width: 63.9375em) {
      .secondary-header__logo {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 1em;
        /* 1 */ } }

/**
 * 1. Take up the remaining space.
 */
.primary-header {
  display: flex;
  align-items: center;
  flex: 1;
  /* 1 */
  justify-content: center;
  /**
   * 1. Serve as anchor for medium screens.
   */
  /**
   * Wraps the primary header.
   */
  /**
   * The primary menu logo.
   * 1. Its usually an anchor so set the display correctly.
   * 2. Logo is the only thing on the left.
   */
  /**
   * Root level links in the primary header are what give the header the correct size.
   */ }
  @media print, screen and (min-width: 46em) {
    .primary-header {
      position: relative;
      background-color: #0075BE; } }
  .primary-header__wrapper {
    display: flex;
    flex: 1;
    max-width: 75rem;
    align-items: center; }
    @media screen and (min-width: 46em) and (max-width: 63.93625em) {
      .primary-header__wrapper {
        justify-content: space-between; } }
    @media print, screen and (min-width: 63.9375em) {
      .primary-header__wrapper {
        flex: 1 1 75rem; } }
  .primary-header__logo {
    display: block;
    /* 1 */
    margin-right: auto;
    /* 2 */
    max-width: 5em;
    /**
     * Logo only appears on mobile.
     */ }
    @media print, screen and (min-width: 46em) {
      .primary-header__logo {
        display: none; } }

/****************************************/
/*****        Global Styles         *****/
/****************************************/
.stroke {
  padding: 1em;
  padding-top: 1em;
  position: relative;
  border: 0.125em solid #cacaca;
  border-color: #cacaca;
  border-radius: 1em; }
  .stroke--text {
    position: absolute;
    transform: translate(-50%, -50%);
    display: inline-table;
    top: 0;
    left: 50%;
    background: #FEFEFE;
    padding-left: 0.5em;
    padding-right: 0.5em; }
  @media screen and (max-width: 45.99875em) {
    .stroke--mobile {
      padding: 1em;
      padding-top: 1em;
      position: relative;
      border: 0.125em solid #cacaca;
      border-color: #cacaca;
      border-radius: 1em; }
      .stroke--mobile--text {
        position: absolute;
        transform: translate(-50%, -50%);
        display: inline-table;
        top: 0;
        left: 50%;
        background: #FEFEFE;
        padding-left: 0.5em;
        padding-right: 0.5em; } }
  @media print, screen and (min-width: 46em) {
    .stroke--desktop {
      padding: 1em;
      padding-top: 1em;
      position: relative;
      border: 0.125em solid #cacaca;
      border-color: #cacaca;
      border-radius: 1em; }
      .stroke--desktop--text {
        position: absolute;
        transform: translate(-50%, -50%);
        display: inline-table;
        top: 0;
        left: 50%;
        background: #FEFEFE;
        padding-left: 0.5em;
        padding-right: 0.5em; } }

@media screen and (max-width: 45.99875em) {
  .small-only-order-1 {
    order: 1; } }

.small-order-1 {
  order: 1; }

@media screen and (max-width: 45.99875em) {
  .small-only-order-2 {
    order: 2; } }

.small-order-2 {
  order: 2; }

@media screen and (max-width: 45.99875em) {
  .small-only-order-3 {
    order: 3; } }

.small-order-3 {
  order: 3; }

@media screen and (max-width: 45.99875em) {
  .small-only-order-4 {
    order: 4; } }

.small-order-4 {
  order: 4; }

@media screen and (max-width: 45.99875em) {
  .small-only-order-5 {
    order: 5; } }

.small-order-5 {
  order: 5; }

@media screen and (max-width: 45.99875em) {
  .small-only-order-6 {
    order: 6; } }

.small-order-6 {
  order: 6; }

@media screen and (max-width: 45.99875em) {
  .small-only-order-7 {
    order: 7; } }

.small-order-7 {
  order: 7; }

@media screen and (max-width: 45.99875em) {
  .small-only-order-8 {
    order: 8; } }

.small-order-8 {
  order: 8; }

@media screen and (max-width: 45.99875em) {
  .small-only-order-9 {
    order: 9; } }

.small-order-9 {
  order: 9; }

@media screen and (max-width: 45.99875em) {
  .small-only-order-10 {
    order: 10; } }

.small-order-10 {
  order: 10; }

@media screen and (max-width: 45.99875em) {
  .small-only-order-11 {
    order: 11; } }

.small-order-11 {
  order: 11; }

@media screen and (max-width: 45.99875em) {
  .small-only-order-12 {
    order: 12; } }

.small-order-12 {
  order: 12; }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-order-1 {
    order: 1; } }

@media print, screen and (min-width: 46em) {
  .medium-order-1 {
    order: 1; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-order-2 {
    order: 2; } }

@media print, screen and (min-width: 46em) {
  .medium-order-2 {
    order: 2; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-order-3 {
    order: 3; } }

@media print, screen and (min-width: 46em) {
  .medium-order-3 {
    order: 3; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-order-4 {
    order: 4; } }

@media print, screen and (min-width: 46em) {
  .medium-order-4 {
    order: 4; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-order-5 {
    order: 5; } }

@media print, screen and (min-width: 46em) {
  .medium-order-5 {
    order: 5; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-order-6 {
    order: 6; } }

@media print, screen and (min-width: 46em) {
  .medium-order-6 {
    order: 6; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-order-7 {
    order: 7; } }

@media print, screen and (min-width: 46em) {
  .medium-order-7 {
    order: 7; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-order-8 {
    order: 8; } }

@media print, screen and (min-width: 46em) {
  .medium-order-8 {
    order: 8; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-order-9 {
    order: 9; } }

@media print, screen and (min-width: 46em) {
  .medium-order-9 {
    order: 9; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-order-10 {
    order: 10; } }

@media print, screen and (min-width: 46em) {
  .medium-order-10 {
    order: 10; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-order-11 {
    order: 11; } }

@media print, screen and (min-width: 46em) {
  .medium-order-11 {
    order: 11; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-order-12 {
    order: 12; } }

@media print, screen and (min-width: 46em) {
  .medium-order-12 {
    order: 12; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .large-only-order-1 {
    order: 1; } }

@media print, screen and (min-width: 63.9375em) {
  .large-order-1 {
    order: 1; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .large-only-order-2 {
    order: 2; } }

@media print, screen and (min-width: 63.9375em) {
  .large-order-2 {
    order: 2; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .large-only-order-3 {
    order: 3; } }

@media print, screen and (min-width: 63.9375em) {
  .large-order-3 {
    order: 3; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .large-only-order-4 {
    order: 4; } }

@media print, screen and (min-width: 63.9375em) {
  .large-order-4 {
    order: 4; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .large-only-order-5 {
    order: 5; } }

@media print, screen and (min-width: 63.9375em) {
  .large-order-5 {
    order: 5; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .large-only-order-6 {
    order: 6; } }

@media print, screen and (min-width: 63.9375em) {
  .large-order-6 {
    order: 6; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .large-only-order-7 {
    order: 7; } }

@media print, screen and (min-width: 63.9375em) {
  .large-order-7 {
    order: 7; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .large-only-order-8 {
    order: 8; } }

@media print, screen and (min-width: 63.9375em) {
  .large-order-8 {
    order: 8; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .large-only-order-9 {
    order: 9; } }

@media print, screen and (min-width: 63.9375em) {
  .large-order-9 {
    order: 9; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .large-only-order-10 {
    order: 10; } }

@media print, screen and (min-width: 63.9375em) {
  .large-order-10 {
    order: 10; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .large-only-order-11 {
    order: 11; } }

@media print, screen and (min-width: 63.9375em) {
  .large-order-11 {
    order: 11; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .large-only-order-12 {
    order: 12; } }

@media print, screen and (min-width: 63.9375em) {
  .large-order-12 {
    order: 12; } }

@media screen and (min-width: 76.5625em) and (max-width: 89.99875em) {
  .xlarge-only-order-1 {
    order: 1; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-order-1 {
    order: 1; } }

@media screen and (min-width: 76.5625em) and (max-width: 89.99875em) {
  .xlarge-only-order-2 {
    order: 2; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-order-2 {
    order: 2; } }

@media screen and (min-width: 76.5625em) and (max-width: 89.99875em) {
  .xlarge-only-order-3 {
    order: 3; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-order-3 {
    order: 3; } }

@media screen and (min-width: 76.5625em) and (max-width: 89.99875em) {
  .xlarge-only-order-4 {
    order: 4; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-order-4 {
    order: 4; } }

@media screen and (min-width: 76.5625em) and (max-width: 89.99875em) {
  .xlarge-only-order-5 {
    order: 5; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-order-5 {
    order: 5; } }

@media screen and (min-width: 76.5625em) and (max-width: 89.99875em) {
  .xlarge-only-order-6 {
    order: 6; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-order-6 {
    order: 6; } }

@media screen and (min-width: 76.5625em) and (max-width: 89.99875em) {
  .xlarge-only-order-7 {
    order: 7; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-order-7 {
    order: 7; } }

@media screen and (min-width: 76.5625em) and (max-width: 89.99875em) {
  .xlarge-only-order-8 {
    order: 8; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-order-8 {
    order: 8; } }

@media screen and (min-width: 76.5625em) and (max-width: 89.99875em) {
  .xlarge-only-order-9 {
    order: 9; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-order-9 {
    order: 9; } }

@media screen and (min-width: 76.5625em) and (max-width: 89.99875em) {
  .xlarge-only-order-10 {
    order: 10; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-order-10 {
    order: 10; } }

@media screen and (min-width: 76.5625em) and (max-width: 89.99875em) {
  .xlarge-only-order-11 {
    order: 11; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-order-11 {
    order: 11; } }

@media screen and (min-width: 76.5625em) and (max-width: 89.99875em) {
  .xlarge-only-order-12 {
    order: 12; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-order-12 {
    order: 12; } }

@media screen and (max-width: 45.99875em) {
  .small-only-float-right {
    float: right; }
  .small-only-float-left {
    float: left; }
  .small-only-float-none {
    float: none; } }

.small-float-right {
  float: right; }

.small-float-left {
  float: left; }

.small-float-none {
  float: none; }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-float-right {
    float: right; }
  .medium-only-float-left {
    float: left; }
  .medium-only-float-none {
    float: none; } }

@media print, screen and (min-width: 46em) {
  .medium-float-right {
    float: right; }
  .medium-float-left {
    float: left; }
  .medium-float-none {
    float: none; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .large-only-float-right {
    float: right; }
  .large-only-float-left {
    float: left; }
  .large-only-float-none {
    float: none; } }

@media print, screen and (min-width: 63.9375em) {
  .large-float-right {
    float: right; }
  .large-float-left {
    float: left; }
  .large-float-none {
    float: none; } }

@media screen and (min-width: 76.5625em) and (max-width: 89.99875em) {
  .xlarge-only-float-right {
    float: right; }
  .xlarge-only-float-left {
    float: left; }
  .xlarge-only-float-none {
    float: none; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-float-right {
    float: right; }
  .xlarge-float-left {
    float: left; }
  .xlarge-float-none {
    float: none; } }

@media screen and (max-width: 45.99875em) {
  .small-only-inline-flex {
    display: inline-flex; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-inline-flex {
    display: inline-flex; }
  .medium-only-justify-content-flex-end {
    justify-content: flex-end; } }

@media print, screen and (min-width: 63.9375em) {
  .large-flex {
    display: flex; } }

main a:hover, main a:focus,
main button[role="link"]:hover,
main button[role="link"]:focus {
  text-decoration: underline !important; }

main .second-nav a:hover, main .second-nav a:focus,
main .second-nav-desktop a:hover,
main .second-nav-desktop a:focus,
main .nav-menu a:hover,
main .nav-menu a:focus,
main .nav-tabs a:hover,
main .nav-tabs a:focus {
  text-decoration: none !important; }

@-moz-document url-prefix() {
  main a[class*="button"]:focus,
  main button[class*="button"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587; } }

/*  #########################################################################  */
/*  #### Generic: Low-specificity, far-reaching rulesets (e.g. resets). ####  */
/*  #########################################################################  */
/**
  * Grid fix for foundation
  * This is temporary since there is a fix in the next version.
  * Originally in file _flex-grid.scss
  */
.column.row.row, .row.row.columns,
.row.row.columns {
  display: flex; }

/**
  * 1. Set the max width for different screen sizes.
  */
.row,
.container {
  max-width: 42.5rem;
  /* 1 */ }
  @media print, screen and (min-width: 63.9375em) {
    .row,
    .container {
      max-width: 75rem;
      /* 1 */ } }

/**
  * Align the contaner in the center.
  */
.container {
  margin-right: auto;
  margin-left: auto; }

/**
  * Prevent breaking phone number links
  */
[href^='tel:'] {
  white-space: nowrap; }
  @media print, screen and (min-width: 63.9375em) {
    [href^='tel:'] {
      /* pointer-events: none; */
      text-decoration: none; } }

/*  ############################################  */
/*  #### Elements: Unclassed HTML elements ####  */
/*  ############################################  */
/**
 * 1. Dumbs the 'html-content-map' variables into the html elements before pseudoelement.
 *     This is used to have access to sass data in the javascript.
 *     To add more data edit the _settings.scss file at the bottom and add your data.
 */
html::before {
  content: '{"colors":{"primary":{"ultramarine":"#005587","default":"#0075BE","access":"#0075be","cerulean":"#73c3eb","azure":"#bedceb","slate":"#001928","granite":"#646c76","grey":"#929ba9","light-grey":"#d9dce1","albicant":"#f5f6f7","white":"#FEFEFE","porcelain":"#f4f6f7","polar":"#e6f9fe"},"complimentary":{"sky-blue":"#009ec9","poolside":"#2cbfc1","lilac":"#6a88c3","retrospect":"#00e7b4","olive":"#c3c070","orchid":"#d061a1","sunflower":"#ffc827","maraschino":"#e9425f","pal":"#0079c1"},"feedback":{"negative":"#c81414","negative-dark":"#820e0e","positive":"#0b8224"}},"spacing":{"xx-small":"0.125em","x-small":"0.25em","small":"0.5em","medium":"0.75em","large":"1em","x-large":"1.25em","xx-large":"1.5em","xxx-large":"2em","unit-2x":"2em","unit-2-point-5x":"2.5em","unit-3x":"3em","unit-4x":"4em","unit-5x":"5em","unit-6x":"6em","unit-8x":"8em","unit-10x":"10em","unit-11x":"11em","unit-12x":"12em","unit-15x":"15em","unit-16x":"16em","unit-18x":"18em","unit-20x":"20em"},"font":{"numeric-unicode-range":["U+0025","U+0030-0039"],"primary":["Heebo","sans-serif"]},"breakpoints":{"small":0,"medium":736,"large":1023,"xlarge":1225,"xxlarge":1440}}';
  position: absolute;
  z-index: -9999;
  visibility: hidden;
  display: none; }

ul {
  margin: 0;
  padding: 0; }

ol,
ul ol {
  padding-left: 1em;
  margin: 0; }

li {
  /**
   * List with the attribute [data-item-symbol] has a custom symbol for the 'bullet'.
   *
   * 1. Cannot be position static in order to place the ::before pseudo element.
   * 2. Remove the list styling since it will be custom.
   */ }
  li[data-item-symbol] {
    position: relative;
    /* 1 */
    list-style: none;
    /* 2 */
    /**
     * The pseudo element contains the actual symbol.
     *
     * 1. The symbol to display, cannot be html entity must be ACTUAL symbol.
     */ }
    li[data-item-symbol]::before {
      content: attr(data-item-symbol);
      /* 1 */
      position: absolute;
      left: -1rem; }

/**
 * As a general rule most iframes should be 100% width with no border (to look natural).
 * To control the size use a wrapper class.
 */
iframe {
  display: block;
  width: 100%;
  border: 0; }

/**
 * Make videos responsive,
 * they should never be larger then the parent.
 */
video {
  max-width: 100%; }

/**
 * Figures should not have an explicit margin set.
 */
figure {
  margin: 0; }

/**
 * 1. Allow padding to be added to links.
 *   This is still super unspecific and can be easily overwritten if needed.
 * 2. Give the anchors a more subtle color transition.
 *     Background used for megamenu and buttons.
 */
a {
  display: inline-block;
  /* 1 */
  transition: color 300ms ease, background-color 300ms ease;
  /* 2 */
  /**
   * 1. Anchors inside sup elements MUST be inline otherwise they break into the next line.
   */
  /**
   * 1. External links should have an external icon next to it, unless specified by a data[no-icon]
   */ }
  sup > a {
    display: inline;
    /* 1 */
    font-weight: 500; }
  a.external-link::after {
    display: inline-block;
    content: ' ';
    background-image: url("/dist/images/bmo-ext-link.png");
    background-size: 8px 8px;
    height: 8px;
    width: 8px;
    margin-left: 2px; }

/**
 * Make buttons have the pointer cursor to indicate functionality.
 */
button {
  cursor: pointer; }

/**
 * Rmove default fieldset styles
 */
fieldset {
  border: none; }

/**
 * Make all inputs 100%.
 * Size them with a wrapper.
 */
input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"] {
  width: 100%; }

/**
 * Foundation sets the border-box for all inputs to box sizing.
 * Undo that.
 */
input {
  box-sizing: border-box; }

/**
 * Picture is set to 'block' by default
 *   block fixes issues in IE11
 *   Modifying this because there's no instance of text next to picture
 *   We need to change that so it will adhere to its parent size.
 */
picture {
  display: block; }

sub,
sup {
  font-size: 70%; }

/**
 * 1. Override Foundations default offset with the one our designers specified.
 */
sup {
  top: -0.35em;
  /* 1 */ }

hr {
  width: 100%;
  max-width: 75rem !important; }

input::-webkit-calendar-picker-indicator {
  display: none; }

/*  ############################################  */
/*  #### Styles for organic components     ####  */
/*  ############################################  */
.card-summary-cta {
  /**
   * The ratios between:
   *  Image on left
   *  Content in middle
   *   and Cta on right
   */ }
  @media print, screen and (min-width: 46em) {
    .card-summary-cta {
      display: flex; } }
  .card-summary-cta__image {
    padding: 1em 0 0;
    text-align: center; }
    @media print, screen and (min-width: 46em) {
      .card-summary-cta__image {
        flex: 20;
        padding: 0; } }
  .card-summary-cta__contents {
    padding: 1em 2em 2em; }
    @media print, screen and (min-width: 46em) {
      .card-summary-cta__contents {
        flex: 50;
        padding: 0 2em; } }
  .card-summary-cta__ctas {
    padding: 1em 2em 2em; }
    @media print, screen and (min-width: 46em) {
      .card-summary-cta__ctas {
        flex: 30;
        border-left: 0.0625rem solid #cacaca;
        padding: 0 0 0 2em; } }
    .card-summary-cta__ctas--icon {
      display: table-cell;
      padding-right: 0.5em;
      vertical-align: middle; }
    .card-summary-cta__ctas--text {
      vertical-align: middle;
      display: table-cell; }

/**
 * The product table is the EDB product description table located on all the product pages.
 */
.product-feature-table {
  /**
    * The feature cells have borders to act as dividors.
    * There cannot be margins in between them to avoid adding space to the borders.
    */ }
  .product-feature-table__row {
    border-bottom: 0.0625rem solid #cacaca; }
    .product-feature-table__row:first-child {
      padding-top: .65em; }
  .product-feature-table__cell {
    padding-top: 1rem;
    padding-right: 0px;
    padding-bottom: 1rem;
    flex-grow: 1;
    display: block;
    /**
      * The first cells do not have padding tops to they align with the title.
      */ }
    @media print, screen and (min-width: 46em) {
      .product-feature-table__cell {
        padding-top: 2rem;
        padding-bottom: 2rem; } }
    .product-feature-table__cell--first {
      padding-top: 0; }
  .product-feature-table__list li:not(:first-child) {
    margin-top: 1em; }
  .product-feature-table__list strong {
    font-weight: 700; }
  .product-feature-table-section {
    margin-top: 4rem; }
    @media print, screen and (min-width: 63.9375em) {
      .product-feature-table-section {
        padding: 0 4rem; } }
  .product-feature-table sup {
    color: inherit; }

.have-questions {
  justify-content: center;
  display: inline-flex;
  flex-direction: column; }
  @media print, screen and (min-width: 63.9375em) {
    .have-questions {
      display: flex;
      flex-direction: row; } }
  .have-questions__extracopy {
    display: block;
    padding-left: 3.8em;
    padding-right: 1em; }

.info-block {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }
  .info-block__heading {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    text-align: center; }
  .info-block__sub-heading {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    text-align: center; }
  .info-block__content {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }

.legal-footer {
  padding: 1em;
  color: #6e6e6e;
  font-size: 0.75rem; }
  .legal-footer__list {
    margin-left: 1em; }
  .legal-footer__terms {
    margin-top: 1em; }
  .legal-footer p {
    margin-bottom: 0.25em; }

.on-this-page {
  background-color: #cacaca;
  border: 0.0625rem solid #cacaca;
  border-radius: 0.5em;
  padding: 1.25em;
  text-align: center; }
  .on-this-page__list {
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: space-around; }
  .on-this-page .chevron-down::after {
    margin-left: 0.625rem;
    border-left-width: 0.0625rem;
    border-top-width: 0.0625rem;
    transform: rotate(225deg) translate(-80%, -60%); }

.page-summary-cta {
  /**
     * The ratios between:
     *   Content Side
     *   and Cta Side
     */ }
  @media print, screen and (min-width: 46em) {
    .page-summary-cta {
      display: flex; } }
  @media print, screen and (min-width: 46em) {
    .page-summary-cta__contents {
      flex: 70;
      padding-right: 2em; } }
  .page-summary-cta__ctas {
    padding-top: 2em; }
    @media print, screen and (min-width: 46em) {
      .page-summary-cta__ctas {
        flex: 30;
        border-left: 0.0625rem solid #cacaca;
        padding-left: 2em;
        padding-top: 0; } }
    .page-summary-cta__ctas--icon {
      display: table-cell;
      padding-right: 0.5em;
      vertical-align: middle; }
    .page-summary-cta__ctas--text {
      vertical-align: middle;
      display: table-cell; }

/**
* The product table is the EDB product description table located on all the product pages.
*/
.product-table {
  /**
   * The wrapper goes arround the table and provides the border.
   * 1. Serve as the anchor for the product table icon.
   * 2. Dont let the border touch the edge of the screen because its rounded.
   */
  margin-top: 1em;
  margin-bottom: 1em;
  /**
   * The icon that floats just above the table.
   */
  /**
   * Reset foundation styles.
   */ }
  @media print, screen and (min-width: 46em) {
    .product-table {
      margin-bottom: 0;
      margin-top: 0; } }
  .product-table__wrapper {
    position: relative;
    /* 1 */
    max-width: 75rem;
    /* 2 */
    padding: 3em 0;
    border: 0.0625rem solid #cacaca;
    border-radius: 0.25em;
    margin: 5em 0.625em 0; }
    @media screen and (min-width: 76.5625em) {
      .product-table__wrapper {
        margin: 5em auto 0; } }
  .product-table__icon {
    position: absolute;
    top: 0;
    left: 50%;
    width: 8em;
    height: auto;
    padding: 0 1em;
    background: #FEFEFE;
    border-radius: 50%;
    transform: translate(-50%, -50%); }
    .product-table__icon--offer {
      position: absolute;
      top: 0;
      left: 50%;
      width: 8em;
      height: 6em;
      padding: 0 1em;
      background: #FEFEFE;
      border-radius: 50%;
      transform: translate(-50%, -4em); }
    .product-table__icon--small {
      position: absolute;
      top: 0;
      left: 50%;
      width: 6em;
      height: 4em;
      padding: 0 1em;
      background: #FEFEFE;
      border-radius: 50%;
      transform: translate(-50%, -50%); }
  .product-table__row {
    padding: 1em 0;
    border-bottom: 0.0625rem solid #cacaca;
    max-width: calc(100% - 4em) !important; }
    @media print, screen and (min-width: 46em) {
      .product-table__row {
        padding-top: 0;
        padding-bottom: 0.5em;
        border-bottom: none;
        border-right: 0.0625rem solid #cacaca;
        flex: 1; } }
    .product-table__row:last-child {
      border-bottom: 0 solid transparent;
      margin-bottom: 1em; }
      @media print, screen and (min-width: 46em) {
        .product-table__row:last-child {
          margin-bottom: 0; } }
    .product-table__row--no-border {
      border-right: 0 solid transparent; }
  .product-table__cell {
    position: relative;
    padding-top: 0.5em;
    padding-bottom: 0;
    display: block;
    font-weight: bold; }
    .product-table__cell--red-heading {
      color: #ed1c24;
      font-weight: 700; }
    .product-table__cell--size-font {
      font-size: 1.5em;
      font-weight: normal; }
    .product-table__cell-text {
      display: inline-block;
      font-size: 0.75rem; }
    .product-table__cell p {
      margin-bottom: 0; }
    .product-table__cell .monthly-fee-promo {
      font-size: .6em;
      top: -1em; }
    .product-table__cell .columns {
      padding: 0; }
  .product-table__offer {
    display: flex;
    justify-content: center;
    z-index: 10; }
    .product-table__offer-trigger {
      height: 2em;
      background-color: #FEFEFE; }
  .product-table sup {
    color: inherit; }

@media print, screen and (min-width: 46em) {
  .sticky-cta {
    height: 0 !important; } }

.sticky-cta-container {
  margin-top: -1em;
  padding-top: 1em;
  max-width: calc(100% - 4em); }
  @media print, screen and (min-width: 46em) {
    .sticky-cta-container {
      border-top: 0 solid transparent;
      margin-top: 0;
      padding-top: 0;
      max-width: 100%; } }
  .sticky-cta-container--border {
    border-top: 0.0625rem solid #cacaca;
    margin: auto; }
    @media print, screen and (min-width: 46em) {
      .sticky-cta-container--border {
        border-top: 0 solid transparent; } }

.sticky-cta .is-stuck {
  left: 0 !important;
  max-width: 100vw !important;
  width: 100vw;
  display: flex;
  background: #0075BE;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
  padding: 1rem 0; }
  @media print, screen and (min-width: 46em) {
    .sticky-cta .is-stuck {
      transform: translate3d(0, 0, 0) !important; } }

@media print, screen and (min-width: 46em) {
  .sticky-cta .is-anchored {
    transform: translate3d(0, -50%, 0) !important; } }

.sticky-cta__bar {
  width: 100%; }
  .is-stuck .sticky-cta__bar {
    width: 100%;
    max-width: 75em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2em; }
    @media print, screen and (min-width: 63.9375em) {
      .is-stuck .sticky-cta__bar {
        padding: 0; } }

.sticky-cta__page-title {
  display: none; }
  .is-stuck .sticky-cta__page-title {
    display: block; }
    .is-stuck .sticky-cta__page-title a {
      color: #FEFEFE;
      font-weight: normal; }

.sticky-cta__buttons {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-weight: normal; }
  .is-stuck .sticky-cta__buttons {
    flex-direction: row;
    align-items: center; }

.sticky-cta__button {
  margin-bottom: 1em;
  border-radius: 5em; }
  @media print, screen and (min-width: 46em) {
    .sticky-cta__button {
      padding-left: 1.5em;
      padding-right: 1.5em; } }
  @media print, screen and (min-width: 63.9375em) {
    .sticky-cta__button {
      padding-left: 2em;
      padding-right: 2em; } }

.is-stuck .sticky-cta__cta-caption {
  margin-right: 1em; }

.sticky-cta__caveat {
  padding: 0 2em; }

.sticky-cta__container-body {
  right: 0;
  width: 100%; }
  @media print, screen and (min-width: 46em) {
    .sticky-cta__container-body {
      transform: translate3d(0, -50%, 0) !important; } }

.product-table__row-item {
  padding: 1em 0;
  border-bottom: 0.0625rem solid #929ba9;
  max-width: calc(100% - 4em) !important; }
  .product-table__row-item:last-child {
    border: none; }
  @media print, screen and (min-width: 63.9375em) {
    .product-table__row-item {
      padding-top: 0;
      padding-bottom: 0.5em;
      border-bottom: none;
      border-right: 0.0625rem solid #929ba9;
      flex: 1; } }

.ready-to-bank {
  margin-top: 2em; }
  @media print, screen and (min-width: 46em) {
    .ready-to-bank {
      margin-top: 3em; } }
  @media print, screen and (min-width: 46em) {
    .ready-to-bank {
      margin-top: 5em; } }
  .ready-to-bank .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
  .ready-to-bank .row .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
  .ready-to-bank__body {
    padding-bottom: 2em; }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__body {
        margin-top: 2em;
        border-bottom: 0.056em solid #cacaca; } }
  .ready-to-bank__cta {
    padding: 0 1em;
    margin-bottom: 2em; }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__cta {
        margin-bottom: 0; } }
  .ready-to-bank__contact {
    display: flex;
    flex-direction: column; }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__contact {
        position: relative;
        border-left: 0.056em solid #cacaca;
        padding-left: 0;
        padding-right: 0; }
        .ready-to-bank__contact::before {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-left: -0.056em;
          top: 0;
          height: 0em;
          width: 0.056em; }
        .ready-to-bank__contact::after {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-left: -0.056em;
          bottom: 0;
          height: 0em;
          width: 0.056em; } }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__contact-modes {
        flex: 1; } }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__contact-modes:first-child {
        position: relative;
        border-bottom: 0.056em solid #cacaca;
        padding-left: 0;
        padding-right: 0; }
        .ready-to-bank__contact-modes:first-child::before {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-bottom: -0.056em;
          right: 0;
          bottom: 0;
          height: 0.056em;
          width: 2em; }
        .ready-to-bank__contact-modes:first-child::after {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-bottom: -0.056em;
          bottom: 0;
          right: 0;
          left: 0;
          height: 0.056em;
          width: 2em; } }
    .ready-to-bank__contact-mode {
      display: flex;
      align-items: center;
      justify-content: space-around; }
      @media print, screen and (min-width: 46em) {
        .ready-to-bank__contact-mode {
          text-align: left; } }
  .ready-to-bank__apply-online-cta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0 1.5em; }
  .ready-to-bank__apply-online-content {
    margin-bottom: 1em;
    width: 100%; }
  .ready-to-bank__icon-container {
    display: flex;
    align-items: flex-start;
    padding: 0; }
  .ready-to-bank__button-outline {
    margin: 1em 0;
    width: 100%; }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__button-outline {
        margin: 1em 0 0;
        width: auto;
        min-width: 14em; } }
  @media print, screen and (min-width: 46em) {
    .ready-to-bank__button-container {
      padding: 0; } }
  @media print, screen and (min-width: 46em) {
    .ready-to-bank__button-tel-link {
      text-align: left; } }
  @media print, screen and (min-width: 63.9375em) {
    .ready-to-bank__button-tel-link {
      color: #000; } }
  @media print, screen and (min-width: 46em) {
    .ready-to-bank__button-find-branch {
      text-align: left; } }
  .ready-to-bank__button-open-account {
    margin-bottom: 0.25em; }
  @media print, screen and (min-width: 63.9375em) {
    .ready-to-bank .phone-svg {
      width: 4em;
      height: 5em; } }
  @media print, screen and (min-width: 63.9375em) {
    .ready-to-bank .branch-svg {
      width: 5.5em;
      height: 4em; } }
  .ready-to-bank .main-heading {
    font-size: 2em; }
  .ready-to-bank .heading-em {
    margin-top: 0; }

.arrow-online {
  position: relative;
  height: 12.75em; }
  .arrow-online__svg {
    position: absolute; }
    .arrow-online__svg--curve {
      width: 3.1875em;
      right: 10em;
      height: 2.125em; }
    .arrow-online__svg--online {
      height: 100%;
      width: 100%;
      top: 1em;
      margin-top: -0.5em; }

.services-offered {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  .services-offered__service-wrapper {
    flex: 0 0 50%;
    max-width: 50%; }
    @media print, screen and (min-width: 46em) {
      .services-offered__service-wrapper {
        flex: 0 0 18%;
        max-width: 18%; } }
  .services-offered__service {
    padding-top: 1em;
    padding-bottom: 1em;
    margin: 0.5rem;
    background-color: #FEFEFE;
    text-align: center;
    border: 0.0625rem solid #FEFEFE;
    border-radius: 0.25em; }
    @media print, screen and (min-width: 46em) {
      .services-offered__service {
        padding-top: 2em;
        padding-bottom: 2em;
        margin: 0.75rem; } }
    .services-offered__service.has-tip {
      display: block;
      width: auto;
      height: auto;
      margin: 0.5rem;
      border-radius: 0.25em; }
    .services-offered__service:hover {
      border: 0.0625rem solid #0075BE; }
    .services-offered__service-icon, .services-offered__service .icon {
      font-size: 1.125rem;
      padding: 0;
      color: #0075BE; }
      @media print, screen and (min-width: 46em) {
        .services-offered__service-icon, .services-offered__service .icon {
          font-size: 2.25rem; } }
    .services-offered__service-text {
      margin-top: 0.5em;
      padding-left: 0.5em;
      padding-right: 0.5em;
      color: #001928;
      font-weight: 700;
      font-size: 0.875rem;
      min-height: 2.8em; }
      @media print, screen and (min-width: 46em) {
        .services-offered__service-text {
          padding-left: 1em;
          padding-right: 1em; } }
  .services-offered__tip.tooltip {
    font-size: 80%;
    padding: 0.75em;
    border-radius: 0.125rem;
    color: #FEFEFE;
    background: #001928;
    border-color: #001928;
    max-width: 16em !important; }
    .services-offered__tip.tooltip.top::before, .services-offered__tip.tooltip.top::after {
      border-top-color: #001928; }
    .services-offered__tip.tooltip.left::before, .services-offered__tip.tooltip.left::after {
      border-color: transparent transparent transparent #001928; }
    .services-offered__tip.tooltip.right::before, .services-offered__tip.tooltip.right::after {
      border-color: transparent #001928 transparent transparent; }
    .services-offered__tip.tooltip::before, .services-offered__tip.tooltip::after {
      border-bottom-color: #001928; }
    @media print, screen and (min-width: 46em) {
      .services-offered__tip.tooltip {
        max-width: 20em !important; } }

.sticky-nav {
  width: 100%;
  margin: 0 auto; }
  .sticky-nav .hide-on-page {
    display: none; }
  .sticky-nav .is-at-bottom {
    display: none; }
  .sticky-nav__bar {
    width: 100%;
    flex-direction: column;
    background: #FEFEFE; }
    .sticky-nav__bar .hide-on-page {
      display: none; }
    .sticky-nav__bar.is-stuck {
      /* stylelint-disable declaration-no-important */
      /* Overriding Foundation JS-generated inline styles */
      max-width: 100% !important;
      left: 0 !important;
      /* stylelint-enable */
      z-index: 1000;
      width: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FEFEFE;
      border-bottom: 0.0625rem solid #cacaca;
      box-shadow: 0 0.3125rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
      .sticky-nav__bar.is-stuck .hide-on-page {
        display: block; }
  .sticky-nav__title {
    /**
   *
   * $site is not set manually in our scss files.
   *
   * Variable $site is pulled from the config.js file and set to
   * config.site.replace(".com", "").replace("sites/", "").replace(".io", "")
   * by tasks/styles.js
   *
   **/
    margin-bottom: 0.25em; }
    @media print, screen and (min-width: 46em) {
      .sticky-nav__title {
        margin-bottom: 0; } }
    .is-stuck .sticky-nav__title {
      display: none; }
  .sticky-nav__page-title {
    padding: 0.5em 0;
    width: 100%;
    text-align: center; }
    .sticky-nav__page-title button {
      color: #fff; }
    @media print, screen and (min-width: 46em) {
      .sticky-nav__page-title {
        pointer-events: none;
        font-size: 1.37437rem; } }
    .sticky-nav__page-title-bar {
      background: #0075BE;
      color: #FEFEFE;
      display: none;
      width: 100%; }
      .is-stuck .sticky-nav__page-title-bar {
        display: block; }
    .sticky-nav__page-title-row {
      display: flex;
      justify-content: center;
      position: relative;
      /* Overriding Foundation nested row styles */ }
      .row .sticky-nav__page-title-row {
        width: 90%;
        margin: 0 auto !important; }
  .sticky-nav__cta {
    margin-right: 0;
    position: absolute;
    right: 0;
    background: #00436c;
    padding: 0.5em 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .sticky-nav__cta-prompt {
      padding: 0 1em;
      display: flex;
      align-items: center; }
      .sticky-nav__cta-prompt:hover {
        text-decoration: underline; }
      .sticky-nav__cta-prompt:active {
        text-decoration: underline; }
      .sticky-nav__cta-prompt:focus {
        text-decoration: underline; }
    .sticky-nav__cta-options {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: absolute;
      top: 100%;
      right: 0;
      z-index: 2; }
    .sticky-nav__cta-option {
      background: #00436c;
      padding: 0.5em 1em;
      width: 100%;
      border-top: 0.0625rem solid #6a88c3; }
    .sticky-nav__cta-anchor {
      color: #FEFEFE; }
      .sticky-nav__cta-anchor:hover {
        color: #FEFEFE;
        text-decoration: none; }
      .sticky-nav__cta-anchor:active {
        color: #FEFEFE;
        text-decoration: none; }
      .sticky-nav__cta-anchor:focus {
        color: #FEFEFE;
        text-decoration: none; }
    .sticky-nav__cta-icon {
      color: #00436c;
      margin-left: 1em;
      padding-top: 0.5em; }
    .sticky-nav__cta:hover {
      cursor: pointer; }
  .sticky-nav__page-nav-list {
    width: 100%; }
    @media print, screen and (min-width: 46em) {
      .sticky-nav__page-nav-list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; } }
  .sticky-nav__page-nav-col {
    padding-left: 0;
    padding-right: 0; }
  .sticky-nav__nav {
    display: flex;
    justify-content: center; }
    .sticky-nav__nav-list {
      display: flex;
      justify-content: center;
      flex-direction: column; }
      @media print, screen and (min-width: 46em) {
        .sticky-nav__nav-list {
          flex-direction: row; } }
      .is-stuck .sticky-nav__nav-list {
        display: none; }
        @media print, screen and (min-width: 46em) {
          .is-stuck .sticky-nav__nav-list {
            display: flex;
            justify-content: center; } }
      .is-stuck .sticky-nav__nav-list-chevron {
        display: none; }
        @media print, screen and (min-width: 46em) {
          .is-stuck .sticky-nav__nav-list-chevron {
            display: inline-flex; } }
    .sticky-nav__nav-item {
      list-style-type: none;
      text-align: center;
      position: relative;
      /*theme underline*/ }
      .is-stuck .sticky-nav__nav-item {
        border-bottom: 0.0625rem solid #cacaca; }
        .is-stuck .sticky-nav__nav-item:last-child {
          border-bottom: 0.0625rem solid #0075BE; }
      @media print, screen and (min-width: 46em) {
        .sticky-nav__nav-item {
          display: inline-block;
          margin: 0 0.75em;
          text-align: left;
          border-bottom: 0 solid transparent; }
          .sticky-nav__nav-item:last-child {
            border-bottom: 0 solid transparent; }
          .is-stuck .sticky-nav__nav-item {
            border-bottom: 0 solid transparent; }
            .is-stuck .sticky-nav__nav-item:last-child {
              border-bottom: 0 solid transparent; } }
      .sticky-nav__nav-item-anchor {
        width: 100%;
        padding: 0.75em 0;
        transition: none; }
        .sticky-nav__nav-item-anchor:hover {
          text-decoration: none; }
        .sticky-nav__nav-item-anchor:active {
          text-decoration: none; }
        .sticky-nav__nav-item-anchor:focus {
          text-decoration: none; }
        @media print, screen and (min-width: 46em) {
          .sticky-nav__nav-item-anchor {
            width: auto;
            padding: 0.5em 0; } }
        .is-stuck .sticky-nav__nav-item-anchor.is-active {
          color: #001928;
          text-decoration: none;
          background: #f2f2f2; }
          @media print, screen and (min-width: 46em) {
            .is-stuck .sticky-nav__nav-item-anchor.is-active {
              background: transparent;
              text-decoration: none; } }
      .sticky-nav__nav-item--underline {
        text-align: left;
        padding: 0 2em;
        border: 0 solid transparent; }
        .is-stuck .sticky-nav__nav-item--underline {
          border-bottom: 0 solid transparent; }
          .is-stuck .sticky-nav__nav-item--underline:last-child {
            padding-bottom: 1em; }
        @media print, screen and (min-width: 46em) {
          .sticky-nav__nav-item--underline {
            text-align: center;
            padding-left: 0;
            padding-right: 0; } }
        .sticky-nav__nav-item--underline-anchor {
          width: 100%;
          padding: 0.75em 0;
          transition: none;
          border-bottom: 0.125em solid #cacaca; }
          .sticky-nav__nav-item--underline-anchor:hover {
            text-decoration: none;
            border-color: #ed1c24; }
          .sticky-nav__nav-item--underline-anchor:focus {
            text-decoration: none; }
          .is-stuck .sticky-nav__nav-item--underline-anchor.is-active {
            color: #001928;
            text-decoration: none;
            border-bottom: 0.125em solid #ed1c24;
            /* stylelint-disable max-nesting-depth */
            /* Javascript adds classes, and I am following BEM naming conventions */
            /* stylelint-enable */ }
            @media print, screen and (min-width: 46em) {
              .is-stuck .sticky-nav__nav-item--underline-anchor.is-active {
                background: transparent;
                text-decoration: none; } }
  .sticky-nav__page-nav {
    width: 100%;
    font-size: 0.75em; }
    @media print, screen and (min-width: 46em) {
      .sticky-nav__page-nav {
        padding: 0.5em 0; } }
  .sticky-nav__anchor {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden; }
    @media print, screen and (min-width: 46em) {
      .sticky-nav__anchor {
        padding-top: 1.5em;
        margin-top: -1.5em; } }
    .sticky-nav__anchor--multi-line {
      padding-top: 3em;
      margin-top: -3em; }
      @media print, screen and (min-width: 46em) {
        .sticky-nav__anchor--multi-line-1 {
          padding-top: 3em;
          margin-top: -3em; } }
      @media print, screen and (min-width: 46em) {
        .sticky-nav__anchor--multi-line-2 {
          padding-top: 4.5em;
          margin-top: -4.5em; } }
      @media print, screen and (min-width: 46em) {
        .sticky-nav__anchor--multi-line-medium-1 {
          padding-top: 4.5em;
          margin-top: -4.5em; } }
      @media print, screen and (min-width: 46em) {
        .sticky-nav__anchor--multi-line-medium-2 {
          padding-top: 4.5em;
          margin-top: -4.5em; } }
      @media print, screen and (min-width: 63.9375em) {
        .sticky-nav__anchor--multi-line-large-1 {
          padding-top: 3em;
          margin-top: -3em; } }
      @media print, screen and (min-width: 63.9375em) {
        .sticky-nav__anchor--multi-line-large-2 {
          padding-top: 4.5em;
          margin-top: -4.5em; } }

.flyingdollar {
  width: 6.625rem;
  height: 6.75rem; }

.card-tap {
  fill: #1479be; }

.wallet-card {
  fill: #1479be; }

.stats {
  fill: #cacaca;
  width: 3em; }
  .stats--large {
    width: 6em; }

.small-business-lineofcredit {
  fill: #cacaca;
  width: 3em; }
  .small-business-lineofcredit--large {
    width: 6em; }

.laptop-money {
  fill: #cacaca; }

.business-building-1, .business-building-2, .business-building-3, .business-building-4 {
  fill: #cacaca; }

.money-bags-0 {
  fill: #FEFEFE; }

.money-bags-1 {
  fill: #d6e5ed; }

.money-bags-2 {
  fill: #b4cedb; }

.money-bags-3 {
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.money-bags-4 {
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.piggy-bank-0 {
  fill: #FEFEFE; }

.piggy-bank-1 {
  fill: #d6e5ed; }

.piggy-bank-2 {
  fill: #b4cedb; }

.piggy-bank-3 {
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.piggy-bank-4 {
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.svg {
  margin: 0 auto;
  fill: currentColor;
  z-index: 0; }
  @media print, screen and (min-width: 63.9375em) {
    .svg--horizontal-list {
      width: 6em; } }
  .svg-crown {
    width: 6em; }
    @media print, screen and (min-width: 63.9375em) {
      .svg-crown {
        width: 12em; } }
  .svg-cups {
    width: 6em; }
  .svg-wallet-card {
    width: 6em; }
  .svg-card-tap {
    width: 6em; }
  .svg-contact-bird {
    width: 6em; }
  .svg-help-me-choose {
    width: 6em; }
  .svg-laptop {
    width: 6em; }
  .svg-lightning-bolt {
    width: 6em; }
  .svg-peaks {
    width: 6em; }
  .svg-plane {
    width: 6em; }
  .svg-online {
    width: 54em;
    margin: auto; }
    @media print, screen and (min-width: 46em) {
      .svg-online {
        width: 36em; } }
    @media print, screen and (min-width: 63.9375em) {
      .svg-online {
        width: 54em; } }
  .svg-phone {
    width: 9em;
    margin: auto; }
    @media print, screen and (min-width: 46em) {
      .svg-phone {
        width: 6em; } }
    @media print, screen and (min-width: 63.9375em) {
      .svg-phone {
        width: 9em; } }
  .svg-branch {
    width: 15em;
    margin: auto; }
    @media print, screen and (min-width: 46em) {
      .svg-branch {
        width: 9em; } }
    @media print, screen and (min-width: 63.9375em) {
      .svg-branch {
        width: 15em; } }
  .svg-lock-icon {
    width: 4.2em; }

.cups-0 {
  fill: none;
  stroke: #FEFEFE;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.cups-1 {
  fill: none;
  stroke: #FEFEFE;
  stroke-width: 2;
  stroke-linecap: square;
  stroke-miterlimit: 10; }

.crown-0 {
  display: none;
  fill: url("#XMLID_30_"); }

.crown-1 {
  fill: #FEFEFE; }

.crown-2 {
  fill: #d6e5ed; }

.crown-3 {
  fill: #b4cedb; }

.crown-4 {
  fill: none;
  stroke: #1479be;
  stroke-width: 1.0575;
  stroke-linecap: round;
  stroke-miterlimit: 10; }

.contact-bird-0 {
  fill: url("#XMLID_23_"); }

.contact-bird-1 {
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.contact-bird-2 {
  clip-path: url("#XMLID_24_");
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.contact-bird-3 {
  clip-path: url("#XMLID_24_");
  fill: #d6e5ed; }

.contact-bird-4 {
  clip-path: url("#XMLID_24_");
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.contact-bird-5 {
  clip-path: url("#XMLID_25_");
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.contact-bird-6 {
  clip-path: url("#XMLID_26_");
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.contact-bird-7 {
  clip-path: url("#XMLID_27_");
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.peaks-0 {
  fill: none;
  stroke: #FEFEFE;
  stroke-width: 2;
  stroke-miterlimit: 10; }

.lightning-bolt-0 {
  fill: none;
  stroke: #FEFEFE;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.hmc-0 {
  fill: url("#XMLID_20_"); }

.hmc-1 {
  fill: #FEFEFE; }

.hmc-2 {
  fill: #d6e5ed; }

.hmc-3 {
  fill: #b4cedb; }

.hmc-4 {
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.hmc-5 {
  fill: none; }

.hmc-6 {
  clip-path: url("#XMLID_21_");
  fill: #FEFEFE; }

.hmc-7 {
  clip-path: url("#XMLID_22_");
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.hmc-8 {
  fill: #FEFEFE;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.briefcase-0 {
  display: none;
  fill: url("#XMLID_30_"); }

.briefcase-1 {
  fill: none; }

.briefcase-2 {
  fill: #FEFEFE; }

.briefcase-3 {
  fill: #d6e5ed; }

.briefcase-4 {
  fill: #b4cedb; }

.briefcase-5 {
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.wallet-0 {
  fill: none; }

.wallet-1 {
  display: none;
  fill: url("#XMLID_30_"); }

.wallet-2 {
  fill: #FEFEFE; }

.wallet-3 {
  clip-path: url("#XMLID_31_");
  fill: #FEFEFE; }

.wallet-4 {
  fill: #d6e5ed; }

.wallet-5 {
  fill: #b4cedb; }

.wallet-6 {
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.wallet-7 {
  clip-path: url("#XMLID_32_");
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.plane-0 {
  fill: none;
  stroke: #FEFEFE;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-linejoin: round; }

.diamond-0 {
  fill: #FEFEFE; }

.diamond-1 {
  fill: #d6e5ed; }

.diamond-2 {
  fill: #b4cedb; }

.diamond-3 {
  fill: none;
  stroke: #1479be;
  stroke-width: 1.0575;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

.plane-shade-0 {
  display: none; }

.plane-shade-1 {
  fill: #FEFEFE; }

.plane-shade-2 {
  fill: #b4cedb; }

.plane-shade-3 {
  fill: #d6e5ed; }

.plane-shade-4 {
  fill: none;
  stroke: #1479be;
  stroke-width: 1.0575;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

.usd-0 {
  fill: #d6e5ed; }

.usd-1 {
  fill: #FEFEFE; }

.usd-2 {
  fill: #b4cedb; }

.usd-3 {
  fill: none;
  stroke: #1479be;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

.usd-4 {
  fill: #1479be; }

.money-hand {
  width: 60%;
  height: 6em; }

.ic-premium-rate {
  height: 4em; }

.id-ic {
  height: 8em;
  width: 100%; }

.timer-ic {
  height: 5em;
  width: 60%; }

.lock-ic {
  height: 5em;
  width: 60%; }

.fill-ic-calendar {
  fill: #0075be; }

.hmcValueHolder {
  margin-right: 1em;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.00937rem;
  font-weight: 300;
  font-weight: 400;
  margin-top: .5em; }
  @media print, screen and (min-width: 46em) {
    .hmcValueHolder {
      font-size: 1.125rem;
      line-height: 1.5rem;
      letter-spacing: 0.00937rem;
      font-weight: 300;
      font-weight: 400;
      line-height: 1.5em;
      letter-spacing: .15; } }

.hmcOptionsGroup {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
  margin-top: 1em; }
  .hmcOptionsGroup label.spacing-bottom:last-child {
    margin-bottom: .5em; }

.hmcQuestion {
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: .15;
  font-weight: 300; }

.hmcStartOver {
  width: 100%;
  text-align: center;
  padding-bottom: 50px; }
  .hmcStartOver a {
    font-weight: bold; }
  @media screen and (max-width: 45.99875em) {
    .hmcStartOver {
      padding-top: 30px; } }

/**
 * The tooltip class is a reserved class by foundation.
 * It actually points to the `tip` part, it should never be used standalone.
 *
 * 1. Use the standard box-shadow.
 *   TODO: Move it to settings.
 */
.tooltip {
  box-shadow: 0 0.3125rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
  max-width: 30em !important;
  border: 0.0625rem solid #cacaca;
  z-index: 10000;
  /**
    * This is for error
    */
  /**
   * This is a tooltip `text` that is actually an icon.
   *
   * 1. Tooltip text has by default a dotted border bottom to indicate it is a tooltip.
   *   but the icon itself is an indicator so the border is not needed.
   */
  /**
   * This is a tooltip `text` that is actually an svg.
   *
   * When we send text in as tooltip the line-height is slightly larger for the border-radius--circle.
   * We don't want that for the svg since it has it's own size defined so we overwrite it here.
   */
  /**
  *
  * DEFAULT Triangle
  * Note: Slightly larger triangle placed behind the actual triangle to create a border effect.
  *
  */
  /**
  *
  * DEFAULT Triangle
  * Note: Actual tooltip triangle.
  *
  */
  /**
  *
  * Foundation will add classes (.right .left .top) to tooltip depending on orientation
  *
  */
  /**
  *
  * TOP Triangle
  * Note: Slightly larger triangle placed behind the actual triangle to create a border effect. Using rgba as a workaround to
  * a weird pixel positioning bug.
  *
  */
  /**
  *
  * TOP Triangle
  * Note: Actual tooltip triangle.
  *
  */
  /**
  *
  * RIGHT Triangle
  * Note: Slightly larger triangle placed behind the actual triangle to create a border effect.
  *
  */
  /**
  *
  * RIGHT Triangle
  * Note: Actual tooltip triangle.
  *
  */
  /**
  *
  * LEFT Triangle
  * Note: Slightly larger triangle placed behind the actual triangle to create a border effect.
  *
  */
  /**
  *
  * LEFT Triangle
  * Note: Actual tooltip triangle.
  *
  */ }
  .tooltip--error {
    color: #FEFEFE !important;
    border-radius: 0.125rem;
    background-color: #6e6e6e;
    max-width: 20em !important;
    margin-top: 0; }
  .tooltip__icon {
    border-bottom: none; }
  .tooltip__svg {
    line-height: 1em; }
  .tooltip::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset .8rem;
    border-color: transparent transparent #cacaca;
    border-bottom-style: solid;
    border-top-width: 0;
    bottom: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .tooltip::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    border-color: transparent transparent #FEFEFE;
    border-bottom-style: solid;
    border-top-width: 0;
    bottom: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .tooltip.top::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset .8rem;
    border-color: rgba(202, 202, 202, 0.25) transparent transparent;
    border-bottom-style: solid;
    border-bottom-width: 0;
    top: 100%;
    bottom: auto; }
  .tooltip.top::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    border-color: #FEFEFE transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    top: 100%;
    bottom: auto; }
  .tooltip.right::before {
    border: inset .8rem;
    border-color: transparent #cacaca transparent;
    border-bottom-style: solid;
    border-left-width: 0;
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translateY(-50%); }
  .tooltip.right::after {
    border: inset .75rem;
    border-color: transparent #FEFEFE transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translateY(-50%); }
  .tooltip.left::before {
    border: inset .8rem;
    border-color: transparent transparent transparent #cacaca;
    border-left-style: solid;
    border-right-width: 0;
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translateY(-50%); }
  .tooltip.left::after {
    border: inset .75rem;
    border-color: transparent transparent transparent #FEFEFE;
    border-left-style: solid;
    border-right-width: 0;
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translateY(-50%); }

.has-tip {
  /**
    *
    * Make the tooltip icon sit inside of a circle. Text color is the BMO blue. This is the default.
    *
    */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #0075BE;
  border-radius: 50%;
  margin: 0 0.25em;
  cursor: default;
  width: 1.4em;
  height: 1.4em;
  /**
  *
  * Reverse the style to white text with BMO blue background color.
  *
  */
  /**
   * This is for tooltips `inline` text
   */ }
  .has-tip--small {
    /**
    *
    * Make the tooltip icon sit inside of a circle. Text color is the BMO blue. This is the default.
    *
    */
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #0075BE;
    border-radius: 50%;
    margin: 0 0.25em;
    cursor: default;
    width: 1.2em;
    height: 1.2em; }
  .has-tip--reverse {
    color: #FEFEFE;
    background-color: #0075BE; }
  .has-tip__inline {
    display: inline !important;
    margin: 0; }

.img-banner {
  position: relative;
  overflow-y: hidden; }
  .img-banner--text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    @media all and (max-width: 474px) {
      .img-banner--text h1 {
        font-size: 5vw; } }
    @media all and (min-width: 475px) and (max-width: 736px) {
      .img-banner--text h1 {
        font-size: 25px; } }
    @media print, screen and (min-width: 46em) {
      .img-banner--text h1 {
        font-size: 3vw; } }
    @media print, screen and (min-width: 63.9375em) {
      .img-banner--text h1 {
        font-size: 30px; } }
    @media all and (max-width: 449px) {
      .img-banner--text h3 {
        font-size: 3.5vw; } }
    @media all and (min-width: 450px) and (max-width: 736px) {
      .img-banner--text h3 {
        font-size: 15px; } }
    @media screen and (min-width: 46em) and (max-width: 63.93625em) {
      .img-banner--text h3 {
        font-size: 2vw; } }
    @media print, screen and (min-width: 63.9375em) {
      .img-banner--text h3 {
        font-size: 18px; } }

.product-comparison {
  color: #6e6e6e; }
  @media print, screen and (min-width: 63.9375em) {
    .product-comparison {
      width: auto;
      padding-top: .0625rem; } }
  .product-comparison__no-outline {
    outline: none; }
  .product-comparison__button {
    white-space: nowrap;
    width: 75%;
    margin: auto; }
    @media print, screen and (min-width: 63.9375em) {
      .product-comparison__button {
        width: 100%; } }
  .product-comparison__promo {
    padding-bottom: 1em; }
    .product-comparison__promo--red-heading {
      color: #ed1c24;
      font-weight: 700; }
    .product-comparison__promo-text {
      font-size: 0.75rem;
      display: block; }
  @media print, screen and (min-width: 63.9375em) {
    .product-comparison__carousel {
      margin-top: 2em;
      display: flex;
      flex-wrap: nowrap; } }
  @media print, screen and (min-width: 63.9375em) and (min-width: 46em) {
    .product-comparison__carousel {
      margin-top: 3em; } }
  .product-comparison__carousel.slick-dotted.slick-slider {
    margin-bottom: 1em; }
  .product-comparison__below-cta {
    padding-top: 1em;
    color: #6e6e6e; }
    .product-comparison__below-cta--form-link {
      color: #0075BE;
      border: none;
      padding: 0 !important;
      cursor: pointer; }
      .product-comparison__below-cta--form-link:hover {
        text-decoration: underline; }
    .product-comparison__below-cta--form-button-container {
      font-size: 0.9375rem;
      /* To match font size given in design */ }
  .product-comparison__item {
    padding: 0;
    display: flex;
    flex-direction: column; }
    @media print, screen and (min-width: 63.9375em) {
      .product-comparison__item {
        flex: 1; } }
  .product-comparison__row {
    margin: 0 0.5em; }
  .product-comparison__row:first-child .product-comparison__cell {
    border-top: 0.0625rem solid #cacaca;
    border-radius: 0.25em 0.25em 0 0; }
  .product-comparison__row:last-child .product-comparison__cell {
    border-bottom: 0.0625rem solid #cacaca;
    border-radius: 0 0 0.25em 0.25em; }
  .product-comparison__row:last-child {
    height: 100%; }
  .product-comparison__cell {
    height: 100%;
    border-left: 0.0625rem solid #cacaca;
    border-right: 0.0625rem solid #cacaca;
    position: relative;
    padding: 0 1em; }
    .product-comparison__cell--header {
      margin-top: 3em;
      padding-top: 2em; }
      @media print, screen and (min-width: 63.9375em) {
        .product-comparison__cell--header {
          margin-top: 1em; } }
    .product-comparison__cell--value {
      border-left: 0.0625rem solid #cacaca;
      border-right: 0.0625rem solid #cacaca;
      position: relative;
      padding: 0 1em;
      padding: 1em; }
      .product-comparison__cell--value--header {
        margin-top: 3em;
        padding-top: 2em; }
        @media print, screen and (min-width: 63.9375em) {
          .product-comparison__cell--value--header {
            margin-top: 1em; } }
    .product-comparison__cell--flex {
      display: flex;
      flex-direction: column;
      align-items: center; }
  .product-comparison__heading {
    text-transform: uppercase; }
    .product-comparison__heading-small {
      text-transform: uppercase;
      font-size: 0.75rem; }
  .product-comparison__text {
    margin-bottom: 0; }
  .product-comparison__value {
    font-size: 0.75rem;
    min-height: 3em; }
  .product-comparison__value a {
    display: inline; }
  .product-comparison__feature {
    font-size: 2em;
    color: #001928;
    padding-top: 1em;
    /**
      *
      * $site is not set manually in our scss files.
      *
      * Variable $site is pulled from the config.js file and set to
      * config.site.replace(".com", "").replace("sites/", "").replace(".io", "")
      * by tasks/styles.js
      *
      **/ }
    .product-comparison__feature--numeric {
      font-size: 2em;
      color: #001928;
      padding-top: 1em; }
    .product-comparison__feature--fr-numeric {
      font-size: 2em;
      color: #001928;
      padding-top: 1em; }
  .product-comparison__feature-mid {
    font-size: 2em;
    color: #001928;
    padding-top: 1em;
    font-size: 1.6em; }
  .product-comparison__link {
    display: block;
    padding: 1em 0; }
  .product-comparison__tagline {
    min-height: 4em; }
    .product-comparison__tagline-small {
      font-size: 0.75rem;
      min-height: 6em; }
  .product-comparison__tagline-business {
    min-height: 7em; }
  .product-comparison__offer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 1em;
    min-height: 4em; }
    .product-comparison__offer-trigger {
      display: block;
      height: auto; }
  .product-comparison__nav {
    margin-bottom: 1em; }
    .product-comparison__nav .slick-dots {
      left: 0;
      bottom: auto; }
      .product-comparison__nav .slick-dots li button::before {
        font-size: 0.75rem; }
      .product-comparison__nav .slick-dots li.slick-active button::before {
        color: #0075BE;
        opacity: 1; }

.help-me-choose-cta {
  margin-top: 2em; }
  @media print, screen and (min-width: 46em) {
    .help-me-choose-cta {
      margin-top: 3em; } }
  .help-me-choose-cta--cta-button {
    min-width: 11.25rem;
    /*adjusted to ensure cta buttons are same size*/
    margin: 0.5em 0;
    width: 100%; }
    @media print, screen and (min-width: 46em) {
      .help-me-choose-cta--cta-button {
        margin: 0.5em 1em;
        width: auto; } }

.monthly-fee-promo {
  margin-top: 1em;
  position: absolute;
  color: #ed1c24;
  left: 50%;
  transform: translateX(-50%); }
  .monthly-fee-promo--hidden {
    visibility: hidden; }
  .monthly-fee-promo::before {
    position: absolute;
    content: "";
    left: 0;
    top: 40%;
    right: 0;
    transform: rotate(20deg);
    border-top: 0.0625rem solid #cacaca;
    border-color: inherit; }

.business-compare .product-comparison__tagline, .business-compare .product-comparison__tagline-small {
  min-height: 8em; }

.flyout-container {
  transition: 0.5s;
  box-shadow: 0 2px 8px 0 rgba(0, 25, 40, 0.04), 0 4px 24px 0 rgba(0, 25, 40, 0.1); }
  .flyout-container .design-language .error-message.has-error {
    visibility: visible;
    opacity: 1;
    display: block; }
  .flyout-container .design-language .error-message {
    width: 100%;
    min-width: 150px;
    font-weight: 500;
    line-height: 16px;
    color: #C81414;
    background-repeat: no-repeat;
    background-position: left 0 top 1px;
    opacity: 0;
    transition: all .3s ease;
    margin-top: 8px;
    display: none;
    margin-bottom: 6px;
    visibility: visible;
    opacity: 1;
    display: block; }
  .flyout-container .design-language input[type=text] {
    margin-top: 10px !important;
    border-bottom: 2px solid !important;
    border-bottom-color: rgba(9, 9, 9, 0.15) !important;
    width: 100%;
    height: 36px;
    line-height: 40px;
    white-space: nowrap;
    transition: all 0.3s ease-out;
    padding-top: 8px; }
  .flyout-container .design-language input {
    font-family: 'Heebo';
    font-size: 18px;
    color: #001928;
    vertical-align: middle; }
  .flyout-container .design-language .form-label-group {
    flex: 1 1 auto;
    position: relative;
    padding: 0px 0px 6px 0px;
    display: grid; }
  .flyout-container .design-language .form-label-group label.slide-label {
    z-index: 2;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    pointer-events: none;
    height: 42px;
    cursor: pointer;
    border-radius: 4px 0px 0px 4px;
    padding: 0 8px; }
  .flyout-container .design-language label.slide-label span.label-text {
    display: inline; }
  .flyout-container .design-language label.active-label span.label-text {
    padding: 0px;
    font-size: 14px;
    margin-top: -4px; }
  .flyout-container .design-language label.slide-label span.label-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #0079c1;
    transition: 0.3s ease-out; }
  .flyout-container .display-rate {
    font-size: 67px;
    line-height: 40px;
    letter-spacing: -0.65px; }
    @media screen and (max-width: 45.99875em) {
      .flyout-container .display-rate {
        font-size: 65px; } }
    .flyout-container .display-rate sup {
      font-size: 55%;
      top: -0.60em; }
  .flyout-container .display-rate-small {
    font-size: 34px; }
  .flyout-container .zipcode-form {
    justify-content: left;
    display: flex; }
  .flyout-container .flyout-content {
    overflow: hidden;
    height: auto; }
    @media screen and (max-width: 63.93625em) {
      .flyout-container .flyout-content {
        max-height: 400px;
        transition: 0.5s; } }
  .flyout-container .flyout-content.closed {
    max-height: 0; }

.oof-modal-bg {
  background-color: rgba(0, 0, 0, 0.8); }

@media print, screen and (min-width: 63.9375em) {
  .flyout-parent {
    flex-flow: unset;
    overflow: hidden; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .flyout-parent {
    max-width: unset; } }

@media print, screen and (min-width: 46em) {
  .flyout-side {
    margin-top: 16px;
    margin-bottom: 16px; } }

@keyframes fadeInOpacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  opacity: 1;
  animation-duration: 1s;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out; }

@media screen and (min-width: 46em) {
  .popped-table {
    width: 100%;
    display: table;
    text-align: center;
    table-layout: fixed; }
    .popped-table--border-bottom {
      border-bottom: .0625rem solid #d9dce1; }
    .popped-table--border-left {
      border-left: .0625rem solid #d9dce1; }
    .popped-table--border-right {
      border-right: .0625rem solid #d9dce1; }
    .popped-table--border-top {
      border-top: .0625rem solid #d9dce1; }
    .popped-table--table-head-body {
      table-layout: fixed;
      display: table;
      background-color: transparent; } }
    @media screen and (min-width: 46em) and (min-width: 46em) {
      .popped-table--table-head-body {
        width: 1090px; } }
    @media screen and (min-width: 46em) and (min-width: 63.9375em) {
      .popped-table--table-head-body {
        width: 1600px; } }

@media screen and (min-width: 46em) {
    .popped-table--column-static {
      display: table-cell;
      text-align: left;
      padding-top: 24px;
      padding-bottom: 24px;
      padding-right: 24px;
      background-color: #f5f6f7;
      position: static;
      left: 0px;
      z-index: 3; }
    .popped-table--column-sticky {
      display: table-cell;
      text-align: left;
      padding-top: 24px;
      padding-bottom: 24px;
      padding-right: 24px;
      background-color: #f5f6f7;
      position: sticky;
      left: 0px;
      z-index: 3; } }
    @media screen and (min-width: 46em) and (-ms-high-contrast: active) {
      .popped-table--column-sticky {
        position: absolute;
        left: 0px;
        top: auto;
        right: auto;
        bottom: auto;
        border: none;
        width: 20.5%;
        height: 20%; } }

@media screen and (min-width: 46em) {
      .popped-table--column-sticky__top::after {
        content: "";
        position: absolute;
        bottom: 100%;
        height: 33px;
        width: 100%;
        left: 0;
        background: #f5f6f7; }
      .popped-table--column-sticky__bottom::after {
        content: "";
        position: absolute;
        bottom: -33px;
        left: 0;
        width: 100%;
        height: 33px;
        border-radius: 0 0 4px 4px;
        background: #f5f6f7; }
    .popped-table--unpopped-cell {
      padding: 24px;
      text-align: center;
      vertical-align: middle;
      background-color: #fff; }
    .popped-table--popped-cell {
      position: relative;
      padding: 24px;
      text-align: center;
      vertical-align: middle;
      background-color: #fff; }
      .popped-table--popped-cell > div:not(.popover-container) {
        position: relative;
        z-index: 2; }
      .popped-table--popped-cell::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        box-shadow: 0 20px #fff, 0 -20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1);
        -webkit-box-shadow: 0 20px #fff, 0 -20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1); }
      .popped-table--popped-cell__top::after {
        content: "";
        position: absolute;
        bottom: 100%;
        height: 24px;
        width: 100%;
        left: 0;
        background: #fff;
        border-radius: 4px 4px 0 0;
        box-shadow: 0 20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1);
        -webkit-box-shadow: 0 20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1); }
      .popped-table--popped-cell__between::after {
        content: "";
        position: absolute;
        width: 100%;
        bottom: -1px;
        left: 0;
        z-index: 2;
        border-bottom: 1px solid #d9dce1; }
      .popped-table--popped-cell__between--content::after {
        content: ""; }
      .popped-table--popped-cell__between--element::after {
        position: absolute;
        width: 100%;
        bottom: -1px;
        left: 0;
        z-index: 2;
        border-bottom: 1px solid #d9dce1; }
      .popped-table--popped-cell__bottom::after {
        content: "";
        position: absolute;
        bottom: -24px;
        left: 0;
        width: 100%;
        height: 24px;
        border-radius: 0 0 4px 4px;
        background: #fff;
        box-shadow: 0 -20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1);
        -webkit-box-shadow: 0 -20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1); }
      .popped-table--popped-cell__container {
        position: relative;
        z-index: 2; }
  .slick-next.white-chevron-background:before {
    content: none; }
  .slick-next.slick-arrow.white-chevron-background {
    top: 60%;
    height: 4rem;
    width: 3rem;
    background-color: #FFF;
    z-index: 99;
    left: 97.5%;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem; } }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .slick-next.slick-arrow.white-chevron-background {
      border-top-left-radius: 1rem;
      border-bottom-left-radius: 1rem;
      border-top-right-radius: .5rem;
      border-bottom-right-radius: .5rem; } }
  @media screen and (min-width: 46em) and (min-width: 46em) and (max-width: 63.93625em) {
    .slick-next.slick-arrow.white-chevron-background {
      left: 97%; } }
  @media screen and (min-width: 46em) and (max-width: 45.99875em) {
    .slick-next.slick-arrow.white-chevron-background {
      left: 87%; } }

@media screen and (min-width: 46em) {
  .slick-next.slick-arrow.top-50-percent {
    top: 50% !important; }
  .slick-next.slick-arrow.white-chevron-background.slick-disabled {
    display: none !important; }
  .slick-prev.white-chevron-background:before {
    content: none; }
  .slick-prev.slick-arrow.white-chevron-background {
    top: 60%;
    height: 4rem;
    width: 3rem;
    background-color: #FFF;
    z-index: 99;
    right: 99.5%;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem; } }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .slick-prev.slick-arrow.white-chevron-background {
      right: 100%;
      border-top-right-radius: 1rem;
      border-bottom-right-radius: 1rem;
      border-top-left-radius: .5rem;
      border-bottom-left-radius: .5rem; } }
  @media screen and (min-width: 46em) and (min-width: 46em) and (max-width: 63.93625em) {
    .slick-prev.slick-arrow.white-chevron-background {
      left: -24px; } }
  @media screen and (min-width: 46em) and (max-width: 45.99875em) {
    .slick-prev.slick-arrow.white-chevron-background {
      right: 0%;
      left: 0px; } }

@media screen and (min-width: 46em) {
  .slick-prev.slick-arrow.white-chevron-background.slick-disabled {
    display: none !important; }
  .slick-prev.slick-arrow.top-50-percent {
    top: 50% !important; } }

.toggle-button-wrapper [role="switch"] {
  height: 16px;
  border-radius: 8px;
  background: #d9dce1;
  width: 40px;
  z-index: 1;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease; }

.toggle-button-wrapper .toggle-button-switch {
  height: 24px;
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  padding: 0;
  z-index: 1;
  border: none;
  background-color: #F5F6F7;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: absolute;
  border-radius: 12px;
  margin-top: -12px;
  margin-left: -24px;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease; }

.toggle-button-wrapper .toggled {
  background: #7fbce0; }
  .toggle-button-wrapper .toggled > span {
    margin-left: 8px;
    background: #0075BE; }

/*  ###########################################################################################  */
/*  #### Trumps: High-specificity, very explicit selectors. Overrides and helper classes. ####  */
/*  ###########################################################################################  */
.color {
  /**
   * The legal color is used for disclaimers and terms.
   * It is a bit lighter than text so its not as pronounced.
   */ }
  .color-text {
    color: #001928 !important; }
  .color-primary {
    color: #0075BE; }
  .color-attention {
    color: #ed1c24; }
  .color-white {
    color: #FEFEFE; }
  .color-legal {
    color: #6e6e6e; }

.bulleted {
  padding-left: 1em;
  list-style: disc; }

@media print, screen and (min-width: 63.9375em) {
  .large-width-60p {
    width: 60%; } }

.fine-print {
  font-size: .85rem; }
  .fine-print ul {
    line-height: 1rem; }

.highlight pre {
  padding: 1rem; }

.no-style-bullet {
  list-style: none; }

.scalable-svg {
  display: none; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.background-primary {
  background-color: #0075BE; }
  .background-primary--dark {
    background-color: #095685; }

.background-grey {
  background-color: #f2f2f2; }
  .background-grey--dark {
    background-color: #fbfbfc; }
  .background-grey--medium {
    background-color: #929ba9; }

.background-grey--light {
  background-color: #cacaca; }

@media screen and (max-width: 45.99875em) {
  .small-only-no-background {
    background-color: transparent; } }

.background-light-blue {
  background-color: #f2f2f2; }

.background-white {
  background-color: #FEFEFE; }

.domain--harris .dax-italic-font {
  font-family: 'dax'; }

.flex {
  display: flex; }

.no-flex-grow {
  flex-grow: 0; }

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-align-items-center {
  align-items: center; }

.flex-none {
  flex: none; }

.flex-align-items-start {
  align-items: flex-start; }

.flex-basis-auto {
  flex-basis: auto; }

.align-self-center {
  align-self: center; }

.align-self-end {
  align-self: flex-end; }

.absolute-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

@media print, screen and (min-width: 46em) {
  .medium-absolute-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; } }

.no-wrap-text {
  white-space: nowrap; }

.no-wrap-text-mobile-only {
  white-space: nowrap; }
  @media print, screen and (min-width: 46em) {
    .no-wrap-text-mobile-only {
      white-space: normal; } }

.normal-wrap-text {
  white-space: normal; }

.white-space-pre {
  white-space: pre; }

.text-underline {
  text-decoration: underline; }

.underlined {
  padding-bottom: 0.5em;
  border-bottom: 0.0625rem solid #cacaca;
  display: inline-block; }

.inline {
  display: inline; }

.height-35rem {
  height: 35rem; }

.sup-special {
  font-size: 50%;
  vertical-align: super; }

.hr-inverted-margin {
  margin: 0 1em; }

.hr-col-padding {
  width: calc(100% - .8rem * 2); }

.block {
  display: block; }

.sticky-show {
  display: none; }

.is-stuck .sticky-show {
  display: block !important; }

.is-stuck .sticky-hide {
  display: none; }

.section-spacing {
  margin-top: 2em; }
  @media print, screen and (min-width: 46em) {
    .section-spacing {
      margin-top: 3em; } }

.spacing-half-rem {
  margin-left: .5rem;
  margin-right: .5rem; }

.plan-item-simple__tagline {
  min-height: 4.2em; }

.plan-item-simple__cell--value {
  min-height: 9.1em; }

.flush-width {
  display: flex;
  justify-content: center; }
  .flush-width__column {
    max-width: 75rem; }

/**
 * Centers the block element.
 */
.block-center {
  margin-right: auto;
  margin-left: auto; }
  @media screen and (max-width: 45.99875em) {
    .block-center--small-only {
      margin-right: auto;
      margin-left: auto; } }

.ie-width-fix--100 {
  width: 100%; }

.width-eighty {
  width: 80%; }

.max-width-ninety {
  max-width: 90%; }

.li-skip {
  line-height: 0;
  color: transparent; }

.divot-separator {
  border-bottom: 0.125rem solid #cacaca;
  position: relative; }
  .divot-separator::after {
    content: "";
    background: #FEFEFE;
    height: 1.75em;
    width: 1.75em;
    position: absolute;
    right: -0.875em;
    transform: rotate(45deg);
    right: 50%;
    height: 1.5em;
    width: 1.5em;
    transform: translateX(50%) rotate(45deg);
    border-right: 0.125rem solid #cacaca;
    border-bottom: 0.125rem solid #cacaca;
    margin-top: -0.75em; }

.flipped {
  transform: rotate(180deg); }

.banner-font {
  font-size: 3em;
  font-weight: 200;
  font-family: dax; }

.font-weight--medium {
  font-weight: 500; }

.iframe-video {
  height: 15.75rem; }
  @media print, screen and (min-width: 46em) {
    .iframe-video {
      height: 19.6875rem; } }

/* make superscripts on h1 tags a reasonable size */
.h1-small-super {
  font-size: .3em;
  display: inline-block;
  top: -1.7em; }

.inline-block {
  display: inline-block; }

.vertical-align-bottom {
  vertical-align: bottom; }

.vertical-align-top {
  vertical-align: top; }

.vertical-align-middle {
  vertical-align: middle; }

.mono {
  font-family: monospace;
  padding: 0 .125em; }

.flex-direction-column {
  flex-direction: column; }

.justify-space-around {
  justify-content: space-around; }

.justify-space-between {
  justify-content: space-between; }

.tab-icon {
  border-bottom: 0; }
  .tab-icon:hover {
    color: #0075BE; }
  .tab-icon.is-active .icon--circle {
    background-color: #0075BE;
    color: #FEFEFE; }

.max-width-auto {
  max-width: none; }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .max-width-auto-medium {
    max-width: none; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .negative-margin {
    margin-right: -25em; } }

.max-width-none {
  max-width: none; }

.no-border {
  border: 0 solid transparent !important; }

.no-border-bottom {
  border-bottom: none; }

.primary-dark-blue {
  background-color: #00436c;
  color: #FEFEFE; }

.inline-flex {
  display: inline-flex; }

.text-align-left {
  text-align: left; }

@media screen and (max-width: 63.93625em) {
  .medium-down-text-align-left {
    text-align: left; } }

@media screen and (max-width: 63.93625em) {
  .medium-down-text-align-right {
    text-align: right; } }

@media screen and (max-width: 45.99875em) {
  .small-only-text-align-left {
    text-align: left; } }

@media print, screen and (min-width: 63.9375em) {
  .large-only-text-center {
    text-align: center; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-text-center {
    text-align: center; } }

@media print, screen and (min-width: 46em) {
  .medium-text-center {
    text-align: center; } }

@media screen and (max-width: 45.99875em) {
  .small-flex-center {
    display: flex;
    justify-content: center;
    align-items: center; } }

@media screen and (max-width: 45.99875em) {
  .small-flex-wrap {
    flex-wrap: wrap; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-flex-wrap {
    flex-wrap: wrap; } }

@media screen and (max-width: 45.99875em) {
  .small-flex-full-width {
    flex: 0 0 100%; } }

@media screen and (max-width: 45.99875em) {
  .small-only-text-center {
    text-align: center; } }

/* this will center the content vertically on medium up */
@media print, screen and (min-width: 46em) {
  .medium-flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center; } }

@media print, screen and (min-width: 46em) {
  .medium-flex-space-around {
    display: flex;
    justify-content: space-around; } }

@media screen and (max-width: 45.99875em) {
  .small-flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; } }

@media print, screen and (min-width: 46em) {
  .medium-flex-basis-auto {
    flex-basis: auto; } }

@media print, screen and (min-width: 46em) {
  .medium-margin-bottom-auto {
    margin-bottom: auto; } }

@media screen and (max-width: 45.99875em) {
  .justify-content-none {
    justify-content: normal; } }

.flex-flow {
  flex-flow: row wrap; }

.overflow-hidden {
  overflow: hidden; }

.overflow-auto {
  overflow: auto; }

.overflow-x-table-scroll {
  overflow-x: scroll; }
  @media print, screen and (min-width: 63.9375em) {
    .overflow-x-table-scroll {
      overflow: auto; } }

.top-zero {
  top: 0; }

@media screen and (max-width: 45.99875em) {
  .swap-block__first {
    order: 2; }
  .swap-block__second {
    order: 1; } }

.width-4-em {
  width: 4em; }

@media screen and (max-width: 45.99875em) {
  .small-only-flex-width-50 {
    flex: 0 0 50%; } }

@media screen and (max-width: 45.99875em) {
  .small-only-flex-width-100 {
    flex: 0 0 100%; } }

.flex-align-center {
  display: flex;
  justify-content: center; }

@media print, screen and (min-width: 46em) {
  .medium-flex-align-right {
    justify-content: flex-end; } }

@media screen and (max-width: 45.99875em) {
  .small-flex-align-center {
    justify-content: center; } }

@media print, screen and (min-width: 46em) {
  .medium-flex-20 {
    flex: 0 0 20%;
    max-width: 20%; } }

.chevron-right-grey {
  /**
   * 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.75rem;
  height: 0.75rem;
  border-left: 0.125rem solid #cacaca;
  border-top: 0.125rem solid #cacaca;
  transform-origin: 0 0;
  transform: rotate(135deg) translate(20%, -50%); }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-flex-direction-column {
    flex-direction: column; } }

@media screen and (max-width: 45.99875em) {
  .small-only-flex-direction-column {
    flex-direction: column; } }

.height-fix--100 {
  height: 100%; }

@media print, screen and (min-width: 46em) {
  .medium-flex-basis-70 {
    flex-basis: 70%; } }

@media print, screen and (min-width: 46em) {
  .medium-flex-basis-30 {
    flex-basis: 30%; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-flex-basis-70 {
    flex-basis: 70%; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-flex-basis-30 {
    flex-basis: 30%; } }

@media print, screen and (min-width: 63.9375em) {
  .large-flex-basis-50 {
    flex-basis: 50%; } }

.flex-basis-50 {
  flex-basis: 50%; }

.small-only-reverse-layout {
  flex-wrap: wrap;
  flex-direction: column-reverse; }
  @media print, screen and (min-width: 46em) {
    .small-only-reverse-layout {
      flex-direction: row; } }

.outer-shadow {
  box-shadow: 0 2.5rem 2.5rem rgba(0, 0, 0, 0.5);
  border-radius: 0.9375rem; }

.font-weight-300 {
  font-weight: 300; }

.font-weight-400 {
  font-weight: 400; }

.font-weight-500 {
  font-weight: 500; }

@media print, screen and (min-width: 46em) {
  .logo-constraint {
    height: 2.1rem; } }

.color-green {
  color: #5db400; }

.margin-auto {
  margin: auto; }

.width-230 {
  width: 14.375rem; }

@media print, screen and (min-width: 46em) {
  .medium-form-input-width-300 {
    width: 18.75rem; } }

@media print, screen and (min-width: 46em) {
  .medium-width-65p {
    width: 65%; } }

.pointer {
  cursor: pointer; }

.wtb-opening-container .demo-link {
  margin-top: 0;
  margin-bottom: 2em; }
  @media print, screen and (min-width: 46em) {
    .wtb-opening-container .demo-link {
      margin-top: 2em;
      margin-bottom: 0; } }

.wtb-opening {
  margin: 0 auto;
  margin-bottom: 2em; }
  @media print, screen and (min-width: 46em) {
    .wtb-opening {
      margin: 0; } }

.wtb-border-right {
  border-right: 0; }
  @media print, screen and (min-width: 46em) {
    .wtb-border-right {
      border-right: 0.0625em solid #cacaca; } }

.wtb-security-callout {
  width: 90%;
  border-radius: 0.25em;
  border: 0.0625em solid #cacaca;
  padding: 1.25rem;
  margin: 0 auto; }
  @media print, screen and (min-width: 46em) {
    .wtb-security-callout {
      margin-left: 10%; } }

.wtb-opening-text a {
  display: inline; }

.wtb-opening-text p:last-child {
  margin-bottom: 0; }

.float-right {
  float: right; }

.float-left {
  float: left; }

.float-clear {
  float: none;
  clear: both; }

a.stay-dark:link, a.stay-dark:visited {
  color: #001928; }

a.stay-dark:hover, a.stay-dark:active {
  color: #001928;
  text-decoration: none; }

.banner-interior {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 2rem;
  padding-top: 2rem; }
  @media print, screen and (min-width: 46em) {
    .banner-interior {
      padding-left: 3rem; } }
  .banner-interior div {
    max-width: 20rem; }

.dark-background-text a {
  color: #FEFEFE; }
  .dark-background-text a:visited {
    color: #FEFEFE; }
  .dark-background-text a:hover {
    color: #FEFEFE; }
  .dark-background-text a:active {
    color: #FEFEFE; }

.tv-font-18 {
  font-size: 1.125rem; }

.background--atention {
  background-color: #ed1c24; }

/* styles for content hub page*/
.invest-smart-ctas {
  text-align: center; }
  @media print, screen and (min-width: 46em) {
    .invest-smart-ctas {
      display: flex;
      justify-content: space-evenly;
      align-items: center; } }

.invest-smart-svg-overlay {
  position: absolute;
  bottom: .75rem;
  right: .75rem; }
  @media print, screen and (min-width: 46em) {
    .invest-smart-svg-overlay {
      bottom: 1rem;
      right: 1rem; } }

.invest-smart-filter-text {
  display: block; }
  @media print, screen and (min-width: 46em) {
    .invest-smart-filter-text {
      display: inline-flex; } }

.invest-smart-filter-buttons {
  display: flex; }
  @media print, screen and (min-width: 46em) {
    .invest-smart-filter-buttons {
      display: inline-flex; } }

.invest-smart-filter-button {
  width: 7.5rem;
  height: 2.5rem;
  color: #cacaca;
  margin-left: 0.5em;
  margin-right: 0.5em;
  justify-content: center;
  border: 0.04688rem solid #cacaca;
  border-radius: 0.25em;
  font-size: 0.75rem;
  display: inline-flex;
  align-items: center; }
  .invest-smart-filter-button:hover {
    border: 0.04688rem solid #0075BE;
    text-decoration: none; }
  .invest-smart-filter-button.is-active {
    background: #0075BE;
    border-color: #0075BE;
    color: #FEFEFE;
    outline: none;
    text-decoration: none; }
    .invest-smart-filter-button.is-active:focus {
      color: #FEFEFE; }
    .invest-smart-filter-button.is-active:hover {
      pointer-events: none; }
    .invest-smart-filter-button.is-active .svg-video-play path {
      stroke: #FEFEFE; }
    .invest-smart-filter-button.is-active .svg-video-play polygon {
      stroke: #FEFEFE; }
    .invest-smart-filter-button.is-active .svg-calculator path {
      stroke-opacity: 0;
      fill: #FEFEFE; }
    .invest-smart-filter-button.is-active .svg-article path {
      stroke: #FEFEFE; }
  .invest-smart-filter-button:focus {
    text-decoration: none;
    color: #cacaca;
    outline: none; }
  .invest-smart-filter-button .svg-video-play path {
    stroke: #cacaca; }
  .invest-smart-filter-button .svg-video-play polygon {
    stroke: #cacaca; }
  .invest-smart-filter-button .svg-calculator path {
    stroke-opacity: 0;
    fill: #cacaca; }
  .invest-smart-filter-button .svg-article path {
    stroke: #cacaca; }

.invest-smart-link-icon {
  display: table-cell;
  vertical-align: top;
  padding-right: .75em; }

.invest-smart-link-text {
  display: table-cell;
  vertical-align: top; }

/* for making images use up all space available */
.img-full-width {
  width: 100%; }
  .img-full-width img {
    width: 100%; }

.modal-special-background {
  background-color: #f5f6f7; }

.background-blue--light {
  background-color: #7897C8; }

@media print {
  .no-print {
    display: none; } }

.special-tip.top.has-tip {
  width: 100%;
  display: inline-block; }

.min-height-auto {
  min-height: auto; }

.info-dropdown--cta {
  cursor: pointer;
  align-items: center; }

.info-dropdown.open {
  max-height: 10.75rem; }
  .info-dropdown.open::after {
    content: " ";
    width: 0;
    height: 0;
    border-left: 0.625rem solid transparent;
    border-right: 0.625rem solid transparent;
    border-bottom: 0.625rem solid #f2f2f2;
    position: relative;
    top: -0.6875rem; }
    @media print, screen and (min-width: 46em) {
      .info-dropdown.open::after {
        top: -0.4375rem; } }

.info-dropdown .icon-flip .icon__icon--chevron-down {
  transform: rotate(180deg);
  margin-left: 1em; }

.investment-white-box {
  width: 90%;
  position: absolute !important;
  top: 75%; }
  @media print, screen and (min-width: 63.9375em) {
    .investment-white-box {
      width: 50%;
      right: 0%;
      top: 35%; } }
  .investment-white-box-spacing {
    margin-top: 23rem; }
    @media print, screen and (min-width: 46em) {
      .investment-white-box-spacing {
        margin-top: 13rem; } }
    @media print, screen and (min-width: 63.9375em) {
      .investment-white-box-spacing {
        margin-top: 6rem; } }

@media print, screen and (min-width: 63.9375em) {
  .large-flex-center {
    display: flex;
    align-items: center; } }

@media print, screen and (min-width: 46em) {
  .medium-flex-center {
    display: flex;
    align-items: center; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-flex-center {
    display: flex;
    align-items: center; } }

.imnothere {
  display: none;
  visibility: hidden; }

.font-size-10 {
  font-size: 10px; }

.font-size-14 {
  font-size: 14px; }

.sorting-tag-height {
  height: 2rem; }

.weight-300-important {
  font-weight: 300 !important; }

.close-button-grey {
  color: #8a8a8a !important; }
  .close-button-grey:focus, .close-button-grey:hover {
    color: #0a0a0a !important; }

@media screen and (min-width: 46em) {
  .steps-style {
    padding: 1.25em 1em 0;
    border-right: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 2px solid #cacaca;
    border-right: 0px; }
    .steps-style span {
      font-size: 26px; } }

.overlay-banner-image {
  position: absolute;
  bottom: 0;
  left: 63%;
  order: 1; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .overlay-banner-image {
      order: 2;
      bottom: 5%;
      left: 55%; } }
  @media screen and (max-width: 45.99875em) {
    .overlay-banner-image {
      bottom: unset;
      top: 10%;
      left: 50%;
      margin-left: -39%; }
      .overlay-banner-image img {
        max-height: 13em;
        min-height: 12em; } }

.overlay-banner-image--center {
  position: absolute; }
  @media print, screen and (min-width: 46em) {
    .overlay-banner-image--center {
      order: 2;
      bottom: 0;
      left: 53%; } }
  @media screen and (max-width: 45.99875em) {
    .overlay-banner-image--center {
      order: 1;
      top: 15px;
      left: 0; }
      .overlay-banner-image--center img {
        height: 15em; } }

.ribbon__content {
  margin: 0;
  background: #414141;
  color: #fff;
  padding: .25em 0;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(30%) translateY(0) rotate(45deg);
  transform-origin: top left; }

.ribbon__content:after, .ribbon__content:before {
  content: "";
  position: absolute;
  top: 0;
  margin: 0 -.0625em;
  width: 50%;
  height: 100%;
  background: #414141; }

.ribbon__content:before {
  right: 100%; }

.ribbon__content:after {
  left: 100%; }

.special-ribbon__compare-ribbon {
  margin-top: -29%;
  margin-left: 14%; }
  .special-ribbon__compare-ribbon::before {
    content: "";
    bottom: -0.75em;
    border-width: 0.75em 0 0 0.75em; }
  @media screen and (min-width: 46em) {
    .special-ribbon__compare-ribbon {
      margin-top: -21%;
      margin-left: 13.5%; } }

.product-column {
  margin-top: 10%;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  border: 0.0625rem solid #cacaca;
  border-radius: 0.25em; }

.product-column--custom-spacing-top {
  margin-top: 75px; }
  @media screen and (max-width: 45.99875em) {
    .product-column--custom-spacing-top {
      margin-top: 54px; } }

.product-column--custom-pa-spacing-top {
  margin-top: 75px; }
  @media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
    .product-column--custom-pa-spacing-top {
      margin-top: 30px; } }

.product-column__compare-image {
  width: 75%;
  margin-bottom: -30%;
  padding-right: 1em;
  padding-left: 1em;
  padding-bottom: 1em;
  padding-top: 1em;
  transform: translateY(-60%);
  background: #fff;
  margin-top: 2em; }
  @media screen and (min-width: 46em) {
    .product-column__compare-image {
      transform: translateY(-50%);
      margin-top: 0; } }

.link--black {
  color: #000;
  text-decoration: none; }
  .link--black:focus {
    color: #1585cf;
    box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.65);
    outline: 0; }
  .link--black:hover {
    text-decoration: none;
    color: #1585cf; }

.icon-credit-card {
  position: absolute;
  z-index: 1;
  top: -13%;
  left: 80%; }
  @media screen and (max-width: 45.99875em) {
    .icon-credit-card {
      top: -14%; } }

.no-outline, .no-outline:hover, .no-outline:focus {
  outline: none; }

.no-text-decoration, .no-text-decoration:hover, .no-text-decoration:focus {
  text-decoration: none; }

.spacing-zero-auto {
  margin: 0 auto; }

.contents {
  display: contents; }

@media print, screen and (min-width: 63.9375em) {
  .mutual-fund-modal-content {
    width: 100%;
    max-width: 75rem; } }

.podcast-transcript-container {
  height: 500px;
  overflow-y: scroll; }

@media print, screen and (min-width: 63.9375em) {
  .accordion__title--chevron--blue--left-align.podcast-transcript-button::after {
    right: 1.3em; } }

.accordion__title--chevron--blue--left-align.podcast-transcript-button-fr::after {
  right: -0.5em; }
  @media print, screen and (min-width: 63.9375em) {
    .accordion__title--chevron--blue--left-align.podcast-transcript-button-fr::after {
      right: 8em; } }
  @media print, screen and (min-width: 46em) {
    .accordion__title--chevron--blue--left-align.podcast-transcript-button-fr::after {
      right: 0em; } }

@media screen and (max-width: 63.93625em) {
  .max-width-75-md-sm {
    max-width: 75rem; } }

[aria-haspopup] {
  cursor: pointer; }

.placeholder-color-granite::placeholder {
  color: #6e6e6e;
  opacity: 1; }

.tooltip-component {
  padding: 10px;
  box-shadow: 0 0.3125rem 0.3125rem 0 rgba(0, 25, 40, 0.2);
  border: 0.0625rem solid #d9dce1;
  z-index: 10;
  background-color: #FEFEFE;
  color: #001928;
  position: absolute;
  padding-right: 48px;
  line-height: 1.5;
  width: 25%; }
  .tooltip-component .tooltip-close-button {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    border-style: none;
    margin: 0rem;
    padding: 0rem;
    background-color: transparent; }
  @media screen and (max-width: 45.99875em) {
    .tooltip-component {
      width: calc(100% - 32px);
      left: 16px !important; }
      .tooltip-component:before, .tooltip-component:after {
        content: none; } }
  @media print, screen and (min-width: 46em) {
    .tooltip-component {
      max-width: 480px; } }
  .tooltip-component__arrow {
    position: absolute;
    width: 32px;
    z-index: 11;
    transform: translateY(4px); }
    .tooltip-component__arrow:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border: inset .8rem;
      border-color: transparent transparent #d9dce1;
      border-bottom-style: solid;
      border-top-width: 0;
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }
    .tooltip-component__arrow:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border: inset .75rem;
      border-color: transparent transparent #FEFEFE;
      border-bottom-style: solid;
      border-top-width: 0;
      position: absolute;
      left: 50%;
      transform: translate(-50%, 2px); }

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .safari-only.a11y-outline-color--blue:focus {
      outline: 2px solid #005fcc !important;
      position: relative;
      overflow: hidden; } } }

abbr,
abbr[title] {
  border-bottom: none;
  cursor: default;
  text-decoration: none; }

.seo-show-for-sr:before {
  content: attr(sronly);
  display: inline;
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px; }

.highlight {
  background: #FEFEFE; }

.highlight .c {
  color: #998;
  font-style: italic; }

/* Comment */
.highlight .err {
  color: #a61717;
  background-color: #e3d2d2; }

/* Error */
.highlight .k {
  font-weight: bold; }

/* Keyword */
.highlight .o {
  font-weight: bold; }

/* Operator */
.highlight .cm {
  color: #998;
  font-style: italic; }

/* Comment.Multiline */
.highlight .cp {
  color: #999;
  font-weight: bold; }

/* Comment.Preproc */
.highlight .c1 {
  color: #998;
  font-style: italic; }

/* Comment.Single */
.highlight .cs {
  color: #999;
  font-weight: bold;
  font-style: italic; }

/* Comment.Special */
.highlight .gd {
  color: #000;
  background-color: #fdd; }

/* Generic.Deleted */
.highlight .gd .x {
  color: #000;
  background-color: #faa; }

/* Generic.Deleted.Specific */
.highlight .ge {
  font-style: italic; }

/* Generic.Emph */
.highlight .gr {
  color: #a00; }

/* Generic.Error */
.highlight .gh {
  color: #999; }

/* Generic.Heading */
.highlight .gi {
  color: #000;
  background-color: #dfd; }

/* Generic.Inserted */
.highlight .gi .x {
  color: #000;
  background-color: #afa; }

/* Generic.Inserted.Specific */
.highlight .go {
  color: #888; }

/* Generic.Output */
.highlight .gp {
  color: #555; }

/* Generic.Prompt */
.highlight .gs {
  font-weight: bold; }

/* Generic.Strong */
.highlight .gu {
  color: #aaa; }

/* Generic.Subheading */
.highlight .gt {
  color: #a00; }

/* Generic.Traceback */
.highlight .kc {
  font-weight: bold; }

/* Keyword.Constant */
.highlight .kd {
  font-weight: bold; }

/* Keyword.Declaration */
.highlight .kp {
  font-weight: bold; }

/* Keyword.Pseudo */
.highlight .kr {
  font-weight: bold; }

/* Keyword.Reserved */
.highlight .kt {
  color: #458;
  font-weight: bold; }

/* Keyword.Type */
.highlight .m {
  color: #099; }

/* Literal.Number */
.highlight .s {
  color: #d14; }

/* Literal.String */
.highlight .na {
  color: #008080; }

/* Name.Attribute */
.highlight .nb {
  color: #0086b3; }

/* Name.Builtin */
.highlight .nc {
  color: #458;
  font-weight: bold; }

/* Name.Class */
.highlight .no {
  color: #008080; }

/* Name.Constant */
.highlight .ni {
  color: #800080; }

/* Name.Entity */
.highlight .ne {
  color: #900;
  font-weight: bold; }

/* Name.Exception */
.highlight .nf {
  color: #900;
  font-weight: bold; }

/* Name.Function */
.highlight .nn {
  color: #555; }

/* Name.Namespace */
.highlight .nt {
  color: #000080; }

/* Name.Tag */
.highlight .nv {
  color: #008080; }

/* Name.Variable */
.highlight .ow {
  font-weight: bold; }

/* Operator.Word */
.highlight .w {
  color: #bbb; }

/* Text.Whitespace */
.highlight .mf {
  color: #099; }

/* Literal.Number.Float */
.highlight .mh {
  color: #099; }

/* Literal.Number.Hex */
.highlight .mi {
  color: #099; }

/* Literal.Number.Integer */
.highlight .mo {
  color: #099; }

/* Literal.Number.Oct */
.highlight .sb {
  color: #d14; }

/* Literal.String.Backtick */
.highlight .sc {
  color: #d14; }

/* Literal.String.Char */
.highlight .sd {
  color: #d14; }

/* Literal.String.Doc */
.highlight .s2 {
  color: #d14; }

/* Literal.String.Double */
.highlight .se {
  color: #d14; }

/* Literal.String.Escape */
.highlight .sh {
  color: #d14; }

/* Literal.String.Heredoc */
.highlight .si {
  color: #d14; }

/* Literal.String.Interpol */
.highlight .sx {
  color: #d14; }

/* Literal.String.Other */
.highlight .sr {
  color: #009926; }

/* Literal.String.Regex */
.highlight .s1 {
  color: #d14; }

/* Literal.String.Single */
.highlight .ss {
  color: #990073; }

/* Literal.String.Symbol */
.highlight .bp {
  color: #999; }

/* Name.Builtin.Pseudo */
.highlight .vc {
  color: #008080; }

/* Name.Variable.Class */
.highlight .vg {
  color: #008080; }

/* Name.Variable.Global */
.highlight .vi {
  color: #008080; }

/* Name.Variable.Instance */
.highlight .il {
  color: #099; }

/**
 * Border utilities
 *
 * These are used to add border to the component.
 * ONLY uncomment the ones you need.
 *
 */
.border-top {
  border-top: 0.0625rem solid #cacaca; }

.small-border-top {
  border-top: 0.0625rem solid #cacaca; }

@media print, screen and (min-width: 46em) {
  .medium-border-top {
    border-top: 0.0625rem solid #cacaca; } }

@media print, screen and (min-width: 63.9375em) {
  .large-border-top {
    border-top: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-border-top {
    border-top: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 90em) {
  .xxlarge-border-top {
    border-top: 0.0625rem solid #cacaca; } }

.border-right {
  border-right: 0.0625rem solid #cacaca; }

.small-border-right {
  border-right: 0.0625rem solid #cacaca; }

@media print, screen and (min-width: 46em) {
  .medium-border-right {
    border-right: 0.0625rem solid #cacaca; } }

@media print, screen and (min-width: 63.9375em) {
  .large-border-right {
    border-right: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-border-right {
    border-right: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 90em) {
  .xxlarge-border-right {
    border-right: 0.0625rem solid #cacaca; } }

.border-bottom {
  border-bottom: 0.0625rem solid #cacaca; }

.small-border-bottom {
  border-bottom: 0.0625rem solid #cacaca; }

@media print, screen and (min-width: 46em) {
  .medium-border-bottom {
    border-bottom: 0.0625rem solid #cacaca; } }

@media print, screen and (min-width: 63.9375em) {
  .large-border-bottom {
    border-bottom: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-border-bottom {
    border-bottom: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 90em) {
  .xxlarge-border-bottom {
    border-bottom: 0.0625rem solid #cacaca; } }

.border-left {
  border-left: 0.0625rem solid #cacaca; }

.small-border-left {
  border-left: 0.0625rem solid #cacaca; }

@media print, screen and (min-width: 46em) {
  .medium-border-left {
    border-left: 0.0625rem solid #cacaca; } }

@media print, screen and (min-width: 63.9375em) {
  .large-border-left {
    border-left: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-border-left {
    border-left: 0.0625rem solid #cacaca; } }

@media screen and (min-width: 90em) {
  .xxlarge-border-left {
    border-left: 0.0625rem solid #cacaca; } }

/**
 * Border classes
 *
 * These are used to add border to the pages.
 *
 */
.border {
  border: 0.0625rem solid #cacaca; }

@media screen and (max-width: 45.99875em) {
  .small-only-border {
    border: 0.0625rem solid #cacaca; }
  .small-only-border-top {
    border-top: 0.0625rem solid #cacaca; }
  .small-only-border-bottom {
    border-bottom: 0.0625rem solid #cacaca; }
  .small-only-border-left {
    border-left: 0.0625rem solid #cacaca; }
  .small-only-border-right {
    border-right: 0.0625rem solid #cacaca; }
  .small-only-no-border {
    border: 0 solid transparent; } }

@media print, screen and (min-width: 46em) {
  .medium-border {
    border: 0.0625rem solid #cacaca; }
  .medium-border-top {
    border-top: 0.0625rem solid #cacaca; }
  .medium-border-bottom {
    border-bottom: 0.0625rem solid #cacaca; }
  .medium-border-left {
    border-left: 0.0625rem solid #cacaca; }
  .medium-border-right {
    border-right: 0.0625rem solid #cacaca; } }

@media print, screen and (min-width: 63.9375em) {
  .large-border {
    border: 0.0625rem solid #cacaca; }
  .large-border-top {
    border-top: 0.0625rem solid #cacaca; }
  .large-border-bottom {
    border-bottom: 0.0625rem solid #cacaca; }
  .large-border-left {
    border-left: 0.0625rem solid #cacaca; }
  .large-border-right {
    border-right: 0.0625rem solid #cacaca; }
  .large-no-border {
    border: 0 solid transparent; } }

.border-dashed {
  border-style: dashed;
  border-width: 0.0625rem;
  border-color: #cacaca;
  border-radius: 0.5em; }

.border-grey {
  border-color: #cacaca; }

.border-grey--light {
  border-color: #cacaca; }

.border-grey--light--thick {
  border: 0.125em solid #cacaca;
  border-color: #cacaca; }

/* styles to handle column border */
.responsive-column-border {
  border-bottom: 0.0625rem solid #cacaca; }
  @media print, screen and (min-width: 46em) {
    .responsive-column-border {
      border-bottom: 0 solid transparent;
      border-right: 0.0625rem solid #cacaca; } }
  .responsive-column-border:last-child {
    border-bottom: 0 solid transparent; }
    @media print, screen and (min-width: 46em) {
      .responsive-column-border:last-child {
        border-right: 0 solid transparent; } }

.irresponsive-column-border {
  border-right: 0.0625rem solid #cacaca; }
  @media print, screen and (min-width: 46em) {
    .irresponsive-column-border {
      border-bottom: 0.0625rem solid #cacaca;
      border-right: 0 solid transparent; } }
  .irresponsive-column-border:last-child {
    border-right: 0 solid transparent; }
    @media print, screen and (min-width: 46em) {
      .irresponsive-column-border:last-child {
        border-bottom: 0 solid transparent; } }

/* primary color border */
.border-solid-primary {
  border: 0.125rem solid #0075BE;
  border-bottom: 0; }

.border-bottom-solid-primary {
  border-bottom: 0.1875rem solid #0075BE; }

.border--thick {
  border: 0.125em solid #cacaca; }

.share-cta-border {
  border: 0.125em solid #cacaca;
  border-radius: 5em; }
  .share-cta-border:hover, .share-cta-border:focus {
    border: 0.125em solid #0075BE; }

.border-grey--light {
  border-color: #cacaca; }

.border-radius {
  border-radius: 0.5em; }
  .border-radius--16 {
    border-radius: 16px; }

.border-radius-4 {
  border-radius: 0.25rem; }

.border-granite {
  border-color: #6e6e6e; }

@media print, screen and (min-width: 46em) {
  .medium-border-radius {
    border-radius: 0.5em; } }

.border-top-left-radius {
  border-top-left-radius: 4px; }
  .border-top-left-radius--16 {
    border-top-left-radius: 16px; }

.border-bottom-left-radius {
  border-bottom-left-radius: 4px; }
  .border-bottom-left-radius--16 {
    border-bottom-left-radius: 16px; }

.border-top-right-radius {
  border-top-right-radius: 4px; }
  .border-top-right-radius--16 {
    border-top-right-radius: 16px; }

.border-bottom-right-radius {
  border-bottom-right-radius: 4px; }
  .border-bottom-right-radius--16 {
    border-bottom-right-radius: 16px; }

@media screen and (max-width: 45.99875em) {
  .small-only-no-border-radius {
    border-radius: 0 !important; } }

.round {
  border-radius: 50%; }

/**
 * Spacing utility
 *
 * Adds margin to the component.
 *
 * The reason for these utilities is that the spacing should be standard.
 *
 */
.spacing {
  margin: 1em; }

.no-spacing {
  margin: 0 !important; }

.spacing-bottom {
  margin-bottom: 1em; }
  .spacing-bottom--x-small {
    margin-bottom: 0.25em; }
  .spacing-bottom--small {
    margin-bottom: 0.5em; }
  .spacing-bottom--none {
    margin-bottom: 0; }
  .spacing-bottom--small-3-x {
    margin-bottom: 1.5em; }
  .spacing-bottom--small-5-x {
    margin-bottom: 2.5em; }
  .spacing-bottom--large {
    margin-bottom: 2em; }
  .spacing-bottom--x-large {
    margin-bottom: 4em; }
  .spacing-bottom--negative-unit-3x {
    margin-bottom: -3em; }
  .spacing-bottom--negative-unit-2x {
    margin-bottom: -2em; }
  .spacing-bottom--20 {
    margin-bottom: 1.25rem; }
  .spacing-bottom--24 {
    margin-bottom: 1.5rem; }
  .spacing-bottom--medium {
    margin-bottom: 0.75rem; }
  .spacing-bottom--spacing-3-x {
    margin-bottom: 3em; }
  .spacing-bottom--unit-5x {
    margin-bottom: 5em; }
  .spacing-bottom--unit-10x {
    margin-bottom: 10em; }
  .spacing-bottom--unit-12x {
    margin-bottom: 12em; }

.no-spacing-bottom {
  margin-bottom: 0 !important; }

.spacing-left {
  margin-left: 1em; }
  .spacing-left--auto {
    margin-left: auto; }
  .spacing-left--x-small {
    margin-left: 0.25em; }
  .spacing-left--small {
    margin-left: 0.5em; }
  .spacing-left--small-3-x {
    margin-left: 1.5em; }
  .spacing-left--large {
    margin-left: 2em; }
  .spacing-left--x-large {
    margin-left: 4em; }
  .spacing-left--unit-6x {
    margin-left: 6em; }
  .spacing-left--24 {
    margin-left: 1.5rem; }

.spacing-right {
  margin-right: 1em; }
  .spacing-right--x-small {
    margin-right: 0.25em; }
  .spacing-right--small {
    margin-right: 0.5em; }
  .spacing-right--small-3-x {
    margin-right: 1.5em; }
  .spacing-right--large {
    margin-right: 2em; }
  .spacing-right--x-large {
    margin-right: 4em; }
  .spacing-right--24 {
    margin-right: 1.5rem; }

.spacing-top-padding {
  padding-top: 1em; }

.spacing-top {
  margin-top: 1em; }
  .spacing-top--x-small {
    margin-top: 0.25em; }
  .spacing-top--small {
    margin-top: 0.5em; }
  .spacing-top--none {
    margin-top: 0; }
  .spacing-top--small-3-x {
    margin-top: 1.5em; }
  .spacing-top--small-5-x {
    margin-top: 2.5em; }
  .spacing-top--large {
    margin-top: 2em; }
  .spacing-top--x-large {
    margin-top: 4em; }
  .spacing-top--negative-33 {
    margin-top: -33rem; }
  .spacing-top--negative-adjusted-heading {
    margin-top: -180px; }
    @media print, screen and (min-width: 63.9375em) {
      .spacing-top--negative-adjusted-heading {
        margin-top: -220px; } }
  .spacing-top--negative-adjusted-no-subheading {
    margin-top: -150px; }
  .spacing-top--negative-24 {
    margin-top: -24px; }
  .spacing-top--20 {
    margin-top: 1.25rem; }
  .spacing-top--24 {
    margin-top: 1.5rem; }
  .spacing-top--medium {
    margin-top: 0.75rem; }

.tv-spacing--xxx-small {
  padding: 0.5em; }

.tv-spacing-top--xxx-small {
  padding-top: 0.5em; }

.tv-spacing-bottom--xxx-small {
  padding-bottom: 0.5em; }

.tv-spacing-right--xxx-small {
  padding-right: 0.5em; }

.tv-spacing-left--xxx-small {
  padding-left: 0.5em; }

.tv-padding--xxx-small {
  padding: 0.5em; }

.tv-padding-top--xxx-small {
  padding-top: 0.5em; }

.tv-padding-bottom--xxx-small {
  padding-bottom: 0.5em; }

.tv-padding-right--xxx-small {
  padding-right: 0.5em; }

.tv-padding-left--xxx-small {
  padding-left: 0.5em; }

.tv-margin--xxx-small {
  margin: 0.5em; }

.tv-margin-top--xxx-small {
  margin-top: 0.5em; }

.tv-margin-bottom--xxx-small {
  margin-bottom: 0.5em; }

.tv-margin-right--xxx-small {
  margin-right: 0.5em; }

.tv-margin-left--xxx-small {
  margin-left: 0.5em; }

.tv-spacing--xx-small {
  padding: 1em; }

.tv-spacing-top--xx-small {
  padding-top: 1em; }

.tv-spacing-bottom--xx-small {
  padding-bottom: 1em; }

.tv-spacing-right--xx-small {
  padding-right: 1em; }

.tv-spacing-left--xx-small {
  padding-left: 1em; }

.tv-padding--xx-small {
  padding: 1em; }

.tv-padding-top--xx-small {
  padding-top: 1em; }

.tv-padding-bottom--xx-small {
  padding-bottom: 1em; }

.tv-padding-right--xx-small {
  padding-right: 1em; }

.tv-padding-left--xx-small {
  padding-left: 1em; }

.tv-margin--xx-small {
  margin: 1em; }

.tv-margin-top--xx-small {
  margin-top: 1em; }

.tv-margin-bottom--xx-small {
  margin-bottom: 1em; }

.tv-margin-right--xx-small {
  margin-right: 1em; }

.tv-margin-left--xx-small {
  margin-left: 1em; }

.tv-spacing--x-small {
  padding: 1.5em; }

.tv-spacing-top--x-small {
  padding-top: 1.5em; }

.tv-spacing-bottom--x-small {
  padding-bottom: 1.5em; }

.tv-spacing-right--x-small {
  padding-right: 1.5em; }

.tv-spacing-left--x-small {
  padding-left: 1.5em; }

.tv-padding--x-small {
  padding: 1.5em; }

.tv-padding-top--x-small {
  padding-top: 1.5em; }

.tv-padding-bottom--x-small {
  padding-bottom: 1.5em; }

.tv-padding-right--x-small {
  padding-right: 1.5em; }

.tv-padding-left--x-small {
  padding-left: 1.5em; }

.tv-margin--x-small {
  margin: 1.5em; }

.tv-margin-top--x-small {
  margin-top: 1.5em; }

.tv-margin-bottom--x-small {
  margin-bottom: 1.5em; }

.tv-margin-right--x-small {
  margin-right: 1.5em; }

.tv-margin-left--x-small {
  margin-left: 1.5em; }

.tv-spacing--small {
  padding: 2em; }

.tv-spacing-top--small {
  padding-top: 2em; }

.tv-spacing-bottom--small {
  padding-bottom: 2em; }

.tv-spacing-right--small {
  padding-right: 2em; }

.tv-spacing-left--small {
  padding-left: 2em; }

.tv-padding--small {
  padding: 2em; }

.tv-padding-top--small {
  padding-top: 2em; }

.tv-padding-bottom--small {
  padding-bottom: 2em; }

.tv-padding-right--small {
  padding-right: 2em; }

.tv-padding-left--small {
  padding-left: 2em; }

.tv-margin--small {
  margin: 2em; }

.tv-margin-top--small {
  margin-top: 2em; }

.tv-margin-bottom--small {
  margin-bottom: 2em; }

.tv-margin-right--small {
  margin-right: 2em; }

.tv-margin-left--small {
  margin-left: 2em; }

.tv-spacing--medium {
  padding: 2.5em; }

.tv-spacing-top--medium {
  padding-top: 2.5em; }

.tv-spacing-bottom--medium {
  padding-bottom: 2.5em; }

.tv-spacing-right--medium {
  padding-right: 2.5em; }

.tv-spacing-left--medium {
  padding-left: 2.5em; }

.tv-padding--medium {
  padding: 2.5em; }

.tv-padding-top--medium {
  padding-top: 2.5em; }

.tv-padding-bottom--medium {
  padding-bottom: 2.5em; }

.tv-padding-right--medium {
  padding-right: 2.5em; }

.tv-padding-left--medium {
  padding-left: 2.5em; }

.tv-margin--medium {
  margin: 2.5em; }

.tv-margin-top--medium {
  margin-top: 2.5em; }

.tv-margin-bottom--medium {
  margin-bottom: 2.5em; }

.tv-margin-right--medium {
  margin-right: 2.5em; }

.tv-margin-left--medium {
  margin-left: 2.5em; }

.tv-spacing--large {
  padding: 3em; }

.tv-spacing-top--large {
  padding-top: 3em; }

.tv-spacing-bottom--large {
  padding-bottom: 3em; }

.tv-spacing-right--large {
  padding-right: 3em; }

.tv-spacing-left--large {
  padding-left: 3em; }

.tv-padding--large {
  padding: 3em; }

.tv-padding-top--large {
  padding-top: 3em; }

.tv-padding-bottom--large {
  padding-bottom: 3em; }

.tv-padding-right--large {
  padding-right: 3em; }

.tv-padding-left--large {
  padding-left: 3em; }

.tv-margin--large {
  margin: 3em; }

.tv-margin-top--large {
  margin-top: 3em; }

.tv-margin-bottom--large {
  margin-bottom: 3em; }

.tv-margin-right--large {
  margin-right: 3em; }

.tv-margin-left--large {
  margin-left: 3em; }

.tv-spacing--x-large {
  padding: 5em; }

.tv-spacing-top--x-large {
  padding-top: 5em; }

.tv-spacing-bottom--x-large {
  padding-bottom: 5em; }

.tv-spacing-right--x-large {
  padding-right: 5em; }

.tv-spacing-left--x-large {
  padding-left: 5em; }

.tv-padding--x-large {
  padding: 5em; }

.tv-padding-top--x-large {
  padding-top: 5em; }

.tv-padding-bottom--x-large {
  padding-bottom: 5em; }

.tv-padding-right--x-large {
  padding-right: 5em; }

.tv-padding-left--x-large {
  padding-left: 5em; }

.tv-margin--x-large {
  margin: 5em; }

.tv-margin-top--x-large {
  margin-top: 5em; }

.tv-margin-bottom--x-large {
  margin-bottom: 5em; }

.tv-margin-right--x-large {
  margin-right: 5em; }

.tv-margin-left--x-large {
  margin-left: 5em; }

.tv-spacing--xx-large {
  padding: 7.5em; }

.tv-spacing-top--xx-large {
  padding-top: 7.5em; }

.tv-spacing-bottom--xx-large {
  padding-bottom: 7.5em; }

.tv-spacing-right--xx-large {
  padding-right: 7.5em; }

.tv-spacing-left--xx-large {
  padding-left: 7.5em; }

.tv-padding--xx-large {
  padding: 7.5em; }

.tv-padding-top--xx-large {
  padding-top: 7.5em; }

.tv-padding-bottom--xx-large {
  padding-bottom: 7.5em; }

.tv-padding-right--xx-large {
  padding-right: 7.5em; }

.tv-padding-left--xx-large {
  padding-left: 7.5em; }

.tv-margin--xx-large {
  margin: 7.5em; }

.tv-margin-top--xx-large {
  margin-top: 7.5em; }

.tv-margin-bottom--xx-large {
  margin-bottom: 7.5em; }

.tv-margin-right--xx-large {
  margin-right: 7.5em; }

.tv-margin-left--xx-large {
  margin-left: 7.5em; }

.spacing-info-block {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }
  .spacing-info-block-top {
    margin-top: 1.5em; }
  .spacing-info-block-bottom {
    margin-bottom: 1.5em; }

@media screen and (max-width: 45.99875em) {
  .small-spacing-top {
    margin-top: 1em; }
    .small-spacing-top--small-3-x {
      margin-top: 1.5em; }
    .small-spacing-top--large {
      margin-top: 2em; }
    .small-spacing-top--x-large {
      margin-top: 4em; }
    .small-spacing-top--small {
      margin-top: 0.5em; }
  .small-spacing-bottom {
    margin-bottom: 1em; }
    .small-spacing-bottom--small {
      margin-bottom: 0.5em; }
    .small-spacing-bottom--small-3-x {
      margin-bottom: 1.5em; }
    .small-spacing-bottom--large {
      margin-bottom: 2em; }
    .small-spacing-bottom--unit-3-x {
      margin-bottom: 3em; }
    .small-spacing-bottom--small {
      margin-bottom: 0.5em; }
  .small-spacing-left {
    margin-left: 1em; }
    .small-spacing-left--x-small {
      margin-left: 0.25em; }
    .small-spacing-left--small {
      margin-left: 0.5em; }
    .small-spacing-left--small-3-x {
      margin-left: 1.5em; }
    .small-spacing-left--large {
      margin-left: 2em; }
    .small-spacing-left--x-large {
      margin-left: 4em; }
  .small-spacing-right {
    margin-right: 1em; }
    .small-spacing-right--x-small {
      margin-right: 0.25em; }
    .small-spacing-right--small {
      margin-right: 0.5em; }
    .small-spacing-right--small-3-x {
      margin-right: 1.5em; }
    .small-spacing-right--large {
      margin-right: 2em; }
    .small-spacing-right--x-large {
      margin-right: 4em; }
  .small-no-spacing {
    margin: 0 !important; } }

@media screen and (max-width: 63.93625em) {
  .medium-down-spacing-top {
    margin-top: 1em; }
    .medium-down-spacing-top--small-3-x {
      margin-top: 1.5em; }
    .medium-down-spacing-top--large {
      margin-top: 2em; }
    .medium-down-spacing-top--spacing-x-3 {
      margin-top: 3em; }
  .medium-down-spacing-bottom {
    margin-bottom: 1em; }
    .medium-down-spacing-bottom--small {
      margin-bottom: 0.5em; }
    .medium-down-spacing-bottom--small-3-x {
      margin-bottom: 1.5em; }
    .medium-down-spacing-bottom--large {
      margin-bottom: 2em; } }

@media print, screen and (min-width: 63.9375em) {
  .large-spacing-bottom {
    margin-bottom: 1em; }
    .large-spacing-bottom--small {
      margin-bottom: 0.5em; }
    .large-spacing-bottom--small-5-x {
      margin-bottom: 2.5em; }
    .large-spacing-bottom--small-9-x {
      margin-bottom: 4.5em; }
    .large-spacing-bottom--small-11-x {
      margin-bottom: 5.5em; }
    .large-spacing-bottom--large {
      margin-bottom: 2em; }
    .large-spacing-bottom--x-large {
      margin-bottom: 4em; }
    .large-spacing-bottom--spacing-3-x {
      margin-bottom: 3em; }
  .large-spacing-top {
    margin-top: 1em; }
    .large-spacing-top--small {
      margin-top: 0.5em; }
    .large-spacing-top--small-3-x {
      margin-top: 1.5em; }
    .large-spacing-top--small-5-x {
      margin-top: 2.5em; }
    .large-spacing-top--small-7-x {
      margin-top: 3.5em; }
    .large-spacing-top--large {
      margin-top: 2em; }
    .large-spacing-top--x-large {
      margin-top: 4em; }
    .large-spacing-top--spacing-3-x {
      margin-top: 3em; }
    .large-spacing-top--0 {
      margin-top: 0px !important; }
  .large-spacing-right {
    margin-right: 1em; }
    .large-spacing-right--small-3-x {
      margin-right: 1.5em; } }

@media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
  .large-only-spacing-left--auto {
    margin-left: auto; } }

@media print, screen and (min-width: 46em) {
  .medium-spacing-top {
    margin-top: 1em; }
    .medium-spacing-top--large {
      margin-top: 2em; }
    .medium-spacing-top--x-large {
      margin-top: 4em; }
    .medium-spacing-top--small {
      margin-top: 0.5em; }
    .medium-spacing-top--small-5-x {
      margin-top: 2.5em; }
  .medium-spacing-bottom {
    margin-bottom: 1em; }
    .medium-spacing-bottom--small-x-3 {
      margin-bottom: 1.5em; }
    .medium-spacing-bottom--large {
      margin-bottom: 2em; }
    .medium-spacing-bottom--small {
      margin-bottom: 0.5em; }
  .medium-spacing-left {
    margin-left: 1em; }
    .medium-spacing-left--small-3-x {
      margin-left: 1.5em; }
    .medium-spacing-left--large {
      margin-left: 2em; }
    .medium-spacing-left--small {
      margin-left: 0.5em; }
  .medium-spacing-right {
    margin-right: 1em; }
    .medium-spacing-right--small-3-x {
      margin-right: 1.5em; }
    .medium-spacing-right--large {
      margin-right: 2em; }
    .medium-spacing-right--small {
      margin-right: 0.5em; }
  .medium-spacing-info-block {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
    .medium-spacing-info-block-top {
      margin-top: 1.5em; }
    .medium-spacing-info-block-bottom {
      margin-bottom: 1.5em; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-spacing-top {
    margin-top: 1em; }
    .medium-only-spacing-top--small-3-x {
      margin-top: 1.5em; }
    .medium-only-spacing-top--small-5-x {
      margin-top: 2.5em; }
    .medium-only-spacing-top--large {
      margin-top: 2em; }
    .medium-only-spacing-top--x-large {
      margin-top: 4em; }
    .medium-only-spacing-top--xx-large {
      margin-top: 9em; }
    .medium-only-spacing-top--spacing-3-x {
      margin-top: 3em; }
    .medium-only-spacing-top--small {
      margin-top: 0.5em; }
  .medium-only-spacing-bottom {
    margin-bottom: 1em; }
    .medium-only-spacing-bottom--small-3-x {
      margin-bottom: 1.5em; }
    .medium-only-spacing-bottom--small-5-x {
      margin-bottom: 2.5em; }
    .medium-only-spacing-bottom--spacing-3-x {
      margin-bottom: 3em; }
    .medium-only-spacing-bottom--spacing-4-x {
      margin-bottom: 4em; }
  .medium-only-spacing-left--none {
    margin-left: 0; }
  .medium-only-spacing-left--small {
    margin-left: 0.5em; }
  .medium-only-spacing-right--none {
    margin-right: 0; }
  .medium-only-spacing-right--small {
    margin-right: 0.5em; } }

@media screen and (max-width: 45.99875em) {
  .small-only-spacing-info-block {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
    .small-only-spacing-info-block-top {
      margin-top: 1.5em; }
    .small-only-spacing-info-block-bottom {
      margin-bottom: 1.5em; }
    .small-only-spacing-info-block-left {
      margin-left: 1.5em; }
    .small-only-spacing-info-block-right {
      margin-right: 1.5em; }
  .small-only-spacing-top {
    margin-top: 1em; }
    .small-only-spacing-top--large {
      margin-top: 2em; }
    .small-only-spacing-top--x-large {
      margin-top: 4em; }
    .small-only-spacing-top--small {
      margin-top: 0.5em; }
  .small-only-spacing-bottom {
    margin-bottom: 1em; }
    .small-only-spacing-bottom--large {
      margin-bottom: 2em; }
    .small-only-spacing-bottom--small {
      margin-bottom: 0.5em; }
    .small-only-spacing-bottom--small-5-x {
      margin-bottom: 2.5em; }
    .small-only-spacing-bottom--x-large {
      margin-bottom: 4em; }
    .small-only-spacing-bottom--unit-5-x {
      margin-bottom: 5em; }
    .small-only-spacing-bottom--unit-6-x {
      margin-bottom: 6em; }
    .small-only-spacing-bottom--negative-28 {
      margin-bottom: -28px; }
  .small-only-spacing-left {
    margin-left: 1em; }
    .small-only-spacing-left--large {
      margin-left: 2em; }
    .small-only-spacing-left--small {
      margin-left: 0.5em !important; }
  .small-only-spacing-right {
    margin-right: 1em; }
    .small-only-spacing-right--large {
      margin-right: 2em; }
    .small-only-spacing-right--small {
      margin-right: 0.5em; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-spacing-info-block {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
    .medium-only-spacing-info-block-top {
      margin-top: 1.5em; }
    .medium-only-spacing-info-block-bottom {
      margin-bottom: 1.5em; }
    .medium-only-spacing-info-block-left {
      margin-left: 1.5em; }
    .medium-only-spacing-info-block-right {
      margin-right: 1.5em; }
  .medium-only-spacing-top {
    margin-top: 1em; }
    .medium-only-spacing-top--large {
      margin-top: 2em; }
    .medium-only-spacing-top--x-large {
      margin-top: 4em; }
    .medium-only-spacing-top--small {
      margin-top: 0.5em; }
  .medium-only-spacing-bottom {
    margin-bottom: 1em; }
    .medium-only-spacing-bottom--large {
      margin-bottom: 2em; }
    .medium-only-spacing-bottom--small {
      margin-bottom: 0.5em; }
  .medium-only-spacing-left {
    margin-left: 1em; }
    .medium-only-spacing-left--large {
      margin-left: 2em; }
    .medium-only-spacing-left--small {
      margin-left: 0.5em; }
  .medium-only-spacing-right {
    margin-right: 1em; }
    .medium-only-spacing-right--large {
      margin-right: 2em; }
    .medium-only-spacing-right--small {
      margin-right: 0.5em; } }

.section-spacing-top {
  margin-top: 2em; }
  @media print, screen and (min-width: 46em) {
    .section-spacing-top {
      margin-top: 4em; } }

.section-spacing-bottom {
  margin-bottom: 2em; }
  @media print, screen and (min-width: 46em) {
    .section-spacing-bottom {
      margin-bottom: 4em; } }

.horizontal-margin-flush {
  margin-top: 0;
  margin-bottom: 0; }

.vertical-margin-flush {
  margin-top: 0;
  margin-bottom: 0; }

@media screen and (max-width: 45.99875em) {
  .small-only-vertical-margin-flush {
    margin-top: 0;
    margin-bottom: 0; } }

.mock-nested-row {
  margin-left: -0.375rem;
  margin-right: -0.375rem; }
  @media print, screen and (min-width: 46em) {
    .mock-nested-row {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }

/**
 * Holds the last valid size used by the loop.
 * This is used to cache sizes.
 * If there is no h1 size for large but there is one for medium,
 *  This falls back to using the medium size.
 */
/**
 * Loop through all the breakpoint to genereate the size classes.
 *
 * NOTE: This assumes that ALL the (small) headings are set.
 *      If this stops being true then the loop must be tweaked.
 */
/* Grab the sizes */
/**
   * If this breakpoint does not have sizes, assign empty list.
   * This is used so the loop below doesnt break.
   * Fallbacks will be used.
   */
/**
   * For each heading level generate those classes.
   */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
.small-size-h1 {
  font-size: 1.875rem; }

/* If the breakpoint is (small) include the unprefixed version */
.size-h1 {
  font-size: 1.875rem; }

/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
.small-size-h2 {
  font-size: 1.62469rem; }

/* If the breakpoint is (small) include the unprefixed version */
.size-h2 {
  font-size: 1.62469rem; }

/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
.small-size-h3 {
  font-size: 1.37437rem; }

/* If the breakpoint is (small) include the unprefixed version */
.size-h3 {
  font-size: 1.37437rem; }

/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
.small-size-h4 {
  font-size: 1.125rem; }

/* If the breakpoint is (small) include the unprefixed version */
.size-h4 {
  font-size: 1.125rem; }

/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
.small-size-h5 {
  font-size: 0.99938rem; }

/* If the breakpoint is (small) include the unprefixed version */
.size-h5 {
  font-size: 0.99938rem; }

/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
.small-size-h6 {
  font-size: 0.99938rem; }

/* If the breakpoint is (small) include the unprefixed version */
.size-h6 {
  font-size: 0.99938rem; }

/* Grab the sizes */
/**
   * If this breakpoint does not have sizes, assign empty list.
   * This is used so the loop below doesnt break.
   * Fallbacks will be used.
   */
/**
   * For each heading level generate those classes.
   */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media print, screen and (min-width: 46em) {
  .medium-size-h1 {
    font-size: 2rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media print, screen and (min-width: 46em) {
  .medium-size-h2 {
    font-size: 1.62469rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media print, screen and (min-width: 46em) {
  .medium-size-h3 {
    font-size: 1.24969rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media print, screen and (min-width: 46em) {
  .medium-size-h4 {
    font-size: 1.06219rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media print, screen and (min-width: 46em) {
  .medium-size-h5 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media print, screen and (min-width: 46em) {
  .medium-size-h6 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the sizes */
/**
   * If this breakpoint does not have sizes, assign empty list.
   * This is used so the loop below doesnt break.
   * Fallbacks will be used.
   */
/**
   * For each heading level generate those classes.
   */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media print, screen and (min-width: 63.9375em) {
  .large-size-h1 {
    font-size: 2rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media print, screen and (min-width: 63.9375em) {
  .large-size-h2 {
    font-size: 1.62469rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media print, screen and (min-width: 63.9375em) {
  .large-size-h3 {
    font-size: 1.24969rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media print, screen and (min-width: 63.9375em) {
  .large-size-h4 {
    font-size: 1.06219rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media print, screen and (min-width: 63.9375em) {
  .large-size-h5 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media print, screen and (min-width: 63.9375em) {
  .large-size-h6 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the sizes */
/**
   * If this breakpoint does not have sizes, assign empty list.
   * This is used so the loop below doesnt break.
   * Fallbacks will be used.
   */
/**
   * For each heading level generate those classes.
   */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 76.5625em) {
  .xlarge-size-h1 {
    font-size: 2rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 76.5625em) {
  .xlarge-size-h2 {
    font-size: 1.62469rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 76.5625em) {
  .xlarge-size-h3 {
    font-size: 1.24969rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 76.5625em) {
  .xlarge-size-h4 {
    font-size: 1.06219rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 76.5625em) {
  .xlarge-size-h5 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 76.5625em) {
  .xlarge-size-h6 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the sizes */
/**
   * If this breakpoint does not have sizes, assign empty list.
   * This is used so the loop below doesnt break.
   * Fallbacks will be used.
   */
/**
   * For each heading level generate those classes.
   */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 90em) {
  .xxlarge-size-h1 {
    font-size: 2rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 90em) {
  .xxlarge-size-h2 {
    font-size: 1.62469rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 90em) {
  .xxlarge-size-h3 {
    font-size: 1.24969rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 90em) {
  .xxlarge-size-h4 {
    font-size: 1.06219rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 90em) {
  .xxlarge-size-h5 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/* Grab the last valid size used */
/* Grab the correct size */
/**
     * If the size is set then add it to the last-valid-sizes-cache cache.
     */
/* Include the actual classes */
@media screen and (min-width: 90em) {
  .xxlarge-size-h6 {
    font-size: 0.9375rem; } }

/* If the breakpoint is (small) include the unprefixed version */
/**
 * Sets the weight of the font.
 */
.weight-bold {
  font-weight: 700; }

.weight-normal {
  font-weight: 400; }

.weight-light {
  font-weight: 300; }

.weight-medium {
  font-weight: 500; }

.no-padding {
  padding: 0 !important; }
  .no-padding-top {
    padding-top: 0; }
  .no-padding-bottom {
    padding-bottom: 0; }
  .no-padding-left {
    padding-left: 0; }
  .no-padding-right {
    padding-right: 0; }

.padding {
  padding: 1em; }
  .padding--large {
    padding: 2em; }
  .padding--small {
    padding: 0.5em !important; }
  .padding--small-3-x {
    padding: 1.5em; }
  .padding--12 {
    padding: 0.75rem; }
  .padding--24 {
    padding: 1.5rem; }
  .padding-top {
    padding-top: 1em; }
    .padding-top--x-small {
      padding-top: 0.25em; }
    .padding-top--small {
      padding-top: 0.5em; }
    .padding-top--small-3-x {
      padding-top: 1.5em; }
    .padding-top--large {
      padding-top: 2em; }
    .padding-top--unit-3-x {
      padding-top: 3em; }
    .padding-top--unit-4-x {
      padding-top: 4em; }
  .padding-bottom {
    padding-bottom: 1em; }
    .padding-bottom--small {
      padding-bottom: 0.5em; }
    .padding-bottom--small-3-x {
      padding-bottom: 1.5em; }
    .padding-bottom--small-5-x {
      padding-bottom: 2.5em; }
    .padding-bottom--large {
      padding-bottom: 2em; }
    .padding-bottom--unit-3-x {
      padding-bottom: 3em; }
    .padding-bottom--unit-4-x {
      padding-bottom: 4em; }
  .padding-left {
    padding-left: 1em; }
    .padding-left--small {
      padding-left: 0.5em; }
    .padding-left--medium {
      padding-left: 1em; }
    .padding-left--large {
      padding-left: 2em; }
    .padding-left--x-large {
      padding-left: 4em; }
    .padding-left--unit-3-x {
      padding-left: 3em; }
  .padding-right {
    padding-right: 1em; }
    .padding-right--small {
      padding-right: 0.5em; }
    .padding-right--x-small {
      padding-right: 0.25em; }
    .padding-right--medium {
      padding-right: 1em; }
    .padding-right--large {
      padding-right: 2em; }
    .padding-right--x-large {
      padding-right: 4em; }

@media screen and (max-width: 45.99875em) {
  .small-only-padding {
    padding: 1em; }
    .small-only-padding--no-padding {
      padding: 0; }
    .small-only-padding--small {
      padding: 0.5em; }
    .small-only-padding--global {
      padding-right: 1.5rem;
      padding-left: 1.5rem; }
    .small-only-padding--small-3-x {
      padding-top: 1.5em; }
    .small-only-padding-top {
      padding-top: 1em; }
      .small-only-padding-top--small-3-x {
        padding-top: 1.5em; }
      .small-only-padding-top--unit-2-x {
        padding-top: 2em; }
      .small-only-padding-top--unit-3-x {
        padding-top: 3em; }
    .small-only-padding-left {
      padding-left: 1em; }
      .small-only-padding-left--small {
        padding-left: 0.5em; }
      .small-only-padding-left--small-3-x {
        padding-left: 1.5em; }
      .small-only-padding-left--large {
        padding-left: 2em; }
      .small-only-padding-left--unit-3-x {
        padding-left: 3em; }
    .small-only-padding-right {
      padding-right: 1em; }
      .small-only-padding-right--small {
        padding-right: 0.5em; }
      .small-only-padding-right--small-3-x {
        padding-right: 1.5em; }
      .small-only-padding-right--large {
        padding-right: 2em; }
    .small-only-padding-bottom {
      padding-bottom: 1em; }
      .small-only-padding-bottom--small-3-x {
        padding-bottom: 1.5em; }
      .small-only-padding-bottom--small-5-x {
        padding-bottom: 2.5em; }
      .small-only-padding-bottom--unit-2-x {
        padding-bottom: 2em; }
      .small-only-padding-bottom--unit-3-x {
        padding-bottom: 3em; }
      .small-only-padding-bottom--unit-4-x {
        padding-bottom: 4em; }
  .small-no-padding {
    padding: 0; } }

@media screen and (max-width: 63.93625em) {
  .medium-down-padding--small-3-x {
    padding: 1.5em; }
  .medium-down-padding-bottom--small {
    padding-bottom: 0.5em; }
  .medium-down-padding-bottom--large {
    padding-bottom: 2em; }
  .medium-down-padding-bottom--x-large {
    padding-bottom: 4em; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-padding--global {
    padding-right: 1.5rem;
    padding-left: 1.5rem; }
  .medium-only-padding-top {
    padding-top: 1em; }
    .medium-only-padding-top--small-3-x {
      padding-top: 1.5em; }
    .medium-only-padding-top--small-5-x {
      padding-top: 2.5em; }
    .medium-only-padding-top--large {
      padding-top: 2em; }
    .medium-only-padding-top--unit-2-x {
      padding-top: 2em; }
    .medium-only-padding-top--unit-3-x {
      padding-top: 3em; }
    .medium-only-padding-top--x-large {
      padding-top: 4em; }
    .medium-only-padding-top--unit-4-x {
      padding-top: 4em; }
  .medium-only-padding-left {
    padding-left: 1em; }
    .medium-only-padding-left--12 {
      padding-left: 0.75rem; }
    .medium-only-padding-left--large {
      padding-left: 2em; }
    .medium-only-padding-left--x-large {
      padding-left: 4em; }
    .medium-only-padding-left--xx-large {
      padding-left: 8em; }
  .medium-only-padding-right {
    padding-right: 1em; }
    .medium-only-padding-right--12 {
      padding-right: 0.75rem; }
    .medium-only-padding-right--large {
      padding-right: 2em; }
  .medium-only-padding-bottom {
    padding-bottom: 1em; }
    .medium-only-padding-bottom--small-5-x {
      padding-bottom: 2.5em; }
    .medium-only-padding-bottom--large {
      padding-bottom: 2em; }
    .medium-only-padding-bottom--unit-2-x {
      padding-bottom: 2em; }
    .medium-only-padding-bottom--unit-3-x {
      padding-bottom: 3em; }
    .medium-only-padding-bottom--unit-4-x {
      padding-bottom: 4em; }
  .small-no-padding {
    padding: 0; } }

.horizontal-flush {
  padding-top: 0;
  padding-bottom: 0; }
  @media screen and (max-width: 45.99875em) {
    .horizontal-flush--mobile {
      padding-top: 0;
      padding-bottom: 0; } }

.vertical-flush {
  padding-left: 0;
  padding-right: 0; }
  @media screen and (max-width: 45.99875em) {
    .vertical-flush--mobile {
      padding-left: 0;
      padding-right: 0; } }
  @media print, screen and (min-width: 46em) {
    .vertical-flush--medium {
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .vertical-flush--medium-only {
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (max-width: 63.93625em) {
    .vertical-flush--medium-down {
      padding-left: 0;
      padding-right: 0; } }

.bottom-flush {
  padding-bottom: 0; }

@media print, screen and (min-width: 46em) {
  .medium-padding {
    padding: 1em; }
    .medium-padding--small-3-x {
      padding: 1.5em; }
    .medium-padding--large {
      padding: 2em; }
    .medium-padding-left {
      padding-left: 1em; }
      .medium-padding-left--large {
        padding-left: 2em; }
      .medium-padding-left--unit-3-x {
        padding-left: 3em; }
      .medium-padding-left--unit-4-x {
        padding-left: 4em; }
    .medium-padding-right {
      padding-right: 1em; }
      .medium-padding-right--large {
        padding-right: 2em; }
      .medium-padding-right--unit-2-point-7 {
        padding-right: 2.7em; }
      .medium-padding-right--unit-3-x {
        padding-right: 3em; }
      .medium-padding-right--unit-4-x {
        padding-right: 4em; }
    .medium-padding-top {
      padding-top: 1em; }
      .medium-padding-top--none {
        padding-top: 0; }
      .medium-padding-top--unit-3-x {
        padding-top: 3em; }
    .medium-padding-bottom {
      padding-bottom: 1em; }
      .medium-padding-bottom--large {
        padding-bottom: 2em; }
      .medium-padding-bottom--unit-3-x {
        padding-bottom: 3em; }
      .medium-padding-bottom--unit-5-x {
        padding-bottom: 5em; }
      .medium-padding-bottom--unit-6-x {
        padding-bottom: 6em; } }

@media print, screen and (min-width: 63.9375em) {
  .large-padding {
    padding: 1em; }
    .large-padding--large {
      padding: 2em; }
    .large-padding-left {
      padding-left: 1em; }
      .large-padding-left--small-3-x {
        padding-left: 1.5em; }
      .large-padding-left--large {
        padding-left: 2em; }
      .large-padding-left--x-large {
        padding-left: 4em; }
    .large-padding-right {
      padding-right: 1em; }
      .large-padding-right--small-3-x {
        padding-right: 1.5em; }
      .large-padding-right--small-7-x {
        padding-right: 3.5em; }
      .large-padding-right--large {
        padding-right: 2em; }
      .large-padding-right--x-large {
        padding-right: 4em; }
    .large-padding-top {
      padding-top: 1em; }
      .large-padding-top--small-5-x {
        padding-top: 2.5em; }
      .large-padding-top--small-7-x {
        padding-top: 3.5em; }
      .large-padding-top--large {
        padding-top: 2em; }
      .large-padding-top--spacing-3-x {
        padding-top: 3em; }
      .large-padding-top--x-large {
        padding-top: 4em; }
      .large-padding-top--xx-large {
        padding-top: 5em; }
    .large-padding-bottom {
      padding-bottom: 1em; }
      .large-padding-bottom--small-5-x {
        padding-bottom: 2.5em; }
      .large-padding-bottom--large {
        padding-bottom: 2em; }
      .large-padding-bottom--x-large {
        padding-bottom: 4em; }
      .large-padding-bottom--128 {
        padding-bottom: 8em; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-padding {
    padding: 1em; }
    .xlarge-padding-left {
      padding-left: 1em; }
      .xlarge-padding-left--large {
        padding-left: 2em; }
      .xlarge-padding-left--x-large {
        padding-left: 4em; }
    .xlarge-padding-right {
      padding-right: 1em; }
      .xlarge-padding-right--large {
        padding-right: 2em; }
      .xlarge-padding-right--x-large {
        padding-right: 4em; } }

.padding-info-block {
  padding-top: 1.5em;
  padding-bottom: 1.5em; }
  .padding-info-block-top {
    padding-top: 1.5em; }
  .padding-info-block-bottom {
    padding-bottom: 1.5em; }

@media print, screen and (min-width: 46em) {
  .medium-padding-info-block {
    padding-top: 1.5em;
    padding-bottom: 1.5em; }
    .medium-padding-info-block-top {
      padding-top: 1.5em; }
    .medium-padding-info-block-bottom {
      padding-bottom: 1.5em; } }

.tag-padding {
  padding: .6rem 1rem; }

/**
 * Sizing utility.
 *
 * This sets the size of the element to the normal text size.
 *
 */
.size-text {
  font-size: 1rem; }

.small-size-text {
  font-size: 1rem; }

@media print, screen and (min-width: 46em) {
  .medium-size-text {
    font-size: 1rem; } }

@media print, screen and (min-width: 63.9375em) {
  .large-size-text {
    font-size: 1rem; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-size-text {
    font-size: 1rem; } }

@media screen and (min-width: 90em) {
  .xxlarge-size-text {
    font-size: 1rem; } }

.font-size-zero {
  font-size: 0; }

.chevron-right::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 #0075BE;
  border-top: 0.125rem solid #0075BE;
  transform-origin: 0 0;
  transform: rotate(135deg) translate(20%, -50%); }

.chevron-down::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 #0075BE;
  border-top: 0.125rem solid #0075BE;
  transform-origin: 0 0;
  transform: rotate(225deg) translate(-80%, -100%); }

.chevron-left::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 #0075BE;
  border-top: 0.125rem solid #0075BE;
  transform-origin: 0 0;
  transform: rotate(315deg) translate(-80%, 0%); }

.chevron-up::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 #0075BE;
  border-top: 0.125rem solid #0075BE;
  transform-origin: 0 0;
  transform: rotate(45deg) translate(0, 20%); }

.grayscale {
  position: relative;
  /**
  * For browsers that dont suppoert grayscale() fake it with an overlay.
  */
  /**
  * If the grayscale function is supported use it instead.
  * It makes it look a little better.
  */ }
  .grayscale::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(202, 202, 202, 0.75); }
  @supports (filter: grayscale(75%)) {
    .grayscale {
      filter: grayscale(75%); }
      .grayscale::before {
        display: none; } }

/**
 * Sets the text transform of the element text.
 */
.uppercase {
  text-transform: uppercase; }

.capitalize {
  text-transform: capitalize; }

.lowercase {
  text-transform: lowercase; }

.line-height--small {
  line-height: 1; }

.line-height--legal {
  line-height: 1.2; }

.line-height--large {
  line-height: 1.5; }

.line-height--10 {
  line-height: 10px !important; }

.letter-spacing--default {
  letter-spacing: 0.00937rem; }

.letter-spacing--small {
  letter-spacing: 0.01562rem; }

.letter-spacing--xsmall {
  letter-spacing: 0.01875rem; }

.letter-spacing--large {
  letter-spacing: 0; }

.letter-spacing--xlarge {
  letter-spacing: -0.0125rem; }

.letter-spacing--xxlarge {
  letter-spacing: -0.02187rem; }

/*
* This file includes the styling required for Secure Login Widget for Harris
* which is included on page by SSI
* We can not control any class names etc inside the Widget so class names have
* to stay like this
========================================================================== */
.bh1 .homepage-login {
  display: block;
  border-radius: 0.5em;
  padding: 1em;
  text-align: center;
  z-index: 3; }
  .bh1 .homepage-login p {
    line-height: 1.25em;
    margin: 0; }
  .bh1 .homepage-login .forminput {
    margin: 0.3125rem 0; }
  .bh1 .homepage-login input {
    background-color: #FEFEFE;
    border-radius: 0;
    text-align: left;
    margin-bottom: 0;
    width: 100%; }
  .bh1 .homepage-login input[type="password"] {
    border: 0.125rem solid #cacaca;
    padding: 0.5em; }
  .bh1 .homepage-login select {
    width: 99%;
    margin-bottom: 0; }
  @media print, screen and (min-width: 46em) {
    .bh1 .homepage-login {
      margin-top: 2.5rem;
      position: absolute;
      max-width: 15.625rem;
      right: 0%; } }

.bh1 .mobile-signin {
  background-color: transparent;
  margin: 0;
  position: relative; }
  @media print, screen and (min-width: 46em) {
    .bh1 .mobile-signin {
      width: 88%; } }
  .bh1 .mobile-signin a.button.copy.auth.light {
    border-radius: 0;
    padding: 2em 3em;
    top: 0;
    width: 100%; }

.bh1 button.cta {
  border-color: #ed1c24;
  background-color: #ed1c24;
  color: #FEFEFE;
  padding: 0 2em;
  border-radius: 1em;
  height: 2em; }

.sr-only {
  border: 0 none;
  clip: rect(0, 0, 0, 0);
  height: 0.0625rem;
  margin: -0.0625rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.0625rem; }

.layer-level-2 {
  box-shadow: 0 0.125em 0.125em 0.0625em rgba(0, 0, 0, 0.12);
  transition: box-shadow 300ms ease; }
  .layer-level-2:hover {
    box-shadow: 0 0.125em 0.15625em 0.125em rgba(0, 0, 0, 0.12); }

.layer-level-3 {
  box-shadow: 0 0.25em 0.25em 0.125em rgba(0, 0, 0, 0.12);
  transition: box-shadow 300ms ease; }
  .layer-level-3:hover {
    box-shadow: 0 0.25em 0.3125em 0.25em rgba(0, 0, 0, 0.12); }

main.homepage-refresh {
  position: relative;
  overflow: auto; }
  main.homepage-refresh .promo {
    position: relative; }
  main.homepage-refresh .greyback {
    display: block;
    position: absolute;
    width: 100%;
    background-color: #f2f2f2; }
    main.homepage-refresh .greyback.home-grey-01 {
      top: 0;
      height: 60rem; }
    main.homepage-refresh .greyback.home-grey-02 {
      bottom: 0;
      height: 31.75rem; }
    main.homepage-refresh .greyback.home-grey-business {
      height: 58em; }
      @media print, screen and (min-width: 46em) {
        main.homepage-refresh .greyback.home-grey-business {
          height: 54em; } }

.tv-shadow {
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2); }

.tv-section {
  position: relative;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  font-weight: 300; }
  .tv-section__spacing {
    margin-bottom: 1.5em; }
    @media print, screen and (min-width: 46em) {
      .tv-section__spacing {
        margin-bottom: 2.5em; } }
    .tv-section__spacing--heading {
      margin-bottom: 1em; }
      @media print, screen and (min-width: 46em) {
        .tv-section__spacing--heading {
          margin-bottom: 1.25em; } }
    @media screen and (max-width: 63.93625em) {
      .tv-section__spacing-medium-down--large {
        margin-bottom: 2em; } }
  .tv-section p {
    font-size: inherit;
    line-height: inherit; }

.card-offset-hide {
  margin-bottom: -0.25rem; }
  @media print, screen and (min-width: 46em) {
    .card-offset-hide {
      margin-bottom: -0.5625rem; } }

.tv-centerdiv {
  margin-left: auto;
  margin-right: auto; }

.tv-offset-overlay .info-block .content-infoBlockIcon {
  float: right; }

.overlay-callout {
  display: block;
  position: relative;
  overflow: auto;
  background-color: #fff;
  padding: 2rem;
  border-radius: .25rem;
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 25, 40, 0.2);
  margin: 0 1rem; }

.savingAHabit .overlay-callout .info-block {
  margin-top: 0;
  margin-bottom: 0; }

@media print, screen and (min-width: 46em) {
  .savingAHabit .overlay-callout .columns.medium-6:first-child {
    flex: 0 0 52%;
    max-width: 52%; } }

.savingAHabit .overlay-callout .columns.medium-6:first-child .info-block {
  position: relative;
  border-bottom: 0.0625rem solid #cacaca;
  padding-bottom: 2em; }
  @media print, screen and (min-width: 46em) {
    .savingAHabit .overlay-callout .columns.medium-6:first-child .info-block {
      border-bottom: 0;
      padding-bottom: 4em;
      border-right: 0.0625rem solid #cacaca;
      padding-right: 2em; } }
  @media print, screen and (min-width: 46em) {
    .savingAHabit .overlay-callout .columns.medium-6:first-child .info-block .button {
      position: absolute;
      bottom: 0;
      left: 45%;
      transform: translateX(-50%);
      white-space: nowrap; } }
  @media print, screen and (min-width: 46em) {
    .savingAHabit .overlay-callout .columns.medium-6:first-child .info-block.hp-reduce-spacing-callout {
      padding-right: 1.5em;
      margin-left: -1em; } }

@media print, screen and (min-width: 46em) {
  .savingAHabit .overlay-callout .columns.medium-6:last-child {
    flex: 0 0 48%;
    max-width: 48%; } }

.savingAHabit .overlay-callout .columns.medium-6:last-child .info-block {
  position: relative;
  padding-top: 2em; }
  @media print, screen and (min-width: 46em) {
    .savingAHabit .overlay-callout .columns.medium-6:last-child .info-block {
      padding-bottom: 4em;
      padding-top: 0; } }
  @media print, screen and (min-width: 46em) {
    .savingAHabit .overlay-callout .columns.medium-6:last-child .info-block .button {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      white-space: nowrap; } }

.tv-home-wtbcallout {
  text-align: center; }
  @media print, screen and (min-width: 46em) {
    .tv-home-wtbcallout {
      text-align: left; } }

.tv-home-invest {
  display: block;
  position: relative;
  margin: 1.5em auto; }
  .tv-home-invest .rate {
    display: block;
    text-align: center;
    color: #0075BE;
    font-size: 1.75rem;
    line-height: 2.5rem;
    letter-spacing: -0.02187rem;
    font-weight: 300;
    font-weight: 700; }
  .tv-home-invest .label {
    display: block;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.01562rem;
    font-weight: 300; }

@media print, screen and (min-width: 63.9375em) {
  .weve-got-you-covered .covered-investments {
    padding-left: 0; } }

@media print, screen and (min-width: 63.9375em) {
  .weve-got-you-covered .covered-mortgages {
    padding-right: 0; } }

.tv-fine-print {
  font-size: 0.75rem; }

#persChatBot a:hover {
  text-decoration: none; }

/* Styles for chatbot tab */
.chatbot {
  /* Style for the tab */
  /* Style on the text below the svg */
  /* Wraps the cta and svg together  */ }
  .chatbot-overlay {
    overflow-x: hidden; }
    .chatbot-overlay .border-width--thick {
      border-width: .09375rem; }
  .chatbot-tab {
    /* Styles for both views */
    z-index: 999;
    background-color: #0075BE;
    text-align: center;
    position: fixed;
    /* MOBILE VIEW */
    /* So we can use flex-basis */
    display: flex;
    align-items: center;
    /* Set the position on the screen */
    bottom: 0;
    top: inherit;
    right: 1.875rem;
    /* Make it the right size */
    white-space: nowrap;
    padding: 1em 1em 0.5em 1em;
    /* Give it the correct radius and shadow in mobile */
    border-radius: 1em 1em 0 0;
    box-shadow: 0 0 1em 0.5625rem rgba(0, 25, 40, 0.12);
    /* TABLET VIEW */
    /* DESKTOP VIEW */ }
    @media print, screen and (min-width: 46em) {
      .chatbot-tab {
        padding: 1em 1.5em;
        right: 17.1875rem; } }
    @media print, screen and (min-width: 63.9375em) {
      .chatbot-tab {
        right: 12.5rem; } }
  .chatbot-wtb {
    margin: 0 25%; }
  .chatbot-feedback-text {
    font-weight: 700;
    margin-left: 0.5em;
    color: #FEFEFE;
    display: none;
    /* show for medium up  */ }
    @media print, screen and (min-width: 46em) {
      .chatbot-feedback-text {
        display: block; } }
  .chatbot-svg-container {
    justify-content: space-between;
    /* The actual cta style (button on desktop and link on mobile )*/ }
    @media print, screen and (min-width: 46em) {
      .chatbot-svg-container {
        justify-content: center; } }
    @media print, screen and (min-width: 46em) {
      .chatbot-svg-container-logo {
        margin: 0 25%; } }
    @media screen and (max-width: 45.99875em) {
      .chatbot-svg-container-cta {
        padding: 0;
        font-weight: bold;
        border: none;
        background: #FEFEFE;
        color: #0075BE; }
        .chatbot-svg-container-cta:hover {
          border: none;
          background: #FEFEFE;
          color: #0075BE; }
        .chatbot-svg-container-cta:active {
          border: none;
          background: #FEFEFE;
          color: #0075BE; }
        .chatbot-svg-container-cta:focus {
          border: none;
          background: #FEFEFE;
          color: #0075BE; } }
  .chatbot-cta-text {
    text-decoration: none;
    color: #000;
    font-weight: 400; }
  .chatbot-cta .icon.icon__icon--calendar_ic path, .chatbot-cta .icon.icon__icon--email_ic path, .chatbot-cta .icon.icon__icon--location_ic path {
    fill: transparent; }
  .chatbot-cta .icon.icon__icon--call_ic path {
    stroke: transparent; }

.homepage-signin {
  display: flex;
  position: absolute;
  top: 2.5rem;
  left: 50%;
  width: 100%;
  max-width: 75rem;
  transform: translateX(-50%);
  pointer-events: none; }
  .homepage-signin__inner {
    right: 0;
    height: 18.5rem;
    pointer-events: none;
    overflow: hidden;
    opacity: 0;
    transition: opacity .5s ease;
    display: none !important; }
    .homepage-signin__inner.show {
      pointer-events: auto;
      opacity: 1;
      transition: opacity .5s ease; }
      @media print, screen and (min-width: 63.9375em) {
        .homepage-signin__inner.show {
          display: block !important; } }
  .homepage-signin__security {
    display: block;
    width: 100%;
    color: #6e6e6e;
    text-align: center; }
    .homepage-signin__security .icon {
      vertical-align: top;
      padding: 0;
      min-width: 1.5em;
      min-height: 1.5em;
      width: 1.5em;
      height: 1.5em; }
  .homepage-signin__secondary {
    display: block;
    position: absolute;
    width: 80%;
    color: #000;
    text-align: center;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%); }
    .homepage-signin__secondary a {
      display: inline;
      font-weight: 500; }

a.homepage-signin__button:link,
a.homepage-signin__button:visited {
  display: block;
  margin-top: 2rem;
  color: #fff;
  background-color: #0075BE;
  border-radius: 3em;
  text-align: center;
  text-decoration: none;
  height: 4.25rem;
  padding-top: 1.15rem; }
  a.homepage-signin__button:link .icon,
  a.homepage-signin__button:visited .icon {
    width: 0.6em;
    height: 0.6em;
    min-width: 0.6em;
    min-height: 0.6em;
    max-width: 0.6em;
    max-height: 0.6em;
    padding: 0; }
  a.homepage-signin__button:link strong,
  a.homepage-signin__button:visited strong {
    font-weight: 500; }

a.homepage-signin__button:hover,
a.homepage-signin__button:active {
  background-color: #00436c;
  color: #FEFEFE;
  text-decoration: none; }
  a.homepage-signin__button:hover strong,
  a.homepage-signin__button:active strong {
    font-weight: 500; }

/* Some style differences for the buisness homepage banners */
.business-home-page .banner-weighted__inner-copy-title {
  max-width: 21rem; }
  @media print, screen and (min-width: 46em) {
    .business-home-page .banner-weighted__inner-copy-title {
      max-width: 23rem; } }
  @media print, screen and (min-width: 63.9375em) {
    .business-home-page .banner-weighted__inner-copy-title {
      max-width: 50rem; } }

.business-home-page .banner-weighted__inner-copy-body {
  line-height: 1.25rem; }
  @media print, screen and (min-width: 63.9375em) {
    .business-home-page .banner-weighted__inner-copy-body {
      line-height: inherit; } }

.business-home-page .hp-small-title {
  font-size: 1.5rem;
  line-height: 1.75rem; }
  @media print, screen and (min-width: 63.9375em) {
    .business-home-page .hp-small-title {
      font-size: inherit;
      line-height: inherit; } }

.business-home-page .hp-small-copy {
  line-height: 1.25rem; }

.business-home-page .banner-bubble {
  color: #FEFEFE;
  background-color: #ed1c24;
  font-weight: 500;
  display: inline;
  padding: .7em .15em;
  border-radius: 50%; }

.tv-font-xlarge {
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0;
  font-weight: 300; }

.tv-font-small {
  font-size: .875rem;
  line-height: 1.5rem;
  letter-spacing: .01562rem;
  font-weight: 300; }

@media print, screen and (min-width: 63.9375em) {
  .small-business-toolkit-callout .slick-initialized .slick-slide {
    width: 100% !important; }
  .small-business-toolkit-callout .slick-slider .slick-track,
  .small-business-toolkit-callout .slick-slider .slick-list {
    width: 100% !important; } }

@media print, screen and (min-width: 46em) {
  .small-business-toolkit-callout .slick-initialized .slick-slide {
    width: auto !important; }
  .small-business-toolkit-callout .slick-slider .slick-track,
  .small-business-toolkit-callout .slick-slider .slick-list {
    width: auto !important; } }

/*  ########################################################  */
/*  #### Overrides to be refactored / temporary styles ####  */
/*  ########################################################  */
/* TODO: Download all Journey icons and bring them in to remove this */
/**
 * Placeholder until the journey svg's are imported.
 */
.cup {
  height: 4rem;
  margin-left: auto;
  margin-right: auto;
  background-image: url("https://www.bmo.com/resources/icons/cups.svg");
  background-repeat: no-repeat;
  background-position: center; }

@media all and (min-width: 35.9375rem) {
  .cup {
    height: 6rem; } }

.card-summary-cta {
  /**
   * The ratios between:
   *  Image on left
   *  Content in middle
   *   and Cta on right
   */ }
  @media print, screen and (min-width: 46em) {
    .card-summary-cta {
      display: flex; } }
  .card-summary-cta__image {
    padding: 1em 0 0;
    text-align: center; }
    @media print, screen and (min-width: 46em) {
      .card-summary-cta__image {
        flex: 20;
        padding: 0; } }
  .card-summary-cta__contents {
    padding: 1em 2em 2em; }
    @media print, screen and (min-width: 46em) {
      .card-summary-cta__contents {
        flex: 50;
        padding: 0 2em; } }
  .card-summary-cta__ctas {
    padding: 1em 2em 2em; }
    @media print, screen and (min-width: 46em) {
      .card-summary-cta__ctas {
        flex: 30;
        border-left: 0.0625rem solid #cacaca;
        padding: 0 0 0 2em; } }
    .card-summary-cta__ctas--icon {
      display: table-cell;
      padding-right: 0.5em;
      vertical-align: middle; }
    .card-summary-cta__ctas--text {
      vertical-align: middle;
      display: table-cell; }

.features {
  text-align: center;
  padding: 1em 0;
  border-bottom: 0.0625rem solid #cacaca; }
  .features.no-border-bottom {
    border-bottom: none; }
  .features__container {
    padding: 1em;
    align-items: stretch;
    border-bottom: 0.0625rem solid #cacaca;
    border-top: 0.0625rem solid #cacaca; }
    @media print, screen and (min-width: 46em) {
      .features__container {
        display: flex; } }
  .features__item {
    flex: 1;
    padding: 1em 0; }
    @media print, screen and (min-width: 46em) {
      .features__item {
        display: flex;
        padding: 1em 0.5em;
        border-left: 0.0625rem solid #cacaca;
        flex-direction: column;
        justify-content: flex-start; }
        .features__item:first-child {
          border-left: none; } }
  .features__list {
    text-align: center; }
    @media print, screen and (min-width: 46em) {
      .features__list {
        margin: auto; } }
  .features__listcolumn {
    margin-bottom: 1em;
    text-align: left; }
  @media print, screen and (min-width: 63.9375em) {
    .features__redeem-text {
      padding-top: 0;
      padding-bottom: 0; } }

.cta-overlay-content {
  background-color: #00436c;
  color: #FEFEFE;
  text-align: center;
  padding-top: 1.5em; }
  .cta-overlay-content__slider {
    padding: 0.5em;
    border-top: 0.0625rem solid #FEFEFE; }
    @media print, screen and (min-width: 46em) {
      .cta-overlay-content__slider {
        border-bottom: none;
        border-top: none;
        padding: 0; } }
  .cta-overlay-content__padding {
    padding-right: 10px;
    padding-left: 10px; }
  @media print, screen and (min-width: 63.9375em) {
    .cta-overlay-content__item {
      border-right: 0.0625rem solid #cacaca; }
      .cta-overlay-content__item:last-child {
        border-right: 0 solid transparent; } }
  .cta-overlay-content__sub-footer {
    border-top: 0.0625rem solid #FEFEFE;
    padding: 0.5em; }
    @media print, screen and (min-width: 46em) {
      .cta-overlay-content__sub-footer {
        border-top: 0.0625rem solid #cacaca;
        padding: 1em;
        width: 90%;
        margin: auto; } }
  .cta-overlay-content__footer {
    padding: 1em;
    background-color: #FEFEFE;
    color: #001928; }
  .cta-overlay-content .slick-dots li button::before {
    font-size: 0.75rem; }
  .cta-overlay-content .slick-dots li.slick-active button::before {
    color: #0075BE; }

.cta-overlay-content-reveal {
  padding: 0; }
  .cta-overlay-content-reveal .close-button {
    color: #FEFEFE;
    right: 0.5em;
    top: 0.625rem; }
    .cta-overlay-content-reveal .close-button .close-button {
      position: absolute;
      color: #8a8a8a;
      cursor: pointer; }
      [data-whatinput='mouse'] .cta-overlay-content-reveal .close-button .close-button {
        outline: 0; }
      .cta-overlay-content-reveal .close-button .close-button:hover, .cta-overlay-content-reveal .close-button .close-button:focus {
        color: #0a0a0a; }
      .cta-overlay-content-reveal .close-button .close-button.small {
        right: 0.66rem;
        top: 0.33em;
        font-size: 1.5em;
        line-height: 1; }
      .cta-overlay-content-reveal .close-button .close-button, .cta-overlay-content-reveal .close-button .close-button.medium {
        right: 1rem;
        top: 0.5rem;
        font-size: 2em;
        line-height: 1; }

.cta-callout-image {
  border: 0.0625rem solid #cacaca;
  border-radius: 0.25em;
  text-align: center;
  padding: 1em; }
  .cta-callout-image__clickable {
    color: #001928; }
    .cta-callout-image__clickable, .cta-callout-image__clickable:hover, .cta-callout-image__clickable:focus {
      text-decoration: none; }
  .cta-callout-image__title {
    font-size: 1.37437rem;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 1.1em;
    margin: 0 auto;
    text-align: center; }
  .cta-callout-image__description {
    margin-bottom: 1em; }
  .cta-callout-image__link {
    margin-top: 1em; }
    .cta-callout-image__link--clickable-text {
      color: #0075BE; }
  .cta-callout-image__terms {
    font-size: 0.75rem; }
  .cta-callout-image .button {
    margin-bottom: 0.5em; }
  .cta-callout-image__list {
    text-align: left;
    margin: 1em 1em 1em 2em; }
  .cta-callout-image__banner {
    font-size: 0.9375rem;
    background: #00436c;
    color: #FEFEFE;
    margin: 0 1em;
    border-bottom-right-radius: 0.25em;
    border-bottom-left-radius: 0.25em; }
  .cta-callout-image__footer-cta {
    margin: 2em -1em -1em -1em;
    border-top: 0.0625rem solid #cacaca;
    display: flex;
    flex-direction: row; }
  .cta-callout-image__calculator, .cta-callout-image__telephone {
    position: relative;
    width: 50%; }
  .cta-callout-image__telephone {
    border-left: 0.0625rem solid #cacaca; }
  .cta-callout-image__footer-link {
    display: block;
    z-index: 1;
    position: relative;
    text-align: left;
    padding: 1em 1em 1em 3.25em;
    font-size: 0.75rem;
    color: #0075BE; }
  .cta-callout-image__footer-icon {
    margin-right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.25em;
    color: #0075BE; }

.cta__wrapper {
  display: flex;
  flex-direction: row;
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.cta__cell {
  margin-left: 0.5em;
  margin-right: 0.5em; }
  .cta__cell-link {
    font-weight: 700;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
    @media print, screen and (min-width: 46em) {
      .cta__cell-link {
        padding-top: 0;
        padding-bottom: 0; } }
  .cta__cell--sticky {
    margin-left: 0; }

.cta__cell-content--sticky {
  display: flex;
  align-items: center; }
  .cta__cell-content--sticky > a {
    color: #FEFEFE; }
    .cta__cell-content--sticky > a:hover {
      color: #FEFEFE;
      text-decoration: underline; }
    .cta__cell-content--sticky > a:active {
      color: #FEFEFE;
      text-decoration: underline; }
    .cta__cell-content--sticky > a:focus {
      color: #FEFEFE;
      text-decoration: underline; }

.cta-svg-block__heading {
  color: #0075BE; }

.cta-svg-block__content {
  text-align: left;
  margin-bottom: 0; }

.cta-svg-block__list {
  display: flex;
  flex-direction: column; }
  @media print, screen and (min-width: 46em) {
    .cta-svg-block__list {
      flex-direction: row; } }

.cta-svg-block__list-item {
  flex: 1;
  text-align: left;
  padding-right: 2em;
  padding-left: 2em; }

@media screen and (max-width: 45.99875em) {
  .cta-svg-block__link {
    /* All these variables taken from _button.scss */
    display: inline-block;
    /* 1 */
    padding: 0.6em 2em;
    border: 0.125rem solid #0075BE;
    border-radius: 5em;
    background: #0075BE;
    color: #FEFEFE;
    text-align: center;
    transition: 300ms ease background-color, 300ms ease color, 300ms ease border-color;
    cursor: pointer;
    max-width: 90vw;
    text-align: center;
    margin-top: 1em; } }

.cta-callout {
  border: 0.0625rem solid #cacaca;
  border-radius: 0.25em;
  text-align: center;
  padding: 1.5em; }
  .cta-callout--blue {
    background-color: #00436c; }
  .cta-callout__title {
    font-weight: bold;
    margin-bottom: 0.5em; }
    .cta-callout__title--blue {
      color: #FEFEFE;
      font-size: 1.5rem;
      font-weight: 300; }
  .cta-callout__button {
    margin-top: 0.5em; }
    .cta-callout__button--blue {
      color: #0075BE;
      background-color: #FEFEFE;
      border-color: #FEFEFE;
      font-weight: bold; }
      .cta-callout__button--blue:hover {
        color: #00436c;
        background-color: #FEFEFE;
        border-color: #FEFEFE; }
      .cta-callout__button--blue:active {
        color: #00436c;
        background-color: #FEFEFE;
        border-color: #FEFEFE; }
      .cta-callout__button--blue:focus {
        color: #00436c;
        background-color: #FEFEFE;
        border-color: #FEFEFE; }

.investment-contact-form {
  background: #00436c;
  color: #FEFEFE; }
  .investment-contact-form--non-modal {
    background: #FEFEFE;
    color: #001928; }
  .investment-contact-form__input {
    color: #FEFEFE;
    padding-left: 0;
    padding-right: 0; }
    .investment-contact-form__input--non-modal {
      color: #001928; }
    .investment-contact-form__input .investment-contact-form__select--non-modal {
      border: 0.0625rem solid #cacaca;
      border-radius: 0.25em; }
    .investment-contact-form__input .is-invalid-input:not(:focus) {
      background: #FEFEFE;
      border-color: #ed1c24; }
    .investment-contact-form__input.is-invalid-label .investment-contact-form__select {
      border: 0.125em #ed1c24 solid; }
    .investment-contact-form__input--checkbox, .investment-contact-form__input__radio {
      color: #FEFEFE;
      font-size: 16px;
      display: flex;
      align-items: center;
      padding-left: 0; }
      .investment-contact-form__input--checkbox-non-modal, .investment-contact-form__input__radio-non-modal {
        color: #001928; }
      .investment-contact-form__input--checkbox .input__tooltip, .investment-contact-form__input__radio .input__tooltip {
        margin: 0;
        order: 2;
        padding-left: 0.5em;
        font-weight: 700; }
      .investment-contact-form__input--checkbox .input__checkbox, .investment-contact-form__input__radio .input__checkbox {
        margin: 0; }
      .investment-contact-form__input--checkbox .input__radio, .investment-contact-form__input__radio .input__radio {
        margin: 0; }
      .investment-contact-form__input--checkbox .form-error, .investment-contact-form__input__radio .form-error {
        order: 2; }
    .investment-contact-form__input--textarea {
      resize: none;
      font-size: 0.875em; }
  .investment-contact-form__select {
    background: #FEFEFE;
    border: 0 solid transparent;
    margin-bottom: 0; }
    .investment-contact-form__select-non-modal {
      color: #001928; }
  .investment-contact-form__label {
    padding: 0.5em 0.5em;
    font-size: 16px;
    font-weight: 700; }
    @media print, screen and (min-width: 46em) {
      .investment-contact-form__label {
        padding-left: 1em;
        padding-right: 1em; } }
  @media screen and (max-width: 45.99875em) {
    .investment-contact-form__consent {
      border-top: 0.125em solid #FEFEFE;
      border-bottom: 0.125em solid #FEFEFE;
      margin: 1em 0;
      padding: 1em 0; } }
  @media print, screen and (min-width: 63.9375em) {
    .investment-contact-form__consent {
      margin-top: 2em;
      /* meant to simulate the height of a label in adjacent row */ } }
  .investment-contact-form__consent-inputs {
    display: flex;
    justify-content: space-between; }
    @media print, screen and (min-width: 63.9375em) {
      .investment-contact-form__consent-inputs {
        margin-top: 1.25em; } }
  .investment-contact-form .form-error {
    margin-bottom: 0;
    font-size: 1em; }
  .investment-contact-form__modal-container {
    background-color: #00436c; }
  .investment-contact-form__form-section--invisible {
    opacity: 0; }
  @media print, screen and (min-width: 46em) {
    .investment-contact-form__callout-items {
      padding: 0 1.5em;
      border-right: 0.125em #cacaca solid;
      margin-top: 2em;
      margin-bottom: 4em; }
      .investment-contact-form__callout-items:last-child {
        border-right: 0 solid transparent; }
      .investment-contact-form__callout-items .spacing-info-block:first-child {
        margin-top: 0; } }
  .investment-contact-form__confirmation {
    display: none; }

.investments-online-compare__slide {
  position: relative;
  padding: 22vw 0.5em 1em 0.5em;
  border: 0.0625rem solid #cacaca; }
  @media print, screen and (min-width: 46em) {
    .investments-online-compare__slide {
      padding: 6.5em 1em 1em; } }
  @media screen and (max-width: 45.99875em) {
    .investments-online-compare__slide {
      border-radius: 0.25em; } }

.investments-online-compare__slide-heading {
  font-size: 0.99938rem; }

.investments-online-compare__slide-heading,
.investments-online-compare__slide-subHeading {
  text-align: center; }

.investments-online-compare__product-image {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -100%); }

.investments-online-compare__slide-description {
  padding: 5vw 1.5em 0;
  min-height: 17.75em; }
  @media print, screen and (min-width: 46em) {
    .investments-online-compare__slide-description {
      padding: 1.5em 2em 0; } }

.investments-online-compare--top-padding {
  padding-top: 3em; }

@media print, screen and (min-width: 46em) {
  .investment-compare-online-investing-legal {
    padding: 0; } }

.investment-compare-online-investing-legal .legal-footer__list {
  margin: 0;
  list-style: none; }

.investments-fee-detail {
  padding: 1em 0 1em;
  border-top: 0.0625rem solid #cacaca;
  border-bottom: 0.0625rem solid #cacaca;
  min-height: 9.75em; }
  @media screen and (max-width: 45.99875em) {
    .investments-fee-detail {
      min-height: 12em; } }
  .investments-fee-detail__text {
    font-size: 0.75rem;
    text-align: center;
    margin: 0; }
    @media print, screen and (min-width: 46em) {
      .investments-fee-detail__text {
        line-height: 1.5em; } }
    @media screen and (max-width: 45.99875em) {
      .investments-fee-detail__text {
        line-height: normal; } }
  .investments-fee-detail__wrapper {
    padding-right: 1em;
    margin-bottom: 1em;
    text-align: center;
    flex: 0 0 100%; }
    @media print, screen and (min-width: 46em) {
      .investments-fee-detail__wrapper {
        text-align: left;
        margin-bottom: 0;
        flex: 1 0 30%; } }
  .investments-fee-detail__flex-fifty {
    flex: 0 0 50%; }
  .investments-fee-detail__container--left, .investments-fee-detail__container--right {
    position: relative; }
  @media screen and (max-width: 45.99875em) {
    .investments-fee-detail__container--small-only-align-center {
      display: flex;
      align-items: center; } }
  @media screen and (max-width: 45.99875em) {
    .investments-fee-detail__single-item {
      width: 70%; } }
  .investments-fee-detail__sign {
    white-space: nowrap;
    font-size: 1.5rem;
    font-weight: 700; }
    .investments-fee-detail__sign--dollar {
      position: relative; }
      .investments-fee-detail__sign--dollar::before {
        content: '$';
        font-size: 0.75rem;
        font-weight: 700;
        position: absolute;
        top: -0.5em; }
    .investments-fee-detail__sign--percent {
      position: relative; }
      .investments-fee-detail__sign--percent::before {
        content: '%';
        font-size: 0.75rem;
        font-weight: 700;
        position: absolute;
        top: -0.5em; }
  .investments-fee-detail--connector::after {
    font-size: 0.75rem;
    text-transform: uppercase;
    width: 3.5em;
    height: 3.5em;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%); }
  .investments-fee-detail--no-border {
    border: 0 solid transparent; }
  :lang(en) .investments-fee-detail .investments-fee-detail__sign--dollar::before {
    left: -.6em; }
  :lang(en) .investments-fee-detail .investments-fee-detail__sign--percent::before {
    right: -.8em; }
  :lang(en) .investments-fee-detail .investments-fee-detail--connector::after {
    content: "or";
    top: 25%; }
    @media screen and (max-width: 45.99875em) {
      :lang(en) .investments-fee-detail .investments-fee-detail--connector::after {
        top: 40%; } }
  :lang(en) .investments-fee-detail .investments-fee-detail {
    min-height: 9.75em; }
    @media screen and (max-width: 45.99875em) {
      :lang(en) .investments-fee-detail .investments-fee-detail {
        min-height: 12em; } }
  :lang(fr) .investments-fee-detail .investments-fee-detail__sign--dollar::before {
    right: -.6em; }
  :lang(fr) .investments-fee-detail .investments-fee-detail__sign--percent::before {
    right: -.8em; }
  :lang(fr) .investments-fee-detail .investments-fee-detail--connector::after {
    content: "ou";
    top: 20%; }
    @media screen and (max-width: 45.99875em) {
      :lang(fr) .investments-fee-detail .investments-fee-detail--connector::after {
        top: 35%; } }
  :lang(fr) .investments-fee-detail .investments-fee-detail {
    min-height: 9em; }
    @media screen and (max-width: 45.99875em) {
      :lang(fr) .investments-fee-detail .investments-fee-detail {
        min-height: 12.75em; } }

.callout-slider {
  min-height: 9.375rem;
  list-style-type: none;
  /**
   * Slick has a bug where providing your own button is not working.
   *
   * 1. Center the arrow
   * 2. Values given by designers
   * 3. Place the arrows just above the slides
   */
  /**
   * 1. Keep it just inside the container.
   */ }
  .callout-slider .slick-arrow {
    height: 6rem;
    /* 2 */
    width: 1.5rem;
    /* 2 */
    background-color: #0075BE;
    color: #FEFEFE;
    z-index: 10;
    /* 3 */
    /**
     * 1. Hide the default slick arrow.
     */ }
    .callout-slider .slick-arrow::before {
      display: none;
      /* 1 */ }
  .callout-slider--column {
    flex-direction: column; }
  .callout-slider .slick-next {
    right: auto;
    left: 99.5%;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
    .callout-slider .slick-next::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.5rem;
      height: 0.5rem;
      border-left: 0.125rem solid #FEFEFE;
      border-top: 0.125rem solid #FEFEFE;
      transform-origin: 0 0;
      transform: rotate(135deg) translate(20%, -50%);
      transform: rotate(135deg) translate(-50%, -50%); }
  .callout-slider .slick-prev {
    right: 99.5%;
    /* 1 */
    left: auto;
    /* 1 */
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }
    .callout-slider .slick-prev::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.5rem;
      height: 0.5rem;
      border-left: 0.125rem solid #FEFEFE;
      border-top: 0.125rem solid #FEFEFE;
      transform-origin: 0 0;
      transform: rotate(315deg) translate(-80%, 0%);
      transform: rotate(315deg) translate(0%, 0%); }
  .callout-slider .slick-dots li {
    margin: 0 0.125rem; }
  .callout-slider .slick-dots li button::before {
    font-size: 0.75rem; }
  .callout-slider .slick-dots li.slick-active button::before {
    color: #0075BE; }
  .callout-slider-reverse .slick-dots li button::before {
    color: #cacaca;
    opacity: 100; }

.information {
  padding: 1em 0; }
  .information__heading {
    padding: 1em;
    padding-bottom: 0;
    border-top: 0.0625rem solid #cacaca;
    margin-top: 1em; }
    @media print, screen and (min-width: 46em) {
      .information__heading {
        padding-bottom: 1em; } }
  .information__container {
    margin-top: 1.5em;
    text-align: left;
    align-items: stretch;
    border-bottom: 0.0625rem solid #cacaca; }
    @media print, screen and (min-width: 46em) {
      .information__container {
        padding-bottom: 2em; } }
  .information__item {
    padding: 0; }
    @media print, screen and (min-width: 46em) {
      .information__item {
        padding: 0 2em;
        border-left: 0.0625rem solid #cacaca; }
        .information__item:first-child {
          border-left: none; }
        .information__item > a {
          margin-bottom: 1em; } }

.icon-flip .icon__icon--chevron-down {
  transform: rotate(180deg); }

.security-tab {
  padding: 1em 0 0 0;
  border-bottom: 0.0625rem solid #cacaca; }

/**
* Rangeslider
*/
.rangeslider {
  margin: 20px 0;
  position: relative;
  background: #e6e6e6;
  -ms-touch-action: none;
  touch-action: none; }

.rangeslider,
.rangeslider .rangeslider__fill {
  display: block;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4); }

.rangeslider .rangeslider__handle {
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

.rangeslider .rangeslider__handle .rangeslider__active {
  opacity: 1; }

.rangeslider .rangeslider__handle-tooltip {
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  font-weight: normal;
  font-size: 14px;
  transition: all 100ms ease-in;
  border-radius: 4px;
  display: inline-block;
  color: white;
  left: 50%;
  transform: translate3d(-50%, 0, 0); }

.rangeslider .rangeslider__handle-tooltip span {
  margin-top: 12px;
  display: inline-block;
  line-height: 100%; }

.rangeslider .rangeslider__handle-tooltip:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0; }

/**
* Rangeslider - Horizontal slider
*/
.rangeslider-horizontal {
  height: 12px;
  border-radius: 10px; }

.rangeslider-horizontal .rangeslider__fill {
  height: 100%;
  background-color: #7cb342;
  border-radius: 10px;
  top: 0; }

.rangeslider-horizontal .rangeslider__handle {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  top: 50%;
  transform: translate3d(-50%, -50%, 0); }

.rangeslider-horizontal .rangeslider__handle:after {
  content: ' ';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 6px;
  left: 6px;
  border-radius: 50%;
  background-color: #dadada;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 -1px 3px rgba(0, 0, 0, 0.4) inset; }

.rangeslider-horizontal .rangeslider__handle-tooltip {
  top: -55px; }

.rangeslider-horizontal .rangeslider__handle-tooltip:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.8);
  left: 50%;
  bottom: -8px;
  transform: translate3d(-50%, 0, 0); }

/**
* Rangeslider - Vertical slider
*/
.rangeslider-vertical {
  margin: 20px auto;
  height: 150px;
  max-width: 10px;
  background-color: transparent; }

.rangeslider-vertical .rangeslider__fill,
.rangeslider-vertical .rangeslider__handle {
  position: absolute; }

.rangeslider-vertical .rangeslider__fill {
  width: 100%;
  background-color: #7cb342;
  box-shadow: none;
  bottom: 0; }

.rangeslider-vertical .rangeslider__handle {
  width: 30px;
  height: 10px;
  left: -10px;
  box-shadow: none; }

.rangeslider-vertical .rangeslider__handle-tooltip {
  left: -100%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0); }

.rangeslider-vertical .rangeslider__handle-tooltip:after {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid rgba(0, 0, 0, 0.8);
  left: 100%;
  top: 12px; }

/**
* Rangeslider - Reverse
*/
.rangeslider-reverse.rangeslider-horizontal .rangeslider__fill {
  right: 0; }

.rangeslider-reverse.rangeslider-vertical .rangeslider__fill {
  top: 0;
  bottom: inherit; }

/**
* Rangeslider - Labels
*/
.rangeslider__labels {
  position: relative; }

.rangeslider-vertical .rangeslider__labels {
  position: relative;
  list-style-type: none;
  margin: 0 0 0 24px;
  padding: 0;
  text-align: left;
  width: 250px;
  height: 100%;
  left: 10px; }

.rangeslider-vertical .rangeslider__labels .rangeslider__label-item {
  position: absolute;
  transform: translate3d(0, -50%, 0); }

.rangeslider-vertical .rangeslider__labels .rangeslider__label-item::before {
  content: '';
  width: 10px;
  height: 2px;
  background: black;
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1; }

.rangeslider__labels .rangeslider__label-item {
  position: absolute;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  top: 10px; }
  .rangeslider__labels .rangeslider__label-item:first-child {
    position: absolute !important;
    left: 0 !important;
    left: auto !important; }
  .rangeslider__labels .rangeslider__label-item:last-child {
    position: absolute !important;
    right: 0 !important;
    left: auto !important; }
  .rangeslider__labels .rangeslider__label-item:not(:first-child):not(:last-child) {
    top: 0px;
    height: 10px;
    width: 2px;
    border: 1px solid #929ba9;
    position: absolute; }
    .rangeslider__labels .rangeslider__label-item:not(:first-child):not(:last-child) div {
      margin: 15px 0 0 -15px;
      font-weight: 700;
      min-width: 40px; }

.rangeslider {
  background: #D9DCE1;
  box-shadow: none; }
  .rangeslider .rangeslider__handle {
    width: 20px;
    height: 20px;
    border-radius: 30px;
    text-align: center;
    z-index: 1; }
    .rangeslider .rangeslider__handle:after {
      position: initial; }
  .rangeslider .rangeslider__fill {
    background-color: #0075BE;
    box-shadow: none; }

.rangeslider-horizontal {
  height: 4px; }

.sticky-inner-wrapper {
  z-index: 99; }

.sticky-outer-wrapper.active .sticky-inner-wrapper {
  top: 56px !important; }
  @media screen and (max-width: 45.99875em) {
    .sticky-outer-wrapper.active .sticky-inner-wrapper {
      top: 40px !important; } }

div[class*="mortgage-calculator-card"] ul[class*="rangeslider__labels"] div {
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.01875rem;
  font-weight: 300;
  font-weight: 500;
  color: #6e6e6e; }

div[class*="mortgage-calculator-card"] ul[class*="rangeslider__labels"] li[class*="rangeslider__label-item"]:first-child div {
  position: absolute !important;
  left: 0 !important; }

div[class*="mortgage-calculator-card"] ul[class*="rangeslider__labels"] li[class*="rangeslider__label-item"]:last-child div {
  position: absolute !important;
  right: 0 !important; }

div[class*="mortgage-calculator-card"] div[class*="rangeslider__handle"] {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); }

div[class*="mortgage-calculator-card"] div[class*="rangeslider__handle-label"] {
  outline: 0; }

div[class*="mortgage-calculator-card"] div[class*="rangeslider"] div[class*="rangeslider__handle-tooltip"] {
  display: block;
  position: absolute;
  width: auto;
  height: 28px;
  padding: 0px;
  padding-left: 8px;
  padding-right: 8px;
  margin: 0;
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
  transition: all 100ms ease-in;
  border-radius: 4px;
  left: 50%;
  transform: translate(-50%, 10px);
  outline: 0;
  z-index: 90;
  top: -45px; }
  div[class*="mortgage-calculator-card"] div[class*="rangeslider"] div[class*="rangeslider__handle-tooltip"] > span {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    margin-top: 8px;
    color: #414141;
    letter-spacing: 0.25px;
    font-weight: 400; }
  div[class*="mortgage-calculator-card"] div[class*="rangeslider"] div[class*="rangeslider__handle-tooltip"]:after {
    content: "\25BC";
    position: absolute;
    display: block;
    top: 25px;
    left: 50%;
    transform: translate(50%, 0);
    text-align: center;
    text-indent: -4px;
    color: white;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    border: none;
    z-index: 99;
    font-size: 8px; }

@media screen and (max-width: 45.99875em) {
  .product-list__align {
    text-align: center; } }

.product-list__align sup > a {
  font-weight: 400; }

.product-list__wrapper {
  position: relative; }

.product-list__separator {
  margin-top: 2em;
  /* less spacing needed for mobile */ }
  @media print, screen and (min-width: 46em) {
    .product-list__separator {
      margin-top: 4em;
      /* more space needed for tablet */ } }
  @media print, screen and (min-width: 63.9375em) {
    .product-list__separator {
      margin-top: 3em; } }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .product-list__separator--large-spacing {
      margin-top: 6em;
      /* more space to accomodate different content for specific pages */ } }

.product-list__icon {
  position: absolute;
  left: 48%;
  /* to center align with cta button */
  bottom: 0px;
  width: 14.0625rem;
  height: auto;
  padding: 0 1em;
  background: #FEFEFE;
  border-radius: 50%; }
  @media screen and (max-width: 45.99875em) {
    .product-list__icon {
      visibility: hidden;
      clear: both;
      float: left;
      display: none; } }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .product-list__icon {
      left: 40%; } }
  .product-list__icon--bottom {
    bottom: 1.0625rem; }

@media print, screen and (min-width: 63.9375em) {
  .product-list__list {
    columns: 2;
    white-space: nowrap; } }

.product-list__list--item {
  font-weight: 500; }
  @media print, screen and (min-width: 46em) {
    .product-list__list--item {
      list-style-position: inside; } }

.product-list__promo-container {
  position: relative; }

.product-list__monthly-fee-promo {
  position: relative;
  color: #c81414; }
  .product-list__monthly-fee-promo::before {
    position: absolute;
    content: "";
    left: 0;
    top: 40%;
    right: 0;
    border-top: 0.1em solid;
    border-color: inherit;
    transform: rotate(20deg); }

@media screen and (max-width: 45.99875em) {
  .product-list__spacing {
    margin-top: 2em; } }

@media print, screen and (min-width: 46em) {
  .product-list__button-spacing {
    margin-top: 4em; } }

.product-list__offer-link {
  color: #0075BE;
  display: block;
  font-weight: 700; }
  @media screen and (max-width: 45.99875em) {
    .product-list__offer-link {
      width: 100%; } }

.product-list__button-container {
  position: relative;
  text-align: center; }

@media screen and (max-width: 45.99875em) {
  .product-list__no-offer {
    position: absolute;
    left: 9vw;
    /* to center cta button in mobile */ } }

.product-list__button {
  position: absolute;
  left: 9vw;
  /* to center cta button in mobile */ }
  @media print, screen and (min-width: 46em) {
    .product-list__button {
      bottom: 2vh;
      /* to align closer to icon */ } }
  @media print, screen and (min-width: 46em) {
    .product-list__button--cta-1 {
      left: 25%;
      /* to align cta's with little text with icon */ } }
  @media print, screen and (min-width: 46em) {
    .product-list__button--cta-2 {
      left: 15%;
      /* to align cta's with longer text with icon */ } }
  @media print, screen and (min-width: 46em) {
    .product-list__button--cta-3 {
      left: 10%;
      /* to align cta's with longer text with icon */ } }

.product-list__below-cta {
  font-weight: 300; }
  .product-list__below-cta--no-offer {
    padding-top: 1em; }
    @media screen and (max-width: 45.99875em) {
      .product-list__below-cta--no-offer {
        padding-top: 4em; } }
  @media screen and (max-width: 45.99875em) {
    .product-list__below-cta--with-offer {
      padding-top: 5em; } }
  .product-list__below-cta--form-link {
    color: #0075BE;
    border: none;
    padding: 0 !important;
    cursor: pointer;
    margin-right: 5px; }
    .product-list__below-cta--form-link:hover {
      text-decoration: underline;
      color: #00436c; }
  .product-list__below-cta--form-button-container {
    font-size: 0.9375rem;
    /* To match font size given in design */ }
    @media screen and (max-width: 45.99875em) {
      .product-list__below-cta--form-button-container {
        margin-left: 4em;
        /*to center content */ } }

.product-plan-discount__container {
  height: 31px;
  display: flex;
  border-radius: .25em;
  color: #0075BE;
  border-bottom: .0625rem solid #d9dce1;
  align-items: center;
  padding: .5em;
  position: relative;
  width: 14.1875rem;
  /* from design */ }
  @media screen and (max-width: 45.99875em) {
    .product-plan-discount__container {
      margin-left: auto;
      margin-right: auto; } }
  .product-plan-discount__container > button {
    color: #0075BE;
    width: 100%;
    text-align: left; }
  .product-plan-discount__container .icon {
    color: #00436c;
    line-height: 0.5em;
    border-radius: 0 0.25em 0.25em 0;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.5em;
    margin-top: 1em; }

@media screen and (max-width: 45.99875em) {
  .product-plan-discount__padding {
    padding-left: 5em;
    padding-right: 5em; } }

.product-plan-discount__dropdown-subtitle {
  color: #414141;
  font-weight: 500;
  letter-spacing: .009375rem;
  /* from design */ }

.product-plan-discount__text {
  color: #0075BE; }

@media print, screen and (min-width: 46em) {
  .product-sticky-cta {
    height: 0 !important; } }

.product-sticky-cta-container {
  margin-top: -1em;
  padding-top: 1em;
  max-width: calc(100% - 4em); }
  @media print, screen and (min-width: 46em) {
    .product-sticky-cta-container {
      border-top: 0 solid transparent;
      margin-top: 0;
      padding-top: 0;
      max-width: 100%; } }
  .product-sticky-cta-container----border {
    border-top: 0.0625rem solid #cacaca; }
    @media print, screen and (min-width: 46em) {
      .product-sticky-cta-container----border {
        border-top: 0 solid transparent; } }

.product-sticky-cta .is-stuck {
  left: 0 !important;
  max-width: 100vw !important;
  width: 100vw;
  display: flex;
  background: #0075BE;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
  padding: 1rem 0; }
  @media print, screen and (min-width: 46em) {
    .product-sticky-cta .is-stuck {
      transform: translate3d(0, 0, 0) !important; } }

@media print, screen and (min-width: 46em) {
  .product-sticky-cta .is-anchored {
    transform: translate3d(0, 0, 0) !important; } }

.product-sticky-cta__bar {
  width: 100%; }
  .is-stuck .product-sticky-cta__bar {
    width: 100%;
    max-width: 75em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2em; }
    @media print, screen and (min-width: 63.9375em) {
      .is-stuck .product-sticky-cta__bar {
        padding: 0; } }

.product-sticky-cta__page-title {
  display: none; }
  .is-stuck .product-sticky-cta__page-title {
    display: block; }
    .is-stuck .product-sticky-cta__page-title a {
      color: #FEFEFE; }

.product-sticky-cta__buttons {
  display: flex;
  flex-direction: column;
  text-align: center; }
  .is-stuck .product-sticky-cta__buttons {
    flex-direction: row;
    align-items: center; }
  .product-sticky-cta__buttons .sticky-show {
    display: none;
    line-height: 22.4px; }
  @media screen and (max-width: 45.99875em) {
    .product-sticky-cta__buttons span.show-for-large {
      display: none !important; } }

.product-sticky-cta__button {
  border-radius: 5em;
  font-weight: 500;
  margin-bottom: 1em; }
  @media screen and (max-width: 45.99875em) {
    .product-sticky-cta__button {
      margin-top: 1em; } }
  @media print, screen and (min-width: 46em) {
    .product-sticky-cta__button {
      padding-left: 1.5em;
      padding-right: 1.5em; } }
  @media print, screen and (min-width: 63.9375em) {
    .product-sticky-cta__button {
      padding-left: 2em;
      padding-right: 2em; } }

.product-sticky-cta__link {
  font-weight: 500; }
  .product-sticky-cta__link--link-text {
    text-transform: uppercase; }

.is-stuck .product-sticky-cta__cta-caption {
  margin-right: 1em; }

.product-sticky-cta__caveat {
  padding: 0 2em; }

.product-sticky-cta__container-body {
  right: 0;
  width: 100%; }
  @media print, screen and (min-width: 46em) {
    .product-sticky-cta__container-body {
      transform: translate3d(0, 0, 0) !important; } }

.product-sticky-cta__list-container-body {
  width: 100%;
  z-index: 99; }
  @media screen and (max-width: 45.99875em) {
    .product-sticky-cta__list-container-body {
      left: 10vw !important;
      /*to center button */ } }
  @media print, screen and (min-width: 46em) {
    .product-sticky-cta__list-container-body {
      transform: translate3d(0, 0, 0) !important; } }

.ready-to-bank {
  margin-top: 2em; }
  @media print, screen and (min-width: 46em) {
    .ready-to-bank {
      margin-top: 3em; } }
  @media print, screen and (min-width: 46em) {
    .ready-to-bank {
      margin-top: 5em; } }
  .ready-to-bank .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
  .ready-to-bank .row .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
  .ready-to-bank__body {
    padding-bottom: 2em; }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__body {
        margin-top: 2em;
        border-bottom: 0.056em solid #cacaca; } }
  .ready-to-bank__cta {
    padding: 0 1em;
    margin-bottom: 2em; }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__cta {
        margin-bottom: 0; } }
  .ready-to-bank__contact {
    display: flex;
    flex-direction: column; }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__contact {
        position: relative;
        border-left: 0.056em solid #cacaca;
        padding-left: 0;
        padding-right: 0; }
        .ready-to-bank__contact::before {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-left: -0.056em;
          top: 0;
          height: 0em;
          width: 0.056em; }
        .ready-to-bank__contact::after {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-left: -0.056em;
          bottom: 0;
          height: 0em;
          width: 0.056em; } }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__contact-modes {
        flex: 1; } }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__contact-modes:first-child {
        position: relative;
        border-bottom: 0.056em solid #cacaca;
        padding-left: 0;
        padding-right: 0; }
        .ready-to-bank__contact-modes:first-child::before {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-bottom: -0.056em;
          right: 0;
          bottom: 0;
          height: 0.056em;
          width: 2em; }
        .ready-to-bank__contact-modes:first-child::after {
          display: block;
          content: "";
          background: #FEFEFE;
          position: absolute;
          margin-bottom: -0.056em;
          bottom: 0;
          right: 0;
          left: 0;
          height: 0.056em;
          width: 2em; } }
    .ready-to-bank__contact-mode {
      display: flex;
      align-items: center;
      justify-content: space-around; }
      @media print, screen and (min-width: 46em) {
        .ready-to-bank__contact-mode {
          text-align: left; } }
  .ready-to-bank__apply-online-cta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0 1.5em; }
  .ready-to-bank__apply-online-content {
    margin-bottom: 1em;
    width: 100%; }
  .ready-to-bank__icon-container {
    display: flex;
    align-items: flex-start;
    padding: 0; }
  .ready-to-bank__button-outline {
    margin: 1em 0;
    width: 100%; }
    @media print, screen and (min-width: 46em) {
      .ready-to-bank__button-outline {
        margin: 1em 0 0;
        width: auto;
        min-width: 14em; } }
  @media print, screen and (min-width: 46em) {
    .ready-to-bank__button-container {
      padding: 0; } }
  @media print, screen and (min-width: 46em) {
    .ready-to-bank__button-tel-link {
      text-align: left; } }
  @media print, screen and (min-width: 63.9375em) {
    .ready-to-bank__button-tel-link {
      color: #000; } }
  @media print, screen and (min-width: 46em) {
    .ready-to-bank__button-find-branch {
      text-align: left; } }
  .ready-to-bank__button-open-account {
    margin-bottom: 0.25em; }
  @media print, screen and (min-width: 63.9375em) {
    .ready-to-bank .phone-svg {
      width: 4em;
      height: 5em; } }
  @media print, screen and (min-width: 63.9375em) {
    .ready-to-bank .branch-svg {
      width: 5.5em;
      height: 4em; } }
  .ready-to-bank .main-heading {
    font-size: 2em; }
  .ready-to-bank .heading-em {
    margin-top: 0; }

.arrow-online {
  position: relative;
  height: 12.75em; }
  .arrow-online__svg {
    position: absolute; }
    .arrow-online__svg--curve {
      width: 3.1875em;
      right: 10em;
      height: 2.125em; }
    .arrow-online__svg--online {
      height: 100%;
      width: 100%;
      top: 1em;
      margin-top: -0.5em; }

.accomplishments {
  text-align: center;
  margin-top: 4em; }
  .accomplishments__svg {
    position: absolute;
    width: 100%;
    bottom: 0.125rem; }
    .accomplishments__svg-container {
      position: relative;
      height: 10em;
      width: 15em;
      display: flex;
      align-items: center;
      margin: 0 auto; }
    .accomplishments__svg--certificate {
      width: 8.25em;
      z-index: 1;
      background: #FEFEFE;
      left: 2em;
      height: 6em; }
    .accomplishments__svg--trophy {
      width: 9.9em;
      right: 1em;
      height: 10em; }
    .accomplishments__svg--line {
      bottom: 0;
      z-index: 2;
      height: 1em; }
  .accomplishments__citations {
    display: flex;
    flex-direction: column; }
    @media print, screen and (min-width: 63.9375em) {
      .accomplishments__citations {
        flex-direction: row; } }
  .accomplishments__citation {
    flex: 1;
    margin-bottom: 2em;
    border-bottom: 0 solid transparent;
    border-top: 0.0625rem solid #cacaca; }
    .accomplishments__citation:last-child {
      border-bottom: 0 solid transparent; }
    @media print, screen and (min-width: 63.9375em) {
      .accomplishments__citation {
        border-left: 0.0625rem solid #cacaca;
        border-top: 0 solid transparent;
        border-bottom: 0 solid transparent;
        padding-bottom: 0;
        margin-bottom: 0; } }
    .accomplishments__citation .accomplishments__quote {
      border-left: 0 solid transparent;
      padding-top: 2em; }
      @media print, screen and (min-width: 63.9375em) {
        .accomplishments__citation .accomplishments__quote {
          padding: 0.5em 2.5em 0 2.5em; } }
    .accomplishments__citation:first-child {
      border-top: 0 solid transparent; }
      @media print, screen and (min-width: 63.9375em) {
        .accomplishments__citation:first-child {
          border-left: 0 solid transparent; } }
  .accomplishments .heading-em {
    font-size: 2em; }

/*
  TODO: - refactor to reflect design guidance on spacing, fonts,consistency, etc.
  -make the separator a re-usable element, it appears frequently on the product page
*/
.product-description {
  align-items: flex-start;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  .product-description__image {
    text-align: center; }
    .product-description__image img {
      background: #FEFEFE;
      border: 0.0625rem solid #cacaca;
      border-radius: 50%;
      padding: .5rem;
      max-width: 18rem;
      width: 100%; }
      @media print, screen and (min-width: 46em) {
        .product-description__image img {
          max-width: 23rem; } }
    .product-description__image-nomobile {
      display: none; }
      @media print, screen and (min-width: 46em) {
        .product-description__image-nomobile {
          display: inline; } }
  .product-description__text {
    text-align: left; }
  .product-description .heading-em--left {
    font-size: 2em; }
    .product-description .heading-em--left::after {
      margin: 0.5em 0 1em; }

.product-description-clean {
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  .product-description-clean__image {
    text-align: center; }
    .product-description-clean__image img {
      background: #FEFEFE;
      border: none;
      border-radius: 50%;
      padding: .5rem;
      max-width: 18rem;
      width: 100%; }
    .product-description-clean__image-nomobile {
      display: none; }
      @media print, screen and (min-width: 46em) {
        .product-description-clean__image-nomobile {
          display: inline; } }
  .product-description-clean__text {
    text-align: left; }
  .product-description-clean .heading-em--left {
    font-size: 2em;
    margin-bottom: 0.5em; }
    .product-description-clean .heading-em--left::after {
      display: none;
      margin: 0.5em 0 1em; }

.bmo-difference {
  padding-top: 3rem;
  padding-bottom: 3rem; }
  .bmo-difference__heading {
    margin-bottom: 2rem; }
  .bmo-difference__content {
    text-align: left; }
    @media print, screen and (min-width: 63.9375em) {
      .bmo-difference__content {
        text-align: center; } }
  .bmo-difference .large-text-center {
    text-align: left; }
  @media print, screen and (min-width: 46em) {
    .bmo-difference .bmo-diff-list::after {
      content: '';
      flex-grow: 2; } }
  @media print, screen and (min-width: 63.9375em) {
    .bmo-difference .bmo-diff-list::after {
      content: '';
      flex-grow: inherit; } }

.edb-cta {
  margin-top: 2em;
  text-align: center; }
  @media print, screen and (min-width: 46em) {
    .edb-cta {
      margin-top: 3em; } }
  .edb-cta__svg {
    max-width: 18em; }
  .edb-cta__heading {
    margin: 1em 0;
    /**
    * On ipad and bigger, we want the heading to no longer act like a heading
    * This means doubling the top margin and removing the bottom margin
    */ }
    @media print, screen and (min-width: 46em) {
      .edb-cta__heading {
        margin-top: 2em;
        margin-bottom: 0; } }
  .edb-cta__phone-link {
    line-height: 36px;
    display: block;
    margin-bottom: 1em;
    font-size: 1.37437rem;
    padding: 0.5em;
    /**
    * The middle phone number is supposed to be larger in size
    */ }
    @media print, screen and (min-width: 46em) {
      .edb-cta__phone-link {
        /**
      * 1. The margin and padding is used to display properly inside a button (only on mobile), so remove it.
      * 2. On ipads and bigger we want the phone numbers to be in Dax and not bolded.
      * 3. Phone numbers as links will not wrap unless you tell the white-space to be normal. (This is because the fr copy is too long and needs two lines)
      */
        /**
        * $site is not set manually in our scss files.
        *
        * Variable $site is pulled from the config.js file and set to
        * config.site.replace(".com", "").replace("sites/", "").replace(".io", "")
        * by tasks/styles.js
        *
      **/
        margin-bottom: 0;
        /* 1 */
        padding: 0;
        /* 1 */
        /* 2 */
        font-weight: 300;
        /* 2 */
        white-space: normal;
        /* 3 */ } }
    @media print, screen and (min-width: 63.9375em) {
      .edb-cta__phone-link {
        pointer-events: none;
        text-decoration: none;
        color: #001928; } }
    @media print, screen and (min-width: 46em) {
      .edb-cta__phone-link--large {
        font-size: 1.62469rem;
        margin-bottom: 0; } }
  .edb-cta__button {
    margin: 0.5em 0;
    width: 100%; }
    @media print, screen and (min-width: 46em) {
      .edb-cta__button {
        margin: 0.5em 1em;
        width: auto; } }
  @media print, screen and (min-width: 46em) {
    .edb-cta__border-right {
      border-right: 0.0625rem solid #cacaca; } }
  .edb-cta__swap-element div:nth-child(1) {
    order: 2; }
  .edb-cta__swap-element div:nth-child(2) {
    order: 1; }
  @media print, screen and (min-width: 46em) {
    .edb-cta__swap-element div:nth-child(1) {
      order: 1; }
    .edb-cta__swap-element div:nth-child(2) {
      order: 2; } }
  .edb-cta__no-margin-top {
    margin-top: 0; }

.full-width-cta__heading {
  padding-bottom: 0.5em; }

.full-width-cta__attention {
  padding: 0 0 1.25em; }
  @media print, screen and (min-width: 63.9375em) {
    .full-width-cta__attention {
      padding-bottom: 0;
      border-right: 0.0625rem solid #cacaca; } }

.full-width-cta__content {
  padding: 0 1em; }

/*
  Terms and Condition Component
  Used to show terms and conditions links
*/
.terms-condition {
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: center; }
  .terms-condition__description {
    font-size: 0.75rem; }
    .terms-condition__description:first-child {
      padding-bottom: 1em; }
  .terms-condition__terms-cta {
    margin-top: 0.5em; }
    @media print, screen and (min-width: 46em) {
      .terms-condition__terms-cta {
        margin-top: 0.5em; } }

.list--terms li {
  margin-top: 1em;
  margin-bottom: 1em; }

.category-nav {
  margin-top: 2em; }
  @media print, screen and (min-width: 46em) {
    .category-nav {
      margin-top: 3em; } }
  .category-nav__heading {
    font-family: "Heebo", sans-serif;
    font-size: 1.62469rem;
    font-weight: 300; }
    @media print, screen and (min-width: 46em) {
      .category-nav__heading {
        font-size: 1.62469rem; } }
  .category-nav__nav {
    margin-top: 0.5em;
    text-align: center; }
  .category-nav__link {
    display: block;
    padding: .5em .7em;
    line-height: 1; }
  .category-nav__link.active {
    color: #001928;
    pointer-events: none; }
  .category-nav .menu {
    display: inline-block; }
  .category-nav .menu li {
    display: block; }
    @media print, screen and (min-width: 46em) {
      .category-nav .menu li {
        display: table-cell; } }

/**
  * Compare Bank Plans
  * Used to compare a list of products
  */
.top-offset {
  margin-top: 4em; }

.full-width {
  width: 100%; }

.compare-plan__row {
  justify-content: center; }

.compare-plan-header.sticky-container {
  height: 4.5em; }

.compare-plan__description {
  width: 100%;
  font-size: 16px; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .compare-plan__description {
      font-size: 0.75rem; } }

.compare-plan__carousel:first-child .compare-plan__col {
  padding-top: 0;
  padding-bottom: 0; }
  .compare-plan__carousel:first-child .compare-plan__col-open-now {
    margin-bottom: 2em; }
  .compare-plan__carousel:first-child .compare-plan__col a {
    width: 100%; }
    @media screen and (min-width: 46em) and (max-width: 63.93625em) {
      .compare-plan__carousel:first-child .compare-plan__col a {
        width: auto; } }

.compare-plan__carousel:first-child .compare-plan__description {
  flex: 1 0 auto;
  margin-top: 1em;
  font-size: 1em; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .compare-plan__carousel:first-child .compare-plan__description {
      font-size: 0.75rem; } }

.compare-plan__carousel--no-col {
  background: #cacaca;
  justify-content: center;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  border-left: 0.1em solid #cacaca;
  border-right: 0.1em solid #cacaca; }

.compare-plan__col {
  align-items: center;
  text-align: center;
  justify-content: center;
  border-left: 0.1em solid #cacaca;
  padding-left: .75rem;
  padding-right: .75rem;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  position: relative;
  min-height: 4em; }
  .compare-plan__col:first-child {
    border-left: 0.1em solid #cacaca; }
  .compare-plan__col:last-child {
    border-right: 0.1em solid #cacaca; }
  .compare-plan__col.is-active {
    display: flex; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .compare-plan__col {
      padding-left: .6rem;
      padding-right: .6rem; } }
  .compare-plan__col--border-top {
    border-top: 0.1em solid #cacaca; }
  .compare-plan__col--border-bottom {
    border-bottom: 0.1em solid #cacaca; }
  .compare-plan__col--border-radius {
    border-bottom-left-radius: .2em;
    border-bottom-right-radius: .2em; }
  .compare-plan__col-open-now {
    color: #0075BE;
    margin-top: 0.5em; }
  .compare-plan__col-learn-more {
    display: block;
    margin-bottom: 0.5em; }
  .compare-plan__col--highlight {
    background: rgba(242, 242, 242, 0.6); }
  .compare-plan__col-monthly-fee-promo {
    margin-top: 1em;
    position: absolute;
    top: 0;
    color: #ed1c24;
    left: 50%;
    transform: translateX(-50%); }
    .compare-plan__col-monthly-fee-promo--hidden {
      visibility: hidden; }
    .compare-plan__col-monthly-fee-promo::before {
      position: absolute;
      content: "";
      left: 0;
      top: 40%;
      right: 0;
      border-top: 0.1em solid;
      border-color: inherit;
      transform: rotate(20deg); }

.compare-plan__feature-list, .compare-plan__service-list {
  margin-left: 1em;
  width: 100%; }
  .compare-plan__feature-list li, .compare-plan__service-list li {
    text-align: left; }

.compare-plan__item {
  display: flex;
  flex: 1 1;
  flex-direction: row; }
  .compare-plan__item:first-child {
    border-left: 0.1em solid #cacaca; }
  .compare-plan__item:last-child {
    border-right: 0.1em solid #cacaca; }
  .compare-plan__item:focus {
    outline: none; }
  .compare-plan__item.is-stuck.is-at-top {
    margin-top: 0;
    background: #FEFEFE;
    border-bottom: 0.125em solid #ed1c24; }
  .compare-plan__item.is-stuck .compare-plan__name {
    border-bottom: none; }
  .compare-plan__item.is-stuck .compare-plan__icon {
    margin-top: 0;
    padding: 1em; }
  .compare-plan__item.is-at-bottom {
    display: none; }

.compare-plan__icon {
  width: 6rem;
  height: 6rem;
  padding: 1.27rem;
  padding-bottom: 0;
  background: #FEFEFE;
  margin-top: -3.5rem;
  order: 1; }
  .compare-plan__icon--transparent {
    background: transparent; }
  .compare-plan__icon--grey {
    fill: #929ba9; }
    .compare-plan__icon--grey svg > path {
      fill: #929ba9; }

.compare-plan__name {
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 0.125rem solid #ed1c24;
  text-align: center;
  padding-bottom: 0.3125rem;
  display: inline-block;
  font-family: "Heebo", sans-serif; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .compare-plan__name.medium-size-h5 {
      font-size: 0.75rem; } }

.compare-plan__value {
  margin-bottom: 0;
  margin-top: 0.375rem; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .compare-plan__value.size-h2 {
      font-size: 16px; } }

.compare-plan__label {
  margin-bottom: 0;
  width: 100%; }
  .compare-plan__label--small {
    font-size: 0.75rem; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .compare-plan__label {
      font-size: 0.75rem; } }
  .compare-plan__label ul {
    padding-left: 10px; }
  .compare-plan__label ul > li {
    text-align: left; }

.compare-plan__see-all-bank-account {
  margin-bottom: 4em;
  margin-top: 3.5em;
  padding: 0.5em 1.5em;
  position: relative; }
  .compare-plan__see-all-bank-account.chevron-left::after {
    width: 0.7em;
    height: 0.7em;
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(315deg) translate(0%, 0%); }

.compare-plan__below-cta {
  width: 100%;
  padding-top: 1em;
  color: #6e6e6e; }
  .compare-plan__below-cta--form-link {
    color: #0075BE;
    border: none;
    padding: 0 !important;
    cursor: pointer;
    margin-right: 5px; }
    .compare-plan__below-cta--form-link:hover {
      text-decoration: underline; }
  .compare-plan__below-cta--form-button-container {
    font-size: 0.9375rem;
    /* To match font size given in design */ }

.discount-dropdown {
  margin-bottom: 10px; }
  .discount-dropdown__sub-title {
    color: #6e6e6e;
    font-weight: bold; }
  .discount-dropdown .chevron-down {
    position: relative;
    padding: 0.5em 1.5em; }
    .discount-dropdown .chevron-down::after {
      position: absolute;
      top: 1em;
      right: 0; }

.category-promo {
  margin-top: 1em; }

.heading--overlay {
  font-family: "Heebo", sans-serif;
  font-size: 1.62469rem;
  font-weight: 300; }
  @media print, screen and (min-width: 46em) {
    .heading--overlay {
      font-size: 1.62469rem; } }

.heading-em {
  margin-top: 1em; }
  .heading-em::after {
    content: "";
    background: #ed1c24;
    height: 0.1em;
    width: 3em;
    display: block;
    margin: 0.25em auto 0.5em; }
  .heading-em--large {
    margin-top: 1em; }
    .heading-em--large::after {
      content: "";
      background: #ed1c24;
      height: 0.15em;
      width: 4em;
      display: block;
      margin: 0.25em auto 0.5em; }
    @media print, screen and (min-width: 46em) {
      .heading-em--large {
        margin-top: 0; } }
    .heading-em--large::after {
      margin-top: 1rem; }
      @media print, screen and (min-width: 46em) {
        .heading-em--large::after {
          margin-top: 0; } }
  .heading-em--full-width {
    margin-top: 1em; }
    .heading-em--full-width::after {
      content: "";
      background: #ed1c24;
      height: 0.1em;
      width: 100%;
      display: block;
      margin: 0.25em auto 0.5em; }
  @media print, screen and (min-width: 46em) {
    .heading-em--left::after {
      margin: 1em 0 1em; } }
  .heading-em--responsive {
    margin-top: 1em; }
    .heading-em--responsive::after {
      content: "";
      background: #ed1c24;
      height: 0.1em;
      width: 4em;
      display: block;
      margin: 0.25em auto 0.5em; }
    .heading-em--responsive::after {
      margin: 0.25em 0 0.5em; }
      @media screen and (max-width: 45.99875em) {
        .heading-em--responsive::after {
          margin: 0.25em auto 0.5em; } }
  .heading-em--flush {
    margin-top: 1em; }
    .heading-em--flush::after {
      content: "";
      background: #ed1c24;
      height: 0.1em;
      width: 3em;
      display: block;
      margin: 0.25em auto 0; }

.business-compare .heading-em--full-width::after {
  margin-top: 0.5em;
  margin-bottom: 1em; }

.promo {
  background: #00436c;
  border-bottom: 0.25rem solid #ed1c24; }
  .promo__anchor {
    color: #FEFEFE;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0.125em solid #cacaca; }
    .promo__anchor:last-child {
      border-bottom: 0 solid transparent; }
    @media print, screen and (min-width: 46em) {
      .promo__anchor {
        border-bottom: 0 solid transparent;
        border-right: 0.125em solid #cacaca;
        margin-top: 1em;
        margin-bottom: 1em; }
        .promo__anchor:last-child {
          border-right: 0 solid transparent; } }
    .promo__anchor:hover {
      color: #FEFEFE;
      text-decoration: none; }
    .promo__anchor:focus {
      color: #FEFEFE;
      text-decoration: none; }
  .promo__modal-trigger {
    padding: 1rem 0;
    color: #FEFEFE;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center; }
    .promo__modal-trigger:hover {
      text-decoration: none;
      color: #FEFEFE; }
    .promo__modal-trigger:active {
      text-decoration: none;
      color: #FEFEFE; }
    .promo__modal-trigger:focus {
      text-decoration: none;
      color: #FEFEFE; }
    @media print, screen and (min-width: 46em) {
      .promo__modal-trigger {
        padding: 0; } }
    .promo__modal-trigger--icon {
      display: none; }
      @media print, screen and (min-width: 46em) {
        .promo__modal-trigger--icon {
          display: inline-flex;
          width: auto;
          max-width: 100%;
          padding-top: 0; } }
      @media print, screen and (min-width: 63.9375em) {
        .promo__modal-trigger--icon {
          display: inline-flex;
          width: 2em;
          max-width: 2em;
          padding-top: 0;
          padding-bottom: 0; } }
  .promo__content {
    text-align: center; }
    .promo__content strong {
      font-weight: 700; }
    @media print, screen and (min-width: 46em) {
      .promo__content {
        padding-top: 0.5em; } }
    @media print, screen and (min-width: 63.9375em) {
      .promo__content {
        padding-top: 0; } }
  .promo.sticky {
    width: 100%; }

.icon-block {
  margin: 1.5em 0; }
  .icon-block__icon {
    display: flex;
    justify-content: center;
    margin-bottom: 1em; }
  .icon-block__title {
    margin-bottom: 1em; }
    .icon-block__title strong {
      font-weight: 700; }
  .icon-block__text--left {
    text-align: left; }

.card {
  flex: 1;
  margin-bottom: 1em;
  padding: 0 1em; }
  @media print, screen and (min-width: 46em) {
    .card {
      margin-bottom: 0;
      padding: 0; } }
  .card__inner {
    transition: 300ms box-shadow linear;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 0.125rem;
    border: 0.125rem solid #cacaca; }
    @media print, screen and (min-width: 63.9375em) {
      .card__inner {
        box-shadow: 0.0625rem 0.0625rem 0.0625rem #cacaca; } }
    .card__inner:hover {
      box-shadow: none; }
  .card__title {
    padding: 0.75em 0; }
    .card__title-link {
      color: #0075BE;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center; }
  .card__body {
    background-color: #cacaca;
    padding: 1em 2em 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex: 1 1 auto; }
  .card__list {
    padding-left: 2em;
    width: 100%;
    margin-bottom: auto; }
  .card__button {
    text-align: center;
    margin: 1em 0; }
    .card__button button {
      border-radius: 5em; }

.calculator-card .card {
  margin-bottom: 0;
  padding: 24px 24px 24px 24px; }
  .calculator-card .card h3 {
    font-weight: bold; }
  .calculator-card .card.card-item-menu {
    padding-top: 5px;
    padding-bottom: 0; }

/* loading animation */
.loading-animation {
  display: block;
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.loading-animation.demo {
  position: relative;
  left: auto;
  top: auto;
  transform: none; }

.loading-animation .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.loading-animation .sk-circle::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 10%;
  height: 10%;
  border-radius: 100%;
  animation: sk-circleFadeDelay 2.4s infinite ease-in-out both; }

.loading-animation.white .sk-circle::before {
  background-color: #FEFEFE; }

.loading-animation.blue .sk-circle::before {
  background-color: #0075BE; }

.loading-animation .sk-circle2 {
  transform: rotate(30deg); }
  .loading-animation .sk-circle2::before {
    animation-delay: -2.2s; }

.loading-animation .sk-circle3 {
  transform: rotate(60deg); }
  .loading-animation .sk-circle3::before {
    animation-delay: -2s; }

.loading-animation .sk-circle4 {
  transform: rotate(90deg); }
  .loading-animation .sk-circle4::before {
    animation-delay: -1.8s; }

.loading-animation .sk-circle5 {
  transform: rotate(120deg); }
  .loading-animation .sk-circle5::before {
    animation-delay: -1.6s; }

.loading-animation .sk-circle6 {
  transform: rotate(150deg); }
  .loading-animation .sk-circle6::before {
    animation-delay: -1.4s; }

.loading-animation .sk-circle7 {
  transform: rotate(180deg); }
  .loading-animation .sk-circle7::before {
    animation-delay: -1.2s; }

.loading-animation .sk-circle8 {
  transform: rotate(210deg); }
  .loading-animation .sk-circle8::before {
    animation-delay: -1s; }

.loading-animation .sk-circle9 {
  transform: rotate(240deg); }
  .loading-animation .sk-circle9::before {
    animation-delay: -0.8s; }

.loading-animation .sk-circle10 {
  transform: rotate(270deg); }
  .loading-animation .sk-circle10::before {
    animation-delay: -0.6s; }

.loading-animation .sk-circle11 {
  transform: rotate(300deg); }
  .loading-animation .sk-circle11::before {
    animation-delay: -0.4s; }

.loading-animation .sk-circle12 {
  transform: rotate(330deg); }
  .loading-animation .sk-circle12::before {
    animation-delay: -0.2s; }

@keyframes sk-circleFadeDelay {
  0%, 20%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

.image-background {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 18.75rem;
  background-color: #cacaca;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: all .3s ease; }

.youtube-video--fixed-width {
  min-height: 12rem;
  max-width: 100%; }
  @media print, screen and (min-width: 46em) {
    .youtube-video--fixed-width {
      width: 26rem;
      height: 14.625rem; } }

.youtube-video--wide {
  min-height: 22rem;
  max-width: 100%; }

/* TODO : this is a copied of styles.scss of modal component */
/* should be removed when we 100% using model component instead of foundaiton one */
.modal--flush {
  border: 0 solid transparent;
  width: 100%;
  padding: 0; }
  .modal--flush-inner {
    max-width: 46rem; }

.modal-select {
  padding: 0;
  outline: 0 solid transparent;
  border: none;
  border-radius: 0.25em;
  max-width: 30em; }
  .modal-select--theme-primary {
    background: #00436c;
    color: #FEFEFE;
    padding-top: 1em;
    margin: auto; }
    .modal-select--theme-primary .close-button {
      color: #FEFEFE;
      top: 1em; }
      .modal-select--theme-primary .close-button:hover {
        color: #FEFEFE; }
  @media screen and (max-width: 45.99875em) {
    .modal-select {
      width: calc(100% - 2rem);
      min-height: calc(100% - 2rem);
      height: calc(100% - 2rem);
      margin-top: calc(1rem - 0.5rem); } }
  .modal-select .close-button {
    top: .75rem; }
  .modal-select--theme-secondary {
    outline: none;
    overflow: visible;
    min-height: auto;
    height: auto;
    border-radius: 1em;
    padding: 1em; }
    @media print, screen and (min-width: 46em) {
      .modal-select--theme-secondary {
        padding: 2em; } }
    .modal-select--theme-secondary .close-button {
      position: absolute;
      display: block;
      width: 0.75em;
      height: 0.75em;
      font-size: 1.5em;
      top: -0.375rem;
      right: -0.375rem;
      text-align: center;
      line-height: 0.75em;
      color: #FEFEFE;
      background: #0075BE;
      border-radius: 1em; }

/**
 * 1. For non 100% width mobile modals the background is invisible.
 *   This fixes the overlay issue.
 */
html.reveal-overflow-visible > body {
  overflow: visible; }

.reveal-show {
  display: block !important; }

.get-started__heading {
  align-self: center;
  border-right: none; }
  @media print, screen and (min-width: 46em) {
    .get-started__heading {
      border-right: 0.0625rem solid #cacaca; } }

.get-started__cta {
  align-self: center; }
  .get-started__cta-button {
    font-weight: 700;
    width: 80%; }

.getting-started {
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid #cacaca;
  padding: 2em 1em 0.5em;
  text-align: center;
  margin-bottom: 1em; }
  @media print, screen and (min-width: 46em) {
    .getting-started {
      width: 50%;
      flex-basis: 50%;
      margin-right: 2em;
      margin-bottom: 0; } }
  @media print, screen and (min-width: 46em) {
    .getting-started:last-child {
      margin-right: 0; } }
  .getting-started__container {
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 45.99875em) {
      .getting-started__container {
        padding-left: 0.5em;
        padding-right: 0.5em; } }
    @media print, screen and (min-width: 46em) {
      .getting-started__container {
        flex-direction: row; } }
  .getting-started__img {
    justify-content: center;
    height: 6em; }
    .getting-started__img-elem {
      max-height: 100%;
      height: 6em; }
  @media print, screen and (min-width: 46em) {
    .getting-started__svg-spacing {
      margin-left: 2em;
      margin-right: 2em; } }
  .getting-started__svg-elem {
    height: 100%;
    width: auto; }
  .getting-started__list-container {
    background-color: #f4f6f7; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .getting-started__list-spacing {
      padding-left: 3em; } }
  @media print, screen and (min-width: 63.9375em) {
    .getting-started__list-spacing {
      padding-left: 4em; } }
  @media print, screen and (min-width: 46em) {
    .getting-started__list-size {
      font-size: 1.37437rem; } }
  .getting-started__list-item-spacing {
    margin-bottom: 0.25em; }

.simple-header {
  border-bottom: 1px solid #cacaca; }
  .simple-header__container {
    max-width: 1200px;
    margin: 0 auto;
    height: 80px;
    display: flex; }
    @media (max-width: 1025px) {
      .simple-header__container {
        max-width: 900px; } }
  .simple-header__logo-container {
    flex: 1; }
  .simple-header__bmo-logo {
    width: 91px;
    height: 35px;
    margin-left: 30px;
    margin-top: 20px; }
  .simple-header__local {
    margin-top: 25px;
    flex: 0 0 auto;
    font-size: 16px;
    color: #0075BE;
    text-align: center;
    height: inherit;
    transition: opacity .2s ease-in;
    opacity: 1; }
  .simple-header__button {
    width: 52px;
    height: 100%; }
  .simple-header__dot {
    width: 5px; }
  .simple-header__overlay-main {
    margin: 150px auto 0;
    width: 600px;
    position: relative;
    background-color: #0075BE;
    border-radius: 5px;
    overflow-y: hidden;
    position: relative; }
    @media screen and (max-width: 45.99875em) {
      .simple-header__overlay-main {
        width: 100%;
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transition: opacity .35s, visibility .35s, height .35s;
        z-index: 1000;
        opacity: 1;
        visibility: visible;
        height: 100%; } }
  .simple-header__close-button {
    color: white; }
    .simple-header__close-button__blue {
      color: #0075BE !important; }
  .simple-header__list {
    padding-top: 20px;
    min-height: 250px;
    padding-bottom: 50px;
    width: 100%;
    overflow-y: auto; }
    @media screen and (max-width: 45.99875em) {
      .simple-header__list {
        margin-top: 100px; } }
  .simple-header__li {
    text-align: center;
    margin-bottom: 50px; }
  .simple-header__icon {
    width: 45px;
    height: 45px; }
  .simple-header__action-button {
    font-size: 20px;
    color: white;
    font-weight: 400; }
  .simple-header__text {
    margin-top: 15px; }
  .simple-header__footer {
    list-style: none;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0075BE;
    z-index: 100;
    display: flex;
    margin: 0 145px;
    justify-content: center;
    border-top: 1px solid #00436c;
    height: 66px; }
    .simple-header__footer--link {
      padding: 20px 0;
      color: white; }
    .simple-header__footer--li:first-child {
      margin-right: 40px; }
    .simple-header__footer--li:last-child {
      margin-left: 40px; }
  .simple-header__overlay-faq {
    max-width: 50%;
    text-align: left;
    overflow-y: scroll !important; }
    @media screen and (max-width: 45.99875em) {
      .simple-header__overlay-faq {
        max-width: 100%;
        width: 100%;
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transition: opacity .35s, visibility .35s, height .35s;
        z-index: 1000;
        opacity: 1;
        visibility: visible; } }
    .simple-header__overlay-faq__heading {
      font-size: 16px;
      font-weight: 600;
      padding: 10px 0 20px 0px;
      border-bottom: 2px solid #cacaca; }
    .simple-header__overlay-faq a {
      display: inline; }
  .simple-header__accordion-title {
    color: #0075BE;
    min-height: 50px;
    padding: 10px 0;
    text-align: left; }
  .simple-header__accordion-body {
    margin-bottom: 20px; }
  .simple-header__exit-button {
    width: 200px !important;
    min-height: 50px;
    max-height: 60px;
    text-transform: none !important; }
  .simple-header__exit-modal {
    width: 400px;
    padding: 50px 20px 30px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    border-radius: 5px;
    border-radius: 4px;
    text-align: center;
    display: flex !important;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 45.99875em) {
      .simple-header__exit-modal {
        max-width: 360px;
        margin: 30% auto;
        padding: 30px 20px;
        max-height: 300px;
        min-height: unset; } }
  .simple-header__heading {
    line-height: 30px !important;
    font-size: 20px !important;
    margin-bottom: 10px !important;
    max-width: 358px; }

.iconnav {
  padding: 0;
  list-style: none;
  margin: 0 auto;
  width: 95%; }
  @media print, screen and (min-width: 63.9375em) {
    .iconnav {
      width: 97%; } }
  .iconnav .icon-wrapper {
    display: inline-block;
    width: 50%;
    float: left;
    transition: margin-top .5s ease; }
    @media print, screen and (min-width: 46em) {
      .iconnav .icon-wrapper {
        width: 25%;
        transition: margin-left .5s ease; } }
    @media print, screen and (min-width: 63.9375em) {
      .iconnav .icon-wrapper {
        width: 16.666%; } }
  .iconnav .icon-wrapper:nth-child(odd) {
    clear: left; }
    @media print, screen and (min-width: 46em) {
      .iconnav .icon-wrapper:nth-child(odd) {
        clear: none; } }
  .iconnav .icon-wrapper > a.icon-navlink {
    transition: opacity .3s ease; }
  .iconnav__icon {
    display: inline-block;
    color: transparent;
    margin: 0 auto;
    padding: 0; }
    .iconnav__icon-svg {
      width: 4em;
      height: 4em; }
  .iconnav a.icon-navlink:link,
  .iconnav a.icon-navlink:visited {
    width: 100%; }
  .iconnav a.icon-navlink--four:link,
  .iconnav a.icon-navlink--four:visited {
    width: 70%; }
  .iconnav a.icon-navlink:hover,
  .iconnav a.icon-navlink:active,
  .iconnav a.icon-navlink--four:hover,
  .iconnav a.icon-navlink--four:active {
    text-decoration: none; }
  .iconnav a.icon-navlink:link .title,
  .iconnav a.icon-navlink:visited .title,
  .iconnav a.icon-navlink--four:link .title,
  .iconnav a.icon-navlink--four:visited .title {
    display: block;
    text-align: center;
    line-height: 1.3;
    color: #001928;
    font-weight: 400; }
  .iconnav .slick-list.draggable {
    transition: transform .3s ease-in-out;
    transform: translate(0, 0); }
    .iconnav .slick-list.draggable .slick-track {
      transform: translate(0, 0); }
  .iconnav-outer {
    padding-left: 1em;
    padding-right: 1em; }
    @media print, screen and (min-width: 46em) {
      .iconnav-outer {
        padding-left: 0;
        padding-right: 0; } }
  .iconnav__title {
    margin-bottom: 1rem; }
    @media print, screen and (min-width: 46em) {
      .iconnav__title {
        margin-top: 0.4375rem; } }
  .iconnav-container {
    margin-bottom: -3.4375rem !important;
    transform: translateY(-3.4375rem);
    padding-bottom: 4rem; }
    @media print, screen and (min-width: 46em) {
      .iconnav-container {
        margin-bottom: -5.625rem !important;
        transform: translateY(-5.625rem);
        padding-bottom: inherit; } }
    .iconnav-container .slick-dots {
      display: none;
      bottom: -3.5em; }
      @media print, screen and (min-width: 46em) {
        .iconnav-container .slick-dots {
          display: inline-block;
          bottom: .7em;
          left: -50%;
          transform: translateX(50%); } }
    @media print, screen and (min-width: 46em) {
      .iconnav-container .slick-dots li {
        margin: 0; } }
    .iconnav-container .slick-dots li button::before {
      font-size: 0.625rem;
      line-height: 1rem;
      letter-spacing: 0.01562rem;
      font-weight: 300;
      opacity: 1;
      color: #cacaca;
      transition: color .3s ease; }
    .iconnav-container .slick-dots li button::before:hover {
      color: #6e6e6e; }
    .iconnav-container .slick-dots li.slick-active button::before {
      opacity: 1;
      color: #0075BE; }
    .iconnav-container .slick-dotted {
      margin-top: 1.25rem; }
      @media print, screen and (min-width: 46em) {
        .iconnav-container .slick-dotted {
          margin-top: inherit;
          margin-bottom: 1.25rem; } }
    .iconnav-container.overlay-callout {
      margin-left: 0;
      margin-right: 0;
      overflow: visible;
      padding: 1em;
      padding-bottom: 4em; }
      @media print, screen and (min-width: 46em) {
        .iconnav-container.overlay-callout {
          padding: 2em;
          padding-bottom: 1em; } }
    .iconnav-container.noscroll.overlay-callout {
      padding-bottom: 2em; }
      @media print, screen and (min-width: 46em) {
        .iconnav-container.noscroll.overlay-callout {
          padding-bottom: 1em; } }
    .iconnav-container.iconnav-container--four.overlay-callout {
      padding-bottom: 1em; }
    .iconnav-container .iconnav-home {
      overflow: hidden;
      height: 21.875rem; }
      @media print, screen and (min-width: 46em) {
        .iconnav-container .iconnav-home {
          overflow: hidden;
          height: 8.125rem;
          position: unset; } }
    .iconnav-container .iconnav-home--four {
      overflow: hidden;
      height: 15.625rem;
      position: relative;
      margin-left: 0;
      margin-right: 0;
      padding: 0 1.25rem; }
      @media print, screen and (min-width: 46em) {
        .iconnav-container .iconnav-home--four {
          height: 8.75rem; } }
      @media print, screen and (min-width: 63.9375em) {
        .iconnav-container .iconnav-home--four {
          height: 8.125rem;
          margin-left: 0;
          margin-right: 0;
          padding: 0 1.25rem; } }
    .iconnav-container .nav-mobile-copy {
      text-align: center;
      margin-left: -.5em;
      margin-right: -.5em;
      margin-bottom: 1em; }
      @media print, screen and (min-width: 46em) {
        .iconnav-container .nav-mobile-copy {
          margin-bottom: 1em; } }
    .iconnav-container.noscroll .nav-mobile-copy {
      margin-bottom: 1em; }
    .iconnav-container .slick-prev, .iconnav-container .slick-next {
      display: none;
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 50%;
      width: 0.6875rem;
      height: 1.25rem;
      padding: 0;
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: .5;
      transition: opacity .3s ease; }
    .iconnav-container .slick-prev {
      left: 50%;
      top: 4.5rem;
      transform: rotate(90deg); }
      @media print, screen and (min-width: 46em) {
        .iconnav-container .slick-prev {
          position: absolute;
          left: 3%;
          top: 53%;
          transform: translate(0, -50%); } }
    .iconnav-container .slick-next {
      top: auto;
      left: 50%;
      bottom: 1.25rem;
      transform: rotate(90deg); }
      @media print, screen and (min-width: 46em) {
        .iconnav-container .slick-next {
          position: absolute;
          left: auto;
          right: 3%;
          bottom: auto;
          top: 53%;
          transform: translate(0, -50%); } }
    .iconnav-container .slick-disabled {
      display: none !important; }
    .iconnav-container .slick-prev::before {
      display: block;
      content: "";
      width: 0.6875rem;
      height: 1.25rem;
      background-image: url("/dist/images/personal/homepage-banners/iconnav-chevron-left.svg"); }
    .iconnav-container .slick-next::before {
      display: block;
      content: "";
      width: 0.6875rem;
      height: 1.25rem;
      background-image: url("/dist/images/personal/homepage-banners/iconnav-chevron-right.svg"); }
    .iconnav-container .slick-prev:hover, .iconnav-container .slick-next:hover {
      opacity: 1; }
    .iconnav-container .slick-prev-mobile, .iconnav-container .slick-next-mobile {
      display: none;
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 50%;
      width: 1.375rem;
      height: 2.5rem;
      padding: 0;
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: .5;
      transition: opacity .3s ease; }
    .iconnav-container .slick-prev-mobile:hover, .iconnav-container .slick-next-mobile:hover {
      opacity: 1; }
    .iconnav-container .slick-prev-mobile {
      left: 50%;
      top: 3rem;
      transform: rotate(90deg) translateY(0.625rem); }
    .iconnav-container .slick-next-mobile {
      top: auto;
      left: 50%;
      bottom: 1rem;
      transform: rotate(90deg) translateY(0.625rem); }
    .iconnav-container .slick-prev-mobile::before {
      display: block;
      content: "";
      width: 1.375rem;
      height: 2.5rem;
      background-image: url("/dist/images/personal/homepage-banners/iconnav-chevron-left.svg"); }
    .iconnav-container .slick-next-mobile::before {
      display: block;
      content: "";
      width: 1.375rem;
      height: 2.5rem;
      background-image: url("/dist/images/personal/homepage-banners/iconnav-chevron-right.svg"); }

.tv-offset-overlay {
  display: block;
  position: relative;
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
  overflow: visible; }
  .tv-offset-overlay .offset-background {
    width: 100%;
    position: relative; }
    .tv-offset-overlay .offset-background.offset-left .columns {
      margin: 0 auto 0 0; }
    .tv-offset-overlay .offset-background.offset-center .columns {
      margin: 0 auto; }
    .tv-offset-overlay .offset-background.offset-right .columns {
      margin: 0 0 0 auto; }
  .tv-offset-overlay .offset-background-cta {
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    height: 20.625rem; }
    .tv-offset-overlay .offset-background-cta.offset-left .columns {
      margin: 0 auto 0 0; }
    .tv-offset-overlay .offset-background-cta.offset-center .columns {
      margin: 0 auto; }
    .tv-offset-overlay .offset-background-cta.offset-right .columns {
      margin: 0 0 0 auto; }
  .tv-offset-overlay.offset-top-small {
    padding-top: 0; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay.offset-top-small {
        padding-top: 1.875rem; } }
  .tv-offset-overlay.offset-top-medium {
    padding-top: 0; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay.offset-top-medium {
        padding-top: 3.75rem; } }
  .tv-offset-overlay.offset-top-large {
    padding-top: 0; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay.offset-top-large {
        padding-top: 5.625rem; } }
  .tv-offset-overlay.offset-bottom-small {
    padding-bottom: 0; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay.offset-bottom-small {
        padding-bottom: 1.875rem; } }
  .tv-offset-overlay.offset-bottom-medium {
    padding-bottom: 0; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay.offset-bottom-medium {
        padding-bottom: 3.75rem; } }
  .tv-offset-overlay.offset-bottom-large {
    padding-bottom: 0; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay.offset-bottom-large {
        padding-bottom: 5.625rem; } }
  .tv-offset-overlay .offset-overlay-zero {
    width: 100%;
    position: relative; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-overlay-zero {
        position: relative; } }
    .tv-offset-overlay .offset-overlay-zero.offset-top-small {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-zero.offset-top-small {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-zero.offset-top-medium {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-zero.offset-top-medium {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-zero.offset-top-large {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-zero.offset-top-large {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-zero.offset-bottom-small {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-zero.offset-bottom-small {
          bottom: 0;
          top: auto;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-zero.offset-bottom-medium {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-zero.offset-bottom-medium {
          bottom: 0;
          top: auto;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-zero.offset-bottom-large {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-zero.offset-bottom-large {
          bottom: 0;
          top: auto;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-zero.offset-left > .columns {
      margin: 0 auto 0 0; }
    .tv-offset-overlay .offset-overlay-zero.offset-center > .columns {
      margin: 0 auto; }
    @media print, screen and (min-width: 46em) {
      .tv-offset-overlay .offset-overlay-zero.offset-medium-center-large-right > .columns {
        margin: 0 auto; } }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-overlay-zero.offset-medium-center-large-right > .columns {
        margin: 0 0 0 auto; } }
    .tv-offset-overlay .offset-overlay-zero.offset-right > .columns {
      margin: 0 0 0 auto; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-overlay-zero.center-vertical--large-only {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%); } }
  .tv-offset-overlay .offset-overlay-one {
    width: 100%;
    position: relative; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-overlay-one {
        position: absolute; } }
    .tv-offset-overlay .offset-overlay-one.offset-top-small {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-one.offset-top-small {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-one.offset-top-medium {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-one.offset-top-medium {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-one.offset-top-large {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-one.offset-top-large {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-one.offset-bottom-small {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-one.offset-bottom-small {
          bottom: 0;
          top: auto;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-one.offset-bottom-medium {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-one.offset-bottom-medium {
          bottom: 0;
          top: auto;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-one.offset-bottom-large {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-one.offset-bottom-large {
          bottom: 0;
          top: auto;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-one.offset-left > .columns {
      margin: 0 auto 0 0; }
    .tv-offset-overlay .offset-overlay-one.offset-center > .columns {
      margin: 0 auto; }
    @media print, screen and (min-width: 46em) {
      .tv-offset-overlay .offset-overlay-one.offset-medium-center-large-right > .columns {
        margin: 0 auto; } }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-overlay-one.offset-medium-center-large-right > .columns {
        margin: 0 0 0 auto; } }
    .tv-offset-overlay .offset-overlay-one.offset-right > .columns {
      margin: 0 0 0 auto; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-overlay-one.center-vertical--large-only {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%); } }
  .tv-offset-overlay .offset-overlay-two {
    width: 100%;
    position: absolute; }
    .tv-offset-overlay .offset-overlay-two.offset-top-small {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-two.offset-top-small {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-two.offset-top-medium {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-two.offset-top-medium {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-two.offset-top-large {
      top: -5.625rem;
      margin-bottom: -5.625rem; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-two.offset-top-large {
          top: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-two.offset-bottom-small {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-two.offset-bottom-small {
          top: auto;
          bottom: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-two.offset-bottom-medium {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-two.offset-bottom-medium {
          top: auto;
          bottom: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-two.offset-bottom-large {
      top: -5.625rem;
      margin-bottom: -5.625rem;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-overlay-two.offset-bottom-large {
          top: auto;
          bottom: 0;
          margin-bottom: 0; } }
    .tv-offset-overlay .offset-overlay-two.offset-left > .columns {
      margin: 0 auto 0 0; }
    .tv-offset-overlay .offset-overlay-two.offset-center > .columns {
      margin: 0 auto; }
    .tv-offset-overlay .offset-overlay-two.offset-right > .columns {
      margin: 0 0 0 auto; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-overlay-two.center-vertical--large-only {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%); } }
  .tv-offset-overlay .offset-text {
    width: 100%;
    position: relative;
    padding-bottom: 1rem;
    padding-top: 1rem; }
    @media print, screen and (min-width: 63.9375em) {
      .tv-offset-overlay .offset-text {
        position: absolute;
        padding-bottom: none; } }
    .tv-offset-overlay .offset-text.offset-top {
      top: 0; }
    .tv-offset-overlay .offset-text.offset-bottom {
      top: 0;
      bottom: auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-text.offset-bottom {
          bottom: 0;
          top: auto; } }
    .tv-offset-overlay .offset-text.offset-left > .columns {
      text-align: center;
      margin: 0 auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-text.offset-left > .columns {
          text-align: right;
          margin: 0 auto 0 0;
          padding-right: 1em; } }
    .tv-offset-overlay .offset-text.offset-right > .columns {
      text-align: center;
      margin: 0 auto; }
      @media print, screen and (min-width: 63.9375em) {
        .tv-offset-overlay .offset-text.offset-right > .columns {
          text-align: left;
          margin: 0 0 0 auto;
          padding-left: 1em; } }

.columns.tv-nopadding {
  padding-left: 0;
  padding-right: 0;
  display: block !important; }

.row .row.tv-nopadding {
  margin-left: 0;
  margin-right: 0; }

.overlay-callout {
  display: block;
  position: relative;
  overflow: auto;
  background-color: #FEFEFE;
  padding: 2rem;
  border-radius: 0.25rem;
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2);
  margin: 0 1rem; }
  @media print, screen and (min-width: 63.9375em) {
    .overlay-callout {
      margin: 0; } }
  .overlay-callout.tight-top {
    padding-top: 1rem;
    padding-bottom: 1rem; }

.overlay-image {
  display: block;
  position: relative;
  border-radius: 0;
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2);
  margin: 0 auto; }
  @media print, screen and (min-width: 46em) {
    .overlay-image {
      border-radius: 0.25rem; } }
  .overlay-image img {
    width: 100%;
    height: auto; }

.tv-mortgage-rates .left-rates .rate {
  color: #001928;
  font-size: 1.5rem;
  line-height: 2.5rem;
  letter-spacing: -0.02187rem;
  font-weight: 300; }
  .tv-mortgage-rates .left-rates .rate .left {
    display: inline-block;
    font-weight: 700; }
  .tv-mortgage-rates .left-rates .rate .right {
    display: inline-block; }

.tv-mortgage-rates .left-rates .denominator {
  color: #001928;
  font-size: 0.875rem;
  line-height: 1rem;
  letter-spacing: 0.01562rem;
  font-weight: 300;
  font-weight: 700;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  border-top: 0.125em solid #cacaca; }

.tv-mortgage-rates .right-rates .rate {
  color: #0075BE;
  font-size: 1.5rem;
  line-height: 2.5rem;
  letter-spacing: -0.02187rem;
  font-weight: 300; }
  .tv-mortgage-rates .right-rates .rate .left {
    display: inline-block;
    font-weight: 700; }
  .tv-mortgage-rates .right-rates .rate .right {
    display: inline-block; }

.tv-mortgage-rates .right-rates .denominator {
  color: #0075BE;
  font-size: 0.875rem;
  line-height: 1rem;
  letter-spacing: 0.01562rem;
  font-weight: 300;
  font-weight: 700;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  border-top: 0.125em solid #cacaca; }

.tv-mortgage-rates .legal {
  display: block;
  margin: 0 auto;
  color: #6e6e6e;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.01562rem;
  font-weight: 300; }

.alert {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #cacaca;
  border-radius: 0.25em; }
  .alert__icon {
    width: 2.5em;
    min-width: 2.5em;
    max-width: 2.5em;
    margin-bottom: 3em;
    margin-left: 0.5em; }
    @media print, screen and (min-width: 46em) {
      .alert__icon {
        margin-bottom: 0;
        margin-left: 0.25em; } }
  .alert__message {
    padding: 1em 0.25em; }
    @media print, screen and (min-width: 46em) {
      .alert__message {
        padding: 1em; } }
  .alert__title {
    font-weight: bold; }
  .alert__cta {
    padding-left: 0; }
    @media print, screen and (min-width: 46em) {
      .alert__cta {
        padding-left: 0.5em; } }

.seperator-border {
  border-right: 0.0625rem solid #cacaca; }

.list-column {
  margin-bottom: 1em; }
  @media print, screen and (min-width: 46em) {
    .list-column {
      margin-bottom: 0; } }

.travel-tab {
  padding: 1em 0;
  border-bottom: 0.0625rem solid #cacaca; }

.savings-calculator {
  border: 0.0625rem solid #cacaca;
  border-radius: 0.25em; }
  .savings-calculator__slider {
    padding: 5em 2em; }
    .savings-calculator__slider .range-start-label {
      position: absolute;
      left: 0;
      top: 1em; }
    .savings-calculator__slider .range-end-label {
      position: absolute;
      right: 0;
      top: 1em; }
  .savings-calculator__balance {
    background-color: #cacaca;
    display: flex; }
    .savings-calculator__balance-content {
      display: flex;
      justify-content: center;
      flex-flow: column;
      padding: 1em;
      width: 100%; }
  .savings-calculator__field-container {
    align-self: flex-end;
    text-align: center;
    margin-bottom: 2em;
    margin-top: 2em; }
    @media print, screen and (min-width: 63.9375em) {
      .savings-calculator__field-container {
        text-align: left; } }
  .savings-calculator__output {
    width: 8em;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    font-weight: bold; }

.saving-calc-warning {
  background-color: #6e6e6e;
  border-radius: 0.25em;
  color: #FEFEFE;
  padding: 1em;
  position: relative; }
  .saving-calc-warning__monthly-balance-lower, .saving-calc-warning__year-balance {
    margin-top: 1em; }
  .saving-calc-warning__close-icon {
    position: absolute;
    top: .3em;
    right: .3em;
    color: #cacaca;
    padding: .1em .4em;
    background-color: transparent;
    border: 0 solid transparent; }
    .saving-calc-warning__close-icon:hover {
      background-color: transparent; }

/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * 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.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: 'Kulb';
  src: url("/dist/fonts/Klub08-Normal.otf") format("opentype"), url("/dist/fonts/Klub08-Normal.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbmedium';
  src: url("/dist/fonts/Klub08-Medium.otf") format("opentype"), url("/dist/fonts/Klub08-Medium.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbblack';
  src: url("/dist/fonts/Klub08-Black.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbblond';
  src: url("/dist/fonts/Klub08-Blond.otf") format("opentype"), url("/dist/fonts/Klub08-Blond.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbbold';
  src: url("/dist/fonts/Klub08-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbsemibold';
  src: url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"), url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype"); }

.lending-home-page .breadcrumbs {
  display: flex; }
  .lending-home-page .breadcrumbs ul {
    padding: 0px; }
    .lending-home-page .breadcrumbs ul li {
      display: none; }
      @media screen and (min-width: 76.5625em) {
        .lending-home-page .breadcrumbs ul li {
          display: inline-flex; } }
    .lending-home-page .breadcrumbs ul li:nth-last-child(2) {
      display: inline-flex; }
      @media screen and (max-width: 76.56125em) {
        .lending-home-page .breadcrumbs ul li:nth-last-child(2):before {
          content: '';
          display: block;
          width: 24px;
          height: 24px;
          background: url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) svg {
          display: none; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) a {
          padding: 0;
          font-size: 16px;
          margin-left: 5px; } }

.lending-home-page .design-language .font-size-large.intro-heading-line-height {
  line-height: 30px; }

.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small {
  color: #001928; }

.lending-home-page .banner-blue-promo-box {
  padding: 24px;
  padding: 20px; }

.lending-home-page .promo-box-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.15px;
  font-weight: 400 !important;
  margin: 0; }

.lending-home-page.background-grey {
  padding-top: 30px; }
  .lending-home-page.background-grey .hmc-wrapper {
    border: 1px solid #ccc;
    padding-bottom: 40px;
    padding-bottom: 20px; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
  padding-left: 3em;
  padding-right: 0 !important; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
  left: 1em;
  right: auto; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
  padding-left: 3em; }

@media screen and (max-width: 45.99875em) {
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__item {
    padding-right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
    padding-left: 0;
    padding-right: 3em !important; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
    left: auto;
    right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
    padding-left: 0; } }

@media screen and (max-width: 89.99875em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 50%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 42%; } }

@media screen and (max-width: 63.93625em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 25%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .cta-text {
    height: 72px; } }

.cd-tabs {
  display: flex;
  list-style: none;
  margin: 0;
  justify-content: center; }
  @media screen and (max-width: 45.99875em) {
    .cd-tabs {
      position: relative;
      overflow-x: scroll;
      overflow-y: hidden;
      z-index: 1;
      overflow: -moz-scrollbars-none;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .cd-tabs::-webkit-scrollbar {
        display: none; }
      .cd-tabs[role="tablist"] {
        background-color: white; } }
  .cd-tabs .cd-tab-item {
    position: relative; }
    .cd-tabs .cd-tab-item:before {
      content: "";
      position: absolute;
      background: #d9dce1;
      height: 0.3125rem;
      width: 100%;
      right: 0;
      bottom: 0;
      left: 0; }
    .cd-tabs .cd-tab-item:first-child::before {
      border-radius: 0.3125rem 0 0 0.3125rem; }
    .cd-tabs .cd-tab-item:last-child::before {
      border-radius: 0 0.3125rem 0.3125rem 0; }
    .cd-tabs .cd-tab-item button {
      background: transparent;
      border: 0;
      padding: 1.25rem 1.875rem;
      min-width: auto;
      max-width: none;
      line-height: inherit;
      margin: 0;
      border-radius: 0;
      height: auto;
      font-weight: 500;
      font-size: 1.125rem;
      color: #646C76;
      white-space: nowrap; }
      @media screen and (max-width: 45.99875em) {
        .cd-tabs .cd-tab-item button {
          color: #001928;
          font-size: 0.875rem;
          line-height: 1rem; } }
    .cd-tabs .cd-tab-item.is-active button {
      color: #001928; }
    .cd-tabs .cd-tab-item.is-active:before {
      background-color: #6b87c1; }
    @media screen and (max-width: 45.99875em) {
      .cd-tabs .cd-tab-item:after {
        background: #FFF; }
      .cd-tabs .cd-tab-item:first-child:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
        transform: scaleX(-1);
        background: #FFF; }
      .cd-tabs .cd-tab-item:last-child:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
        background: #FFF; } }

.cd-tab-panel {
  padding: 3.5rem 0 0; }

@media screen and (max-width: 45.99875em) {
  .available-cds .cd-tab-item {
    width: calc(100% / 2);
    background: #FFF; } }

.available-cds .cd-tab-item button {
  padding: 1.875rem 1.25rem; }
  @media screen and (max-width: 63.93625em) {
    .available-cds .cd-tab-item button {
      padding: 1.25rem 0.625rem; } }
  @media screen and (max-width: 45.99875em) {
    .available-cds .cd-tab-item button {
      padding: 0.9375rem 0.625rem;
      white-space: normal; } }

.available-cds [aria-hidden="true"] {
  display: none; }

.available-cds h2 {
  font-weight: 500; }

.available-cds h3 {
  font-weight: 500;
  margin-bottom: 1.5rem; }

.available-cds p {
  font-size: 0.875rem;
  line-height: 1.5rem; }

.available-cds .button {
  position: relative;
  white-space: nowrap; }
  .available-cds .button i {
    position: absolute; }
    .available-cds .button i svg {
      height: 1.25rem; }
  .available-cds .button i + span {
    padding-left: 1.25rem; }

@media print, screen and (min-width: 63.9375em) {
  .available-cds .available-cd-content .mobile {
    display: none; } }

@media screen and (max-width: 63.93625em) {
  .available-cds .available-cd-content .desktop {
    display: none; } }

@media screen and (max-width: 63.93625em) {
  .available-cds .standard-cd-content {
    padding: 0 1.5rem 1.5rem; } }

@media screen and (max-width: 63.93625em) {
  .available-cds .features-content {
    padding: 0 1.5rem; } }

.available-cds .select-balance-amount-tier select {
  width: auto; }

@media screen and (max-width: 63.93625em) {
  .available-cds .select-balance-amount-tier {
    text-align: center;
    margin-bottom: 1.5rem;
    width: 75%;
    margin: 0 auto; }
    .available-cds .select-balance-amount-tier label {
      display: inline-block; }
    .available-cds .select-balance-amount-tier select {
      display: block;
      margin: 0 auto; } }

@media screen and (max-width: 45.99875em) {
  .available-cds .select-balance-amount-tier {
    width: 100%; } }

@media screen and (max-width: 63.93625em) {
  .available-cds .enter-your-zip-code form {
    padding: 1.5rem; } }

.available-cds .enter-your-zip-code p {
  margin-bottom: 0;
  font-size: 1rem; }
  .available-cds .enter-your-zip-code p:last-child {
    font-size: 0.75rem; }

@media print, screen and (min-width: 63.9375em) {
  .available-cds .enter-your-zip-code {
    margin-bottom: 2.5rem; } }

.available-cds .enter-your-zip-code.show-for-small-only {
  width: 75%;
  margin: 0 auto; }
  .available-cds .enter-your-zip-code.show-for-small-only p:last-child {
    padding-bottom: 1.5rem; }

.available-cds .open-standard-cd h3 {
  font-weight: 700; }

@media screen and (max-width: 63.93625em) {
  .available-cds .open-standard-cd {
    padding: 2.5rem;
    margin: 0 1.5rem 2.5rem; }
    .available-cds .open-standard-cd .select-wrap > * {
      margin-bottom: 2.25rem; }
    .available-cds .open-standard-cd .button-wrap > * {
      display: block;
      margin: 0 auto 1.5rem; }
      .available-cds .open-standard-cd .button-wrap > *:last-child {
        margin-bottom: 0; } }

@media screen and (max-width: 45.99875em) {
  .available-cds .open-standard-cd {
    border-radius: 0.25rem;
    background-color: #FFF;
    box-shadow: 0 0 0.125rem 0 rgba(0, 25, 40, 0.12), 0 0.125rem 0.125rem 0 rgba(0, 25, 40, 0.07); } }

.available-cds .open-standard-cd.hide-for-large {
  width: 75%;
  margin: 0 auto;
  padding: 2rem 0; }
  @media screen and (max-width: 45.99875em) {
    .available-cds .open-standard-cd.hide-for-large {
      padding: 1.5rem 0 2rem; } }
  .available-cds .open-standard-cd.hide-for-large h3 {
    font-size: 1.6rem; }
    @media screen and (min-width: 46em) and (max-width: 63.93625em) {
      .available-cds .open-standard-cd.hide-for-large h3 {
        margin-top: 1rem; } }
    @media screen and (max-width: 45.99875em) {
      .available-cds .open-standard-cd.hide-for-large h3 {
        width: 70%;
        margin-left: auto;
        margin-right: auto; } }
  .available-cds .open-standard-cd.hide-for-large .select-wrap, .available-cds .open-standard-cd.hide-for-large .button-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  @media screen and (max-width: 63.93625em) {
    .available-cds .open-standard-cd.hide-for-large .select-wrap {
      margin-bottom: 0; }
      .available-cds .open-standard-cd.hide-for-large .select-wrap div:first-child {
        width: 55%; }
      .available-cds .open-standard-cd.hide-for-large .select-wrap div:last-child {
        width: 35%; } }
  @media screen and (max-width: 45.99875em) {
    .available-cds .open-standard-cd.hide-for-large {
      width: 100%; }
      .available-cds .open-standard-cd.hide-for-large .select-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .available-cds .open-standard-cd.hide-for-large .select-wrap div:first-child {
          width: 70%; }
        .available-cds .open-standard-cd.hide-for-large .select-wrap div:last-child {
          width: 70%; } }

.available-cds .checkmarks {
  list-style: none; }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .checkmarks {
      display: flex;
      justify-content: space-around; } }
  .available-cds .checkmarks li {
    font-size: 0.9375rem;
    padding: 0 0 0 1.5rem;
    background: no-repeat 0 0.125rem url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' viewBox='0 0 34 34'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M5.277 13.635h-.025a.882.882 0 0 1-.64-.306L1.21 9.353A.876.876 0 0 1 2.54 8.215l2.776 3.244 8.18-8.493a.875.875 0 0 1 1.261 1.213l-8.849 9.188a.875.875 0 0 1-.63.268' fill='%230075BE'/%3E%3Cpath d='M0 16h16V0H0z'/%3E%3C/g%3E%3C/svg%3E"); }
    @media screen and (max-width: 63.93625em) {
      .available-cds .checkmarks li {
        text-align: left; } }
    @media screen and (max-width: 45.99875em) {
      .available-cds .checkmarks li {
        margin-bottom: 1.5rem; }
        .available-cds .checkmarks li:last-child {
          margin-bottom: 0; } }

@media print, screen and (min-width: 63.9375em) {
  .available-cds .cd-overview:nth-child(1) {
    padding-right: 1.75rem; } }

@media print, screen and (min-width: 63.9375em) {
  .available-cds .cd-overview:nth-child(2) {
    border-left: 0.0625rem solid #D9DCE1;
    padding-left: 1.75rem; } }

@media print, screen and (min-width: 63.9375em) {
  .available-cds .cd-info {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 0.0625rem solid #D9DCE1; }
    .available-cds .cd-info:last-child {
      padding-bottom: 2.5rem;
      margin-bottom: 2.5rem; } }

.available-cds .cd-info h3 {
  font-size: 1rem; }

.available-cds .cd-info ul {
  display: flex;
  justify-content: space-around;
  margin-left: 0; }
  @media screen and (max-width: 63.93625em) {
    .available-cds .cd-info ul {
      width: 80%;
      margin: 0 auto; } }
  @media screen and (max-width: 45.99875em) {
    .available-cds .cd-info ul {
      flex-direction: column;
      justify-content: flex-start; } }

.available-cds .rates-feature {
  display: flex;
  text-align: left; }
  @media screen and (max-width: 63.93625em) {
    .available-cds .rates-feature {
      margin-bottom: 1.5rem; } }
  .available-cds .rates-feature h3 {
    margin-bottom: 0; }
  .available-cds .rates-feature p {
    margin-bottom: 0; }
  @media screen and (max-width: 63.93625em) {
    .available-cds .rates-feature > *:first-child {
      min-width: 9.5rem;
      padding-right: 0.5rem;
      white-space: nowrap; } }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .rates-feature > * {
      width: 50%; } }

.available-cds .rates-discovery {
  margin: 0 0 2.5rem; }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .rates-discovery {
      border-radius: 0.25rem;
      background-color: #FFF;
      box-shadow: 0 0 0.125rem 0 rgba(0, 25, 40, 0.12), 0 0.125rem 0.125rem 0 rgba(0, 25, 40, 0.07);
      padding: 1.75rem;
      margin-bottom: 4.25rem;
      display: flex; } }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .rates-discovery > * {
      width: 50%; } }
  @media print, screen and (min-width: 46em) {
    .available-cds .rates-discovery {
      border-radius: 0.25rem;
      background-color: #FFF;
      box-shadow: 0 0 0.125rem 0 rgba(0, 25, 40, 0.12), 0 0.125rem 0.125rem 0 rgba(0, 25, 40, 0.07);
      padding-top: 2rem; } }

.available-cds form .rate-label {
  margin: 0;
  padding: 0;
  color: #0075BE;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.02187rem;
  line-height: 1rem;
  text-align: left; }

.available-cds form input[type="text"] {
  margin: 0;
  padding-left: 0;
  background: transparent;
  border: 0;
  box-shadow: none; }

.available-cds form select {
  margin: 0;
  padding-left: 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 100% 50% no-repeat transparent url("data:image/svg+xml,%3Csvg width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12.05 12.586l3.238-3.288a1 1 0 1 1 1.424 1.404l-3.939 4a1 1 0 0 1-1.414.01l-4.06-4a1 1 0 0 1 1.403-1.424l3.348 3.298z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='white'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cg mask='url(%23b)' fill='%230079C1'%3E%3Crect width='24' height='24' rx='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  border-bottom: 0.0625rem solid #D9DCE1; }

@media print, screen and (min-width: 63.9375em) {
  .available-cds form .select-wrap,
  .available-cds form .button-wrap {
    display: flex;
    justify-content: center; }
    .available-cds form .select-wrap > *,
    .available-cds form .button-wrap > * {
      margin: 0 0.625rem; } }

.available-cds .zipcode-update-form {
  margin: 0 auto 1.75rem;
  display: flex;
  justify-content: center; }
  .available-cds .zipcode-update-form .form-label-group {
    position: relative;
    flex: 1 1 auto;
    padding: 0 0 0.375rem 0;
    display: grid; }
  .available-cds .zipcode-update-form .active-label.slide-label {
    font-weight: 700;
    z-index: 2;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    pointer-events: none;
    height: 42px;
    cursor: pointer;
    border-radius: 4px 0px 0px 4px;
    padding: 0 8px;
    padding-left: 0;
    display: flex; }
  .available-cds .zipcode-update-form .design-language .error-message {
    width: 100%;
    min-width: 150px;
    padding: 0px 32px 0px 19px;
    font-weight: 500;
    line-height: 16px;
    color: #C81414;
    background-repeat: no-repeat;
    background-position: left 0 top 1px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
    margin-top: 8px;
    display: none;
    margin-bottom: 6px; }
  .available-cds .zipcode-update-form .design-language .error-message.has-error {
    visibility: visible;
    opacity: 1;
    display: block; }
  .available-cds .zipcode-update-form .design-language label.slide-label:before {
    z-index: 4;
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0px;
    background: #0079c1;
    transform: scaleX(0);
    transition: all 0.3s linear;
    top: 50px; }
  .available-cds .zipcode-update-form .design-language label.slide-label:after {
    z-index: 3;
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0px;
    background: #E3E1E2;
    top: 50px; }
  .available-cds .zipcode-update-form .design-language label.slide-label span.label-text {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #0079c1;
    transition: 0.3s ease-out; }
  .available-cds .zipcode-update-form .design-language label.active-label span.label-text {
    padding: 0px;
    font-size: 14px;
    margin-top: -4px; }
  @media screen and (max-width: 45.99875em) {
    .available-cds .zipcode-update-form .design-language .label-text {
      margin-left: auto;
      margin-right: auto; } }
  .available-cds .zipcode-update-form .zipcode-input {
    margin-right: 1.25rem; }
    .available-cds .zipcode-update-form .zipcode-input .form-field {
      display: block;
      flex-flow: row;
      position: relative; }
    @media screen and (max-width: 45.99875em) {
      .available-cds .zipcode-update-form .zipcode-input {
        margin: 1.875rem 0 1.25rem; } }
  .available-cds .zipcode-update-form .zipcode-submit {
    padding-bottom: 1.25rem; }
    @media print, screen and (min-width: 46em) {
      .available-cds .zipcode-update-form .zipcode-submit {
        margin-top: -1.25rem; } }
  .available-cds .zipcode-update-form .button {
    min-width: 10rem; }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .zipcode-update-form input[type="text"] {
      width: 19.5rem; } }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .zipcode-update-form {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      padding-top: 1.75rem; }
      .available-cds .zipcode-update-form > * {
        margin: 0 1.25rem 0 0; }
        .available-cds .zipcode-update-form > *:last-child {
          margin: 0; } }
  @media screen and (max-width: 63.93625em) {
    .available-cds .zipcode-update-form .zipcode-input {
      flex: 2 0 auto; } }
  @media screen and (max-width: 45.99875em) {
    .available-cds .zipcode-update-form {
      flex-direction: column; } }
  .available-cds .zipcode-update-form--border-bottom label {
    text-align: left; }
  .available-cds .zipcode-update-form--border-bottom input {
    border-bottom: 2px solid rgba(110, 110, 110, 0.2) !important;
    margin-bottom: 10px !important; }

.available-cds .open-account-form h3 {
  margin-bottom: 2.25rem; }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .open-account-form h3 {
      margin-bottom: 2.75rem; } }

.available-cds .open-account-form > * {
  margin-bottom: 2.25rem; }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .open-account-form > * {
      margin-bottom: 2.75rem; } }
  .available-cds .open-account-form > *:last-child {
    margin-bottom: 0; }

@media print, screen and (min-width: 63.9375em) {
  .available-cds .open-account-form .button-wrap {
    justify-content: center;
    display: flex; } }

.available-cds .rates-table-selector {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .available-cds .rates-table-selector .form-field {
    width: 100%; }
  .available-cds .rates-table-selector label {
    font-size: 1.25rem;
    font-weight: 300;
    white-space: nowrap;
    padding: 8px 113px 0 10px;
    display: block;
    text-align: left; }
  .available-cds .rates-table-selector select {
    float: right;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: 0.0125rem;
    line-height: 1.5rem;
    border-bottom: 0.125rem solid #0079C1;
    color: #0079C1;
    right: 20px;
    position: absolute; }
    .available-cds .rates-table-selector select option {
      font-size: 1rem; }
  @media screen and (max-width: 45.99875em) {
    .available-cds .rates-table-selector select {
      position: relative;
      float: none;
      margin: 0 auto 0;
      right: 0;
      top: 35px; }
    .available-cds .rates-table-selector label {
      padding: 0;
      text-align: center;
      margin-top: -40px;
      margin-bottom: 30px; } }
  .available-cds .rates-table-selector .form-label-group {
    display: block;
    position: relative; }
  @media print, screen and (min-width: 63.9375em) {
    .available-cds .rates-table-selector label {
      margin-right: 1.25rem; } }
  @media screen and (max-width: 45.99875em) {
    .available-cds .rates-table-selector {
      flex-direction: column;
      margin-top: 2rem;
      padding-top: 2rem;
      border-top: 0.0625rem solid #D9DCE1; } }

.available-cds .rates-table thead,
.available-cds .rates-table tbody,
.available-cds .rates-table tfoot {
  background-color: transparent; }

.available-cds .rates-table thead tr {
  border-bottom: 0.0625rem solid #000; }

.available-cds .rates-table td,
.available-cds .rates-table th {
  padding: 1rem;
  text-align: center; }

.available-cds .rates-table tr {
  border-bottom: 0.0625rem solid #929BA9; }

.available-cds .rates-table .highlight-row th,
.available-cds .rates-table .highlight-row td {
  background-color: #1A4D78;
  color: #FFF;
  font-weight: 700; }

.available-cds .rates-table .highlight-row td:nth-child(3) {
  background-color: #0079c1; }

@media print, screen and (min-width: 46em) {
  .available-cds .rates-table {
    margin-bottom: 0; } }

@media print, screen and (min-width: 63.9375em) {
  .available-cds .rates-table {
    margin-bottom: 0; } }

@media screen and (max-width: 45.99875em) {
  .available-cds .rates-table {
    margin-bottom: 2rem; }
    .available-cds .rates-table span {
      font-size: 0.9375rem; } }

.available-cds .terms-agreements {
  list-style: none;
  margin-left: 0;
  display: flex;
  justify-content: center;
  margin-bottom: 1.25rem; }
  .available-cds .terms-agreements li {
    font-weight: 900;
    text-align: left;
    margin: 0 1.25rem 1.25rem; }
    .available-cds .terms-agreements li a::after {
      content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAYAAACZZ43PAAAAAXNSR0IArs4c6QAAAndJREFUOBGVlE1oU0EQx2dmX541ULEfB6siCCURaiQiVPBiW7ViD0pFxYMKehA8BU3Tk4eAhyBJ9SZ48gNFaw4eRLQ1tZVWKnrxINS2HjV4EKI0ITEvu+Mk5cFLbaBd2Lfzdmd+77+z8xYDQ5kcAmwEAEe6mP83lMZsFKG6PJfse+j1sBDYj0i3NPB7YlbexZotkwDUAow3DOs7gWgGF0YOP3D9MBjLFAzTmcVU30t3cuUYjk9uLub1uIBeAJpLoGG0Y5O6PhXvrVDVWVTYK4O8704BmkSBzT5Ms+HzgHgim9c3g8MzzZbX0WsHI6+CYNt75pOH0n+tolaOjejox0DwHZiZlO8a6+K+hgCyVLcxEOmMfxjbDsVc1iknkKlT8lURydNGl0MIeK4hQCsri0Z3+PJ/dkyljn4RdU+9CgPRiWNAfKqWA++Ca5PRGlFtZcaQO1c3ouRFWkOAyNsCpMAQXeyJTzZU2hBgGPbKPr8R486fS3y87uuel1XJoSvTLWUs9YuKdwy8DZDv7oqONRvmz4AbfiyM9P5yGXWArvgz21lqHXCockHOfbecdzsAZ4EhC1bTfUmqxJmPwdh4SuqzUoUsb0HKtevq69ZKvu0RKhpFnz0oDhFAvV+Xykdsq9TDupwENgUkqxuYEgSmXcC6poCE5pB1ViryNBguaaf0pM34782OHCi6UmUcli9/EkUDYs9ohhwhUA0ghaUU2W+YnedgzFew/InZ23XBNc58sj8tRrVDYGhiUHKDywAgmkseXJT5k9XF9bRaDhiwvJ6gqq8bY0myFAGHg7G3v1nKZi0g2bqRHypcjcW13EirQOWSAZ88iv8Ap04BUZTil84AAAAASUVORK5CYII=");
      margin-left: 0.625rem; }
  @media screen and (max-width: 45.99875em) {
    .available-cds .terms-agreements {
      flex-direction: column;
      padding: 0 1.5rem; }
      .available-cds .terms-agreements li {
        margin-left: 0; } }

.special-rate-tab {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background: white;
  padding: 1.5rem 3rem 3rem;
  border-top: 0.25rem solid #0075BE;
  position: relative;
  border-radius: 0.25rem;
  background-color: #FFF;
  box-shadow: 0 0 0.125rem 0 rgba(0, 25, 40, 0.12), 0 0.125rem 0.125rem 0 rgba(0, 25, 40, 0.07); }
  @media screen and (max-width: 63.93625em) {
    .special-rate-tab {
      flex-direction: column; } }
  @media screen and (max-width: 45.99875em) {
    .special-rate-tab {
      padding: 1.5rem 1.5rem 2rem; } }
  .special-rate-tab__heading {
    padding-top: 1rem; }
    @media screen and (max-width: 63.93625em) {
      .special-rate-tab__heading {
        padding-top: 0; } }
  .special-rate-tab__terms {
    position: absolute;
    top: 46px;
    right: 33%;
    font-size: 0.75rem; }
    @media screen and (max-width: 71.875em) {
      .special-rate-tab__terms {
        right: 37%; } }
    @media screen and (max-width: 63.93625em) {
      .special-rate-tab__terms {
        top: 243px;
        right: 65%; } }
    @media screen and (max-width: 45.99875em) {
      .special-rate-tab__terms {
        position: static; } }
  .special-rate-tab .special-rate-tab__tab button {
    padding: 1.25rem;
    font-size: 1.125rem; }
    @media screen and (max-width: 25.25em) {
      .special-rate-tab .special-rate-tab__tab button {
        padding: 0.5rem;
        font-size: 1rem; } }
  @media screen and (max-width: 45.99875em) {
    .special-rate-tab .special-rate-tab__tab {
      background: white; } }
  .special-rate-tab__tab-panel {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: white; }
  .special-rate-tab__tab-list {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    position: relative; }
    @media screen and (max-width: 63.93625em) {
      .special-rate-tab__tab-list {
        margin-right: 2.5rem; } }
    @media screen and (max-width: 45.99875em) {
      .special-rate-tab__tab-list {
        justify-content: center;
        margin-right: 0; } }
  .special-rate-tab__rate-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center; }
    @media screen and (max-width: 45.99875em) {
      .special-rate-tab__rate-item:first-child {
        margin-bottom: 2rem; } }
  .special-rate-tab__rate-cell {
    display: flex;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem; }
  .special-rate-tab__rate, .special-rate-tab__percent {
    font-size: 7rem;
    font-weight: 300;
    line-height: 0.8; }
  .special-rate-tab__percent {
    font-size: 3rem; }
  .special-rate-tab__apy {
    font-size: 1.40625rem; }

.cd-table tbody tr:first-child td:first-child {
  width: 25%; }

@media screen and (max-width: 45.99875em) {
  .cd-faqs li {
    padding-left: 0;
    padding-right: 0; }
  .cd-faqs button::after {
    right: 0; } }

.cd-accounts .slick-prev.slick-arrow.white-chevron-background {
  left: -0.625rem; }

.cd-accounts .slick-next.slick-arrow.white-chevron-background {
  left: initial;
  right: -0.625rem; }

.cd-article-carousel {
  padding-right: 0;
  padding-left: 0; }
  .cd-article-carousel .cd-articles {
    margin-right: 0;
    margin-left: 0; }

.cd-articles {
  margin-left: 0;
  margin-right: 0; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .cd-articles .slick-slide:not(.slick-active) {
      opacity: 0.6; } }
  @media screen and (max-width: 31.25em) {
    .cd-articles .slick-slide:not(.slick-current) {
      opacity: 0.6; } }
  .cd-articles .slick-prev.slick-arrow.white-chevron-background, .cd-articles .slick-next.slick-arrow.white-chevron-background {
    top: 50%; }
  .cd-articles .slick-prev.slick-arrow.white-chevron-background {
    left: 0; }
  .cd-articles .slick-next.slick-arrow.white-chevron-background {
    left: initial;
    right: 0; }
  .cd-articles .slick-dots {
    bottom: -1.5625rem; }
  .cd-articles .articles-card-equalizer {
    padding: 2rem; }

.cd-articles.carousel-design-language .slick-dots {
  bottom: -1.5625rem; }

@media only screen and (min-width: 31.25rem) {
  .cd-page.intro-offer-box {
    margin-top: -8.4375rem; } }

@media only screen and (min-width: 64.0625rem) {
  .cd-page.intro-offer-box {
    margin-top: -14.6875rem; } }

.cd-ready-section__title strong {
  display: block;
  height: 3rem; }
  @media screen and (max-width: 45.99875em) {
    .cd-ready-section__title strong {
      height: auto; } }

.cd-ready-section__icon-container {
  height: 5.625rem; }
  .cd-ready-section__icon-container img {
    max-height: 5.625rem; }

@media screen and (max-width: 45.99875em) {
  .cd-ready-section__item {
    align-items: flex-start; } }

.cd-ready-section .design-language .cd-ready-section__title {
  margin-top: 1rem; }
  @media screen and (max-width: 63.93625em) {
    .cd-ready-section .design-language .cd-ready-section__title {
      margin-bottom: 0.625rem; } }
  @media screen and (max-width: 45.99875em) {
    .cd-ready-section .design-language .cd-ready-section__title {
      margin-top: 0; } }

.cds-equalize {
  height: 4.375rem; }

@media print, screen and (min-width: 46em) {
  .intro-offer-box.harris-statement-savings {
    margin-top: -8.4375rem; } }

.cd-overview-left {
  position: relative; }

.cd-effective-date {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.cd-lock-icon {
  left: 25px; }

/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * 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.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: 'Kulb';
  src: url("/dist/fonts/Klub08-Normal.otf") format("opentype"), url("/dist/fonts/Klub08-Normal.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbmedium';
  src: url("/dist/fonts/Klub08-Medium.otf") format("opentype"), url("/dist/fonts/Klub08-Medium.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbblack';
  src: url("/dist/fonts/Klub08-Black.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbblond';
  src: url("/dist/fonts/Klub08-Blond.otf") format("opentype"), url("/dist/fonts/Klub08-Blond.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbbold';
  src: url("/dist/fonts/Klub08-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbsemibold';
  src: url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"), url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype"); }

.lending-home-page .breadcrumbs {
  display: flex; }
  .lending-home-page .breadcrumbs ul {
    padding: 0px; }
    .lending-home-page .breadcrumbs ul li {
      display: none; }
      @media screen and (min-width: 76.5625em) {
        .lending-home-page .breadcrumbs ul li {
          display: inline-flex; } }
    .lending-home-page .breadcrumbs ul li:nth-last-child(2) {
      display: inline-flex; }
      @media screen and (max-width: 76.56125em) {
        .lending-home-page .breadcrumbs ul li:nth-last-child(2):before {
          content: '';
          display: block;
          width: 24px;
          height: 24px;
          background: url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) svg {
          display: none; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) a {
          padding: 0;
          font-size: 16px;
          margin-left: 5px; } }

.lending-home-page .design-language .font-size-large.intro-heading-line-height {
  line-height: 30px; }

.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small {
  color: #001928; }

.lending-home-page .banner-blue-promo-box {
  padding: 24px;
  padding: 20px; }

.lending-home-page .promo-box-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.15px;
  font-weight: 400 !important;
  margin: 0; }

.lending-home-page.background-grey {
  padding-top: 30px; }
  .lending-home-page.background-grey .hmc-wrapper {
    border: 1px solid #ccc;
    padding-bottom: 40px;
    padding-bottom: 20px; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
  padding-left: 3em;
  padding-right: 0 !important; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
  left: 1em;
  right: auto; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
  padding-left: 3em; }

@media screen and (max-width: 45.99875em) {
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__item {
    padding-right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
    padding-left: 0;
    padding-right: 3em !important; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
    left: auto;
    right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
    padding-left: 0; } }

@media screen and (max-width: 89.99875em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 50%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 42%; } }

@media screen and (max-width: 63.93625em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 25%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .cta-text {
    height: 72px; } }

.available-cds.money-market .rates-discovery > * {
  width: 100%;
  padding-bottom: 2em; }

.button-border-radius {
  border-radius: 5em; }

@media screen and (min-width: 420px) {
  .rates-table-button {
    margin: .5em; } }

.money-market-overview {
  padding-right: 0 !important; }

@media screen and (min-width: 500px) {
  .mm-rates-table {
    width: 85%;
    margin: 5% 7.5%; } }

@media screen and (min-width: 769px) {
  .mm-rates-table {
    width: 75%;
    margin: 5% 12.5%; } }

@media screen and (min-width: 1200px) {
  .mm-rates-table {
    width: 65%;
    margin: 5% 17.5%; } }

@media screen and (min-width: 1025px) {
  .mm-rates-table > thead > tr :first-child {
    width: 40%; } }

@media screen and (min-width: 500px) {
  .mm-rates-table > thead > tr :first-child {
    width: 45%; } }

@media screen and (max-width: 500px) {
  .mm-rates-table > thead > tr :first-child {
    width: 35%;
    text-align: left; } }

@media screen and (max-width: 500px) {
  .mm-rates-table > thead > tr :first-child > span {
    text-align: left;
    padding-left: 1rem; } }

.mm-rates-table > thead > tr :last-child > span {
  padding-left: 1.5rem; }
  @media screen and (min-width: 1200px) {
    .mm-rates-table > thead > tr :last-child > span {
      padding-left: 2rem; } }
  @media screen and (max-width: 500px) {
    .mm-rates-table > thead > tr :last-child > span {
      padding-left: 1rem; } }

.mm-rates-table > thead > tr > th {
  border-bottom: solid 2px gray;
  font-size: 15px;
  text-align: center; }

.mm-rates-table > tbody > tr > td {
  border-bottom: solid 2px lightgray;
  font-size: 15.5px;
  padding: 1rem 1rem 1rem 1rem; }

.mm-rates-table > tbody > tr :first-child,
.design-language span.padding-left--2 {
  text-align: left;
  padding-left: 1.5rem; }
  @media screen and (min-width: 1200px) {
    .mm-rates-table > tbody > tr :first-child,
    .design-language span.padding-left--2 {
      padding-left: 2rem; } }
  @media screen and (max-width: 500px) {
    .mm-rates-table > tbody > tr :first-child,
    .design-language span.padding-left--2 {
      padding-left: 0; } }

@media screen and (max-width: 500px) {
  .mm-rates-table > tbody > tr :first-child > span {
    padding-left: 1rem; } }

.mm-rates-table > tbody > tr :nth-child(2) > span {
  padding-left: 0; }

.mm-rates-discovery {
  border-radius: 0.25rem;
  background-color: #FFF;
  box-shadow: 0 0 0.125rem 0 rgba(0, 25, 40, 0.12), 0 0.125rem 0.125rem 0 rgba(0, 25, 40, 0.07);
  padding-top: 2rem; }

.slick-slide:not(.slick-active) {
  opacity: 0.6; }

.min-width-1000.carousel-slide .slick-list .slick-slide.slick-center {
  opacity: 1; }

label.active-label.slide-label {
  padding-left: 0 !important;
  margin-top: -1em;
  font-weight: 700; }

@media screen and (min-width: 900px) and (max-width: 1140px) {
  .mm-appointment-btn.button--design__secondary {
    padding-right: 15px;
    padding-left: 15px; } }

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .width-1000 .overflow-height .mm-testimonials-carousel {
    min-height: 440px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .width-1000 .overflow-height .mm-testimonials-carousel {
    /* IE10+ CSS styles go here */
    min-height: 440px; } }

@media screen and (min-width: 736px) {
  .mm-intro-offer-box.intro-offer-box {
    margin-top: -135px; } }

@media screen and (min-width: 1023px) {
  .mm-intro-offer-box.intro-offer-box {
    margin-top: -235px; } }

.mm-svg-ie-fix {
  max-width: 6em; }

.hide.florida {
  display: inline !important; }

.mm-table-hide {
  display: none; }

.mm-table-hide.mm-table-show {
  display: table-row; }

.money-market-banner-list {
  margin-left: 16px !important; }

.intro-offer-box.bb-always-on {
  margin-top: -20.3125rem;
  background: transparent; }
  @media screen and (min-width: 63.9375em) {
    .intro-offer-box.bb-always-on div.form-email-input {
      width: 18.75rem; } }
  @media screen and (max-width: 63.93625em) {
    .intro-offer-box.bb-always-on div.form-email-input {
      width: 12.5rem; } }
  @media screen and (max-width: 45.99875em) {
    .intro-offer-box.bb-always-on div.form-email-input {
      width: auto; } }
  @media screen and (max-width: 63.93625em) {
    .intro-offer-box.bb-always-on button {
      padding: 0 1rem; } }
  @media screen and (max-width: 63.93625em) {
    .intro-offer-box.bb-always-on {
      margin-top: -21.875rem; } }
  @media screen and (max-width: 53.1875em) {
    .intro-offer-box.bb-always-on {
      margin-top: -21.5625rem; } }
  @media screen and (max-width: 45.99875em) {
    .intro-offer-box.bb-always-on {
      margin-top: -5.75rem; }
      .intro-offer-box.bb-always-on .border-with-shadow {
        box-shadow: none; } }

.bb-always-on-form .form-label-group > div {
  width: 100%; }

.bb-always-on-form .design-language input[type='email'],
.bb-always-on-form .design-language input[type='text'],
.bb-always-on-form .design-language .form-label-group label.slide-label,
.bb-always-on-form .design-language .form-label-group label.active-label {
  padding: 0; }

.bb-always-on-form .design-language input:-ms-input-placeholder {
  padding: 0 !important;
  width: 100% !important; }

.bb-always-on-form .design-language input::placeholder {
  padding: 0;
  width: 100%; }

.bb-always-on-form .reveal.modal-block {
  border-radius: 4px; }

.bb-always-on-form .design-language .form-label-group {
  margin-bottom: 2rem !important; }

.bb-always-on-form .design-language .form-label-group .active-label::before {
  border: 1px solid #0075be !important;
  box-shadow: none !important; }

.bb-always-on-form .design-language .form-label-group .active-label > span {
  bottom: 2rem !important; }

/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * 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.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: 'Kulb';
  src: url("/dist/fonts/Klub08-Normal.otf") format("opentype"), url("/dist/fonts/Klub08-Normal.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbmedium';
  src: url("/dist/fonts/Klub08-Medium.otf") format("opentype"), url("/dist/fonts/Klub08-Medium.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'Kulbblack';
  src: url("/dist/fonts/Klub08-Black.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbblond';
  src: url("/dist/fonts/Klub08-Blond.otf") format("opentype"), url("/dist/fonts/Klub08-Blond.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbbold';
  src: url("/dist/fonts/Klub08-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Kulbsemibold';
  src: url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"), url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype"); }

.lending-home-page .breadcrumbs {
  display: flex; }
  .lending-home-page .breadcrumbs ul {
    padding: 0px; }
    .lending-home-page .breadcrumbs ul li {
      display: none; }
      @media screen and (min-width: 76.5625em) {
        .lending-home-page .breadcrumbs ul li {
          display: inline-flex; } }
    .lending-home-page .breadcrumbs ul li:nth-last-child(2) {
      display: inline-flex; }
      @media screen and (max-width: 76.56125em) {
        .lending-home-page .breadcrumbs ul li:nth-last-child(2):before {
          content: '';
          display: block;
          width: 24px;
          height: 24px;
          background: url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) svg {
          display: none; }
        .lending-home-page .breadcrumbs ul li:nth-last-child(2) a {
          padding: 0;
          font-size: 16px;
          margin-left: 5px; } }

.lending-home-page .design-language .font-size-large.intro-heading-line-height {
  line-height: 30px; }

.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small {
  color: #001928; }

.lending-home-page .banner-blue-promo-box {
  padding: 24px;
  padding: 20px; }

.lending-home-page .promo-box-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.15px;
  font-weight: 400 !important;
  margin: 0; }

.lending-home-page.background-grey {
  padding-top: 30px; }
  .lending-home-page.background-grey .hmc-wrapper {
    border: 1px solid #ccc;
    padding-bottom: 40px;
    padding-bottom: 20px; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
  padding-left: 3em;
  padding-right: 0 !important; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
  left: 1em;
  right: auto; }

.lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
  padding-left: 3em; }

@media screen and (max-width: 45.99875em) {
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__item {
    padding-right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion-title {
    padding-left: 0;
    padding-right: 3em !important; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align::after {
    left: auto;
    right: 0; }
  .lending-home-page .harris-loans.harris-loans-faqs .accordion__content {
    padding-left: 0; } }

@media screen and (max-width: 89.99875em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 50%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 42%; } }

@media screen and (max-width: 63.93625em) {
  .lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6 {
    width: 25%; } }

@media screen and (max-width: 76.56125em) {
  .lending-home-page .cta-text {
    height: 72px; } }

.mm-rates-table.ss-rates-table > thead > tr :first-child {
  text-align: center; }
  @media screen and (max-width: 500px) {
    .mm-rates-table.ss-rates-table > thead > tr :first-child {
      text-align: center; } }

.mm-rates-table.ss-rates-table > thead > tr :last-child > span {
  padding-left: 0; }
  @media screen and (min-width: 1200px) {
    .mm-rates-table.ss-rates-table > thead > tr :last-child > span {
      padding-left: 0; } }
  @media screen and (max-width: 500px) {
    .mm-rates-table.ss-rates-table > thead > tr :last-child > span {
      padding-left: 0; } }

.mm-rates-table.ss-rates-table > tbody > tr :first-child {
  padding-left: 0;
  text-align: center; }
  @media screen and (min-width: 1200px) {
    .mm-rates-table.ss-rates-table > tbody > tr :first-child {
      padding-left: 0; } }
  @media screen and (max-width: 500px) {
    .mm-rates-table.ss-rates-table > tbody > tr :first-child {
      text-align: center;
      padding-left: 0; } }

.mm-rates-table.ss-rates-table > tbody > tr:first-child > td.ss-table-cell {
  padding-left: 1em; }
  @media screen and (min-width: 1200px) {
    .mm-rates-table.ss-rates-table > tbody > tr:first-child > td.ss-table-cell {
      padding-left: 1em; } }
  @media screen and (max-width: 500px) {
    .mm-rates-table.ss-rates-table > tbody > tr:first-child > td.ss-table-cell {
      text-align: center;
      padding-left: 1em; } }

@media screen and (max-width: 500px) {
  .mm-rates-table > thead > tr :first-child > span, .mm-rates-table > tbody > tr :first-child > span {
    text-align: center;
    padding-left: 0; } }

.harris-lending-dream-genie {
  color: #001928; }
  .harris-lending-dream-genie .tv-font-xlarge--medium {
    font-size: 1.125rem; }
  .harris-lending-dream-genie #help-you-choose {
    padding-bottom: 1.5rem; }
  @media screen and (max-width: 45.99875em) {
    .harris-lending-dream-genie.hmc-wrapper {
      margin-top: 0; } }
  .harris-lending-dream-genie.hmc-wrapper::after {
    background: none;
    border: none; }
  .harris-lending-dream-genie .hmc-extracted-question {
    max-width: 100%; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .harris-lending-dream-genie .hmc-extracted-question > div {
        width: 70rem; } }
    .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet {
      max-width: 100%;
      width: 100%;
      margin: 0 0 2rem; }
      .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap; }
        .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label {
          text-align: center;
          display: block;
          list-style-type: none;
          background: #fafafa;
          margin-top: 2rem;
          padding-top: 25px;
          padding-left: 0.5rem;
          padding-right: 0.5rem;
          flex-direction: column;
          border-radius: 0.25rem;
          background-color: #FFFFFF;
          box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 25, 40, 0.04), 0 0.25rem 1.5rem 0 rgba(0, 25, 40, 0.1);
          color: #0075BE;
          font-size: 1.125rem;
          font-weight: bold;
          letter-spacing: 0.00937rem;
          line-height: 1.5rem;
          width: 10.3125rem;
          height: 10.3125rem; }
          @media screen and (min-width: 48em) {
            .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label {
              margin: 2rem 0 0; } }
          @media screen and (min-width: 41.25em) {
            .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label {
              line-height: 1.5rem;
              width: 18.75rem; } }
          @media screen and (min-width: 64.0625em) {
            .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label {
              height: 13.4375rem;
              width: 21.875rem;
              padding-top: 45px; } }
          .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label input {
            width: 1px;
            height: 1px;
            position: absolute !important;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0; }
          .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label.checked, .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label:hover {
            outline: 2px solid #0075BE; }
          .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label i {
            margin-bottom: 0.625rem;
            display: block;
            height: 75px; }
            @media screen and (min-width: 48em) {
              .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label i {
                margin-bottom: 1.25rem; } }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div {
            justify-content: space-around !important; }
            .harris-lending-dream-genie .hmc-extracted-question #persExtractedQuestionSet > div > label i {
              height: 76px; } }
    .harris-lending-dream-genie .hmc-extracted-question h2 {
      color: #001928;
      text-align: center;
      font-weight: bold;
      font-size: 1.75rem;
      margin-bottom: 0.25rem; }
      @media screen and (max-width: 45.99875em) {
        .harris-lending-dream-genie .hmc-extracted-question h2 {
          padding: 0 24px 1rem; } }
    .harris-lending-dream-genie .hmc-extracted-question p {
      font-size: 1.0625rem;
      font-weight: 300;
      letter-spacing: 0.00937rem;
      line-height: 1.5625rem;
      margin: 0 1rem;
      text-align: center;
      max-width: 584px;
      margin: 0 auto; }
      @media screen and (max-width: 45.99875em) {
        .harris-lending-dream-genie .hmc-extracted-question p {
          padding: 0 24px;
          text-align: left; } }
  .harris-lending-dream-genie .hmc-split-view {
    display: flex; }
    .harris-lending-dream-genie .hmc-split-view__options {
      flex-basis: 25rem; }
      @media screen and (max-width: 45.99875em) {
        .harris-lending-dream-genie .hmc-split-view__options {
          margin: 0 1rem; } }
      .harris-lending-dream-genie .hmc-split-view__options .hmcToolList {
        text-align: left;
        padding-bottom: 1rem; }
        @media screen and (min-width: 46em) and (max-width: 63.93625em) {
          .harris-lending-dream-genie .hmc-split-view__options .hmcToolList {
            max-width: 400px;
            margin: 0 auto; } }
        .harris-lending-dream-genie .hmc-split-view__options .hmcToolList .input-wrap.radiobutton-container {
          padding-top: 0; }
      .harris-lending-dream-genie .hmc-split-view__options > h3 {
        font-size: 1.375rem;
        font-weight: bold;
        margin-bottom: 0.75rem; }
        @media screen and (max-width: 45.99875em) {
          .harris-lending-dream-genie .hmc-split-view__options > h3 {
            margin-top: 2rem; } }
        @media screen and (min-width: 64em) {
          .harris-lending-dream-genie .hmc-split-view__options > h3 {
            margin-top: 7.75rem; } }
        @media screen and (min-width: 46em) and (max-width: 63.93625em) {
          .harris-lending-dream-genie .hmc-split-view__options > h3 {
            text-align: center; } }
      @media screen and (min-width: 46em) and (max-width: 63.93625em) {
        .harris-lending-dream-genie .hmc-split-view__options > p {
          text-align: center; } }
      .harris-lending-dream-genie .hmc-split-view__options .hmcOptionsGroup {
        align-items: start;
        display: block;
        text-align: left; }
        .harris-lending-dream-genie .hmc-split-view__options .hmcOptionsGroup .radiobutton-container .input-radio {
          padding-top: 0;
          margin-bottom: 0; }
      .harris-lending-dream-genie .hmc-split-view__options .hmcStep {
        border-bottom: 0; }
      .harris-lending-dream-genie .hmc-split-view__options .current-step legend {
        font-size: 1.125rem;
        font-weight: bold;
        line-height: 2rem;
        margin-bottom: 1rem;
        padding: 0; }
      .harris-lending-dream-genie .hmc-split-view__options .current-step .hmcOptionsGroup {
        margin: 0; }
    .harris-lending-dream-genie .hmc-split-view__results {
      flex: 1 1 auto; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .harris-lending-dream-genie .hmc-split-view__results {
          flex: none; } }
      .harris-lending-dream-genie .hmc-split-view__results .carousel-contents {
        display: flex;
        justify-content: center;
        flex-wrap: nowrap; }
      .harris-lending-dream-genie .hmc-split-view__results .loans-product-column__box {
        border-radius: 0.25rem;
        background-color: #FFFFFF;
        box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 25, 40, 0.04), 0 0.25rem 1.5rem 0 rgba(0, 25, 40, 0.1); }
      .harris-lending-dream-genie .hmc-split-view__results h3, .harris-lending-dream-genie .hmc-split-view__results .size-h3 {
        font-size: 1.375rem;
        font-weight: bold;
        line-height: 2rem;
        margin-bottom: 0.75rem; }
      @media screen and (min-width: 46em) {
        .harris-lending-dream-genie .hmc-split-view__results div.carousel-contents > div {
          width: 50%; } }
      .harris-lending-dream-genie .hmc-split-view__results .hmc__results-footer {
        margin: 1.75rem 0 0;
        padding: 1.75rem 0 1.25rem;
        border-top: 1px solid #d9dce1; }
        @media screen and (min-width: 48em) {
          .harris-lending-dream-genie .hmc-split-view__results .hmc__results-footer {
            padding-bottom: 2rem; } }
        .harris-lending-dream-genie .hmc-split-view__results .hmc__results-footer .button {
          margin-bottom: 1.25rem;
          padding-left: 0;
          padding-right: 0; }
        .harris-lending-dream-genie .hmc-split-view__results .hmc__results-footer .learn-more {
          text-transform: uppercase;
          font-weight: bold;
          font-size: 0.875rem;
          display: block; }
    .harris-lending-dream-genie .hmc-split-view .hmc__product-description {
      text-align: center; }
  .harris-lending-dream-genie .hmc-split-view__reset {
    width: 100%;
    text-align: center;
    padding-bottom: 50px; }
    .harris-lending-dream-genie .hmc-split-view__reset a {
      font-weight: bold; }
    @media screen and (max-width: 45.99875em) {
      .harris-lending-dream-genie .hmc-split-view__reset {
        padding-top: 30px; } }
  .harris-lending-dream-genie .uppercase {
    text-transform: uppercase; }
  .harris-lending-dream-genie .result-card-heading {
    position: relative; }
    .harris-lending-dream-genie .result-card-heading .chevron-icon {
      bottom: 5px;
      position: absolute; }
  .harris-lending-dream-genie .hmc__results > div {
    width: 100%; }
    .harris-lending-dream-genie .hmc__results > div .height-equalizer-wrapper {
      width: 100%; }
      @media screen and (min-width: 63.9375em) and (max-width: 76.56125em) {
        .harris-lending-dream-genie .hmc__results > div .height-equalizer-wrapper ul.carousel-contents > li.carousel-item:nth-child(1),
        .harris-lending-dream-genie .hmc__results > div .height-equalizer-wrapper ul.carousel-contents > li.carousel-item:nth-child(2) {
          opacity: 1; } }
      @media screen and (min-width: 46em) and (max-width: 63.93625em) {
        .harris-lending-dream-genie .hmc__results > div .height-equalizer-wrapper ul.carousel-contents > li.carousel-item:nth-child(1),
        .harris-lending-dream-genie .hmc__results > div .height-equalizer-wrapper ul.carousel-contents > li.carousel-item:nth-child(2) {
          opacity: 1; } }
      @media screen and (max-width: 45.99875em) {
        .harris-lending-dream-genie .hmc__results > div .height-equalizer-wrapper ul.carousel-contents > li.carousel-item:nth-child(1) {
          opacity: 1; } }
  .harris-lending-dream-genie .hmc__results .button.button__primary-ds {
    padding-left: 0;
    padding-right: 0; }

.harris-lending-home-page#persSupportSection .spacing-left--small.icon--chevron-right-blue {
  height: 27px;
  vertical-align: top; }

@media screen and (max-width: 63.93625em) {
  #persPlansList {
    max-width: 100rem;
    margin-right: auto;
    margin-left: auto;
    display: block;
    flex-flow: none; } }

.product-header-updated {
  margin-bottom: 2.5rem; }

.harris-checking-accounts-product-cards .product-card-with-label {
  margin-top: 49px; }

.harris-checking-accounts-product-cards .product-card {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }
  .harris-checking-accounts-product-cards .product-card .product-card-outline {
    border-radius: 4px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 25, 40, 0.04), 0 4px 24px 0 rgba(0, 25, 40, 0.1);
    box-shadow: 0 2px 8px 0 rgba(0, 25, 40, 0.04), 0 4px 24px 0 rgba(0, 25, 40, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative; }
    .harris-checking-accounts-product-cards .product-card .product-card-outline .product-card-popular-label-bg {
      color: #000;
      font-size: 14px;
      z-index: 2000;
      background-color: #e6f9fe;
      padding: 15px;
      text-align: center;
      position: relative;
      width: 100%;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px; }
  .harris-checking-accounts-product-cards .product-card .product-card-top-color-box {
    height: 350px;
    overflow: hidden;
    position: relative; }
    @media screen and (max-width: 1200px) {
      .harris-checking-accounts-product-cards .product-card .product-card-top-color-box {
        height: 350px; } }
    .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-background {
      border-bottom-left-radius: 60%;
      border-bottom-right-radius: 60%;
      width: 166%;
      position: absolute;
      margin-left: -33%;
      margin-right: -33%;
      background: linear-gradient(166.82deg, #FFFFFF 0%, #F5F6F7 100%);
      height: 350px; }
      @media screen and (max-width: 1200px) {
        .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-background {
          height: 350px; } }
    .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content {
      text-align: center;
      position: absolute;
      padding-top: 40px;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0; }
      .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-no-icon {
        margin: 0 auto; }
        .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-no-icon .product-card-title {
          font-size: 22px;
          line-height: 2rem;
          font-weight: 500;
          text-align: center;
          height: 125px; }
          @media screen and (min-width: 1025px) {
            .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-no-icon .product-card-title {
              height: 96px; } }
          @media screen and (max-width: 1200px) {
            .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-no-icon .product-card-title {
              text-align: center;
              padding-top: 10px; } }
          @media screen and (max-width: 45.99875em) {
            .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-no-icon .product-card-title {
              height: 96px; } }
      .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-and-title {
        margin: 1rem 2rem;
        justify-content: space-around; }
        @media screen and (min-width: 1200px) {
          .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-and-title {
            display: flex; } }
        .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-and-title .product-card-icon {
          padding-top: 10px;
          height: 77px; }
        .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-and-title .product-card-title {
          font-size: 22px;
          line-height: 2rem;
          font-weight: 500;
          text-align: left;
          height: 125px; }
          @media screen and (min-width: 1025px) {
            .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-and-title .product-card-title {
              height: 96px; } }
          @media screen and (max-width: 1200px) {
            .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-and-title .product-card-title {
              text-align: center;
              padding-top: 10px; } }
          @media screen and (max-width: 45.99875em) {
            .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-icon-and-title .product-card-title {
              height: 96px; } }
      .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-desc {
        line-height: 1.5rem;
        margin: 0 1.5rem;
        font-weight: 400;
        padding-bottom: 25px;
        height: 93px; }
        @media screen and (min-width: 1025px) {
          .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-desc {
            height: 80px; } }
        @media screen and (max-width: 45.99875em) {
          .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-desc {
            height: 80px; } }
      .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-buttons .button {
        display: inline-flex; }
      .harris-checking-accounts-product-cards .product-card .product-card-top-color-box .product-card-header-content .product-card-buttons .button span {
        text-transform: none; }
  .harris-checking-accounts-product-cards .product-card .product-card-feature {
    margin: 1.5rem; }
    .harris-checking-accounts-product-cards .product-card .product-card-feature .product-card-feature-title {
      padding-bottom: 15px;
      font-weight: 700;
      font-size: 16px !important; }
  .harris-checking-accounts-product-cards .product-card .product-card-fees {
    margin: 1.5rem;
    padding-bottom: 20px;
    height: 200px; }
    .harris-checking-accounts-product-cards .product-card .product-card-fees .product-card-fees-title {
      font-weight: 700;
      padding-bottom: 15px;
      font-size: 16px; }
    .harris-checking-accounts-product-cards .product-card .product-card-fees .product-card-fees-container {
      display: flex; }
      .harris-checking-accounts-product-cards .product-card .product-card-fees .product-card-fees-container .product-card-fees-box {
        background-color: #F5F6F7;
        padding: 1rem 0.5rem 1.5rem;
        text-align: center;
        max-width: 100%;
        flex: 100%; }
        .harris-checking-accounts-product-cards .product-card .product-card-fees .product-card-fees-container .product-card-fees-box .product-card-fees-amount {
          color: #001928;
          font-size: 22px;
          letter-spacing: 0.18px;
          line-height: 1.5rem;
          margin-bottom: 0.25rem;
          font-weight: 500; }
        .harris-checking-accounts-product-cards .product-card .product-card-fees .product-card-fees-container .product-card-fees-box .product-card-fees-amount-condition {
          color: #001928;
          font-size: 12px;
          line-height: 16px; }

.harris-checking-accounts-product-cards .product-card-popular .product-card-header-background {
  background: linear-gradient(166.82deg, #0075BE 0%, #085585 100%) !important; }

.harris-checking-accounts-product-cards .product-card-popular .product-card-popular-label {
  color: #fff;
  font-size: 14px;
  width: 100%;
  text-align: center;
  font-weight: 600;
  padding-top: 10px; }

.harris-checking-accounts-product-cards .product-card-popular .product-card-top-color-box {
  color: #fff; }

.harris-checking-accounts-product-cards .product-card-popular .product-card-buttons .button {
  background-color: #FFFFFF;
  border-color: #FFFFFF; }
  .harris-checking-accounts-product-cards .product-card-popular .product-card-buttons .button span {
    color: #0075BE; }

.harris-checking-accounts-product-cards .product-card-popular .product-card-buttons .link {
  color: #fff; }

.harris-checking-accounts-product-cards .product-card-popular .product-card-fees .product-card-fees-box {
  max-width: 100% !important;
  width: 100%;
  flex: 100% !important; }

.harris-checking-accounts-product-cards .product-card-fees-box-full-width {
  max-width: 100% !important;
  width: 100%; }

.harris-checking-accounts-product-cards .premier-account .product-card-icon {
  padding-top: 0 !important; }

.harris-checking-accounts-product-cards .product-card-fees-box-multi {
  text-align: center; }
  .harris-checking-accounts-product-cards .product-card-fees-box-multi .product-card-fees-box {
    max-width: 39%;
    flex: 0 0 39%; }
  .harris-checking-accounts-product-cards .product-card-fees-box-multi .product-card-fees-or {
    max-width: 22%;
    flex: 0 0 22%;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.15px;
    line-height: 1.5rem;
    padding: 35px 0 2rem; }

@media screen and (min-width: 813px) {
  .harris-checking-accounts-debit-card-carousel {
    display: flex !important; } }

.top--negative-50 {
  top: -50px; }

.absolute--forced {
  position: absolute !important; }

.harris-savings-and-cds-products-table {
  display: table; }

.carousel-design-language .harris-savings-and-cds-corousal li {
  list-style: disc; }

.rewards-calculator {
  /**
   * The rewards summary is where the calculator rewards are displayed.
   *
   * 1. On mobile it is a full screen modal.
   * 2. Offset the size of the apply now button.
   * 3. Make it unscrollable.
   * 4. Background color must be set otherwise you can see everything below it.
   */
  /**
   * The individual result list item.
   * 1. The default number of rewards that should show up.
   *    This is decided by designers.
   */ }
  .rewards-calculator .button {
    text-transform: uppercase !important; }
  .rewards-calculator .button.active, .rewards-calculator .button:focus, .rewards-calculator .button:hover {
    outline: none;
    outline-color: initial;
    outline-style: none;
    outline-width: initial;
    text-decoration: none; }
  .rewards-calculator__wrapper {
    padding: 0.5em;
    border: 0.0625rem solid #cacaca;
    border-radius: 0.25em; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__wrapper {
        display: flex; } }
  .rewards-calculator__calculator {
    padding-top: 1em;
    padding-right: 1.25em;
    padding-bottom: 1em;
    padding-left: 1.25em;
    background-color: #00436c;
    text-align: center;
    color: #FEFEFE;
    /**
     * 1. The calculator section has MUCH less content then the summary section.
     *      On small screens thats OK because the summary is a popup.
     *      On medium+ screens this is an issue.
     *      Center the content to alignt with the summary section.
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__calculator {
        display: flex;
        /* 1 */
        padding-right: 0.5em;
        padding-left: 0.5em;
        flex-direction: column;
        /* 1 */
        justify-content: center;
        /* 1 */
        align-items: center;
        /* 1 */
        flex: 1; } }
    .rewards-calculator__calculator .button {
      font-size: inherit;
      font-weight: inherit; }
    .rewards-calculator__calculator button[data-ana-apply-now] {
      height: 56px;
      padding: 16px 32px;
      font-size: 14px;
      line-height: 24px;
      background: #C81414;
      letter-spacing: 0.25px;
      text-align: center;
      font-weight: bold;
      border: none; }
  @media print, screen and (min-width: 46em) {
    .rewards-calculator__icon {
      margin-bottom: 0.5em; } }
  .rewards-calculator__icon svg {
    height: 45px; }
  .rewards-calculator__input {
    color: #001928;
    /* Override base styles */
    padding-bottom: 0; }
  .rewards-calculator__summary {
    position: fixed;
    /* 1 */
    display: none;
    padding-top: 2em;
    padding-right: 0.5em;
    padding-bottom: 3em;
    /* 2 */
    padding-left: 0.5em;
    top: 0;
    /* 1 */
    right: 0;
    /* 1 */
    bottom: 0;
    /* 1 */
    left: 0;
    /* 1 */
    overflow-y: auto;
    /* 3 */
    background-color: #FEFEFE;
    /* 4 */
    z-index: 100;
    /**
     * On medium and up the calculator has a side by side view.
     *
     * 1. Make it so none of the position fixed / top / left / right ...
     *     affect the summary wrapper.
     * 2. Show the summary beside the calculator.
     */ }
    .rewards-calculator__summary.is-open {
      display: block; }
    @media screen and (max-width: 45.99875em) {
      .rewards-calculator__summary.special {
        margin-top: 4em; } }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__summary {
        position: static;
        /* 1 */
        display: block;
        /* 2 */
        flex: 1;
        border: 0.0625rem solid #00436c;
        overflow: hidden; } }
  .rewards-calculator__results {
    display: flex;
    flex-wrap: wrap;
    overflow-x: hidden;
    transition: filter 300ms ease, height 300ms ease;
    /**
     * Make the carousel disabled when it hasn't been touched yet.
     */
    /**
     * Enabled the calc when it fails to load
     */ }
    .rewards-calculator__results[aria-disabled="true"] {
      position: relative;
      position: relative;
      /**
  * For browsers that dont suppoert grayscale() fake it with an overlay.
  */
      /**
  * If the grayscale function is supported use it instead.
  * It makes it look a little better.
  */ }
      .rewards-calculator__results[aria-disabled="true"]::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(202, 202, 202, 0.75); }
      @supports (filter: grayscale(75%)) {
        .rewards-calculator__results[aria-disabled="true"] {
          filter: grayscale(75%); }
          .rewards-calculator__results[aria-disabled="true"]::before {
            display: none; } }
      .rewards-calculator__results[aria-disabled="true"]::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: transparent; }
    .no-js .rewards-calculator__results,
    .has-error .rewards-calculator__results {
      overflow-x: auto;
      /* stylelint-disable no-unsupported-browser-features */
      /* This is a progressive enhancement fallback so its ok */
      filter: none;
      /* stylelint-enable no-unsupported-browser-features */ }
      .no-js .rewards-calculator__results::after,
      .has-error .rewards-calculator__results::after {
        display: none; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__results {
        flex-wrap: nowrap; } }
  [aria-disabled="true"] .rewards-calculator__reward-price {
    display: none; }
  .no-js .rewards-calculator__reward-price,
  .has-error .rewards-calculator__reward-price {
    display: block; }
  .rewards-calculator__result {
    /* 1 */
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-top: 0.0625rem solid #cacaca;
    width: 100%;
    /**
     * On medium up the slides turn into a carousel.
     *
     */ }
    .rewards-calculator__result:first-child {
      padding-top: 1em;
      border-top: none; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__result {
        margin-top: 1em;
        padding-top: 0;
        padding-right: 0.5em;
        padding-left: 0.5em;
        border-top: none;
        border-left: 0.0625rem solid #cacaca;
        flex: 1;
        /**
       * 1. The first slide does not have a border left.
       *     HOWEVER: Removing the border left completely causes slick to miscalculate the sizes.
       *     ONLY change the color so it doesnt break when being turned into a carousel by slick.
       *
       * TODO: Fix the rewards script to use `.hide` instead and replace [style] with .hide
       */
        /**
       * These styles are the default styles plus when the calculator has failed to initialize properly.
       * 1. By default display 3 rewards when disabled.
       *   The enabled state is handled automatically by javascript.
       * 2. IE11 requires the min-width to be set to work.
       */
        /**
       * 1. When dissabled remove the last border that shows.
       *    This border is there because technically all the elements are in the DOM at all times.
       */ }
        .rewards-calculator__result:not([style]) {
          border-left: 0.0625rem solid #cacaca; }
          [style] + .rewards-calculator__result:not([style]) {
            border-left-color: transparent;
            /* 1 */ }
        .rewards-calculator__result:first-child {
          padding-top: 0;
          border-left-color: transparent; }
        [aria-disabled="true"] .rewards-calculator__result,
        .has-error .rewards-calculator__result {
          max-width: 33.33333%;
          /* 1 */
          min-width: 33.33333%;
          /* 2 */ }
        [aria-disabled="true"] .rewards-calculator__result:nth-child(4) {
          border-left: none; } }
  .rewards-calculator__calculator-content {
    /**
     * 1. For some reason without this it looks like crap in ie11
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__calculator-content {
        width: 100%;
        /* 1 */ } }
  .rewards-calculator__calculator-disclaimer {
    color: #cacaca;
    font-size: 0.75rem;
    /**
     * 1. For some reason without this it looks like crap in ie11
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__calculator-disclaimer {
        width: 100%;
        /* 1 */ } }
  @media print, screen and (min-width: 46em) {
    .rewards-calculator__calculator-heading {
      max-width: 100%; } }
  .rewards-calculator__figure {
    display: flex;
    /**
     * IE11 Has an issue with the inline-block that pictures are set to here.
     * This is only for the calculator so cannot be added to the `elements` file.
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__figure {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center; } }
    .rewards-calculator__figure picture {
      display: block; }
  @media print, screen and (min-width: 46em) {
    .rewards-calculator__image {
      margin-bottom: 1em; } }
  .rewards-calculator__close {
    position: absolute;
    top: 0;
    right: 0; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator__close {
        display: none !important; } }
  .rewards-calculator .button {
    border-radius: 5em !important;
    text-transform: inherit; }
    .rewards-calculator .button.icon {
      border: none;
      background: transparent; }
  .rewards-calculator .tabs {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: center; }
  .rewards-calculator a:focus, .rewards-calculator a:hover {
    color: #1585cf;
    text-decoration: underline; }

.rewards-calculator--tv {
  background-color: #FEFEFE;
  border-radius: 0.25em;
  /**
   * The rewards summary is where the calculator rewards are displayed.
   *
   * 1. On mobile it is a full screen modal.
   * 2. Offset the size of the apply now button.
   * 3. Make it unscrollable.
   * 4. Background color must be set otherwise you can see everything below it.
   */
  /**
   * The individual result list item.
   * 1. The default number of rewards that should show up.
   *    This is decided by designers.
   */ }
  .rewards-calculator--tv__wrapper {
    padding: 1em;
    border-radius: 0.25em; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__wrapper {
        display: flex; } }
  .rewards-calculator--tv__calculator {
    padding-top: 0.5em;
    padding-bottom: 1em;
    text-align: center;
    /**
     * 1. The calculator section has MUCH less content then the summary section.
     *      On small screens thats OK because the summary is a popup.
     *      On medium+ screens this is an issue.
     *      Center the content to alignt with the summary section.
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__calculator {
        display: flex;
        /* 1 */
        padding-right: 0.5em;
        padding-left: 0.5em;
        flex-direction: column;
        /* 1 */
        justify-content: center;
        /* 1 */
        align-items: center;
        /* 1 */
        flex: 1; } }
  @media print, screen and (min-width: 46em) {
    .rewards-calculator--tv__icon {
      margin-bottom: 0.5em; } }
  .rewards-calculator--tv__summary {
    padding-top: 1em;
    padding-bottom: 0;
    border-top: 0.0625rem solid #cacaca;
    /**
     * On medium and up the calculator has a side by side view.
     *
     * 1. Make it so none of the position fixed / top / left / right ...
     *     affect the summary wrapper.
     * 2. Show the summary beside the calculator.
     */ }
    .rewards-calculator--tv__summary.is-open {
      display: block; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__summary {
        flex: 1;
        padding: 0.5em;
        border-top: 0;
        border-left: 0.0625rem solid #cacaca;
        overflow: hidden; } }
  .rewards-calculator--tv__output {
    color: #0075BE; }
  .rewards-calculator--tv__results {
    display: flex;
    flex-wrap: wrap;
    overflow-x: hidden;
    transition: filter 300ms ease, height 300ms ease;
    border-top: 0.0625rem solid #cacaca;
    /**
     * Make the carousel disabled when it hasn't been touched yet.
     */
    /**
     * Enabled the calc when it fails to load
     */ }
    .rewards-calculator--tv__results[aria-disabled="true"] {
      position: relative;
      position: relative;
      /**
  * For browsers that dont suppoert grayscale() fake it with an overlay.
  */
      /**
  * If the grayscale function is supported use it instead.
  * It makes it look a little better.
  */ }
      .rewards-calculator--tv__results[aria-disabled="true"]::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(202, 202, 202, 0.75); }
      @supports (filter: grayscale(75%)) {
        .rewards-calculator--tv__results[aria-disabled="true"] {
          filter: grayscale(75%); }
          .rewards-calculator--tv__results[aria-disabled="true"]::before {
            display: none; } }
      .rewards-calculator--tv__results[aria-disabled="true"]::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: transparent; }
    .no-js .rewards-calculator--tv__results,
    .has-error .rewards-calculator--tv__results {
      overflow-x: auto;
      /* stylelint-disable no-unsupported-browser-features */
      /* This is a progressive enhancement fallback so its ok */
      filter: none;
      /* stylelint-enable no-unsupported-browser-features */ }
      .no-js .rewards-calculator--tv__results::after,
      .has-error .rewards-calculator--tv__results::after {
        display: none; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__results {
        border-top: 0;
        flex-wrap: nowrap; } }
  [aria-disabled="true"] .rewards-calculator--tv__reward-price {
    display: none; }
  .no-js .rewards-calculator--tv__reward-price,
  .has-error .rewards-calculator--tv__reward-price {
    display: block; }
  .rewards-calculator--tv__result {
    /* 1 */
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-top: 0.0625rem solid #cacaca;
    width: 100%;
    /**
     * On medium up the slides turn into a carousel.
     *
     */ }
    .rewards-calculator--tv__result:first-child {
      padding-top: 1em;
      border-top: none; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__result {
        margin-top: 1em;
        padding-top: 0;
        padding-right: 0.5em;
        padding-left: 0.5em;
        border-top: none;
        border-left: 0.0625rem solid #cacaca;
        flex: 1;
        /**
       * 1. The first slide does not have a border left.
       *     HOWEVER: Removing the border left completely causes slick to miscalculate the sizes.
       *     ONLY change the color so it doesnt break when being turned into a carousel by slick.
       *
       * TODO: Fix the rewards script to use `.hide` instead and replace [style] with .hide
       */
        /**
       * These styles are the default styles plus when the calculator has failed to initialize properly.
       * 1. By default display 3 rewards when disabled.
       *   The enabled state is handled automatically by javascript.
       * 2. IE11 requires the min-width to be set to work.
       */
        /**
       * 1. When dissabled remove the last border that shows.
       *    This border is there because technically all the elements are in the DOM at all times.
       */ }
        .rewards-calculator--tv__result:not([style]) {
          border-left: 0.0625rem solid #cacaca; }
          [style] + .rewards-calculator--tv__result:not([style]) {
            border-left-color: transparent;
            /* 1 */ }
        .rewards-calculator--tv__result:first-child {
          padding-top: 0;
          border-left-color: transparent; }
        [aria-disabled="true"] .rewards-calculator--tv__result,
        .has-error .rewards-calculator--tv__result {
          max-width: 33.33333%;
          /* 1 */
          min-width: 33.33333%;
          /* 2 */ }
        [aria-disabled="true"] .rewards-calculator--tv__result:nth-child(4) {
          border-left: none; } }
  .rewards-calculator--tv__calculator-content {
    /**
     * 1. For some reason without this it looks like crap in ie11
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__calculator-content {
        width: 100%;
        /* 1 */ } }
  .rewards-calculator--tv__calculator-disclaimer {
    color: #6e6e6e;
    /**
     * 1. For some reason without this it looks like crap in ie11
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__calculator-disclaimer {
        width: 100%;
        /* 1 */ } }
  .rewards-calculator--tv__input-label {
    padding-bottom: 0;
    display: block; }
  .rewards-calculator--tv__input-mask {
    color: #0075BE; }
  @media print, screen and (min-width: 46em) {
    .rewards-calculator--tv__calculator-heading {
      max-width: 100%; } }
  .rewards-calculator--tv__figure {
    display: flex;
    /**
     * IE11 Has an issue with the inline-block that pictures are set to here.
     * This is only for the calculator so cannot be added to the `elements` file.
     */ }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__figure {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center; } }
    .rewards-calculator--tv__figure picture {
      display: block; }
  @media print, screen and (min-width: 46em) {
    .rewards-calculator--tv__image {
      margin-bottom: 1em; } }
  .rewards-calculator--tv__close {
    position: absolute;
    top: 0;
    right: 0; }
    @media print, screen and (min-width: 46em) {
      .rewards-calculator--tv__close {
        display: none !important; } }

.no-bullet {
  margin-left: 0;
  list-style: none; }

.input-mask__label {
  display: none !important; }

.tooltip {
  background-color: #fff;
  color: #001928;
  font-size: 80%;
  padding: .75rem;
  position: absolute;
  border-radius: .125rem; }

/*
 * BUSINESS CASHBACK CALCULATOR
 *
 * Controls the styles for the both the input and summary components
 */
.business-rewards__wrapper {
  border: 0.0625rem solid #cacaca;
  border-radius: 0.125rem;
  padding: 0.5em;
  margin: 0 1em; }
  @media print, screen and (min-width: 63.9375em) {
    .business-rewards__wrapper {
      margin: 0; } }
  .business-rewards__wrapper .tabs {
    margin: auto; }
  .business-rewards__wrapper .button {
    text-transform: uppercase !important; }
  .business-rewards__wrapper .button.active, .business-rewards__wrapper .button:focus, .business-rewards__wrapper .button:hover {
    outline: none;
    outline-color: initial;
    outline-style: none;
    outline-width: initial;
    text-decoration: none; }
  .business-rewards__wrapper a:focus, .business-rewards__wrapper a:hover {
    color: #1585cf;
    text-decoration: underline; }

.business-rewards__calc {
  background-color: #00436c;
  color: #FEFEFE;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around; }

.business-rewards__summary {
  display: none;
  flex-direction: column;
  justify-content: space-around;
  padding: 2em 0.25em 3em;
  position: fixed;
  width: 100%;
  top: 0;
  background-color: #FEFEFE;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  overflow-y: scroll; }
  @media screen and (max-width: 45.99875em) {
    .business-rewards__summary.special {
      margin-top: 4em; } }
  @media print, screen and (min-width: 46em) {
    .business-rewards__summary {
      align-items: center;
      overflow-y: hidden; } }
  @media print, screen and (min-width: 63.9375em) {
    .business-rewards__summary {
      display: flex;
      align-items: stretch;
      justify-content: center;
      position: relative;
      padding: 1em; } }
  .business-rewards__summary--open {
    display: block; }
  .business-rewards__summary.is-open {
    display: block; }

.business-rewards__close {
  color: #000; }

.business-rewards__tooltip {
  display: flex;
  align-items: center;
  flex-wrap: nowrap; }

.business-rewards__label {
  padding-bottom: 0;
  border-radius: 1em; }

.business-rewards__button {
  padding: 1.25em 3em; }
  .business-rewards__button--blue {
    background-color: #00436c;
    color: #FEFEFE;
    border-color: #FEFEFE;
    /* Need this to override the default button stylesheet */ }
    .business-rewards__button--blue:hover {
      border-color: #FEFEFE; }
    .business-rewards__button--blue:active {
      border-color: #FEFEFE; }
    .business-rewards__button--blue:focus {
      border-color: #FEFEFE; }

.business-rewards .tabs {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center; }

/*
 * BUSINESS CASHBACK CALCULATOR
 *
 * Controls the styles for the both the input and summary components
 */
.business-cashback__wrapper {
  border: 0.0625rem solid #cacaca;
  border-radius: 0.125rem;
  padding: 0.5em;
  margin: 0 1em; }
  .business-cashback__wrapper .button {
    text-transform: uppercase !important; }
  .business-cashback__wrapper .button.active, .business-cashback__wrapper .button:focus, .business-cashback__wrapper .button:hover {
    outline: none;
    outline-color: initial;
    outline-style: none;
    outline-width: initial;
    text-decoration: none; }
  @media print, screen and (min-width: 63.9375em) {
    .business-cashback__wrapper {
      margin: 0; } }
  .business-cashback__wrapper a:focus, .business-cashback__wrapper a:hover {
    color: #1585cf;
    text-decoration: underline; }

.business-cashback__calc {
  background-color: #00436c;
  color: #FEFEFE;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around; }

.business-cashback__summary {
  display: none;
  flex-direction: column;
  justify-content: space-around;
  padding: 2em 0.25em 3em;
  position: fixed;
  width: 100%;
  top: 0;
  background-color: #FEFEFE;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  overflow-y: scroll; }
  @media screen and (max-width: 45.99875em) {
    .business-cashback__summary.special {
      margin-top: 4em; } }
  @media print, screen and (min-width: 46em) {
    .business-cashback__summary {
      align-items: center;
      overflow-y: hidden; } }
  @media print, screen and (min-width: 63.9375em) {
    .business-cashback__summary {
      display: flex;
      align-items: stretch;
      justify-content: center;
      position: relative;
      padding: 1em; } }
  .business-cashback__summary--open {
    display: block; }

.business-cashback__close {
  color: #000; }

.business-cashback__tooltip {
  display: flex;
  align-items: center;
  flex-wrap: nowrap; }

.business-cashback__label {
  padding-bottom: 0;
  border-radius: 1em; }

.business-cashback__button {
  padding: 1.25em 3em !important;
  border-color: #FEFEFE !important; }
  .business-cashback__button--blue {
    background-color: #00436c !important;
    color: #FEFEFE !important;
    /* Need this to override the default button stylesheet */ }
    .business-cashback__button--blue:focus, .business-cashback__button--blue:hover {
      border-color: #FEFEFE !important; }

.align-right {
  justify-content: flex-end; }

.is-open {
  display: block !important; }

/* */
.zipcode-reveal-overlay.reveal-overlay {
  background: rgba(0, 0, 0, 0.75); }

.zipcode-reveal-overlay .zipcode-reveal {
  position: fixed;
  height: auto;
  min-height: auto;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  right: 20px; }

@media screen and (min-width: 45.9375em) {
  .zipcode-reveal-overlay .zipcode-reveal {
    top: 14rem;
    transform: none; } }

@media screen and (max-width: 53.125em) and (max-height: 31.25em) {
  .zipcode-reveal-overlay .zipcode-reveal {
    top: 50%;
    transform: translateY(-50%); } }

.zipcode-reveal-overlay .reveal.zipcode-reveal {
  width: unset;
  max-width: fit-content; }

@media screen and (max-width: 63.875em) {
  .zipcode-reveal .available-cds .enter-your-zip-code form {
    padding-left: 0;
    padding-bottom: 0; }
  .zipcode-reveal .available-cds .standard-cd-content {
    padding: 0 1.5rem 0 1.5rem; } }

@media screen and (max-width: 45.9375em) {
  .zipcode-reveal .available-cds .enter-your-zip-code form {
    padding: 0; }
  .zipcode-reveal .available-cds .zipcode-update-form .zipcode-input {
    margin: 1.875rem 0 0; }
  .zipcode-reveal .available-cds .standard-cd-content {
    padding: 0 .5rem 0 .5rem; } }

.zipcode-reveal .active-label.slide-label .label-text {
  margin-left: 0; }

.no-height {
  height: 0; }

/* TODO: add prefix to avoid the conflict */
.design-language {
  /*********************************************************************************/
  /******************************BMO GLOBAL STYLES**********************************/
  /***********************2017 Design system redefine*******************************/
  /******************************April 1st 2017*************************************/
  /*************************Written By Ryan Urquhart********************************/
  /***This document is not to altered without the consent of the creative director**/
  /****************Use an external CSS to overwrite if needed***********************/
  /*********************************************************************************/
  /****************RESET STYLES*********************/
  /****************LOADING SPINNER*******************/
  /****************Global STYLES*********************/
  /*****************************************************************************************************************/
  /********************************************TYPOGRAPHY STYLES****************************************************/
  /*****************************************************************************************************************/
  /**************************************************************************************/
  /************************************SPACING*******************************************/
  /***************************************************************************************/
  /**************************************************************************************/
  /**********************************LIST STYLES*****************************************/
  /***************************************************************************************/
  /*****************************************************************************************************************/
  /************************************************LABEL/BADGE STYLES***********************************************/
  /*****************************************************************************************************************/
  /****************************************************************************************/
  /**********************************BUTTON STYLES*****************************************/
  /****************************************************************************************/
  /*********************************************/
  /****************ICON*************************/
  /*********************************************/
  /*
.icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat!important;
	background-position: center center !important;
	margin: 4px
}
.icon.about-blue {
	background-image: url(../img/icons/about-blue.svg);
}
.icon.alert-announcement-blue {
	background-image: url(../img/icons/alert-announcement-blue.svg);
}
.icon.alert-error-red {
	background-image: url(../img/icons/alert-error-red.svg);
}
.icon.alert-success-green {
	background-image: url(../img/icons/alert-success-green.svg);
}
.icon.alert-yellow {
	background-image: url(../img/icons/alert-yellow.svg);
}
.icon.arrow-down-blue {
	background-image: url(../img/icons/arrow-down-blue.svg);
}
.icon.arrow-down-grey {
	background-image: url(../img/icons/arrow-down-grey.svg);
}
.icon.arrow-down-red {
	background-image: url(../img/icons/arrow-down-red.svg);
}
.icon.arrow-down-small-red {
	background-image: url(../img/icons/arrow-down-small-red.svg);
}
.icon.arrow-down-ultramarine {
	background-image: url(../img/icons/arrow-down-ultramarine.svg);
}
.icon.arrow-down-white {
	background-image: url(../img/icons/arrow-down-white.svg);
}
.icon.arrow-up-blue {
	background-image: url(../img/icons/arrow-up-blue.svg);
}
.icon.arrow-up-grey {
	background-image: url(../img/icons/arrow-up-grey.svg);
}
.icon.arrow-up-green {
	background-image: url(../img/icons/arrow-up-green.svg);
}
.icon.arrow-up-small-green {
	background-image: url(../img/icons/arrow-up-small-green.svg);
}
.icon.arrow-up-ultramarine {
	background-image: url(../img/icons/arrow-up-ultramarine.svg);
}
.icon.arrow-up-white {
	background-image: url(../img/icons/arrow-up-white.svg);
}
.icon.back-blue {
	background-image: url(../img/icons/back-blue.svg);
}
.icon.back-grey {
	background-image: url(../img/icons/back-grey.svg);
}
.icon.back-ultramarine {
	background-image: url(../img/icons/back-ultramarine.svg);
}
.icon.back-white {
	background-image: url(../img/icons/back-white.svg);
}
.icon.bargraph-blue {
	background-image: url(../img/icons/bargraph-blue.svg);
}
.icon.bargraph-grey {
	background-image: url(../img/icons/bargraph-grey.svg);
}
.icon.bargraph-ultramarine {
	background-image: url(../img/icons/bargraph-ultramarine.svg);
}
.icon.bargraph-white {
	background-image: url(../img/icons/bargraph-white.svg);
}
.icon.bars-blue {
	background-image: url(../img/icons/bars-blue.svg);
}
.icon.bars-grey {
	background-image: url(../img/icons/bars-grey.svg);
}
.icon.bars-ultramarine {
	background-image: url(../img/icons/bars-ultramarine.svg);
}
.icon.bars-white {
	background-image: url(../img/icons/bars-white.svg);
}
.icon.calendar-blue {
	background-image: url(../img/icons/calendar-blue.svg);
}
.icon.calendar-grey {
	background-image: url(../img/icons/calendar-grey.svg);
	background-size: 19px
}
.icon.calendar-ultramarine {
	background-image: url(../img/icons/calendar-ultramarine.svg);
}
.icon.calendar-white {
	background-image: url(../img/icons/calendar-white.svg);
}
.icon.camera-blue {
	background-image: url(../img/icons/camera-blue.svg);
}
.icon.camera-grey {
	background-image: url(../img/icons/camera-grey.svg);
}
.icon.camera-ultramarine {
	background-image: url(../img/icons/camera-ultramarine.svg);
}
.icon.camera-white {
	background-image: url(../img/icons/camera-white.svg);
}
.icon.caution-blue {
	background-image: url(../img/icons/caution-blue.svg);
}
.icon.caution-grey {
	background-image: url(../img/icons/caution-grey.svg);
}
.icon.caution-ultramarine {
	background-image: url(../img/icons/caution-ultramarine.svg);
}
.icon.caution-white {
	background-image: url(../img/icons/caution-white.svg);
}
.icon.check-blue {
	background-image: url(../img/icons/check-blue.svg);
}
.icon.check-grey {
	background-image: url(../img/icons/check-grey.svg);
}
.icon.check-ultramarine {
	background-image: url(../img/icons/check-ultramarine.svg);
}
.icon.check-white {
	background-image: url(../img/icons/check-white.svg);
}
.icon.check-circle-blue {
	background-image: url(../img/icons/check-circle-blue.svg);
}
.icon.check-circle-grey {
	background-image: url(../img/icons/check-circle-grey.svg);
}
.icon.check-circle-ultramarine {
	background-image: url(../img/icons/check-circle-ultramarine.svg);
}
.icon.check-circle-white {
	background-image: url(../img/icons/check-circle-white.svg);
}
.icon.chevron-down-blue {
	background-image: url(../img/icons/chevron-down-blue.svg);
}
.icon.chevron-down-grey {
	background-image: url(../img/icons/chevron-down-grey.svg);
}
.icon.chevron-down-ultramarine {
	background-image: url(../img/icons/chevron-down-ultramarine.svg);
}
.icon.chevron-down-white {
	background-image: url(../img/icons/chevron-down-white.svg);
}
.icon.chevron-small-down-blue {
	background-image: url(../img/icons/chevron-small-down-blue.svg);
}
.icon.chevron-small-down-grey {
	background-image: url(../img/icons/chevron-small-down-grey.svg);
}
.icon.chevron-small-down-ultramarine {
	background-image: url(../img/icons/chevron-small-down-ultramarine.svg);
}
.icon.chevron-small-down-white {
	background-image: url(../img/icons/chevron-small-down-white.svg);
}
.icon.chevron-up-blue {
	background-image: url(../img/icons/chevron-up-blue.svg);
}
.icon.chevron-up-grey {
	background-image: url(../img/icons/chevron-up-grey.svg);
}
.icon.chevron-up-ultramarine {
	background-image: url(../img/icons/chevron-up-ultramarine.svg);
}
.icon.chevron-up-white {
	background-image: url(../img/icons/chevron-up-white.svg);
}
.icon.chevron-small-up-blue {
	background-image: url(../img/icons/chevron-small-up-blue.svg);
}
.icon.chevron-small-up-grey {
	background-image: url(../img/icons/chevron-small-up-grey.svg);
}
.icon.chevron-small-up-ultramarine {
	background-image: url(../img/icons/chevron-small-up-ultramarine.svg);
}
.icon.chevron-small-up-white {
	background-image: url(../img/icons/chevron-small-up-white.svg);
}
.icon.close-blue {
	background-image: url(../img/icons/close-blue.svg);
}
.icon.close-grey {
	background-image: url(../img/icons/close-grey.svg);
}
.icon.close-ultramarine {
	background-image: url(../img/icons/close-ultramarine.svg);
}
.icon.close-white {
	background-image: url(../img/icons/close-white.svg);
}
.icon.cross-circle-blue {
	background-image: url(../img/icons/cross-circle-blue.svg);
}
.icon.cross-circle-grey {
	background-image: url(../img/icons/cross-circle-grey.svg);
}
.icon.cross-circle-ultramarine {
	background-image: url(../img/icons/cross-circle-ultramarine.svg);
}
.icon.cross-circle-white {
	background-image: url(../img/icons/cross-circle-white.svg);
}
.icon.document-blue {
	background-image: url(../img/icons/document-blue.svg);
}
.icon.document-grey {
	background-image: url(../img/icons/document-grey.svg);
}
.icon.document-ultramarine {
	background-image: url(../img/icons/document-ultramarine.svg);
}
.icon.document-white {
	background-image: url(../img/icons/document-white.svg);
}
.icon.document-download-blue {
	background-image: url(../img/icons/document-download-blue.svg);
}
.icon.document-download-grey {
	background-image: url(../img/icons/document-download-grey.svg);
}
.icon.document-download-ultramarine {
	background-image: url(../img/icons/document-download-ultramarine.svg);
}
.icon.document-download-white {
	background-image: url(../img/icons/document-download-white.svg);
}
.icon.dollar-blue {
	background-image: url(../img/icons/dollar-blue.svg);
}
.icon.dollar-grey {
	background-image: url(../img/icons/dollar-grey.svg);
}
.icon.dollar-ultramarine {
	background-image: url(../img/icons/dollar-ultramarine.svg);
}
.icon.dollar-white {
	background-image: url(../img/icons/dollar-white.svg);
}
.icon.fbmessenger-blue {
	background-image: url(../img/icons/fbmessenger-blue.svg);
}
.icon.fbmessenger-grey {
	background-image: url(../img/icons/fbmessenger-grey.svg);
}
.icon.fbmessenger-ultramarine {
	background-image: url(../img/icons/fbmessenger-ultramarine.svg);
}
.icon.fbmessenger-white {
	background-image: url(../img/icons/fbmessenger-white.svg);
}
.icon.filter-blue {
	background-image: url(../img/icons/filter-blue.svg);
}
.icon.filter-grey {
	background-image: url(../img/icons/filter-grey.svg);
}
.icon.filter-ultramarine {
	background-image: url(../img/icons/filter-ultramarine.svg);
}
.icon.filter-white {
	background-image: url(../img/icons/filter-white.svg);
}
.icon.fullscreen-blue {
	background-image: url(../img/icons/fullscreen-blue.svg);
}
.icon.fullscreen-grey {
	background-image: url(../img/icons/fullscreen-grey.svg);
}
.icon.fullscreen-ultramarine {
	background-image: url(../img/icons/fullscreen-ultramarine.svg);
}
.icon.fullscreen-white {
	background-image: url(../img/icons/fullscreen-white.svg);
}
.icon.home-blue {
	background-image: url(../img/icons/home-blue.svg);
}
.icon.home-grey {
	background-image: url(../img/icons/home-grey.svg);
}
.icon.home-ultramarine {
	background-image: url(../img/icons/home-ultramarine.svg);
}
.icon.home-white {
	background-image: url(../img/icons/home-white.svg);
}
.icon.info-blue {
	background-image: url(../img/icons/info-blue.svg);
}
.icon.info-grey {
	background-image: url(../img/icons/info-grey.svg);
}
.icon.info-ultramarine {
	background-image: url(../img/icons/info-ultramarine.svg);
}
.icon.info-white {
	background-image: url(../img/icons/info-white.svg);
}
.icon.lightbulb-blue {
	background-image: url(../img/icons/lightbulb-blue.svg);
}
.icon.lightbulb-grey {
	background-image: url(../img/icons/lightbulb-grey.svg);
}
.icon.lightbulb-ultramarine {
	background-image: url(../img/icons/lightbulb-ultramarine.svg);
}
.icon.lightbulb-white {
	background-image: url(../img/icons/lightbulb-white.svg);
}
.icon.lock-blue {
	background-image: url(../img/icons/lock-blue.svg);
}
.icon.lock-grey {
	background-image: url(../img/icons/lock-grey.svg);
}
.icon.lock-ultramarine {
	background-image: url(../img/icons/lock-ultramarine.svg);
}
.icon.lock-white {
	background-image: url(../img/icons/lock-white.svg);
}
.icon.logout-blue {
	background-image: url(../img/icons/logout-blue.svg);
}
.icon.logout-grey {
	background-image: url(../img/icons/logout-grey.svg);
}
.icon.logout-ultramarine {
	background-image: url(../img/icons/logout-ultramarine.svg);
}
.icon.logout-white {
	background-image: url(../img/icons/logout-white.svg);
}
.icon.mail-blue {
	background-image: url(../img/icons/mail-blue.svg);
}
.icon.mail-grey {
	background-image: url(../img/icons/mail-grey.svg);
}
.icon.mail-ultramarine {
	background-image: url(../img/icons/mail-ultramarine.svg);
}
.icon.mail-white {
	background-image: url(../img/icons/mail-white.svg);
}
.icon.minus-circle-blue {
	background-image: url(../img/icons/minus-circle-blue.svg);
}
.icon.minus-circle-grey {
	background-image: url(../img/icons/minus-circle-grey.svg);
}
.icon.minus-circle-ultramarine {
	background-image: url(../img/icons/minus-circle-ultramarine.svg);
}
.icon.minus-circle-white {
	background-image: url(../img/icons/minus-circle-white.svg);
}
.icon.misc-blue {
	background-image: url(../img/icons/misc-blue.svg);
}
.icon.misc-grey {
	background-image: url(../img/icons/misc-grey.svg);
}
.icon.misc-ultramarine {
	background-image: url(../img/icons/misc-ultramarine.svg);
}
.icon.misc-white {
	background-image: url(../img/icons/misc-white.svg);
}
.icon.misc-stacked-blue {
	background-image: url(../img/icons/misc-stacked-blue.svg);
}
.icon.misc-stacked-grey {
	background-image: url(../img/icons/misc-stacked-grey.svg);
}
.icon.misc-stacked-ultramarine {
	background-image: url(../img/icons/misc-stacked-ultramarine.svg);
}
.icon.misc-stacked-white {
	background-image: url(../img/icons/misc-stacked-white.svg);
}
.icon.move-blue {
	background-image: url(../img/icons/move-blue.svg);
}
.icon.move-grey {
	background-image: url(../img/icons/move-grey.svg);
}
.icon.move-ultramarine {
	background-image: url(../img/icons/move-ultramarine.svg);
}
.icon.move-white {
	background-image: url(../img/icons/move-white.svg);
}
.icon.network-blue {
	background-image: url(../img/icons/network-blue.svg);
}
.icon.network-grey {
	background-image: url(../img/icons/network-grey.svg);
}
.icon.network-ultramarine {
	background-image: url(../img/icons/network-ultramarine.svg);
}
.icon.network-white {
	background-image: url(../img/icons/network-white.svg);
}
.icon.options-blue {
	background-image: url(../img/icons/options-blue.svg);
}
.icon.options-grey {
	background-image: url(../img/icons/options-grey.svg);
}
.icon.options-ultramarine {
	background-image: url(../img/icons/options-ultramarine.svg);
}
.icon.options-white {
	background-image: url(../img/icons/options-white.svg);
}
.icon.pencil-blue {
	background-image: url(../img/icons/pencil-blue.svg);
}
.icon.pencil-grey {
	background-image: url(../img/icons/pencil-grey.svg);
}
.icon.pencil-ultramarine {
	background-image: url(../img/icons/pencil-ultramarine.svg);
}
.icon.pencil-white {
	background-image: url(../img/icons/pencil-white.svg);
}
.icon.percent-blue {
	background-image: url(../img/icons/percent-blue.svg);
}
.icon.percent-grey {
	background-image: url(../img/icons/percent-grey.svg);
}
.icon.percent-ultramarine {
	background-image: url(../img/icons/percent-ultramarine.svg);
}
.icon.percent-white {
	background-image: url(../img/icons/percent-white.svg);
}
.icon.phone-blue {
	background-image: url(../img/icons/phone-blue.svg);
}
.icon.phone-grey {
	background-image: url(../img/icons/phone-grey.svg);
}
.icon.phone-ultramarine {
	background-image: url(../img/icons/phone-ultramarine.svg);
}
.icon.phone-white {
	background-image: url(../img/icons/phone-white.svg);
}
.icon.pin-blue {
	background-image: url(../img/icons/pin-blue.svg);
}
.icon.pin-grey {
	background-image: url(../img/icons/pin-grey.svg);
}
.icon.pin-ultramarine {
	background-image: url(../img/icons/pin-ultramarine.svg);
}
.icon.pin-white {
	background-image: url(../img/icons/pin-white.svg);
}
.icon.plus-circle-blue {
	background-image: url(../img/icons/plus-circle-blue.svg);
}
.icon.plus-circle-grey {
	background-image: url(../img/icons/plus-circle-grey.svg);
}
.icon.plus-circle-ultramarine {
	background-image: url(../img/icons/plus-circle-ultramarine.svg);
}
.icon.plus-circle-white {
	background-image: url(../img/icons/plus-circle-white.svg);
}
.icon.profile-blue {
	background-image: url(../img/icons/profile-blue.svg);
}
.icon.profile-grey {
	background-image: url(../img/icons/profile-grey.svg);
}
.icon.profile-ultramarine {
	background-image: url(../img/icons/profile-ultramarine.svg);
}
.icon.profile-white {
	background-image: url(../img/icons/profile-white.svg);
}
.icon.quote-blue {
	background-image: url(../img/icons/quote-blue.svg);
}
.icon.quote-grey {
	background-image: url(../img/icons/quote-grey.svg);
}
.icon.quote-ultramarine {
	background-image: url(../img/icons/quote-ultramarine.svg);
}
.icon.quote-white {
	background-image: url(../img/icons/quote-white.svg);
}
.icon.receipt-blue {
	background-image: url(../img/icons/receipt-blue.svg);
}
.icon.receipt-grey {
	background-image: url(../img/icons/receipt-grey.svg);
}
.icon.receipt-ultramarine {
	background-image: url(../img/icons/receipt-ultramarine.svg);
}
.icon.receipt-white {
	background-image: url(../img/icons/receipt-white.svg);
}
.icon.refresh-blue {
	background-image: url(../img/icons/refresh-blue.svg);
}
.icon.refresh-grey {
	background-image: url(../img/icons/refresh-grey.svg);
}
.icon.refresh-ultramarine {
	background-image: url(../img/icons/refresh-ultramarine.svg);
}
.icon.refresh-white {
	background-image: url(../img/icons/refresh-white.svg);
}
.icon.search-blue {
	background-image: url(../img/icons/search-blue.svg);
}
.icon.search-grey {
	background-image: url(../img/icons/search-grey.svg);
}
.icon.search-ultramarine {
	background-image: url(../img/icons/search-ultramarine.svg);
}
.icon.search-white {
	background-image: url(../img/icons/search-white.svg);
}
.icon.send-blue {
	background-image: url(../img/icons/send-blue.svg);
}
.icon.send-grey {
	background-image: url(../img/icons/send-grey.svg);
}
.icon.send-ultramarine {
	background-image: url(../img/icons/send-ultramarine.svg);
}
.icon.send-white {
	background-image: url(../img/icons/send-white.svg);
}
.icon.settings-blue {
	background-image: url(../img/icons/settings-blue.svg);
}
.icon.settings-grey {
	background-image: url(../img/icons/settings-grey.svg);
}
.icon.settings-ultramarine {
	background-image: url(../img/icons/settings-ultramarine.svg);
}
.icon.settings-white {
	background-image: url(../img/icons/settings-white.svg);
}
.icon.sliders-blue {
	background-image: url(../img/icons/sliders-blue.svg);
}
.icon.sliders-grey {
	background-image: url(../img/icons/sliders-grey.svg);
}
.icon.sliders-ultramarine {
	background-image: url(../img/icons/sliders-ultramarine.svg);
}
.icon.sliders-white {
	background-image: url(../img/icons/sliders-white.svg);
}
.icon.star-blue {
	background-image: url(../img/icons/star-blue.svg);
}
.icon.star-grey {
	background-image: url(../img/icons/star-grey.svg);
}
.icon.star-ultramarine {
	background-image: url(../img/icons/star-ultramarine.svg);
}
.icon.star-white {
	background-image: url(../img/icons/star-white.svg);
}
.icon.suitcase-blue {
	background-image: url(../img/icons/suitcase-blue.svg);
}
.icon.suitcase-grey {
	background-image: url(../img/icons/suitcase-grey.svg);
}
.icon.suitcase-ultramarine {
	background-image: url(../img/icons/suitcase-ultramarine.svg);
}
.icon.suitcase-white {
	background-image: url(../img/icons/suitcase-white.svg);
}
.icon.time-blue {
	background-image: url(../img/icons/time-blue.svg);
}
.icon.time-green {
	background-image: url(../img/icons/time-green.svg);
}
.icon.time-grey {
	background-image: url(../img/icons/time-grey.svg);
}
.icon.time-ultramarine {
	background-image: url(../img/icons/time-ultramarine.svg);
}
.icon.time-white {
	background-image: url(../img/icons/time-white.svg);
}
.icon.trade-blue {
	background-image: url(../img/icons/trade-blue.svg);
}
.icon.trade-grey {
	background-image: url(../img/icons/trade-grey.svg);
}
.icon.trade-ultramarine {
	background-image: url(../img/icons/trade-ultramarine.svg);
}
.icon.trade-white {
	background-image: url(../img/icons/trade-white.svg);
}
.icon.transfer-blue {
	background-image: url(../img/icons/transfer-blue.svg);
}
.icon.transfer-grey {
	background-image: url(../img/icons/transfer-grey.svg);
}
.icon.transfer-ultramarine {
	background-image: url(../img/icons/transfer-ultramarine.svg);
}
.icon.transfer-white {
	background-image: url(../img/icons/transfer-white.svg);
}
.icon.trash-blue {
	background-image: url(../img/icons/trash-blue.svg);
}
.icon.trash-grey {
	background-image: url(../img/icons/trash-grey.svg);
}
.icon.trash-ultramarine {
	background-image: url(../img/icons/trash-ultramarine.svg);
}
.icon.trash-white {
	background-image: url(../img/icons/trash-white.svg);
}
.icon.twitter-blue {
	background-image: url(../img/icons/twitter-blue.svg);
}
.icon.twitter-grey {
	background-image: url(../img/icons/twitter-grey.svg);
}
.icon.twitter-ultramarine {
	background-image: url(../img/icons/twitter-ultramarine.svg);
}
.icon.twitter-white {
	background-image: url(../img/icons/twitter-white.svg);
}
.icon.unlocked-blue {
	background-image: url(../img/icons/unlocked-blue.svg);
}
.icon.unlocked-grey {
	background-image: url(../img/icons/unlocked-grey.svg);
}
.icon.unlocked-ultramarine {
	background-image: url(../img/icons/unlocked-ultramarine.svg);
}
.icon.unlocked-white {
	background-image: url(../img/icons/unlocked-white.svg);
}
.icon.wallet-blue {
	background-image: url(../img/icons/wallet-blue.svg);
}
.icon.wallet-grey {
	background-image: url(../img/icons/wallet-grey.svg);
}
.icon.wallet-ultramarine {
	background-image: url(../img/icons/wallet-ultramarine.svg);
}
.icon.wallet-white {
	background-image: url(../img/icons/wallet-white.svg);
}
*/
  /*********************************************/
  /****************ICON BUTTON******************/
  /*********************************************/
  /*
button.icon-button.info {
	background-image: url(../img/icons/info-blue.svg);
	background-size: 20px;
	background-repeat: no-repeat;
}
*/
  /***********************************************************************************************/
  /************************************************CARD Checkbox STYLTES**************************/
  /***********************************************************************************************/
  /*
 .bmo-card-checkbox.check-fixed-cards label span.check {
     display: none;
     position: absolute;
     top: -1px;
    /* - Fix for IE11 - keep -1px, not 0px */
  /*
     right: -1px;
    /* - Fix for IE11 - keep -1px, not 0px */
  /*
     width: 24px;
     height: 24px;
     border-radius: 0px 0px 0px 4px;
     background: #68bbe8 url("../img/icons/check-white.svg") 8px no-repeat;
     background-size: 11px auto;
     transition: all 0.6s ease-out;
}
*/
  /*
 .bmo-card-checkbox.check-fixed-cards input[type="checkbox"]:checked:focus + label span.check {
     display: block;
     background: #73c3eb url("../imgs/check-white.svg") 8px no-repeat;
     background-size: 11px auto;
}
*/
  /*********************************************/
  /**************SWITCH BUTTON******************/
  /*********************************************/
  /*****************************************************************************************************************/
  /************************************************BREAD CRUMB STYLES***********************************************/
  /*****************************************************************************************************************/
  /*****************************************************************************************************************/
  /************************************************CARD STYLES******************************************************/
  /*****************************************************************************************************************/
  /*
.bmo-card .card-initial span.direction-arrow.positive {
	background-image: url(../img/icons/direction-arrow-positive.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px;
	display: inline-block;
	width: 24px;
	height: 32px;
	margin-bottom: -11px;
}
.bmo-card .card-initial span.direction-arrow.negative {
	background-image: url(../img/icons/direction-arrow-negative.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px;
	display: inline-block;
	width: 24px;
	height: 32px;
	margin-bottom: -11px;
}
*/
  /*
.bmo-card .card-initial .initial-card-options ul li a.quote {
	background-image: url(../img/icons/quote-dark-grey.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px 24px;
}
.bmo-card .card-initial .initial-card-options ul li a.trade {
	background-image: url(../img/icons/trade-dark-grey.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px 24px;
}
*/
  /*
.bmo-card.expandable .card-options-list li a.holdings {
	background-image: url(../img/icons/holdings-dark-blue.svg);
	background-repeat: no-repeat;
	background-position: center 18px;
	background-size: 24px;
}
.bmo-card.expandable .card-options-list li a.trade {
	background-image: url(../img/icons/trade-dark-blue.svg);
	background-repeat: no-repeat;
	background-position: center 18px;
	background-size: 24px;
} 
.bmo-card.expandable .card-options-list li a.news {
	background-image: url(../img/icons/news-dark-blue.svg);
	background-repeat: no-repeat;
	background-position: center 18px;
	background-size: 24px;
} 
.bmo-card.expandable .card-options-list li a.more {
	background-image: url(../img/icons/more-dark-blue.svg);
	background-repeat: no-repeat;
	background-position: center 18px;
	background-size: 24px;
}
*/
  /*
.bmo-card.expandable .card-expanded-option-menu-arrow {
	background-image: url(../img/drop-menu-arrow-up.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 20px;
	height: 30px;
	width: 100%;
	position: absolute;
	margin-top: -26px;
}
*/
  /*****************************************************************************************************************/
  /******************************************overflow-y: scroll styles**********************************************/
  /*****************************************************************************************************************/
  /*****************************************************************************************************************/
  /******************************************AVATARS STYLES*********************************************************/
  /*****************************************************************************************************************/
  /*
.avatar-a {
	background-image: url(../img/profile-avatars/a.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-b {
	background-image: url(../img/profile-avatars/b.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-c {
	background-image: url(../img/profile-avatars/c.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-d {
	background-image: url(../img/profile-avatars/d.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-e {
	background-image: url(../img/profile-avatars/e.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-f {
	background-image: url(../img/profile-avatars/f.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-g {
	background-image: url(../img/profile-avatars/g.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-h {
	background-image: url(../img/profile-avatars/h.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-i {
	background-image: url(../img/profile-avatars/i.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-j {
	background-image: url(../img/profile-avatars/j.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-k {
	background-image: url(../img/profile-avatars/k.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-l {
	background-image: url(../img/profile-avatars/l.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-m {
	background-image: url(../img/profile-avatars/m.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-n {
	background-image: url(../img/profile-avatars/n.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-o {
	background-image: url(../img/profile-avatars/o.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-p {
	background-image: url(../img/profile-avatars/p.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-q {
	background-image: url(../img/profile-avatars/q.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-r {
	background-image: url(../img/profile-avatars/r.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-s {
	background-image: url(../img/profile-avatars/s.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-t {
	background-image: url(../img/profile-avatars/t.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-u {
	background-image: url(../img/profile-avatars/u.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-v {
	background-image: url(../img/profile-avatars/v.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-w {
	background-image: url(../img/profile-avatars/w.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-x {
	background-image: url(../img/profile-avatars/x.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-y {
	background-image: url(../img/profile-avatars/y.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.avatar-z {
	background-image: url(../img/profile-avatars/z.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
*/
  /*****************************************************************************************************************/
  /************************************************GLOBAL MEDIA QUERIES*********************************************/
  /*****************************************************************************************************************/ }
  .design-language article, .design-language aside, .design-language details, .design-language figcaption, .design-language figure, .design-language footer, .design-language header, .design-language hgroup, .design-language hr, .design-language menu, .design-language nav, .design-language section {
    display: block; }
  .design-language a, .design-language hr {
    padding: 0; }
  .design-language abbr, .design-language address, .design-language article, .design-language aside, .design-language audio, .design-language b, .design-language blockquote, .design-language body, .design-language canvas, .design-language caption, .design-language cite, .design-language code, .design-language dd, .design-language del, .design-language details, .design-language dfn, .design-language div, .design-language dl, .design-language dt, .design-language em, .design-language fieldset, .design-language figcaption, .design-language figure, .design-language footer, .design-language form, .design-language h1, .design-language h2, .design-language h3, .design-language h4, .design-language h5, .design-language h6, .design-language header, .design-language hgroup, .design-language html, .design-language i, .design-language iframe, .design-language img, .design-language ins, .design-language kbd, .design-language label, .design-language legend, .design-language li, .design-language mark, .design-language menu, .design-language nav, .design-language object, .design-language ol, .design-language p, .design-language pre, .design-language q, .design-language samp, .design-language section, .design-language small, .design-language span, .design-language strong, .design-language sub, .design-language summary, .design-language sup, .design-language table, .design-language tbody, .design-language td, .design-language tfoot, .design-language th, .design-language thead, .design-language time, .design-language tr, .design-language ul, .design-language var, .design-language video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0; }
  .design-language ins, .design-language mark {
    background-color: #ff9;
    color: #000; }
  .design-language body {
    line-height: 1; }
  .design-language nav ul {
    list-style: none; }
  .design-language blockquote, .design-language q {
    quotes: none; }
  .design-language blockquote:after, .design-language blockquote:before, .design-language q:after, .design-language q:before {
    content: '';
    content: none; }
  .design-language a {
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0; }
  .design-language ins {
    text-decoration: none; }
  .design-language mark {
    font-style: italic;
    font-weight: 700; }
  .design-language del {
    text-decoration: line-through; }
  .design-language abbr[title], .design-language dfn[title] {
    border-bottom: 1px dotted;
    cursor: help; }
  .design-language table {
    border-collapse: collapse;
    border-spacing: 0; }
  .design-language hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0; }
  .design-language input, .design-language select {
    vertical-align: middle; }
  .design-language html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 300; }
  .design-language html,
  .design-language body {
    font-size: 62.5%;
    color: #001928;
    letter-spacing: 0px;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'heebo', sans-serif;
    font-weight: lighter !important;
    background: #F5F6F7;
    overflow-x: hidden; }

@keyframes bmo-loading {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }

@-webkit-keyframes bmo-loading {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }
  .design-language .spinner {
    width: 60px;
    height: 60px;
    margin: auto; }
  .design-language .bmo-loading {
    position: relative; }
  .design-language .bmo-loading div,
  .design-language .bmo-loading div:after {
    position: absolute;
    width: 202px;
    height: 202px;
    border: 10px solid #005587;
    border-top-color: transparent;
    border-radius: 50%; }
  .design-language .bmo-loading div {
    -webkit-animation: bmo-loading 1.5s linear infinite;
    animation: bmo-loading 1.5s linear infinite;
    top: 100px;
    left: 100px; }
  .design-language .bmo-loading div:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .design-language .bmo-loading {
    width: 56px !important;
    height: 56px !important;
    -webkit-transform: translate(-28px, -28px) scale(0.28) translate(28px, 28px);
    transform: translate(-28px, -28px) scale(0.28) translate(28px, 28px); }
  .design-language sup {
    font-size: 70%;
    top: -0.35em; }
  .design-language .inline {
    display: inline !important; }
  .design-language a:focus,
  .design-language button:focus,
  .design-language span.icon-button:focus {
    box-shadow: 0 0 4px 3px #005587;
    outline: 0; }
  .design-language .row {
    display: block;
    clear: both; }
  .design-language .positive {
    color: #008224; }
  .design-language .negative {
    color: #c81141; }
  .design-language .hidden-label {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    transition: none;
    -moz-transition: none;
    -webkit-transition: none; }
  .design-language a.header-skip {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    width: 1px;
    height: 1px;
    overflow: hidden; }
  .design-language a.header-skip:focus {
    position: absolute;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
    colour: #fff;
    overflow: visible;
    clip: auto;
    height: 32px;
    padding: 0;
    box-sizing: border-box; }
  .design-language .row {
    min-height: 1px; }
  .design-language .row:after {
    clear: both;
    content: "";
    display: block; }
  .design-language .align-center {
    text-align: center; }
  .design-language .align-right {
    text-align: right; }
  .design-language .row:after {
    clear: both;
    content: "";
    display: block; }
  .design-language .black {
    font-family: 'heebo-black';
    font-weight: 900; }
  .design-language .block {
    display: block; }
  .design-language .bold {
    font-weight: bold; }
  .design-language .bold-500 {
    font-weight: 500; }
  .design-language .bold-400 {
    font-weight: 400 !important; }
  .design-language .bold-700 {
    font-weight: 700 !important; }
  .design-language .weight-300 {
    font-weight: 300; }
  .design-language .medium {
    font-family: 'heebo-medium'; }
  .design-language .color-white {
    color: #ffffff; }
  .design-language .white-link {
    color: #ffffff; }
  .design-language .white-link:hover {
    color: #ffffff;
    text-decoration: underline; }
  .design-language .white-link:focus {
    color: #ffffff;
    text-decoration: underline; }
  .design-language section:after {
    display: block;
    content: "";
    clear: both; }
  .design-language strong {
    font-weight: 700; }
  .design-language h1,
  .design-language h2,
  .design-language h3,
  .design-language h4,
  .design-language h5,
  .design-language h6,
  .design-language p,
  .design-language a,
  .design-language li,
  .design-language article,
  .design-language address,
  .design-language blockquote,
  .design-language caption,
  .design-language table,
  .design-language tr,
  .design-language td {
    color: #001928;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none; }
  .design-language h1,
  .design-language h2,
  .design-language h3,
  .design-language h4,
  .design-language h5,
  .design-language h6 {
    display: block; }
  .design-language p.disclaimer {
    margin: 16px 0;
    font-size: 14px;
    line-height: 24px; }
  .design-language a {
    color: #0075BE;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease; }
  .design-language a:hover {
    text-decoration: underline;
    color: #005587; }
  .design-language a.link--white:hover {
    text-decoration: underline;
    color: #fefefe; }
  .design-language .font-size-xxxxxlarge {
    font-size: 44px;
    line-height: 48px;
    letter-spacing: -0.35px;
    font-weight: 300; }
  .design-language .font-size-xxxxlarge {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -0.35;
    font-weight: 300; }
  .design-language .font-size-xxxlarge {
    /* TODO: change to pixel */
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -0.2px;
    font-weight: 400; }
  .design-language .font-size-xxlarge {
    font-size: 24px;
    font-weight: 300;
    line-height: 32px; }
  .design-language .font-size-xlarge {
    /* TODO: change to pixel */
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 300; }
  .design-language .font-size-large {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.15px;
    font-weight: 300; }
  .design-language .font-size-medium {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    font-weight: 300; }
  .design-language .font-size-medium-normal {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    font-weight: 400; }
  .design-language .font-size-medium-alt {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.15px; }
  .design-language .font-size-small {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.25px; }
  .design-language .font-size-xsmall {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.25px; }
  .design-language .font-size-xxsmall {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.5px; }
  .design-language .font-size-xxxsmall {
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.5px; }
  .design-language .colour-code {
    margin: 4px 0;
    width: 56px;
    height: 4px;
    border-right: 4px solid rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    border-top: 0; }
  .design-language .colour-code.investments {
    background: #6A88C3; }
  .design-language .colour-code.credit-card {
    background: #00e7b4; }
  .design-language .colour-code.chequing-savings {
    background: #009EC9; }
  .design-language .colour-code.mortgage,
  .design-language .colour-code.loan {
    background: #D061A1; }
  .design-language .colour-code.line-of-credit {
    background: #FFC827; }
  .design-language .spacing-bottom {
    margin-bottom: 16px; }
  .design-language .spacing-bottom-small {
    margin-bottom: 8px; }
  .design-language .spacing-bottom-medium {
    margin-bottom: 12px; }
  .design-language .spacing-bottom-small-x-3 {
    margin-bottom: 24px; }
  .design-language .spacing-bottom-large {
    margin-bottom: 32px; }
  .design-language .spacing-top {
    margin-top: 16px; }
  .design-language .spacing-top-small {
    margin-top: 8px; }
  .design-language .spacing-top-small-x-3 {
    margin-top: 24px; }
  .design-language .spacing-top-medium {
    margin-top: 12px; }
  .design-language .spacing-right-small {
    margin-right: 8px; }
  .design-language .spacing-top-large {
    margin-top: 32px; }
  .design-language .padding {
    padding: 16px; }
  .design-language .padding-small {
    padding: 8px; }
  .design-language .padding-right {
    padding-right: 16px; }
  .design-language .padding-right-small-x-3 {
    padding-right: 24px; }
  .design-language .padding-right-xxlarge {
    padding-right: 48px; }
  .design-language .padding-left {
    padding-left: 16px; }
  .design-language .padding-left-small-x-3 {
    padding-left: 24px; }
  .design-language .padding-left-xxlarge {
    padding-left: 48px; }
  .design-language .padding-bottom-large {
    padding-bottom: 32px; }
  .design-language ul, .design-language ol {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 32px; }
  .design-language li {
    line-height: 32px; }
  .design-language .label {
    text-transform: uppercase;
    min-width: 48px;
    text-align: center;
    min-height: 24px;
    max-height: 140px;
    border-radius: 4px;
    padding: 2px 8px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    margin: 4px 8px 4px 0;
    line-height: 26px; }
  .design-language .label.bmo-ultramarine {
    background: #005587; }
  .design-language button,
  .design-language a.button {
    background: #d9dce1;
    height: 56px;
    border-radius: 28px;
    min-width: 128px;
    max-width: 280px;
    border: 2px solid #d9dce1;
    padding-left: 32px;
    padding-right: 32px;
    /* TODO: change to pixel */
    font-size: 14px;
    box-sizing: border-box;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    line-height: 52px;
    margin: 8px 16px 8px 0;
    text-align: center;
    font-weight: medium;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    overflow: hidden;
    position: relative; }
  .design-language a.button {
    display: block;
    float: left; }
  .design-language button:after,
  .design-language a.button:after {
    content: '';
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 120px;
    height: 120px;
    margin-left: -60px;
    margin-top: -60px;
    background: #010101;
    border-radius: 100%;
    opacity: .6;
    transform: scale(0); }

@keyframes ripple {
  0% {
    transform: scale(0); }
  50% {
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(2); } }
  .design-language button:not(:active):after,
  .design-language a.button:not(:active):after {
    animation: ripple .3s ease-out; }
  .design-language button:after,
  .design-language a.button:after {
    visibility: hidden; }
  .design-language button:focus:after,
  .design-language a.button:focus:after {
    visibility: visible; }
  .design-language button.small,
  .design-language a.button.small {
    height: 48px;
    /* TODO: change rem to pixel */
    line-height: 42px; }
  .design-language a.button.small {
    line-height: 45px; }
  .design-language button.primary,
  .design-language a.button.primary {
    background: #0075BE;
    border: 2px solid #0075BE;
    color: #fff;
    display: inline-block; }
  .design-language button.primary.dark-bg,
  .design-language a.button.primary.dark-bg {
    background: #FEFEFE;
    border: 2px solid #005587;
    color: #0075BE; }
  .design-language button.primary.dark-bg:hover,
  .design-language a.button.primary.dark-bg:hover {
    background: #FEFEFE;
    color: #005587; }
  .design-language button.primary:disabled,
  .design-language a.button.primary.disabled {
    border-radius: 32px;
    background-color: #ECECEE;
    color: #646C76;
    border: 2px solid #ECECEE; }
  .design-language button.primary:disabled:hover,
  .design-language a.button.primary.disabled:hover {
    background: #ECECEE;
    border: 2px solid #005587;
    cursor: default;
    color: #646C76;
    border: 2px solid #ECECEE; }
  .design-language button.primary:hover,
  .design-language a.button.primary:hover,
  .design-language button.primary:focus,
  .design-language a.button.primary:focus {
    background: #005587;
    border: 2px solid #005587;
    color: #fff; }
  .design-language button.secondary,
  .design-language a.button.secondary {
    background: #FEFEFE;
    border: 2px solid #0075BE;
    color: #0075BE; }
  .design-language button.secondary:hover,
  .design-language a.button.secondary:hover,
  .design-language button.secondary:focus,
  .design-language a.button.secondary:focus {
    background: #FEFEFE;
    border: 2px solid #005587;
    color: #005587; }
  .design-language button.secondary.dark-bg,
  .design-language a.button.secondary.dark-bg {
    background: #005587;
    border: 2px solid #FEFEFE;
    color: #fff; }
  .design-language button.secondary.dark-bg:hover,
  .design-language a.button.secondary.dark-bg:hover {
    background: #005587;
    color: #FEFEFE; }
  .design-language button.secondary:disabled,
  .design-language a.button.secondary.disabled {
    background: transparent;
    border: 2px solid #ECECEE;
    cursor: default;
    color: #929BA9; }
  .design-language button.secondary:disabled:hover,
  .design-language a.button.secondary.disabled:hover {
    background: transparent;
    border: 2px solid #ECECEE;
    cursor: default;
    color: #929BA9; }
  .design-language button.tertiary-link,
  .design-language a.button.tertiary-link {
    background: rgba(255, 255, 255, 0);
    border: 0;
    color: #005587;
    height: 40px;
    border-radius: 0;
    min-width: 80px;
    line-height: 40px;
    padding: 0;
    margin: 16px 16px 16px 0;
    display: inline;
    overflow: hidden; }
  .design-language button.tertiary-link,
  .design-language a.button.tertiary-link {
    display: block;
    float: left;
    line-height: 40px; }
  .design-language button.tertiary-link:disabled,
  .design-language a.button.tertiary-link.disabled {
    color: #929BA9; }
  .design-language button.tertiary-link:hover,
  .design-language a.button.tertiary-link:hover,
  .design-language button.tertiary-link:focus,
  .design-language a.button.tertiary-link:focus {
    background: rgba(255, 255, 255, 0);
    border: 0;
    color: #001928;
    border-bottom: 1px solid #001928; }
  .design-language button.toggle-button,
  .design-language a.button.toggle-button {
    background: #FEFEFE;
    border: 2px solid #0075BE;
    color: #0075BE;
    margin: -5px; }
  .design-language button.toggle-button.active,
  .design-language a.button.toggle-button.active,
  .design-language button.toggle-button:hover,
  .design-language a.button.toggle-button:hover {
    background: #0075BE;
    border: 2px solid #0075BE;
    color: #FEFEFE; }
  .design-language button.toggle-button.left,
  .design-language a.button.toggle-button.left {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .design-language button.toggle-button.center,
  .design-language a.button.toggle-button.center {
    border-radius: 0;
    border-radius: 0;
    margin-left: -4px; }
  .design-language button.toggle-button.right,
  .design-language a.button.toggle-button.right {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -3px; }
  .design-language a.article-link-line-height {
    line-height: 24px; }
  .design-language a.line-height-24 {
    line-height: 24px; }
  .design-language .heading-link {
    color: #0075BE;
    display: inline-block; }
  .design-language .heading-link:hover,
  .design-language .heading-link:focus {
    color: #005587;
    text-decoration: underline; }
  .design-language .heading-link-svg {
    position: relative;
    top: 4px; }
  .design-language .buttons-wrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    clear: both;
    margin-top: -20px; }
  .design-language .buttons-wrap.right {
    justify-content: flex-end; }
  .design-language .buttons-wrap.center {
    justify-content: center; }
  .design-language .buttons-wrap {
    align-self: flex-end; }
  .design-language button.icon-button,
  .design-language span.icon-button {
    width: 24px;
    height: 24px;
    min-height: 24px;
    min-width: 24px;
    background-color: transparent;
    border: none;
    display: inline-block;
    max-width: 24px;
    margin: 4px 8px;
    padding: 0;
    box-sizing: border-box;
    border-radius: 0;
    cursor: pointer; }
  .design-language .grid .checkbox-cards {
    display: flex;
    flex-flow: row; }
  .design-language .checkbox-cards input[type="checkbox"] {
    display: none; }
  .design-language .bmo-card-checkbox.check-fixed-cards {
    margin: 0px 0px 16px 0px;
    display: block;
    float: left; }
  .design-language .bmo-card-checkbox.check-fixed-cards label {
    display: flex;
    flex-flow: column;
    position: relative;
    width: 180px;
    height: 100%;
    min-height: 170px;
    margin: 0px 8px;
    padding: 8px;
    border: 3px solid #FEFEFE;
    border-radius: 4px;
    cursor: pointer;
    background: #FEFEFE;
    transition: all 0.3s ease-out;
    box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07); }
  .design-language .bmo-card-checkbox.check-fixed-cards label span {
    flex: 1 0 auto; }
  .design-language .bmo-card-checkbox.check-fixed-cards label span:last-child {
    margin: 0px; }
  .design-language .bmo-card-checkbox.check-fixed-cards label span.image {
    text-align: center; }
  .design-language .bmo-card-checkbox.check-fixed-cards label span.image img {
    pointer-events: none;
    /* - Fix for IE11 (tile not clickable on image) - */
    -moz-user-select: none;
    /* - Fix for Firefox (image auto selected when clicking on image - only when "pointer-events: none;
    " is set) - */ }
  .design-language .bmo-card-checkbox.check-fixed-cards label span.description {
    text-align: center;
    padding: 8px 0px 0px 0px;
    font-family: 'Heebo';
    font-size: 16px;
    color: #005587; }
  .design-language .bmo-card-checkbox.check-fixed-cards.error-field label {
    border: 3px solid #c81414; }
  .design-language .bmo-card-checkbox.check-fixed-cards input[type="checkbox"]:hover + label, .design-language .bmo-card-checkbox.check-fixed-cards input[type="checkbox"]:checked + label, .design-language .bmo-card-checkbox.check-fixed-cards input[type="checkbox"]:focus + label, .design-language .bmo-card-checkbox.check-fixed-cards input[type="checkbox"]:checked:focus + label {
    border: 3px solid #68bbe8; }
  .design-language .bmo-card-checkbox.check-fixed-cards input[type="checkbox"]:checked + label span.check {
    display: block; }
  .design-language .bmo-card-checkbox.check-fixed-cards input[type="checkbox"]:checked:focus + label {
    border: 3px solid #73c3eb;
    box-shadow: 0 0 1px 1px rgba(115, 195, 235, 0.5); }
  .design-language .bmo-switch-wrap {
    width: 32px;
    cursor: pointer;
    padding: 16px 0; }
  .design-language .bmo-switch-wrap:after {
    display: block;
    clear: both;
    content: ""; }
  .design-language .bmo-switch-wrap input {
    display: none; }
  .design-language .bmo-switch-rail {
    height: 16px;
    border-radius: 8px;
    background: #d9dce1;
    width: 100%;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease; }
  .design-language .bmo-switch {
    height: 24px;
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    padding: 0;
    border: none;
    background-color: #F5F6F7;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    position: absolute;
    border-radius: 12px;
    margin-top: -20px;
    margin-left: -4px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease; }
  .design-language .bmo-switch.active {
    background: #0075BE;
    margin-left: 16px; }
  .design-language .bmo-switch-rail.active {
    background: #7fbce0; }
  .design-language .row.bread-crumb {
    padding: 16px 0;
    border-bottom: 1px solid #D9DCE1; }
  .design-language .row.bread-crumb a.bread-crumb-link {
    padding: 8px 0;
    padding-right: 32px;
    padding-left: 16px;
    font-size: 16px; }
  .design-language .row.bread-crumb a.bread-crumb-link:last-of-type {
    background: none; }
  .design-language .row.bread-crumb a.bread-crumb-link:nth-of-type(10n + 1) {
    margin-left: 32px;
    padding-left: 0; }
  .design-language .row.bread-crumb a.bread-crumb-link:hover {
    color: #001928; }
  .design-language .bmo-card {
    border: 1px solid #D9DCE1;
    box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
    border-radius: 4px;
    min-height: 40px;
    margin: 8px 0;
    background: #FEFEFE;
    padding: 8px 16px;
    margin: 8px 0;
    position: relative;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    width: 100%; }
  .design-language .bmo-card.hover:hover {
    box-shadow: 0 0 8px 0 rgba(0, 25, 40, 0.12), 0 4px 24px 0 rgba(0, 25, 40, 0.07); }
  .design-language .bmo-card:after {
    display: block;
    content: "";
    clear: both; }
  .design-language .bmo-card .card-initial {
    box-sizing: border-box;
    min-height: 40px; }
  .design-language .bmo-card .card-initial:after {
    display: block;
    content: "";
    clear: both; }
  .design-language .bmo-card.no-pad {
    border: 1px solid #D9DCE1;
    box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
    border-radius: 4px;
    margin: 8px 0;
    background: #FEFEFE;
    margin: 8px 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    padding: 0; }
  .design-language .bmo-card.no-pad:after {
    display: block;
    content: "";
    clear: both; }
  .design-language .bmo-card .card-initial .accounts-nickname a {
    height: 32px;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    color: #001928;
    box-sizing: border-box;
    display: inline-block; }
  .design-language .bmo-card .card-initial .colour-code {
    margin: 4px 0;
    width: 56px;
    height: 4px;
    border-right: 4px solid rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    border-top: 0; }
  .design-language .bmo-card .card-initial .colour-code.investments {
    background: #6A88C3; }
  .design-language .bmo-card .card-initial .colour-code.credit-card {
    background: #00e7b4; }
  .design-language .bmo-card .card-initial .colour-code.chequing-savings {
    background: #009EC9; }
  .design-language .bmo-card .card-initial .colour-code.mortgage,
  .design-language .bmo-card .card-initial .colour-code.loan {
    background: #D061A1; }
  .design-language .bmo-card .card-initial .colour-code.line-of-credit {
    background: #FFC827; }
  .design-language .bmo-card .card-initial .product-name {
    height: 24px;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-left: 0;
    display: block;
    color: #929BA9; }
  .design-language .bmo-card .card-initial .account-balance {
    height: 32px;
    font-size: 20px;
    line-height: 32px;
    text-align: right;
    display: block;
    color: #0075BE; }
  .design-language .bmo-card .card-initial .account-percent-change {
    height: 32px;
    font-size: 16px;
    font-weight: 300;
    line-height: 32px;
    text-align: right;
    display: block;
    font-weight: 300; }
  .design-language .bmo-card.expandable .card-initial {
    cursor: pointer; }
  .design-language .bmo-card .card-initial .initial-card-options {
    clear: both;
    padding-top: 0px; }
  .design-language .bmo-card .card-initial .initial-card-options ul {
    list-style: none;
    margin-left: 0;
    margin-right: 0;
    height: 32px;
    overflow: visible; }
  .design-language .bmo-card .card-initial .initial-card-options ul li {
    display: inline-block;
    height: 32px;
    overflow: visible; }
  .design-language .bmo-card .card-initial .initial-card-options ul li a {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    padding-left: 32px;
    color: #929BA9;
    margin-right: 16px;
    /* height: 32px; */
    line-height: 32px;
    overflow: visible;
    padding: 8px 0 8px 32px; }
  .design-language .bmo-card.expandable .card-expandable {
    display: none;
    min-height: 40px;
    box-sizing: border-box;
    clear: both; }
  .design-language .bmo-card.expandable ul.card-options-list {
    list-style: none;
    max-width: 400px;
    margin: auto; }
  .design-language .bmo-card.expandable .card-options-list li {
    display: inline-block;
    width: 88px; }
  .design-language .bmo-card.expandable .card-options-list li a {
    width: 100%;
    height: 100%;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #005587;
    margin-right: 16px;
    display: block;
    line-height: 16px;
    padding-top: 60px; }
  .design-language .bmo-card.expandable .card-options-list li a:hover {
    color: #001928; }
  .design-language .bmo-card.expandable .card-options-list li a:last-of-type {
    margin-right: 0; }
  .design-language .bmo-card.expandable .card-expanded-option-menu {
    position: absolute;
    margin-left: -48px;
    margin-top: -32px;
    display: none;
    z-index: 8000; }
  .design-language .bmo-card.expandable .card-expanded-option-menu.active {
    display: block; }
  .design-language .bmo-card.expandable .card-expanded-option-menu-body {
    border: 1px solid #D9DCE1;
    box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
    border-radius: 4px;
    min-height: 40px;
    background: #FEFEFE;
    padding: 8px 16px;
    min-width: 186px;
    box-sizing: border-box; }
  .design-language .bmo-card.expandable .card-expanded-option-menu-body ul {
    margin: 0; }
  .design-language .bmo-card.expandable .card-expanded-option-menu-body li {
    display: block;
    width: 100%; }
  .design-language .bmo-card.expandable .card-expanded-option-menu-body li a {
    padding: 8px 0;
    text-align: center; }
  .design-language .bmo-card.expandable .card-expanded-option-menu-body li a:hover {
    color: #001928; }
  .design-language .scrollbar::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0); }
  .design-language .scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F6F7; }
  .design-language .scrollbar::-webkit-scrollbar-thumb {
    background-color: #D9DCE1; }
  @media only screen and (max-width: 5000px) {
    .design-language .show-xl-screen {
      display: block; }
    .design-language .hide-xl-screen {
      display: none; } }
  @media only screen and (max-width: 1504px) {
    .design-language .show-lg-screen {
      display: block; }
    .design-language .hide-lg-screen {
      display: none; } }
  @media only screen and (max-width: 1024px) {
    .design-language .show-med-screen {
      display: block; }
    .design-language .hide-med-screen {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .design-language .show-sm-screen {
      display: block; }
    .design-language .hide-sm-screen {
      display: none; } }
  @media only screen and (max-width: 480px) {
    .design-language .show-xsm-screen {
      display: block; }
    .design-language .hide-xsm-screen {
      display: none; }
    .design-language .bmo-card {
      margin: 8px 0; }
    .design-language .bmo-card .card-initial .accounts-nickname a {
      font-size: 16px;
      max-width: 160px;
      text-overflow: ellipsis;
      display: inline-block;
      overflow: hidden;
      white-space: nowrap;
      height: 24px;
      line-height: 24px;
      font-family: 'heebo-bold', arial; }
    .design-language .bmo-card .card-initial .accounts-nickname {
      height: 24px; }
    .design-language .bmo-card .card-initial .colour-code {
      margin: 2px 0 0px;
      width: 48px;
      height: 4px;
      border-top: 0;
      color: transparent; }
    .design-language .bmo-card .card-initial .product-name {
      font-size: 14px;
      text-overflow: ellipsis;
      display: inline-block;
      overflow: hidden;
      white-space: nowrap;
      max-width: 110px; }
    .design-language .bmo-card .card-initial .account-balance {
      height: 24px;
      font-size: 16px;
      line-height: 24px;
      text-align: right;
      display: block;
      color: #0075BE; }
    .design-language .bmo-card .card-initial .account-percent-change {
      font-size: 14px;
      margin-top: 6px; }
    .design-language .bmo-card .card-initial span.direction-arrow.positive {
      width: 16px;
      height: 20px;
      margin-bottom: -4px; }
    .design-language .bmo-card .card-initial span.direction-arrow.negative {
      width: 16px;
      height: 20px;
      margin-bottom: -4px; }
    .design-language .bmo-card.expandable .card-initial {
      cursor: pointer; }
    .design-language .bmo-card.expandable .card-options-list li {
      width: 76px; }
    .design-language .bmo-card.expandable .card-expanded-option-menu {
      margin-left: -46px;
      margin-top: -32px; }
    .design-language .bmo-card.expandable .card-expanded-option-menu-body {
      min-width: 164px; } }
  .design-language .white-focus-state:focus {
    outline: 2px solid white;
    text-decoration: underline; }

.grey-background {
  background: #f2f2f2; }

@media screen and (min-width: 46em) {
  .medium-up-grey-background {
    background-color: #f2f2f2; } }

.dark-blue-background {
  background: #00436c; }

.table--fixed-layout {
  table-layout: fixed; }

.light-blue-background {
  background: #bedceb; }

.white-background {
  background: #FEFEFE; }

.white-background-table tr:last-child td:first-child:after {
  background-color: #FEFEFE !important; }

.white-background-table td.mid-pop:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  box-shadow: 0 20px #FFFFFF, 0 -20px #FFFFFF, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1);
  -webkit-box-shadow: 0 20px #FFFFFF, 0 -20px #FFFFFF, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1); }

.white-background-table td.mid-pop:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -1px;
  left: 0;
  z-index: 2; }

th.middle-th:after {
  content: "";
  position: absolute;
  bottom: 100%;
  height: 24px;
  width: 100%;
  left: 0;
  background: #FFFFFF;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 20px #FFFFFF, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1);
  -webkit-box-shadow: 0 20px #FFFFFF, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1); }

.font-color-white {
  color: #FEFEFE; }

.grey-box {
  box-sizing: border-box;
  border: 2px solid #8890a0;
  border-radius: 4px; }

.fake-list-item {
  display: list-item;
  list-style-type: disc;
  list-style-position: inside; }

.overflow-x-scroll {
  overflow-x: scroll; }

.fake-cross-item:before {
  content: "\2020   "; }

ul ~ h2 ~ p ~ hr ~ div.specialist-block {
  display: none; }

.item-indent-3-x {
  padding-left: 3rem;
  text-indent: -3rem; }

.height-95 {
  height: 95%; }

.border-width--thick {
  border-width: 0.125em; }

.border-color--light-grey {
  border-color: #cacaca; }

.border-with-shadow {
  border-radius: 4px;
  background-color: #FEFEFE;
  box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07); }
  .border-with-shadow--nobottom {
    border-radius: 4px 4px 0 0;
    background-color: #FEFEFE;
    border: 1px solid #f2f2f2;
    border-bottom: none; }
  @media screen and (max-width: 45.99875em) {
    .border-with-shadow--no-shadow-small {
      box-shadow: none; } }
  .border-with-shadow--no-shadow {
    background-color: #FEFEFE;
    box-shadow: none; }
    @media print, screen and (min-width: 46em) {
      .border-with-shadow--no-shadow {
        border-radius: 4px; } }

.circle-border-icon {
  width: 80px;
  height: 80px;
  padding: 20px;
  border-radius: 50px; }

@media screen and (min-width: 46em) {
  .border-right-dashed {
    border-right: 2px dotted #adadad; }
  .border-left-dashed {
    border-left: 2px dotted #adadad; } }

.gicrates-table tr:nth-child(even) {
  background: #f5f6f7; }

@media screen and (max-width: 45.99875em) {
  .no-box-shadow-for-small-only {
    box-shadow: none; } }

@media print, screen and (min-width: 46em) {
  .no-box-shadow-for-medium-up {
    box-shadow: none; } }

.rcmp-accordion {
  margin: auto;
  justify-content: center; }

@media screen and (max-width: 63.93625em) {
  .border-container-transform {
    border-bottom: 1px solid #d9dce1;
    margin-left: 1em;
    margin-right: 1em; } }

@media print, screen and (min-width: 63.9375em) {
  .border-container-transform {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-right: 60px; } }

@media print, screen and (min-width: 46em) {
  .fixed-width-link-description {
    width: 287px; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .adjusted-row-max-width {
    max-width: 46.5rem !important; } }

@media screen and (max-width: 63.93625em) {
  .adjusted-max-width-at-breakpoint {
    max-width: 95% !important; } }

@media screen and (max-width: 63.93625em) {
  .adjusted-max-width-at-breakpoint-alt {
    max-width: 95% !important; } }

@media only screen and (max-width: 736px) {
  .adjusted-max-width-at-breakpoint-alt {
    max-width: 100% !important; } }

.row-max-width {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }

@media screen and (min-width: 76.5625em) {
  .xlarge-row {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    flex-flow: row wrap; } }

.bank-at-work-list svg {
  min-width: 96px; }

.caption-show-for-sr {
  opacity: 0;
  height: 1px;
  width: 1px;
  position: relative;
  left: -9999px;
  margin-bottom: -18px; }

.seo-show-for-sr:before {
  content: attr(sronly);
  display: inline;
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px; }

.plans-container__feature-flex {
  padding: 1em;
  align-items: stretch; }
  @media print, screen and (min-width: 46em) {
    .plans-container__feature-flex {
      display: flex; } }

.plans-container__feature-flex-item {
  flex: 1;
  padding: 1em 0; }
  @media print, screen and (min-width: 46em) {
    .plans-container__feature-flex-item {
      display: flex;
      padding: 1em 0.5em;
      flex-direction: column;
      justify-content: flex-start; } }

.plans-container__feature-list-content {
  display: flex;
  flex-direction: row; }

.plans-container__feature-icon {
  margin-top: 0.25em; }

.plans-container__feature-text {
  text-align: left;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px; }

.plans-container__feature-heading {
  font-weight: 500;
  margin-bottom: 0.1em;
  text-align: left;
  margin-left: 2.2em; }

.plans-container__feature-img {
  width: 75%;
  transform: translate(17%, 0%); }
  @media print, screen and (min-width: 63.9375em) {
    .plans-container__feature-img {
      height: 115px; } }

.plans-container__feature-height {
  height: 4em; }

.list__flex {
  display: flex;
  width: 100%; }

.list__flex-item {
  padding-right: 0.5em;
  padding-left: 0.5em;
  padding: 0.5em 0.25em;
  flex: 1;
  text-align: center; }

.list__flex-item-border {
  border-right: 1px solid #d9dce1;
  margin-top: 1em;
  margin-bottom: 1em; }

.list__flex-item-hidden-border {
  border-right: 1px hidden #d9dce1;
  margin-top: 1em;
  margin-bottom: 1em; }

.fixed-height-600 {
  height: 600px; }

.fixed-height-550 {
  height: 550px; }

.z-index-layer-minus-1 {
  z-index: -1; }

.spacing-top--28 {
  margin-top: 28rem; }

.max-width-100 {
  max-width: 100rem !important; }

.width-100-percent {
  width: 100%; }

a:hover.color-white {
  color: #1585cf; }

a:active.color-white {
  color: #1585cf; }

.key-legend {
  list-style: none;
  /* Helper class for colors. You can use these to override the default colors. */ }
  .key-legend__list-item {
    display: flex;
    align-items: center;
    font-size: 0.75rem; }
    .key-legend__list-item::before {
      content: " ";
      width: 0.5em;
      height: 0.5em;
      background-color: black;
      display: inline-block;
      border-radius: 50%;
      margin-right: 0.5em; }
    .key-legend__list-item:nth-child(4n + 1)::before {
      background-color: #8dc34b; }
    .key-legend__list-item:nth-child(4n + 2)::before {
      background-color: #0075BE; }
    .key-legend__list-item:nth-child(4n + 3)::before {
      background-color: #e17e13; }
    .key-legend__list-item:nth-child(4n + 4)::before {
      background-color: #925fc6; }
  .key-legend > .key-legend__list-item.key-legend-color--green::before {
    background-color: #8dc34b; }
  .key-legend > .key-legend__list-item.key-legend-color--blue::before {
    background-color: #0075BE; }
  .key-legend > .key-legend__list-item.key-legend-color--orange::before {
    background-color: #e17e13; }
  .key-legend > .key-legend__list-item.key-legend-color--purple::before {
    background-color: #925fc6; }

.block {
  display: block !important; }

.weight-light {
  font-weight: 300 !important; }

.tv-font-xxlarge {
  font-size: 1.75rem;
  line-height: 2rem;
  letter-spacing: -0.0125rem; }

.border-class {
  box-shadow: 0 2px 2px rgba(0, 25, 40, 0.2); }

.gicrates-table tr:nth-child(even) {
  background: #f5f6f7; }

.split-container {
  background: #f5f6f7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f5f6f7 0%, #f5f6f7 50%, #FEFEFE 50%, #FEFEFE 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f6f7), color-stop(50%, #f5f6f7), color-stop(50%, #FEFEFE), color-stop(100%, #FEFEFE));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f5f6f7 0%, #f5f6f7 50%, #FEFEFE 50%, #FEFEFE 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f5f6f7 0%, #f5f6f7 50%, #FEFEFE 50%, #FEFEFE 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f5f6f7 0%, #f5f6f7 50%, #FEFEFE 50%, #FEFEFE 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f5f6f7 0%, #f5f6f7 50%, #FEFEFE 50%, #FEFEFE 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f7', endColorstr='$color-white',GradientType=0 );
  /* IE6-9 */ }

.height-95 {
  height: 95%; }

.nav-section {
  margin-top: 32px;
  text-align: center;
  max-width: 100% !important; }
  @media print, screen and (min-width: 63.9375em) {
    .nav-section {
      max-width: auto; } }

/***************************************************************/
/*****************************TABS******************************/
/***************************************************************/
.tabset * {
  transition: all 0.3s ease; }

.tabset .tabParent {
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  min-height: 65px;
  margin: 0; }
  @media print, screen and (min-width: 63.9375em) {
    .tabset .tabParent {
      overflow: hidden;
      margin: 0px 0 5px 0; } }

.form-card {
  border-radius: 4px;
  box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.04), 0 2px 2px 0 rgba(0, 25, 40, 0.04), 0 4px 4px 0 rgba(0, 25, 40, 0.1); }
  .form-card--intro {
    box-shadow: rgba(0, 0, 0, 0.16) 0 2px 16px;
    border-radius: 0.5em; }
    @media screen and (max-width: 63.93625em) {
      .form-card--intro {
        border-radius: 0.5em;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px; } }
  @media screen and (max-width: 45.99875em) {
    .form-card--intro-small-only {
      box-shadow: rgba(0, 0, 0, 0.16) 0 2px 16px; } }

.background-gradient-curved {
  border-bottom-left-radius: 60%;
  border-bottom-right-radius: 60%;
  width: 1000px;
  position: absolute;
  margin-left: -33%;
  margin-right: -33%;
  height: 350px; }
  @media (max-width: 1025px) {
    .background-gradient-curved {
      width: 850px; } }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .background-gradient-curved {
      margin-left: -46%; } }
  @media screen and (max-width: 63.93625em) {
    .background-gradient-curved {
      width: 635px; } }
  @media print, screen and (min-width: 63.9375em) {
    .background-gradient-curved--right {
      border-top-right-radius: 60%;
      border-bottom-right-radius: 60%;
      width: 350px;
      height: 400px;
      position: absolute;
      top: -43%; } }
  @media (max-width: 1025px) {
    .background-gradient-curved--right {
      width: 290px; } }

@media screen and (min-width: 46em) {
  .background-gradient-curved.height-300-curve {
    height: 300px; } }

@media (min-width: 768px) and (max-width: 1025px) {
  .background-gradient-curved.fr-gradient {
    height: 455px; } }

.background-gradient-blue {
  background: -webkit-linear-gradient(right, #0175bd, #004370);
  background: linear-gradient(to right bottom, #0271b6, #004370); }
  @media screen and (max-width: 63.93625em) {
    .background-gradient-blue--small-only {
      background: -webkit-linear-gradient(right, #0175bd, #004370);
      background: linear-gradient(to right bottom, #0271b6, #004370); } }

.background-gradient-white {
  background: -webkit-linear-gradient(right, #FEFEFE, #e7e7e7);
  background: linear-gradient(to right bottom, #FEFEFE, #f1f1f1); }
  @media screen and (max-width: 63.93625em) {
    .background-gradient-white--small-white {
      background: #FEFEFE; } }

.overflow-hidden {
  overflow: hidden !important; }

.tabset .nav.nav-tabs,
tabset .nav.nav-tabs {
  white-space: nowrap; }
  @media print, screen and (min-width: 63.9375em) {
    .tabset .nav.nav-tabs,
    tabset .nav.nav-tabs {
      white-space: normal; } }

.tabset li.nav-item,
tabset li.nav-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-left: -2px;
  padding: 0;
  color: #d9dce1; }

.tabset li.nav-item button,
tabset li.nav-item button {
  display: block;
  padding: 8px 28px;
  text-decoration: none;
  border-radius: 4px;
  border: 2px solid transparent; }
  .tabset li.nav-item button :hover,
  tabset li.nav-item button :hover {
    color: #0075BE; }

.tabset li.nav-item button:focus,
tabset li.nav-item button:focus {
  border: 2px solid #73c3eb;
  box-shadow: 0 0 1px 1px rgba(115, 195, 235, 0.5);
  outline: 0; }

.tabset li.nav-item button:after,
tabset li.nav-item button:after {
  content: "";
  display: block;
  position: absolute;
  width: 102%;
  height: 4px;
  background-color: #cacaca;
  bottom: -8px;
  left: -1%;
  z-index: 1;
  border-radius: 4px; }

.tabset li.nav-item button span,
tabset li.nav-item button span {
  color: #6e6e6e;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.15px;
  line-height: 24px;
  text-align: center; }

.tabset li.nav-item.is-active button:after,
tabset li.nav-item.is-active button:after {
  content: "";
  display: block;
  position: absolute;
  width: 102%;
  height: 4px;
  background-color: #0075BE;
  bottom: -8px;
  left: -1%;
  z-index: 2;
  border-radius: 4px; }

.tabset li.nav-item.is-active > button span,
tabset li.nav-item.is-active > button span {
  color: #001928; }

.tabset .panel,
tabset .panel {
  clear: both;
  display: block;
  margin: 0;
  padding: 16px;
  min-height: 150px;
  margin-bottom: 32px;
  margin-top: -80px; }

.tabset li[aria-selected="true"],
tabset li[aria-selected="true"] {
  color: #001928;
  border-bottom: 4px solid #0079c1; }

.tabset div[aria-hidden="true"],
tabset li[aria-selected="true"] {
  display: none; }

.tabset div[aria-hidden="false"],
tabset li[aria-selected="true"] {
  display: block; }

.wtb-fixed-slider-height-width {
  width: 388px;
  height: 460px; }

.height-300 {
  height: 300px; }

.height-400 {
  height: 400px; }

.height-500 {
  height: 500px; }

.height-600 {
  height: 600px; }

.overflow-height {
  padding-top: 10%;
  padding-bottom: 5%; }

.img-overflow {
  position: relative;
  top: -50%; }

.loans.img-overflow {
  position: relative;
  top: -30%; }
  @media print, screen and (min-width: 63.9375em) {
    .loans.img-overflow {
      top: -50%; } }

.width-70 {
  width: 70em !important; }

.carousel-50-width {
  max-width: 50%;
  margin: auto; }

.reviews-container {
  width: 90%; }

.border-top-blue {
  border-top: 0.0625rem solid;
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: #0075be; }

/***************************************************************/
/**************************END TABS*****************************/
/***************************************************************/
/* design feedback US31245 */
.line-height-accordion {
  line-height: 24px; }

/***************************************************************/
/*****************************TABS******************************/
/***************************************************************/
.tabset * {
  transition: all 0.3s ease; }

.tabset .tabParent {
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  min-height: 65px;
  margin: 0; }
  @media print, screen and (min-width: 63.9375em) {
    .tabset .tabParent {
      overflow: hidden;
      margin: 0px 0 5px 0; } }

.tabset .nav.nav-tabs,
tabset .nav.nav-tabs {
  white-space: nowrap; }
  @media print, screen and (min-width: 63.9375em) {
    .tabset .nav.nav-tabs,
    tabset .nav.nav-tabs {
      white-space: normal; } }

.tabset li.nav-item,
tabset li.nav-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-left: -2px;
  padding: 0;
  color: #d9dce1; }

.tabset li.nav-item button,
tabset li.nav-item button {
  display: block;
  padding: 8px 28px;
  text-decoration: none;
  border-radius: 4px;
  border: 2px solid transparent; }
  .tabset li.nav-item button :hover,
  tabset li.nav-item button :hover {
    color: #0075BE; }

.tabset li.nav-item button:focus,
tabset li.nav-item button:focus {
  border: 2px solid #73c3eb;
  box-shadow: 0 0 1px 1px rgba(115, 195, 235, 0.5);
  outline: 0; }

.tabset li.nav-item button:after,
tabset li.nav-item button:after {
  content: "";
  display: block;
  position: absolute;
  width: 102%;
  height: 4px;
  background-color: #cacaca;
  bottom: -8px;
  left: -1%;
  z-index: 1;
  border-radius: 4px; }

.tabset li.nav-item button span,
tabset li.nav-item button span {
  color: #6e6e6e;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.15px;
  line-height: 24px;
  text-align: center; }

.tabset li.nav-item.is-active button:after,
tabset li.nav-item.is-active button:after {
  content: "";
  display: block;
  position: absolute;
  width: 102%;
  height: 4px;
  background-color: #0075BE;
  bottom: -8px;
  left: -1%;
  z-index: 2;
  border-radius: 4px; }

.tabset li.nav-item.is-active > button span,
tabset li.nav-item.is-active > button span {
  color: #001928; }

.tabset .panel,
tabset .panel {
  clear: both;
  display: block;
  margin: 0;
  padding: 16px;
  min-height: 150px;
  margin-bottom: 32px;
  margin-top: -80px; }

.tabset li[aria-selected="true"],
tabset li[aria-selected="true"] {
  color: #001928;
  border-bottom: 4px solid #0079c1; }

.tabset div[aria-hidden="true"],
tabset li[aria-selected="true"] {
  display: none; }

.tabset div[aria-hidden="false"],
tabset li[aria-selected="true"] {
  display: block; }

.wtb-fixed-slider-height-width {
  width: 388px;
  height: 460px; }

/***************************************************************/
/**************************END TABS*****************************/
/***************************************************************/
/* ie fixes design EDB */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tabs-title.menu-strip__item {
    white-space: normal !important; }
  .no-style-bullet .flex.text-left.design-language {
    height: 80px !important; }
  li.no-style-bullet {
    max-height: 1000px !important; }
  .ie-margin-top {
    margin-top: 35px !important; }
  .ie-margin-top-large {
    margin-top: 50px !important; }
  .ie-margin-top-small {
    margin-top: 20px !important; } }

_::-webkit-full-page-media,
_:future,
:root input[type="text"].material-input,
_::-webkit-full-page-media,
_:future,
:root input[type="email"].material-input,
_::-webkit-full-page-media,
_:future,
:root input[type="num"].material-input,
_::-webkit-full-page-media,
_:future,
:root input[type="tel"].material-input {
  /* safari only fix for moneris form input */
  height: 50px !important;
  padding-top: 0px !important; }

@media screen and (max-width: 63.93625em) {
  .medium-down-fixed-width-100 {
    width: 100px; } }

.blue-border-background {
  display: inline-block;
  border-radius: 8px;
  background-color: #0075BE;
  padding: 8px 16px; }

.ultra-light-blue-background {
  background: #e6f9fe; }

.blue-border-with-shadow {
  border-radius: 0 0 4px 4px;
  background: #e6f9fe;
  box-shadow: 0 2px 8px 0 rgba(0, 25, 40, 0.04), 0 4px 24px 0 rgba(0, 25, 40, 0.1);
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 25, 40, 0.04), 0 4px 24px 0 rgba(0, 25, 40, 0.1); }
  .blue-border-with-shadow--top {
    border-top: 4px solid #0075BE;
    border-radius: 2px; }
  @media screen and (max-width: 45.99875em) {
    .blue-border-with-shadow--top-small-only {
      border-top: 4px solid #0075BE;
      border-radius: 2px; } }
  .blue-border-with-shadow--top-pacific-blue {
    border-top: 4px solid #009ec9; }

.orange-outline:focus {
  outline: orange 3px solid !important;
  outline-offset: 0.26em; }

.absolute-tag {
  position: absolute;
  width: 176px;
  text-align: center;
  left: 410px;
  margin-top: -10px;
  z-index: 1; }
  @media (max-width: 1025px) {
    .absolute-tag {
      left: 317px; } }
  .absolute-tag-fr {
    position: absolute;
    width: 176px;
    text-align: center;
    left: 410px;
    margin-top: -37px;
    z-index: 1; }
    @media (max-width: 1025px) {
      .absolute-tag-fr {
        display: none; } }

.primary.custom-button-padding-fit-french {
  padding: 1em;
  margin-left: 10px; }

@media screen and (max-width: 45.99875em) {
  .text-right.small-text-center {
    text-align: center; } }

.border-top--spring-green {
  border-top: 4px solid #00e7b4; }

.border-top--lilac {
  border-top: 4px solid #6a88c3; }

@media print, screen and (min-width: 46em) {
  .offer-jump-out {
    position: relative;
    background-color: #e6f9fe;
    border-radius: 2px; }
    .offer-jump-out .top {
      content: "";
      border-top: 4px solid #0075BE;
      position: absolute;
      bottom: 100%;
      height: 8px;
      width: 100%;
      left: 0;
      background: #e6f9fe;
      box-shadow: 0 8px #e6f9fe, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1);
      -webkit-box-shadow: 0 8px #e6f9fe, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1); }
    .offer-jump-out .bottom {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 0;
      width: 100%;
      height: 8px;
      border-radius: 0 0 4px 4px;
      background: #e6f9fe;
      box-shadow: 0 0 6px 0 #e6f9fe, 0 0 -8px 0 rgba(0, 25, 40, 0.04), 0 20px 18px 0 rgba(0, 25, 40, 0.1);
      -webkit-box-shadow: 0 0px 6px 0 #e6f9fe, 0 0 -8px 0 rgba(0, 25, 40, 0.04), 0 20px 18px 0 rgba(0, 25, 40, 0.1); } }

@media screen and (max-width: 45.99875em) {
  .offer-jump-out {
    max-width: 95%;
    margin: 0 2.5% -5%; } }

.intro-offer-box {
  position: relative;
  padding-bottom: 16px;
  margin-top: -210px; }
  @media only screen and (min-width: 376px) {
    .intro-offer-box {
      margin-top: -216px; } }
  @media only screen and (min-width: 415px) {
    .intro-offer-box {
      margin-top: -190px; } }
  @media only screen and (min-width: 736px) {
    .intro-offer-box {
      margin-top: -235px;
      background-image: linear-gradient(transparent 34%, #f2f2f2 25%); } }
  @media only screen and (min-width: 1025px) {
    .intro-offer-box {
      margin-top: -190px;
      background-image: linear-gradient(transparent 34%, #f2f2f2 25%); } }
  @media only screen and (min-width: 1441px) {
    .intro-offer-box {
      margin-top: -188px;
      background-image: linear-gradient(transparent 34%, #f2f2f2 25%); } }
  @media screen and (max-width: 45.99875em) {
    .intro-offer-box .offer-container .child-1 {
      order: 2; } }
  @media screen and (max-width: 45.99875em) {
    .intro-offer-box .offer-container .child-2 {
      order: 1; } }

@media print, screen and (min-width: 46em) {
  .intro-offer-box.more-padding-bottom {
    padding-bottom: 92px; } }

@media screen and (max-width: 45.99875em) {
  .intro-offer-box.more-padding-bottom {
    margin-top: -63px;
    padding-bottom: 0px; } }

.intro-section-box {
  max-width: 120rem;
  margin: 0 auto; }
  .intro-section-box .no-blue-box {
    padding-bottom: 32px; }
    @media print, screen and (min-width: 46em) {
      .intro-section-box .no-blue-box {
        padding-bottom: 56px; } }
    @media print, screen and (min-width: 63.9375em) {
      .intro-section-box .no-blue-box {
        padding-bottom: 72px; } }
  .intro-section-box .blue-box {
    margin-top: 24px; }
    @media print, screen and (min-width: 46em) {
      .intro-section-box .blue-box {
        margin-top: 32px;
        padding-left: 32px;
        padding-right: 32px; } }
  .intro-section-box .blue-box-bank-at-work {
    margin-top: 24px; }
    @media print, screen and (min-width: 46em) {
      .intro-section-box .blue-box-bank-at-work {
        margin-top: 32px;
        padding-left: 16px;
        padding-right: 32px; } }

.why-bmo-icon-list svg {
  min-width: 96px; }

.image-outside-grid {
  height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  box-shadow: 0 2px 8px 0 rgba(0, 25, 40, 0.04), 0 4px 24px 0 rgba(0, 25, 40, 0.1);
  /***
    /* This class is added to background image component.
    /* right-col-4 will place the image to the right of
    /* a column container with 8 columns (i.e. small-8, medium-8, large-8, etc.)
    /* Normally, 4 columns would have a max-width of 33.3% so in order to mimic
    /* that and have the image touch the side of the browser, a width of 34% or 36% worked best
    ***/
  /***
    /* This class is added to background image component.
    /* right-col-6 will place the image to the right of
    /* a column container with 6 columns (i.e. small-6, medium-6, large-6, etc.)
    /* Normally, 6 columns would have a max-width of 50% so in order to mimic
    /* that and have the image touch the side of the browser, a width of 50% worked best
    ***/
  /***
    /* This class is added to background image component.
    /* right-breakpoint-split will place the image to the right of
    /* a column container with 6 columns in desktop and 8 columsn in tablet (i.e. medium-6, large-6)
    ***/
  /***
    /* This class is added to background image component.
    /* left-col-4 will place the image to the left of
    /* a column container with 8 columns (i.e. small-8, medium-8, large-8, etc.)
    /* Normally, 4 columns would have a max-width of 33.3% so in order to mimic
    /* that and have the image touch the side of the browser, a width of 34% or 36% worked best
    ***/
  /***
    /* This class is added to background image component.
    /* left-col-6 will place the image to the right of
    /* a column container with 6 columns (i.e. small-6, medium-6, large-6, etc.)
    /* Normally, 6 columns would have a max-width of 50% so in order to mimic
    /* that and have the image touch the side of the browser, a width of 50% worked best
    ***/
  /***
    /* This class is added to background image component.
    /* left-breakpoint-split will place the image to the right of
    /* a column container with 6 columns in desktop and 8 columsn in tablet (i.e. medium-6, large-6)
    ***/ }
  @media print, screen and (min-width: 46em) {
    .image-outside-grid {
      position: absolute;
      top: 0; } }
  @media print, screen and (min-width: 46em) {
    .image-outside-grid--right-col-4 {
      width: 34%;
      left: 66%; } }
  @media screen and (min-width: 90em) {
    .image-outside-grid--right-col-4 {
      width: 36%;
      left: 64%; } }
  @media print, screen and (min-width: 46em) {
    .image-outside-grid--right-col-6 {
      width: 50%;
      left: 50%; } }
  @media print, screen and (min-width: 46em) {
    .image-outside-grid--right-breakpoint-split {
      width: 34%;
      left: 66%; } }
  @media print, screen and (min-width: 63.9375em) {
    .image-outside-grid--right-breakpoint-split {
      width: 50%;
      left: 50%; } }
  @media print, screen and (min-width: 46em) {
    .image-outside-grid--left-col-4 {
      width: 34%;
      left: 0; } }
  @media screen and (min-width: 76.5625em) {
    .image-outside-grid--left-col-4 {
      width: 36%;
      left: 0; } }
  @media print, screen and (min-width: 46em) {
    .image-outside-grid--left-col-6 {
      width: 50%;
      left: 0%; } }
  @media print, screen and (min-width: 46em) {
    .image-outside-grid--left-breakpoint-split {
      width: 34%;
      left: 0; } }
  @media print, screen and (min-width: 63.9375em) {
    .image-outside-grid--left-breakpoint-split {
      width: 50%;
      left: 0%; } }

.picture-overflow {
  position: absolute; }
  @media screen and (max-width: 89.99875em) {
    .picture-overflow--right {
      right: 0; } }
  @media screen and (max-width: 89.99875em) {
    .picture-overflow--left {
      left: 0;
      width: 100%; } }
  .picture-overflow--top-25-left-40 {
    top: 25%;
    left: 40%; }
  .picture-overflow--cc-fullwidth {
    top: 25%;
    width: 150px;
    left: 10%; }
    @media print, screen and (min-width: 63.9375em) {
      .picture-overflow--cc-fullwidth {
        width: 200px;
        left: -10%; } }

.cta-triage-container {
  /* Keep the default order for mobile view */ }
  @media screen and (max-width: 45.99875em) {
    .cta-triage-container {
      border-radius: 4px;
      background-color: #FEFEFE;
      box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07); } }
  @media screen and (min-width: 46em) {
    .cta-triage-container .child-1 > div {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
      background-color: #FEFEFE;
      box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07); } }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .cta-triage-container .child-1 {
      order: 2; } }
  @media screen and (max-width: 45.99875em) {
    .cta-triage-container .child-1 {
      order: 2;
      border-top: 2px solid #f2f2f2; } }
  @media screen and (max-width: 63.93625em) {
    .cta-triage-container .child-2 {
      order: 2; } }
  @media screen and (min-width: 46em) {
    .cta-triage-container .child-3 > div {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      background-color: #FEFEFE;
      box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07); } }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .cta-triage-container .child-3 {
      order: 1; } }
  @media screen and (max-width: 45.99875em) {
    .cta-triage-container .child-3 {
      order: 1;
      border-top: 2px solid #f2f2f2; } }
  @media only screen and (max-width: 600px) {
    .cta-triage-container .child-1.default-order {
      order: 1; } }
  @media only screen and (max-width: 600px) {
    .cta-triage-container .child-2.default-order {
      order: 2;
      border-top: 2px solid #f2f2f2; } }
  @media only screen and (max-width: 7600px) {
    .cta-triage-container .child-3.default-order {
      order: 3; } }
  .cta-triage-container .child {
    box-shadow: 4px rgba(0, 25, 40, 0.12); }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .cta-triage-container.mortgages .child-1 {
    order: 1; } }

@media screen and (max-width: 45.99875em) {
  .cta-triage-container.mortgages .child-1 {
    order: 1;
    border-bottom: 2px solid #f2f2f2; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .cta-triage-container.mortgages .child-2 {
    order: 2; } }

@media screen and (max-width: 45.99875em) {
  .cta-triage-container.mortgages .child-2 {
    order: 2; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .cta-triage-container.mortgages .child-3 {
    order: 3; } }

@media screen and (max-width: 45.99875em) {
  .cta-triage-container.mortgages .child-3 {
    order: 3; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .cta-triage-container.loans .child-1 {
    order: 2; } }

@media screen and (max-width: 45.99875em) {
  .cta-triage-container.loans .child-1 {
    order: 1;
    border-bottom: 2px solid #f2f2f2; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .cta-triage-container.loans .child-2 {
    order: 1; } }

@media screen and (max-width: 45.99875em) {
  .cta-triage-container.loans .child-2 {
    order: 2; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .cta-triage-container.loans .child-3 {
    order: 3; } }

@media screen and (max-width: 45.99875em) {
  .cta-triage-container.loans .child-3 {
    order: 3; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .cta-jump-out {
    margin-bottom: 38px;
    max-width: 345px; } }

@media print, screen and (min-width: 46em) {
  .cta-jump-out {
    position: relative;
    background-color: #FEFEFE;
    box-shadow: 0 2px 8px 0 rgba(0, 25, 40, 0.04), 0 4px 24px 0 rgba(0, 25, 40, 0.1); }
    .cta-jump-out .top {
      content: "";
      position: absolute;
      bottom: 100%;
      height: 24px;
      width: 100%;
      left: 0;
      background: #fff;
      border-radius: 4px 4px 0 0;
      box-shadow: 0 20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1);
      -webkit-box-shadow: 0 20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1); } }
    @media screen and (min-width: 46em) and (min-width: 46em) and (max-width: 63.93625em) {
      .cta-jump-out .top {
        display: none; } }

@media print, screen and (min-width: 46em) {
    .cta-jump-out .bottom {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      height: 24px;
      border-radius: 0 0 4px 4px;
      background: #fff;
      box-shadow: 0 -20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1);
      -webkit-box-shadow: 0 -20px #fff, 0 0 8px 0 rgba(0, 25, 40, 0.04), 0 0 20px 0 rgba(0, 25, 40, 0.1); } }
    @media screen and (min-width: 46em) and (min-width: 46em) and (max-width: 63.93625em) {
      .cta-jump-out .bottom {
        display: none; } }

.cta-jump-out--small-too {
  position: relative;
  background-color: #FEFEFE;
  box-shadow: 0 2px 8px 0 rgba(0, 25, 40, 0.04), 0 4px 24px 0 rgba(0, 25, 40, 0.1); }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .carousel-image-jump-out {
    position: absolute;
    bottom: 0;
    right: 0; } }

@media screen and (max-width: 45.99875em) {
  .carousel-image-jump-out {
    position: absolute;
    bottom: 100.8%;
    text-align: center;
    width: 100%; }
    .carousel-image-jump-out > picture > img {
      border-radius: 0.5em 0.5em 0 0; } }

@media screen and (max-width: 45.99875em) {
  .small-only-order-1 {
    order: 1; } }

@media screen and (max-width: 45.99875em) {
  .small-only-order-2 {
    order: 2; } }

@media screen and (max-width: 45.99875em) {
  .carousel-small-padding {
    padding-top: 200px; } }

@media screen and (max-width: 45.99875em) {
  .carousel-small-padding-130 {
    padding-top: 130px; } }

@media screen and (max-width: 45.99875em) {
  .carousel-small-padding-160 {
    padding-top: 160px; } }

.left-half-image {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px; }

.right-half-image {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px; }

.right-half-image-down {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px; }

.top-left-image-border-radius {
  border-top-left-radius: 16px; }

.bottom-left-image-border-radius {
  border-bottom-left-radius: 16px; }

.top-left-image-border-radius {
  border-top-left-radius: 16px; }

.bottom-right-image-border-radius-image {
  border-top-left-radius: 16px; }

.bottom-right-image-border-radius-large {
  border-bottom-right-radius: 100px; }

@media screen and (min-width: 76.5625em) {
  .xlarge-complete-border-radius-image {
    border-radius: 16px; } }

@media screen and (min-width: 76.5625em) {
  .xlarge-bottom-border-radius-image {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px; } }

@media screen and (min-width: 1921px) {
  .super-large-bottom-border-radius-image {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px; } }

.full-width-row {
  max-width: initial !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-full-width-row {
    max-width: inherit !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto; } }

.app-reviews {
  background-image: linear-gradient(transparent 15%, #f2f2f2 15%); }
  .app-reviews--spacing-top {
    margin-top: 100px; }

.app-reviews-small-only {
  background: #f2f2f2; }
  @media screen and (max-width: 45.99875em) {
    .app-reviews-small-only {
      background: none;
      background-image: linear-gradient(transparent 15%, #f2f2f2 15%); } }

.white-border-bottom {
  border-bottom: solid 2px #FEFEFE !important; }

.blue-border-bottom-4px {
  border-bottom: 4px solid #0075BE; }

.grey-border-bottom-4px {
  border-bottom: 4px solid #d9dce1; }

.grey-border-top-4px {
  border-top: 4px solid #d9dce1; }

.grey-border-bottom-2px {
  border-bottom: 2px solid #d9dce1; }

.grey-border-bottom-1px {
  border-bottom: 1px solid #f5f6f7; }

.background-white-on-hover:hover,
.button--design__secondary.background-white {
  background: #FEFEFE !important; }

.color-white-on-hover:hover,
.color-white-on-hover:focus {
  color: #FEFEFE !important; }

.height-300 {
  height: 370px;
  display: flex;
  flex-direction: column;
  padding-left: 2em;
  padding-top: 2em;
  padding-bottom: 2em; }
  @media print, screen and (min-width: 63.9375em) {
    .height-300 {
      padding: 2em;
      flex-direction: row; } }
  @media screen and (max-width: 45.99875em) {
    .height-300 {
      padding: 2em;
      height: auto; } }

.height-400-carousel {
  height: 400px;
  display: flex;
  flex-direction: column;
  padding-left: 2em;
  padding-top: 2em;
  padding-bottom: 2em; }
  @media print, screen and (min-width: 63.9375em) {
    .height-400-carousel {
      padding: 2em;
      flex-direction: row; } }
  @media screen and (max-width: 45.99875em) {
    .height-400-carousel {
      padding: 2em;
      height: auto; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .medium-only-height-auto {
    height: auto; } }

.overflow-height {
  padding-top: 15%; }
  @media print, screen and (min-width: 63.9375em) {
    .overflow-height {
      padding-top: 12%; } }

.height-600 {
  height: 600px; }

@media print, screen and (min-width: 63.9375em) {
  .img-overflow {
    position: relative;
    bottom: 50.75%; } }

@media print, screen and (min-width: 46em) {
  .img-overflow-small {
    position: relative;
    top: -17%; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .img-overflow-small {
    top: -50px; } }

.width-70 {
  width: 70em !important; }

.carousel-50-width {
  max-width: 1100px;
  margin: auto; }
  @media screen and (max-width: 1160px) and (min-width: 1023px) {
    .carousel-50-width {
      max-width: 950px; } }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .carousel-50-width {
      max-width: 91%; } }
  @media screen and (max-width: 45.99875em) {
    .carousel-50-width {
      max-width: 2000px; } }

.padding-top-10 {
  text-align: center;
  display: flex;
  flex-direction: row;
  padding-bottom: 0.5em; }
  @media print, screen and (min-width: 63.9375em) {
    .padding-top-10 {
      flex-direction: column;
      padding-top: 17%;
      width: 200px;
      min-width: 200px;
      justify-content: space-between; } }
  @media print, screen and (min-width: 46em) {
    .padding-top-10 {
      min-width: 150px; } }

@media print, screen and (min-width: 63.9375em) {
  .reviews-container {
    width: 53%;
    margin-right: 3em; } }

@media screen and (max-width: 1160px) and (min-width: 63.875em) {
  .reviews-container {
    width: 49%;
    margin-right: 1em; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .reviews-container {
    width: 50%; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .slider-content-with-phone-screenshot .reviews-container {
    width: 70%; }
  .slider-content-with-phone-screenshot .img-overflow {
    top: -23%; } }

@media print, screen and (min-width: 46em) {
  .reviews-container-large {
    width: 50%; } }

@media print, screen and (min-width: 63.9375em) {
  .reviews-container-large {
    width: 55%;
    margin-left: 1em; } }

.border-top-blue {
  border-top: 0.0625rem solid;
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: #0075be; }

.center-div {
  display: table; }
  .center-div--link {
    display: table-cell;
    vertical-align: middle; }

.mobile-breadcrumb {
  display: inline-flex;
  float: left; }

@media screen and (max-width: 45.99875em) {
  .min-width-1000 {
    min-width: 350px;
    max-width: 400px; } }

@media only screen and (min-width: 500px) {
  .min-width-1000 {
    max-width: 680px;
    min-width: 680px; } }

@media only screen and (min-width: 769px) {
  .min-width-1000 {
    max-width: 1024px;
    min-width: 1024px; } }

@media only screen and (min-width: 1025px) {
  .min-width-1000 {
    max-width: 1200px;
    min-width: 1200px; } }

@media screen and (min-width: 46em) {
  .min-height-615 {
    min-height: 615px; } }

@media screen and (min-width: 46em) {
  .min-height-540 {
    min-height: 540px; } }

@media screen and (min-width: 46em) {
  .min-height-500 {
    min-height: 500px; } }

@media screen and (min-width: 46em) {
  .min-height-450 {
    min-height: 450px; } }

.max-height-950 {
  max-height: 950px; }

.max-height-600 {
  max-height: 600px; }

.max-height-950 {
  max-height: 950px; }

.max-width-350 {
  max-width: 350px; }

.max-width-500 {
  max-width: 500px; }

@media print, screen and (min-width: 63.9375em) {
  .large-max-height-675 {
    max-height: 675px; } }

@media screen and (min-width: 63.9375em) {
  .margin-left-400 {
    margin-left: 400px; } }

.important-spacing-left-small {
  margin-left: 8px !important; }

@media print, screen and (min-width: 46em) {
  .medium-negative-margin-bottom {
    margin-bottom: -16px; } }

@media print, screen and (min-width: 46em) {
  .medium-negative-margin-top {
    margin-top: -16px; } }

@media screen and (max-width: 45.99875em) {
  .small-negative-margin-right-small {
    margin-right: -8px; } }

@media screen and (max-width: 45.99875em) {
  .small-negative-margin-top-40 {
    margin-top: -40px; } }

.negative-margin-bottom {
  margin-bottom: -16px; }

.negative-margin-bottom--large {
  margin-bottom: -2em; }

.negative-margin-top {
  margin-top: -16px; }

.no-margin.small-flex-center.align-center {
  margin: 0; }

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

@media screen and (max-width: 45.99875em) {
  .design-language .small-only-list-indent--1 {
    padding-left: 1rem; } }

@media print, screen and (min-width: 63.9375em) {
  .design-language .large-list-indent--2 {
    padding-left: 2rem; } }

.design-language .weight-bold {
  font-weight: bold; }

.design-language .margin-top-1 {
  margin-top: 1em; }

.design-language .margin-top-half {
  margin-top: 0.5em; }

.design-language .margin-top-2 {
  margin-top: 2em; }

.design-language .margin-top-3 {
  margin-top: 3em; }

.design-language .margin-top-4 {
  margin-top: 64px; }

.design-language.margin-top-4 {
  margin-top: 4rem; }

.design-language .margin-bottom-1 {
  margin-bottom: 1em; }

.design-language .margin-bottom-2 {
  margin-bottom: 2em; }

.design-language .font-xxxxlarge-responsive {
  font-size: 36px;
  line-height: 40px;
  letter-spacing: -0.35;
  font-weight: 300; }
  @media screen and (max-width: 45.99875em) {
    .design-language .font-xxxxlarge-responsive {
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.2px; } }

.design-language .font-xxxlarge-responsive {
  font-size: 28px;
  line-height: 32px;
  letter-spacing: -0.2px;
  font-weight: 400; }
  @media screen and (max-width: 45.99875em) {
    .design-language .font-xxxlarge-responsive {
      font-size: 22px;
      line-height: 32px;
      letter-spacing: 0; } }

.design-language .font-xxxlarge-responsive-alt {
  font-size: 28px;
  line-height: 32px;
  letter-spacing: -0.2px;
  font-weight: 700; }
  @media screen and (max-width: 45.99875em) {
    .design-language .font-xxxlarge-responsive-alt {
      font-size: 18px;
      line-height: 24px;
      letter-spacing: 0.15px; } }

.design-language .font-xlarge-responsive {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0; }
  @media screen and (max-width: 45.99875em) {
    .design-language .font-xlarge-responsive {
      font-size: 18px;
      line-height: 24px;
      letter-spacing: 0.15px; } }

.design-language .font-large-responsive {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.15px;
  font-weight: 300; }
  @media screen and (max-width: 45.99875em) {
    .design-language .font-large-responsive {
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0.15px; } }

@media screen and (min-width: 46em) {
  .design-language .medium-font-size-xlarge {
    font-size: 22px; } }

.design-language button.anchor {
  color: #0075be;
  background: none;
  border: none;
  border-radius: 0;
  text-transform: none;
  display: inline;
  padding: 0;
  margin: 0;
  line-height: 24px;
  font-size: 18px;
  height: auto;
  width: auto;
  min-width: 0;
  min-height: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease; }
  .design-language button.anchor:hover {
    text-decoration: underline;
    color: #005587; }
  .design-language button.anchor--blue-box-font {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -0.2px; }

.design-language--button__primary {
  background-color: #0075be; }

.second-nav-desktop ul {
  width: 600px;
  padding-top: 1em; }
  .second-nav-desktop ul--five {
    width: 750px; }

.second-nav-desktop hr {
  height: 0.25rem;
  width: 25%;
  margin: 0;
  background-color: #0075be;
  border-radius: 4px;
  transition: 0.3s ease-in-out;
  border: 0px;
  display: inline-flex;
  margin-top: 1em;
  vertical-align: bottom; }

.second-nav-desktop ul li {
  display: inline;
  text-align: center; }

.second-nav-desktop a {
  white-space: nowrap;
  width: 25%;
  margin: 0;
  color: #000000;
  text-decoration: none; }
  .second-nav-desktop a:hover {
    text-decoration: none; }

.second-nav-desktop ul li:nth-child(1):hover ~ hr {
  margin-left: 0 !important; }

.second-nav-desktop ul li:nth-child(2):hover ~ hr {
  margin-left: 25% !important; }

.second-nav-desktop ul li:nth-child(3):hover ~ hr {
  margin-left: 50% !important; }

.second-nav-desktop ul li:nth-child(4):hover ~ hr {
  margin-left: 75% !important; }

.second-nav-desktop ul li:nth-child(1).active ~ hr {
  margin-left: 0; }

.second-nav-desktop ul li:nth-child(2).active ~ hr {
  margin-left: 25%; }

.second-nav-desktop ul li:nth-child(3).active ~ hr {
  margin-left: 50%; }

.second-nav-desktop ul li:nth-child(4).active ~ hr {
  margin-left: 75%; }

.second-nav-desktop.five-items ul {
  width: 750px; }

.second-nav-desktop.five-items a,
.second-nav-desktop.five-items hr {
  width: 20%; }

.second-nav-desktop.five-items ul li:nth-child(1):hover ~ hr {
  margin-left: 0 !important; }

.second-nav-desktop.five-items ul li:nth-child(2):hover ~ hr {
  margin-left: 20% !important; }

.second-nav-desktop.five-items ul li:nth-child(3):hover ~ hr {
  margin-left: 40% !important; }

.second-nav-desktop.five-items ul li:nth-child(4):hover ~ hr {
  margin-left: 60% !important; }

.second-nav-desktop.five-items ul li:nth-child(5):hover ~ hr {
  margin-left: 80% !important; }

.second-nav-desktop.five-items ul li:nth-child(1).active ~ hr {
  margin-left: 0; }

.second-nav-desktop.five-items ul li:nth-child(2).active ~ hr {
  margin-left: 20%; }

.second-nav-desktop.five-items ul li:nth-child(3).active ~ hr {
  margin-left: 40%; }

.second-nav-desktop.five-items ul li:nth-child(4).active ~ hr {
  margin-left: 60%; }

.second-nav-desktop.five-items ul li:nth-child(5).active ~ hr {
  margin-left: 80%; }

.second-nav-desktop.three-items ul {
  width: 564px; }

.second-nav-desktop.three-items a,
.second-nav-desktop.three-items hr {
  width: 33%; }

.second-nav-desktop.three-items ul li:nth-child(1):hover ~ hr {
  margin-left: 0 !important; }

.second-nav-desktop.three-items ul li:nth-child(2):hover ~ hr {
  margin-left: 33% !important; }

.second-nav-desktop.three-items ul li:nth-child(3):hover ~ hr {
  margin-left: 66% !important; }

.second-nav-desktop.three-items ul li:nth-child(1).active ~ hr {
  margin-left: 0; }

.second-nav-desktop.three-items ul li:nth-child(2).active ~ hr {
  margin-left: 33%; }

.second-nav-desktop.three-items ul li:nth-child(3).active ~ hr {
  margin-left: 66%; }

.second-nav {
  max-width: 100% !important; }
  .second-nav ::-webkit-scrollbar {
    display: none; }
  @media screen and (max-width: 45.99875em) {
    .second-nav {
      background: linear-gradient(to right, #e5e5e5 0%, white 15%, white 85%, #e5e5e5 100%); } }
  .second-nav .second-tabset * {
    transition: all 0.3s ease; }
  .second-nav .second-tabParent {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    min-height: 65px;
    margin: 0; }
    .second-nav .second-tabParent .mobile-spacer {
      display: inline-block;
      width: 10px; }
  .second-nav .second-nav-tabs {
    white-space: nowrap; }
  .second-nav .second-nav-item {
    display: inline-block;
    padding: 1.2em 1em 1em 1em;
    position: relative;
    cursor: pointer;
    margin-left: -2px;
    color: #d9dce1; }
  .second-nav .second-nav-item a {
    display: block;
    white-space: nowrap;
    margin: 0;
    color: #000000;
    text-decoration: none; }
    .second-nav .second-nav-item a:hover {
      text-decoration: none;
      color: #005587; }
    .second-nav .second-nav-item a:focus {
      border: 2px solid #005587;
      box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.35); }
  .second-nav .second-nav-item a:after {
    content: "";
    display: block;
    position: absolute;
    width: 102%;
    height: 4px;
    bottom: -8px;
    left: -1%;
    z-index: 1;
    border-radius: 4px; }
  .second-nav .second-nav-item.active a:after {
    content: "";
    display: block;
    position: absolute;
    width: 102%;
    height: 4px;
    background-color: #0075BE;
    bottom: -8px;
    left: -1%;
    z-index: 2;
    border-radius: 4px; }

.pers-small-font {
  font-size: 14px; }

.spacing-left--40 {
  margin-left: 40px; }

.spacing-hmc {
  margin-top: -7%;
  margin-bottom: -7px; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .spacing-hmc {
      margin-top: -9%; } }

@media print, screen and (min-width: 63.9375em) {
  .large-spacing-left--4em {
    margin-left: 4em; } }

@media screen and (min-width: 46em) {
  .pers-row {
    padding: 24px 0;
    border-bottom: 1px solid #cacaca;
    text-align: left; }
  .pers-last-row {
    padding: 24px 0;
    text-align: left; } }

@media screen and (max-width: 45.9375em) {
  .pers-text-center {
    text-align: center; }
  .pers-row {
    padding: 24px 15px;
    border-bottom: 1px solid #cacaca;
    text-align: left; }
  .pers-last-row {
    padding: 24px 15px;
    text-align: left; } }

.overlay-dark {
  background-color: rgba(0, 0, 0, 0.8) !important; }

@media screen and (max-width: 45.99875em) {
  .small-only-no-padding {
    padding: 0 !important; } }

.max-width-900 {
  max-width: 900px; }

.margin-left-10-percent {
  margin-left: 10%; }

.overflow-div {
  max-width: 1200px;
  overflow-x: scroll;
  overflow-y: hidden; }

.position-relative {
  position: relative; }

.overflow-div::-webkit-scrollbar {
  display: none; }

.overflow-div {
  -ms-overflow-style: none; }

.bmo-switch-wrap {
  width: 150px;
  cursor: pointer;
  padding: 16px 0 0 0;
  position: relative;
  margin: auto; }
  .bmo-switch-wrap span {
    color: #001928;
    font-size: 14px;
    line-height: 24px; }
  .bmo-switch-wrap label {
    margin: 0px 16px; }

.bmo-switch-wrap:after {
  display: block;
  clear: both;
  content: ""; }

.bmo-switch-wrap input {
  display: none; }

.bmo-switch-rail {
  height: 16px;
  border-radius: 8px;
  background: #d9dce1;
  width: 40px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease; }

.bmo-switch {
  height: 24px;
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  padding: 0;
  border: none;
  background-color: #f5f6f7;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: absolute;
  border-radius: 12px;
  margin-top: -20px;
  margin-left: -4px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease; }

.bmo-switch.active {
  background: #0075be;
  margin-left: 16px; }

.bmo-switch-rail.active {
  background: #7fbce0; }

.compare-view-switch.is-active .bmo-switch-rail {
  background: #7fbce0; }

.compare-view-switch.is-active .bmo-switch {
  background: #0075be;
  margin-left: -16px;
  margin-top: -2.5px; }

.compare-view-switch .bmo-switch {
  margin-left: -50px;
  margin-top: -2.5px; }

.compare-view-switch.bmo-switch-wrap {
  width: auto; }

.justify-content-center {
  justify-content: center; }

.compare-view-switch {
  list-style-type: none; }

.table-carousel {
  position: relative; }
  @media only screen and (max-width: 1023px) {
    .table-carousel {
      width: 0px; } }

.tabs-panel .min-width-1000.carousel-slide.slick-initialized {
  display: block;
  visibility: hidden; }
  @media only screen and (max-width: 1023px) {
    .tabs-panel .min-width-1000.carousel-slide.slick-initialized {
      display: block;
      visibility: visible; } }

.tabs-panel.is-active .min-width-1000.carousel-slide.slick-initialized {
  visibility: visible; }

.video-border {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px; }
  @media screen and (max-width: 45.99875em) {
    .video-border {
      border-radius: 16px; } }

.complete-video-border {
  border-radius: 4px; }

.video-background::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #646c76;
  opacity: 0.5;
  border-radius: 4px; }

.video-play-button {
  position: absolute;
  bottom: 25%;
  left: 38%; }
  @media print, screen and (min-width: 46em) {
    .video-play-button {
      top: 30%;
      left: 38%; } }
  @media print, screen and (min-width: 63.9375em) {
    .video-play-button {
      top: 30%;
      left: 42%; } }

.padding-top-none {
  padding-top: 0 !important; }

@media only screen and (max-width: 1023px) {
  .tabs-panel.flip-mobile-tabs {
    position: static;
    opacity: 1;
    z-index: initial; } }

@media only screen and (max-width: 1023px) {
  .tabs-panel.flip-mobile-tabs.is-active {
    opacity: 0;
    z-index: -1; } }

.link-design-language {
  color: #0075be; }
  .link-design-language:hover {
    text-decoration: underline;
    color: #005587; }
  .link-design-language:focus {
    box-shadow: 0 0 4px 3px #0075be;
    outline: 0; }

.focus-ring:focus {
  border: 1px solid #0075be;
  box-shadow: 0 0 4px 3px #0075be; }

.focus-ring:focus-visible {
  outline: none; }

.footnote-link-focus:focus {
  box-shadow: 0 0 4px 3px white !important;
  outline: 0; }

.seatbelt-images-width-height {
  height: 50px;
  width: 100px;
  margin-left: auto;
  margin-right: auto; }

.hmc-icon {
  position: absolute;
  margin-left: 60em; }
  @media screen and (max-width: 63.93625em) {
    .hmc-icon {
      margin-left: 30em; } }

.compare-view-switch .bmo-switch-rail {
  margin-left: -20px; }

@media screen and (max-width: 63.93625em) {
  .medium-down-order-1 {
    order: 1; }
  .medium-down-order-2 {
    order: 2; } }

.mtg-overlay-position {
  top: -5.625rem;
  margin-bottom: -5.625rem;
  bottom: auto; }
  @media print, screen and (min-width: 63.9375em) {
    .mtg-overlay-position__steps {
      top: 40%; }
    .mtg-overlay-position__special-offers {
      top: 15%; } }

.edb-table td.vertical-align-top {
  vertical-align: top; }

.slick-active-opacity .slick-slide.slick-current {
  opacity: 1; }

.slick-active-opacity .slick-slide {
  opacity: 0.4; }

@media screen and (min-width: 63.9375em) {
  .overflow-width {
    margin-left: -33%;
    margin-right: -33%; } }

@media screen and (max-width: 76.56125em) {
  .overflow-width {
    margin-left: -10%;
    margin-right: -10%; } }

.justify-content-around {
  justify-content: space-around; }

/* ie fixes design EDB */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .no-style-bullet .flex.text-left.design-language.new-icon {
    height: 80px !important; }
  .ways-to-bank .tabs-title.menu-strip__item {
    white-space: normal !important; } }

@media screen and (max-width: 45.99875em) {
  .small-only-inline-flex {
    display: inline-flex; } }

@media screen and (max-width: 45.99875em) {
  .small-only-flex-align-items-start {
    align-items: flex-start; } }

.relative ~ .hmcTool .background-grey.overflow-width {
  position: relative; }

@media screen and (max-width: 45.99875em) {
  .small-background-grey {
    background-color: #f2f2f2; } }

.down-arrow-results {
  border-color: white transparent;
  border-style: solid;
  border-width: 20px 20px 0px 20px;
  height: 0px;
  width: 0px;
  display: flex;
  align-items: center;
  margin: 0 auto; }

.overflow-carousel-controls {
  top: 60%; }
  .overflow-carousel-controls.carousel-control-button-next-wrapper {
    left: 97.5%; }
  .overflow-carousel-controls.carousel-control-button-prev-wrapper {
    right: 99.5%;
    left: -25px; }

@media screen and (min-width: 63.9375em) {
  .equalized-hmc-height {
    height: 270px; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .equalized-hmc-height {
    height: 200px; } }

@media screen and (min-width: 63.9375em) {
  .equalized-hmc-height-fr {
    height: 330px; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .equalized-hmc-height-fr {
    height: 215px; } }

.form-card {
  border-radius: 4px;
  box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.04), 0 2px 2px 0 rgba(0, 25, 40, 0.04), 0 4px 4px 0 rgba(0, 25, 40, 0.1); }

.form-card.layer-levels-equalize {
  width: 384px !important; }

.heebo-h3,
.heebo-light-thin,
.heebo-light-thin li,
.heebo-light-thin p,
.heebo-light-thin span,
h2.heebo-class {
  font-family: Heebo Light, sans-serif;
  font-weight: 300; }

.heebo-light-thin li,
label.heebo-light-thin,
p.heebo-light-thin,
span.heebo-light-thin {
  font-size: 16px !important; }

h2.heebo-class {
  font-size: 28px; }

h1.heebo-h1 {
  font-size: 36px; }

.heebo-h3 {
  font-size: 24px !important; }

@media (min-width: 1100px) {
  .large-spacing-left-desktop {
    margin-left: 3rem; } }

.loans .tv-font-xlarge--medium {
  font-weight: 500;
  padding-bottom: 8px; }

.justify-content-evenly {
  justify-content: space-evenly; }

@media print, screen and (min-width: 63.9375em) {
  .button-width-330 {
    min-width: 330px !important; } }

.position-absolute {
  position: absolute; }

@media only screen and (min-width: 350px) {
  .intro-heading-box {
    width: 80% !important; } }

@media only screen and (min-width: 415px) {
  .intro-heading-box {
    width: 72% !important; } }

@media (min-width: 640px) {
  .intro-heading-box {
    width: 80% !important; } }

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .intro-heading-box {
    width: 90% !important; } }

.faq-relative-box {
  border: 4px;
  border-radius: 4px;
  background-color: #FEFEFE;
  box-shadow: 0 0 5px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
  position: relative;
  top: 6.5em;
  margin-top: -3em; }
  @media only screen and (max-width: 768px) {
    .faq-relative-box {
      top: 4em;
      margin-top: -3.4em; } }

.credit-card-box {
  border: 4px;
  border-radius: 4px;
  background-color: #FEFEFE;
  box-shadow: 0 0 5px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07); }

@media only screen and (min-width: 768px) {
  .no-margin-left {
    margin-left: 0 !important; } }

.list-padding > li {
  padding-top: 0.75em;
  padding-bottom: 0.75em; }

.flex-align-center {
  display: flex;
  align-items: center; }

.max-width-70p {
  max-width: 70% !important; }

.max-width-90p {
  max-width: 90% !important; }

.max-width-100p {
  max-width: 100% !important; }

.width-85-percent {
  width: 85% !important; }

.margin-top-1 {
  margin-top: 1em; }

.transparent-background-imp {
  background: transparent !important; }

.no-border-right {
  border-right: none !important; }

.no-border-left {
  border-left: none !important; }

.no-border-top {
  border-top: none !important; }

.width-100-percent-imp {
  width: 100% !important; }

.width-900px-imp {
  width: 900px !important; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .width-900px-imp {
      width: 100% !important; } }
  @media screen and (max-width: 45.99875em) {
    .width-900px-imp {
      width: 100% !important; } }

.no-spacing-left {
  margin-left: 0 !important; }

.no-padding-bottom-imp {
  padding-bottom: 0 !important; }

.persona-carousel-flex {
  flex-basis: 39%; }

.personal-carousel .border-radius-bottom-4 {
  border-radius: 0 0 4px 4px; }

.box-shadow-10px {
  box-shadow: 10px; }

.padding-top-imp {
  padding-top: 1em; }

.bh-savings-main-image {
  height: 93%;
  box-shadow: -20px 20px 20px #f6f6f6; }

.pop-with-blue-border-top:after {
  border-top: 4px solid #009ec9; }

.pop-heading:before {
  content: "";
  position: absolute;
  bottom: 100%;
  height: 24px;
  width: 100%;
  left: 0;
  background: #fff;
  border-radius: 4px 4px 0 0;
  border-top: 4px solid #009ec9; }

.pop-cell {
  bottom: 0.5em; }

.pop-cell-note {
  bottom: 2.5em; }

.pop-box-shadow {
  box-shadow: 0 20px #ffffff, 0 -20px #ffffff, 0 0 8px 0 #eeeff0, 0 0 20px 0 #eeeff0;
  -webkit-box-shadow: 0 20px #ffffff, 0 -20px #ffffff, 0 0 8px 0 #eeeff0, 0 0 20px 0 #eeeff0; }

.font-black {
  color: #001928; }

.edb-table-black-font > tbody > tr > td {
  color: #001928;
  text-align: left;
  vertical-align: top;
  font-size: 14px; }

@media screen and (max-width: 45.9375em) {
  .small-only-no-spacing-top {
    margin-top: 0 !important; }
  .small-only-spacing-top {
    margin-top: 1em; } }

@media screen and (min-width: 45.9375em) {
  .width-57-percent {
    width: 57%; } }

.justify-align-flex-end {
  align-items: flex-end;
  justify-content: flex-end; }

@media screen and (max-width: 45.9375em) {
  .small-only-border-with-shadow {
    border-radius: 4px;
    background-color: #fefefe;
    box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07); }
  .no-flex-for-small {
    display: block; } }

@media print, screen and (min-width: 45.9376em) {
  .flex-for-large {
    display: flex; }
  .large-only-border-with-shadow {
    border-radius: 4px;
    background-color: #fefefe;
    box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07); } }

.pr-padding-top-bottom-1 {
  padding: 1rem 0; }

.pr-padding-top-bottom-0-5 {
  padding: 0.5rem 0; }

.pr-padding-bottom-0_5 {
  padding-bottom: 0.5rem; }

.pr-calc-title {
  padding-top: 0.5rem; }

.pr-calc-title-highlight {
  font-size: 18px; }

.pr-data {
  font-size: 12px; }

.calc-bold-label {
  font-weight: bold;
  font-size: 14px; }

.calc-light-label {
  font-weight: lighter;
  font-size: 14px; }

@media print {
  body {
    width: 210mm;
    height: 100%; }
  header {
    display: none; }
    header .primary-header, header .secondary-header {
      display: none; }
  footer .footer--primary {
    display: none; }
  .page-break-before-always {
    page-break-before: always; }
  .page-break-after-always {
    page-break-after: always; }
  .print-hidden, .scroll-to-top {
    display: none; }
  .show-for-print--only {
    display: block !important; } }

@media print, not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    @media print {
      body {
        width: 280mm;
        height: 100%; }
      .pr-padding-top-bottom-1 {
        padding: 10pt 0; }
      .pr-padding-top-bottom-0-5 {
        padding: 5pt 0; }
      .pr-padding-bottom-0_5 {
        padding-bottom: 5pt; }
      .pr-calc-title {
        padding-top: 5pt; }
      .pr-calc-title-highlight {
        font-size: 18px; }
      .pr-data {
        font-size: 12px; }
      .pr-safari-height {
        max-height: 70vh; } } } }

.edb-table-top-pop-cell:after {
  border-top: 1px solid #d9dce1 !important; }

@media print, screen and (min-width: 63.9375em) {
  .large-3-and-half {
    flex: 0 0 29%;
    max-width: 29%; } }

.no-flex-grow {
  flex-grow: 0; }

.bh-mm-graph-container {
  position: relative; }

.bh-mm-graph-comments-top {
  position: absolute;
  top: 0rem;
  right: 5.3rem;
  bottom: auto;
  left: 1rem; }
  @media screen and (min-width: 376px) and (max-width: 550px) {
    .bh-mm-graph-comments-top {
      top: -0.8rem;
      right: 6.8rem;
      bottom: auto;
      left: 3rem; } }
  @media screen and (min-width: 551px) and (max-width: 767px) {
    .bh-mm-graph-comments-top {
      top: 0.8rem;
      right: 6.8rem;
      bottom: auto;
      left: 11rem; } }
  @media print, screen and (min-width: 46em) {
    .bh-mm-graph-comments-top {
      top: -0.8rem;
      right: 5rem;
      bottom: auto;
      left: 4rem; } }
  @media print, screen and (min-width: 63.9375em) {
    .bh-mm-graph-comments-top {
      top: 0rem;
      right: 7.7rem;
      bottom: auto;
      left: 9rem; } }
  @media screen and (min-width: 76.5625em) {
    .bh-mm-graph-comments-top {
      top: 0.7rem;
      right: 8.7rem;
      bottom: auto;
      left: 10rem; } }

.bh-mm-graph-comments-bottom {
  position: absolute;
  top: auto;
  right: 5.3rem;
  bottom: 6.1rem;
  left: 1rem; }
  @media screen and (min-width: 376px) and (max-width: 550px) {
    .bh-mm-graph-comments-bottom {
      top: auto;
      right: 6.8rem;
      bottom: 5.2rem;
      left: 3rem; } }
  @media screen and (min-width: 551px) and (max-width: 767px) {
    .bh-mm-graph-comments-bottom {
      top: auto;
      right: 6.8rem;
      bottom: 1.8rem;
      left: 11rem; } }
  @media print, screen and (min-width: 46em) {
    .bh-mm-graph-comments-bottom {
      top: auto;
      right: 5rem;
      bottom: 0.7rem;
      left: 4rem; } }
  @media print, screen and (min-width: 63.9375em) {
    .bh-mm-graph-comments-bottom {
      top: auto;
      right: 7.7rem;
      bottom: 1.2rem;
      left: 9rem; } }
  @media screen and (min-width: 76.5625em) {
    .bh-mm-graph-comments-bottom {
      top: auto;
      right: 8.7rem;
      bottom: 1.8rem;
      left: 10rem; } }

.comment-box-triangle {
  filter: drop-shadow(rgba(0, 25, 40, 0.12) 0 0 2px); }

.comment-box-triangle:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(254, 254, 254, 0);
  border-left-color: #fefefe;
  border-width: 5px;
  margin-top: -5px; }

.tabs__nav-item--tv > .tabs__nav-link.new-tab-design {
  line-height: 0.5rem;
  font-weight: 500; }

@media print, screen and (min-width: 63.9375em) {
  .smaller-tabs .padding-bottom.small-only-padding--global.tabs {
    padding-left: 16rem;
    padding-right: 16rem; } }

@media print, screen and (min-width: 46em) {
  .smaller-tabs .padding-bottom.small-only-padding--global.tabs {
    padding-left: 6rem;
    padding-right: 6rem; } }

@media print, screen and (min-width: 63.9375em) {
  .card-overflow-stackt {
    left: 6em;
    top: -40px; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .card-overflow-stackt {
    left: 4em;
    top: -40px; } }

@media screen and (max-width: 45.99875em) {
  .card-overflow-stackt {
    display: block;
    margin-top: 323px;
    position: relative;
    z-index: 1;
    left: 0; } }

.overwrite.justify-content-none {
  justify-content: normal; }

@media screen and (max-width: 45.99875em) {
  .stack-image-position {
    position: absolute;
    top: 0;
    left: 0; } }

.button--design__stackt {
  min-width: 305px; }

@media screen and (max-width: 45.99875em) {
  .small-flex-start {
    display: flex;
    justify-content: center;
    align-items: flex-start; } }

@media screen and (min-width: 76.5625em) {
  .flex-for-xlarge-only {
    display: flex; } }

.rates-data > p {
  font-size: 0.875rem;
  margin-bottom: 2rem; }

.rates-data .testing-foo {
  background: orangered; }

.rates-data .accordion__title {
  background: #0075be;
  color: #fff;
  margin-bottom: 0.25rem; }
  .rates-data .accordion__title:before {
    /**
   * 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 #0075BE;
    border-top: 0.125rem solid #0075BE;
    transform-origin: 0 0;
    transform: rotate(225deg) translate(-80%, -100%);
    border-top-color: #fff;
    border-left-color: #fff;
    border-radius: 0;
    background-color: transparent;
    width: 0.75rem;
    height: 0.75rem;
    top: 1.25rem; }
  .rates-data .accordion__title[aria-expanded="true"]:before {
    /**
   * 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 #0075BE;
    border-top: 0.125rem solid #0075BE;
    transform-origin: 0 0;
    transform: rotate(45deg) translate(0, 20%);
    border-top-color: #fff;
    border-left-color: #fff;
    width: 0.75rem;
    height: 0.75rem; }
  .rates-data .accordion__title:hover, .rates-data .accordion__title:focus, .rates-data .accordion__title:active {
    background: #005587; }

.rates-data .accordion__content {
  padding-top: 1.75rem; }
  .rates-data .accordion__content > p {
    font-size: 0.875rem;
    margin-bottom: 2rem; }
  .rates-data .accordion__content a:last-child {
    font-weight: bold;
    font-size: 0.9375rem; }

.rates-table {
  font-size: 0.875rem;
  margin-bottom: 2rem; }
  .rates-table th,
  .rates-table td {
    text-align: left;
    font-size: 0.875rem;
    width: 50%; }
  .rates-table a {
    font-weight: bold;
    font-size: 0.9375rem; }
  @media screen and (max-width: 45.99875em) {
    .rates-table {
      border-top: 1px solid #ebebeb;
      border-bottom: 1px solid #ebebeb;
      margin-bottom: 2rem; } }
  @media screen and (max-width: 45.99875em) {
    .rates-table th,
    .rates-table td {
      padding: 2rem 2.5rem; }
    .rates-table td:first-child {
      font-weight: bold; } }
  @media print, screen and (min-width: 46em) {
    .rates-table th,
    .rates-table td {
      width: 20%; }
    .rates-table th {
      padding: 0.625rem 0; }
    .rates-table td {
      padding: 1.5rem 0.625rem 1.5rem 0; }
    .rates-table td:first-child {
      font-weight: bold;
      font-size: 0.875rem; } }
  .rates-table__head-row {
    border-bottom: 2px solid #929ba9; }
  .rates-table tbody tr {
    border-bottom: 1px solid #ebebeb; }
    .rates-table tbody tr:last-child {
      border-bottom: 0; }
  .rates-table .rate-apr {
    font-size: 1.25rem; }
  .rates-table .rate-amount {
    font-size: 1.25rem; }
  .rates-table .rate-special-intro .rate-apr {
    font-weight: bold; }

hr.hr-wrap-on-background {
  margin: 8px auto; }

.overflow-visible {
  overflow: visible !important; }

.min-width-1vw {
  min-width: 1vw; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .hide-for-ie-only {
    display: none; } }

.show-for-ie-only:not(*:root) {
  /* Supports only WebKit browsers */
  display: none; }

@media print, screen and (min-width: 63.9375em) {
  .investment-mutual-funds-promo-banner {
    width: 1000px;
    padding: 4em 10em; } }

.investment-promo-banner-button.button {
  color: #0075BE;
  background-color: #FEFEFE;
  border-color: #FEFEFE; }
  .investment-promo-banner-button.button:hover {
    text-decoration: underline;
    color: #0075BE;
    background-color: #FEFEFE;
    border-color: #FEFEFE; }

.nav-menu-section {
  box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07); }

@media screen and (max-width: 63.93625em) {
  .nav-menu {
    overflow-x: scroll;
    background: linear-gradient(90deg, #e5e5e5 0, #fff 15%, #fff 85%, #e5e5e5); }
    .nav-menu::-webkit-scrollbar {
      display: none; } }

.nav-menu ul {
  display: inline-block; }
  @media screen and (max-width: 63.93625em) {
    .nav-menu ul {
      white-space: nowrap; } }
  .nav-menu ul li {
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding: 1.5625rem; }
    .nav-menu ul li a {
      color: #001928; }
  .nav-menu ul li::after {
    content: "";
    background-color: #0079c1;
    border-radius: 4px;
    height: 0.25rem;
    position: absolute;
    bottom: 0;
    transition: all 0.2s ease 0.2s;
    -webkit-transition: all 0.2s ease 0.2s;
    -moz-transition: all 0.2s ease 0.2s;
    left: 100%;
    right: 0; }
  .nav-menu ul li.active::after {
    left: 0;
    right: 0; }
  .nav-menu ul:hover li:hover a {
    color: #0079c1; }
  .nav-menu ul:hover li:hover::after {
    background-color: #0079c1;
    left: 0;
    right: 0; }
  .nav-menu ul:hover li::after {
    background-color: #fff; }
  .nav-menu ul:hover li:hover ~ li::after {
    left: 0;
    right: 100%;
    border-radius: 4px; }

@media screen and (max-width: 63.93625em) {
  .nav-menu-about-bmo {
    background: linear-gradient(90deg, #e5e5e5 0, #fff 15%, #fff 85%, #e5e5e5); }
    .nav-menu-about-bmo::-webkit-scrollbar {
      display: none; } }

@media screen and (max-width: 45.99875em) {
  .nav-menu-about-bmo {
    overflow-x: scroll; } }

.nav-menu-about-bmo ul {
  display: inline-block; }
  @media screen and (min-width: 46em) and (max-width: 63.93625em) {
    .nav-menu-about-bmo ul {
      display: flex; } }
  @media screen and (max-width: 45.99875em) {
    .nav-menu-about-bmo ul {
      white-space: nowrap; } }
  .nav-menu-about-bmo ul li {
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding: 1.5625rem; }
    @media screen and (min-width: 46em) and (max-width: 63.93625em) {
      .nav-menu-about-bmo ul li {
        padding: 0.6875rem; } }
    .nav-menu-about-bmo ul li a {
      color: #001928; }
      @media screen and (min-width: 46em) and (max-width: 63.93625em) {
        .nav-menu-about-bmo ul li a {
          width: auto;
          white-space: normal; } }
  .nav-menu-about-bmo ul li::after {
    content: "";
    background-color: #0079c1;
    border-radius: 4px;
    height: 0.25rem;
    position: absolute;
    bottom: 0;
    transition: all 0.2s ease 0.2s;
    -webkit-transition: all 0.2s ease 0.2s;
    -moz-transition: all 0.2s ease 0.2s;
    left: 100%;
    right: 0; }
  .nav-menu-about-bmo ul li.active::after {
    left: 0;
    right: 0; }
  .nav-menu-about-bmo ul:hover li:hover a {
    color: #0079c1; }
  .nav-menu-about-bmo ul:hover li:hover::after {
    background-color: #0079c1;
    left: 0;
    right: 0; }
  .nav-menu-about-bmo ul:hover li::after {
    background-color: #fff; }
  .nav-menu-about-bmo ul:hover li:hover ~ li::after {
    left: 0;
    right: 100%;
    border-radius: 4px; }

.design-language .large-only-font-size--h2 {
  font-size: 1.75rem; }

.design-language .large-only-font-size--h2-description {
  font-size: 1rem;
  font-weight: 300; }

@media screen and (max-width: 45.99875em) {
  .design-language .small-only-font-size--28 {
    font-size: 28px;
    line-height: 32px; }
  .design-language .small-only-font-size--22 {
    font-size: 22px;
    line-height: 32px; }
  .design-language .small-only-font-size--18 {
    font-size: 18px;
    line-height: 32px; }
  .mortgage-calculator-container .summary-container h2 {
    font-size: 18px; } }

.breadcrumbs--border.background-grey {
  background: #f5f6f7; }

@media print, screen and (min-width: 46em) {
  .medium-padding-top {
    padding-top: 1rem; }
  .medium-padding-bottom {
    padding-bottom: 1rem; } }

sup.title-large-superscript {
  font-size: 80%; }
  sup.title-large-superscript a {
    position: absolute;
    top: 0.05rem; }
  sup.title-large-superscript .superscript-link-8 {
    position: absolute;
    top: 8px; }

.articles-title__container {
  padding: 2rem 1.5rem 1.5rem 1.5rem;
  justify-content: center; }
  @media print, screen and (min-width: 46em) {
    .articles-title__container {
      padding-top: 3rem;
      padding-bottom: 2rem; } }
  @media print, screen and (min-width: 63.9375em) {
    .articles-title__container {
      padding-top: 4rem; } }

.articles-title__header {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 2rem;
  font-weight: 700; }
  @media print, screen and (min-width: 46em) {
    .articles-title__header {
      font-size: 1.75rem;
      letter-spacing: -0.2;
      line-height: 2rem; } }

.articles__section {
  justify-content: center;
  padding-left: 0; }

.articles__height-equalizer {
  padding-bottom: 2rem; }

.articles__carousel--wrapper {
  margin-bottom: 1rem; }
  .articles__carousel--wrapper-centered ul {
    margin-left: auto !important;
    margin-right: auto !important; }

.articles__carousel-item--wrapper {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.articles__carousel-item--spacer {
  padding-left: 1rem;
  padding-right: 1rem; }

.articles__carousel-item-card {
  box-shadow: 0 0 0.125rem 0 rgba(0, 25, 40, 0.12), 0 0.125rem 0.125rem 0 rgba(0, 25, 40, 0.07);
  border-radius: 0.25rem;
  position: relative;
  background-color: #FEFEFE; }
  @media print, screen and (min-width: 63.9375em) {
    .articles__carousel-item-card:hover, .articles__carousel-item-card:focus-within {
      box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 25, 40, 0.04), 0 0.25rem 1.5rem 0 rgba(0, 25, 40, 0.1); } }

.articles__carousel-item-image {
  display: block;
  width: 100%; }
  .articles__carousel-item-image img {
    width: 100%; }
  .articles__carousel-item-image source {
    width: 100%; }

.articles__carousel-item-body--title {
  padding-bottom: 0.5rem;
  color: #0075be;
  text-align: left;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.15;
  line-height: 1.5rem; }
  .articles__carousel-item-body--title-last {
    white-space: nowrap;
    display: inline-flex; }

.articles__carousel-item-body--description {
  color: #001928;
  font-weight: 300;
  line-height: 1.5rem; }

.articles__carousel-item-body--spacer {
  padding: 1.5rem 1.5rem 2.5rem; }

.articles__carousel-item--anchor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.secondary-nav {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-flow: row wrap;
  max-width: 75rem; }
  .secondary-nav--section {
    box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07); }
  @media screen and (max-width: 63.93625em) {
    .secondary-nav {
      width: 100%;
      overflow-x: scroll;
      background: linear-gradient(90deg, #e5e5e5 0, #FEFEFE 15%, #FEFEFE 85%, #e5e5e5); }
      .secondary-nav::-webkit-scrollbar {
        display: none; } }
  .secondary-nav ul {
    list-style: none;
    padding-left: 0;
    display: inline-block; }
    @media screen and (max-width: 63.93625em) {
      .secondary-nav ul {
        white-space: nowrap; } }
    .secondary-nav ul li {
      position: relative;
      display: inline-block;
      padding: 1.5625rem; }
      .secondary-nav ul li a {
        text-decoration: none;
        color: #001928;
        font-weight: 500;
        font-size: 0.875rem; }
      .secondary-nav ul li.active::after {
        left: 0;
        right: 0; }
    .secondary-nav ul li::after {
      content: "";
      background-color: #0079c1;
      border-radius: 4px;
      height: 0.25rem;
      position: absolute;
      bottom: 0;
      transition: all 0.2s ease 0.2s;
      -moz-transition: all 0.05s ease 0.05s;
      -webkit-transition: all 0.05s ease 0.05s;
      left: 100%;
      right: 0; }
    .secondary-nav ul:hover li:hover ~ li::after {
      left: 0;
      right: 100;
      border-radius: 4px; }
    .secondary-nav ul:hover li:hover a {
      color: #0079c1; }
    .secondary-nav ul:hover li:hover::after {
      background-color: #0079c1;
      left: 0;
      right: 0; }
    .secondary-nav ul:hover li::after {
      background-color: #FEFEFE; }

.shrink--0 {
  flex-shrink: 0; }

.tv-button--flat.tv-button--hover-fix:before {
  height: 0; }

.tv-button--flat.tv-button--hover-fix:hover:before {
  height: 0.125em; }

@media screen and (max-width: 45.99875em) {
  .min-width-1200 {
    min-width: 100%;
    max-width: 100%; } }

@media only screen and (min-width: 500px) {
  .min-width-1200 {
    max-width: 500px;
    min-width: 500px; } }

@media only screen and (min-width: 769px) {
  .min-width-1200 {
    max-width: 769px;
    min-width: 769px; } }

@media only screen and (min-width: 1025px) {
  .min-width-1200 {
    max-width: 1025px;
    min-width: 1025px; } }

@media only screen and (min-width: 1200px) {
  .min-width-1200 {
    max-width: 1200px;
    min-width: 1200px; } }

@media only screen and (max-width: 1023px) {
  .extra-width,
  .row.extra-width {
    max-width: 90%; } }

.text-align-center {
  text-align: center; }

.border-top-none {
  border-top: 0 !important; }

.pop-header-border-top {
  border-top: 0.5px solid #d9dce1 !important; }

.pop-header-border-bottom {
  border-bottom: 0.5px solid #d9dce1 !important; }

.z-index-higher {
  z-index: 3; }

@media screen and (max-width: 45.99875em) {
  .carousel-a11y .carousel-control-button-prev-wrapper {
    transform: translate(65%, -50%); } }

@media screen and (max-width: 45.99875em) {
  .carousel-a11y .carousel-control-button-next-wrapper {
    transform: translate(-95%, -50%); } }

@media print, screen and (min-width: 46em) {
  .hmc-carousel.carousel-contents {
    display: flex;
    justify-content: center; }
    .hmc-carousel.carousel-contents .padding > div {
      width: 100%; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .hmc-carousel.carousel-contents .padding {
    width: 50%; } }

@media print, screen and (min-width: 63.9375em) {
  .hmc-carousel.carousel-contents .padding {
    width: 33.333333%; } }

@media print, screen and (min-width: 63.9375em) {
  .thank-you-page-size {
    min-height: 1100px; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .thank-you-page-size {
    min-height: 700px; } }

@media screen and (max-width: 45.99875em) {
  .thank-you-page-size {
    min-height: 500px; } }

.carousel-design-language {
  list-style: none; }
  .carousel-design-language li {
    list-style: none; }

#header-campaign .small-bmo-logo {
  display: inline;
  justify-content: left;
  text-align: left; }
  #header-campaign .small-bmo-logo svg {
    display: block;
    width: 125px;
    height: 50px; }

.design-language .form-group {
  position: relative; }
  .design-language .form-group.required {
    margin-bottom: 1.65em; }

.design-language .nowrap {
  white-space: nowrap; }

.design-language .padding-investamount {
  padding: 1em;
  padding-top: 1em; }
  @media only screen and (min-width: 768px) {
    .design-language .padding-investamount {
      padding-top: 3.5em; } }

.design-language.background-legalbar {
  background-color: #00436c; }
  .design-language.background-legalbar--hugfooter {
    background-color: #00436c;
    margin-bottom: -2em; }

.design-language .accordion-legal,
.design-language ul.accordion-legal {
  text-align: left;
  background: none;
  margin: 0; }
  .design-language .accordion-legal .accordion-item,
  .design-language .accordion-legal .accordion__item,
  .design-language ul.accordion-legal .accordion-item,
  .design-language ul.accordion-legal .accordion__item {
    margin-left: 2em;
    overflow: visible; }
    .design-language .accordion-legal .accordion-item button,
    .design-language .accordion-legal .accordion__item button,
    .design-language ul.accordion-legal .accordion-item button,
    .design-language ul.accordion-legal .accordion__item button {
      background: none;
      color: #FEFEFE;
      max-width: 100%;
      margin: 0;
      border: 0;
      line-height: 1;
      text-align: left;
      overflow: visible; }
    .design-language .accordion-legal .accordion-item .accordion__title:before,
    .design-language .accordion-legal .accordion__item .accordion__title:before,
    .design-language ul.accordion-legal .accordion-item .accordion__title:before,
    .design-language ul.accordion-legal .accordion__item .accordion__title:before {
      width: 1em;
      height: 1em;
      left: 0;
      right: auto;
      background: 0;
      border-radius: 0;
      border-left: 2px solid white;
      border-bottom: 2px solid white;
      content: "";
      transform: rotate(-45deg) translate(15%, -100%); }
    .design-language .accordion-legal .accordion-item.is-active .accordion__title:before,
    .design-language .accordion-legal .accordion__item.is-active .accordion__title:before,
    .design-language ul.accordion-legal .accordion-item.is-active .accordion__title:before,
    .design-language ul.accordion-legal .accordion__item.is-active .accordion__title:before {
      content: "";
      transform: rotate(135deg) translate(25%, 75%); }
    .design-language .accordion-legal .accordion-item .accordion-content,
    .design-language .accordion-legal .accordion-item .accordion__content,
    .design-language .accordion-legal .accordion__item .accordion-content,
    .design-language .accordion-legal .accordion__item .accordion__content,
    .design-language ul.accordion-legal .accordion-item .accordion-content,
    .design-language ul.accordion-legal .accordion-item .accordion__content,
    .design-language ul.accordion-legal .accordion__item .accordion-content,
    .design-language ul.accordion-legal .accordion__item .accordion__content {
      color: #FEFEFE;
      line-height: 1.4;
      padding-bottom: 1em; }
      .design-language .accordion-legal .accordion-item .accordion-content div,
      .design-language .accordion-legal .accordion-item .accordion__content div,
      .design-language .accordion-legal .accordion__item .accordion-content div,
      .design-language .accordion-legal .accordion__item .accordion__content div,
      .design-language ul.accordion-legal .accordion-item .accordion-content div,
      .design-language ul.accordion-legal .accordion-item .accordion__content div,
      .design-language ul.accordion-legal .accordion__item .accordion-content div,
      .design-language ul.accordion-legal .accordion__item .accordion__content div {
        padding-bottom: 1em; }

.design-language a {
  font-size: 100%; }

.design-language .checkbox-wrapper {
  display: block;
  line-height: 32px; }

.design-language .checkbox-wrapper + .error-message {
  margin-left: 2.25em; }

.design-language button:disabled {
  opacity: 0.7; }

.design-language button.secure-form,
.design-language button.secure-form:hover {
  position: relative;
  margin-top: 32px;
  padding-left: 56px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTIgMTguMTY4aDEydi04SDJ2OHptMy0xMi42MWMwLTIuOTg2IDEuNTE3LTMuMzkgMy0zLjM5czMgLjQwNCAzIDMuMzl2Mi41MThINVY1LjU1OXptMTAgMi42MWgtMlY1LjYxMmMwLTMuNTEtMS43NzUtNS40NDQtNS01LjQ0NFMzIDIuMTAyIDMgNS42MTJ2Mi41NTZIMWExIDEgMCAwIDAtMSAxdjEwYTEgMSAwIDAgMCAxIDFoMTRhMSAxIDAgMCAwIDEtMXYtMTBhMSAxIDAgMCAwLTEtMXonIGZpbGw9JyNGRkYnIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==");
  background-size: 15px 18px;
  background-position: 32px 16px;
  background-repeat: no-repeat; }
  .design-language button.secure-form:disabled, .design-language button.secure-form:hover:disabled,
  .design-language button.secure-form:hover:disabled,
  .design-language button.secure-form:hover:hover:disabled {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTIgMTguMTY4aDEydi04SDJ2OHptMy0xMi42MWMwLTIuOTg2IDEuNTE3LTMuMzkgMy0zLjM5czMgLjQwNCAzIDMuMzl2Mi41MThINVY1LjU1OXptMTAgMi42MWgtMlY1LjYxMmMwLTMuNTEtMS43NzUtNS40NDQtNS01LjQ0NFMzIDIuMTAyIDMgNS42MTJ2Mi41NTZIMWExIDEgMCAwIDAtMSAxdjEwYTEgMSAwIDAgMCAxIDFoMTRhMSAxIDAgMCAwIDEtMXYtMTBhMSAxIDAgMCAwLTEtMXonIGZpbGw9JyM2NDZjNzYnIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==");
    background-size: 15px 18px;
    background-position: 32px 16px;
    background-repeat: no-repeat; }

.design-language.align-center,
.design-language .align-center {
  margin: 0 auto; }

.design-language .error-message.has-error {
  display: block;
  position: absolute;
  visibility: visible;
  opacity: 1;
  overflow: visible;
  bottom: -1.95em;
  padding-bottom: 0;
  font-size: 0.875rem;
  background-image: url("//www.bmo.com/assets/investments/error-inline.png");
  background-size: 14px 14px;
  background-position: left 2px;
  padding-top: 2px;
  max-height: 20px; }

.design-language .form-label-group {
  position: relative;
  overflow: visible;
  padding-bottom: 0.375rem;
  margin-bottom: 1.125rem; }
  .design-language .form-label-group input,
  .design-language .form-label-group input[type="text"],
  .design-language .form-label-group input[type="email"],
  .design-language .form-label-group input[type="num"],
  .design-language .form-label-group input[type="password"],
  .design-language .form-label-group input[type="tel"] {
    position: relative;
    background: none;
    height: 2.25rem;
    width: 100%;
    font-family: Heebo;
    font-size: 1.125rem;
    color: #001928;
    border: none;
    box-shadow: none;
    margin: 0;
    padding-left: 0.5rem;
    padding-right: 0;
    padding-bottom: 0;
    white-space: nowrap;
    z-index: 10; }
    .design-language .form-label-group input:hover + label:after,
    .design-language .form-label-group input:hover + label.slide-label:after,
    .design-language .form-label-group input[type="text"]:hover + label:after,
    .design-language .form-label-group input[type="text"]:hover + label.slide-label:after,
    .design-language .form-label-group input[type="email"]:hover + label:after,
    .design-language .form-label-group input[type="email"]:hover + label.slide-label:after,
    .design-language .form-label-group input[type="num"]:hover + label:after,
    .design-language .form-label-group input[type="num"]:hover + label.slide-label:after,
    .design-language .form-label-group input[type="password"]:hover + label:after,
    .design-language .form-label-group input[type="password"]:hover + label.slide-label:after,
    .design-language .form-label-group input[type="tel"]:hover + label:after,
    .design-language .form-label-group input[type="tel"]:hover + label.slide-label:after {
      background-color: #939393;
      transition: background-color 0.3s ease-in-out; }
    .design-language .form-label-group input + label,
    .design-language .form-label-group input + label.slide-label,
    .design-language .form-label-group input[type="text"] + label,
    .design-language .form-label-group input[type="text"] + label.slide-label,
    .design-language .form-label-group input[type="email"] + label,
    .design-language .form-label-group input[type="email"] + label.slide-label,
    .design-language .form-label-group input[type="num"] + label,
    .design-language .form-label-group input[type="num"] + label.slide-label,
    .design-language .form-label-group input[type="password"] + label,
    .design-language .form-label-group input[type="password"] + label.slide-label,
    .design-language .form-label-group input[type="tel"] + label,
    .design-language .form-label-group input[type="tel"] + label.slide-label {
      position: absolute;
      z-index: 10;
      margin: 0;
      padding-bottom: 0;
      top: auto;
      bottom: 0;
      font-size: 1.125rem;
      font-weight: 400;
      color: #0075BE;
      transition: all 0.3s ease-in-out;
      height: 2.25rem; }
      .design-language .form-label-group input + label:before,
      .design-language .form-label-group input + label.slide-label:before,
      .design-language .form-label-group input[type="text"] + label:before,
      .design-language .form-label-group input[type="text"] + label.slide-label:before,
      .design-language .form-label-group input[type="email"] + label:before,
      .design-language .form-label-group input[type="email"] + label.slide-label:before,
      .design-language .form-label-group input[type="num"] + label:before,
      .design-language .form-label-group input[type="num"] + label.slide-label:before,
      .design-language .form-label-group input[type="password"] + label:before,
      .design-language .form-label-group input[type="password"] + label.slide-label:before,
      .design-language .form-label-group input[type="tel"] + label:before,
      .design-language .form-label-group input[type="tel"] + label.slide-label:before {
        z-index: 4;
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        top: auto;
        bottom: -0.125rem;
        background: #0075BE;
        transform: scaleX(0);
        transition: all 0.3s ease-in-out; }
      .design-language .form-label-group input + label:after,
      .design-language .form-label-group input + label.slide-label:after,
      .design-language .form-label-group input[type="text"] + label:after,
      .design-language .form-label-group input[type="text"] + label.slide-label:after,
      .design-language .form-label-group input[type="email"] + label:after,
      .design-language .form-label-group input[type="email"] + label.slide-label:after,
      .design-language .form-label-group input[type="num"] + label:after,
      .design-language .form-label-group input[type="num"] + label.slide-label:after,
      .design-language .form-label-group input[type="password"] + label:after,
      .design-language .form-label-group input[type="password"] + label.slide-label:after,
      .design-language .form-label-group input[type="tel"] + label:after,
      .design-language .form-label-group input[type="tel"] + label.slide-label:after {
        z-index: 3;
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        top: auto;
        bottom: -0.125rem;
        background: rgba(110, 110, 110, 0.2);
        transition: background-color 0.3s ease-in-out; }
      .design-language .form-label-group input + label span.label-text,
      .design-language .form-label-group input + label.slide-label span.label-text,
      .design-language .form-label-group input[type="text"] + label span.label-text,
      .design-language .form-label-group input[type="text"] + label.slide-label span.label-text,
      .design-language .form-label-group input[type="email"] + label span.label-text,
      .design-language .form-label-group input[type="email"] + label.slide-label span.label-text,
      .design-language .form-label-group input[type="num"] + label span.label-text,
      .design-language .form-label-group input[type="num"] + label.slide-label span.label-text,
      .design-language .form-label-group input[type="password"] + label span.label-text,
      .design-language .form-label-group input[type="password"] + label.slide-label span.label-text,
      .design-language .form-label-group input[type="tel"] + label span.label-text,
      .design-language .form-label-group input[type="tel"] + label.slide-label span.label-text {
        display: inline-block;
        position: absolute;
        top: auto;
        bottom: 0.3125rem;
        pointer-events: none;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 1.125rem;
        color: #0075BE;
        transition: all 0.3s ease-in-out; }
    .design-language .form-label-group input + label.active-label,
    .design-language .form-label-group input + label.slide-label.active-label,
    .design-language .form-label-group input[type="text"] + label.active-label,
    .design-language .form-label-group input[type="text"] + label.slide-label.active-label,
    .design-language .form-label-group input[type="email"] + label.active-label,
    .design-language .form-label-group input[type="email"] + label.slide-label.active-label,
    .design-language .form-label-group input[type="num"] + label.active-label,
    .design-language .form-label-group input[type="num"] + label.slide-label.active-label,
    .design-language .form-label-group input[type="password"] + label.active-label,
    .design-language .form-label-group input[type="password"] + label.slide-label.active-label,
    .design-language .form-label-group input[type="tel"] + label.active-label,
    .design-language .form-label-group input[type="tel"] + label.slide-label.active-label {
      position: absolute;
      font-size: 0.75rem;
      font-weight: 400;
      margin-top: 0;
      top: auto;
      bottom: 0;
      transition: all 0.3s ease-in-out;
      height: 2.625rem; }
      .design-language .form-label-group input + label.active-label:before,
      .design-language .form-label-group input + label.slide-label.active-label:before,
      .design-language .form-label-group input[type="text"] + label.active-label:before,
      .design-language .form-label-group input[type="text"] + label.slide-label.active-label:before,
      .design-language .form-label-group input[type="email"] + label.active-label:before,
      .design-language .form-label-group input[type="email"] + label.slide-label.active-label:before,
      .design-language .form-label-group input[type="num"] + label.active-label:before,
      .design-language .form-label-group input[type="num"] + label.slide-label.active-label:before,
      .design-language .form-label-group input[type="password"] + label.active-label:before,
      .design-language .form-label-group input[type="password"] + label.slide-label.active-label:before,
      .design-language .form-label-group input[type="tel"] + label.active-label:before,
      .design-language .form-label-group input[type="tel"] + label.slide-label.active-label:before {
        bottom: -0.125rem;
        background-color: #0075BE; }
      .design-language .form-label-group input + label.active-label:after,
      .design-language .form-label-group input + label.slide-label.active-label:after,
      .design-language .form-label-group input[type="text"] + label.active-label:after,
      .design-language .form-label-group input[type="text"] + label.slide-label.active-label:after,
      .design-language .form-label-group input[type="email"] + label.active-label:after,
      .design-language .form-label-group input[type="email"] + label.slide-label.active-label:after,
      .design-language .form-label-group input[type="num"] + label.active-label:after,
      .design-language .form-label-group input[type="num"] + label.slide-label.active-label:after,
      .design-language .form-label-group input[type="password"] + label.active-label:after,
      .design-language .form-label-group input[type="password"] + label.slide-label.active-label:after,
      .design-language .form-label-group input[type="tel"] + label.active-label:after,
      .design-language .form-label-group input[type="tel"] + label.slide-label.active-label:after {
        top: auto;
        bottom: -0.125rem; }
      .design-language .form-label-group input + label.active-label span.label-text,
      .design-language .form-label-group input + label.slide-label.active-label span.label-text,
      .design-language .form-label-group input[type="text"] + label.active-label span.label-text,
      .design-language .form-label-group input[type="text"] + label.slide-label.active-label span.label-text,
      .design-language .form-label-group input[type="email"] + label.active-label span.label-text,
      .design-language .form-label-group input[type="email"] + label.slide-label.active-label span.label-text,
      .design-language .form-label-group input[type="num"] + label.active-label span.label-text,
      .design-language .form-label-group input[type="num"] + label.slide-label.active-label span.label-text,
      .design-language .form-label-group input[type="password"] + label.active-label span.label-text,
      .design-language .form-label-group input[type="password"] + label.slide-label.active-label span.label-text,
      .design-language .form-label-group input[type="tel"] + label.active-label span.label-text,
      .design-language .form-label-group input[type="tel"] + label.slide-label.active-label span.label-text {
        font-size: 0.75rem;
        top: auto;
        bottom: 2.625rem;
        transition: all 0.3s ease-in-out; }
    .design-language .form-label-group input:focus, .design-language .form-label-group input.checked,
    .design-language .form-label-group input[type="text"]:focus,
    .design-language .form-label-group input[type="text"].checked,
    .design-language .form-label-group input[type="email"]:focus,
    .design-language .form-label-group input[type="email"].checked,
    .design-language .form-label-group input[type="num"]:focus,
    .design-language .form-label-group input[type="num"].checked,
    .design-language .form-label-group input[type="password"]:focus,
    .design-language .form-label-group input[type="password"].checked,
    .design-language .form-label-group input[type="tel"]:focus,
    .design-language .form-label-group input[type="tel"].checked {
      border-color: #0075BE;
      background: none;
      box-shadow: none; }
      .design-language .form-label-group input:focus + label,
      .design-language .form-label-group input:focus + label.slide-label,
      .design-language .form-label-group input:focus + label.slide-label.active-label, .design-language .form-label-group input.checked + label,
      .design-language .form-label-group input.checked + label.slide-label,
      .design-language .form-label-group input.checked + label.slide-label.active-label,
      .design-language .form-label-group input[type="text"]:focus + label,
      .design-language .form-label-group input[type="text"]:focus + label.slide-label,
      .design-language .form-label-group input[type="text"]:focus + label.slide-label.active-label,
      .design-language .form-label-group input[type="text"].checked + label,
      .design-language .form-label-group input[type="text"].checked + label.slide-label,
      .design-language .form-label-group input[type="text"].checked + label.slide-label.active-label,
      .design-language .form-label-group input[type="email"]:focus + label,
      .design-language .form-label-group input[type="email"]:focus + label.slide-label,
      .design-language .form-label-group input[type="email"]:focus + label.slide-label.active-label,
      .design-language .form-label-group input[type="email"].checked + label,
      .design-language .form-label-group input[type="email"].checked + label.slide-label,
      .design-language .form-label-group input[type="email"].checked + label.slide-label.active-label,
      .design-language .form-label-group input[type="num"]:focus + label,
      .design-language .form-label-group input[type="num"]:focus + label.slide-label,
      .design-language .form-label-group input[type="num"]:focus + label.slide-label.active-label,
      .design-language .form-label-group input[type="num"].checked + label,
      .design-language .form-label-group input[type="num"].checked + label.slide-label,
      .design-language .form-label-group input[type="num"].checked + label.slide-label.active-label,
      .design-language .form-label-group input[type="password"]:focus + label,
      .design-language .form-label-group input[type="password"]:focus + label.slide-label,
      .design-language .form-label-group input[type="password"]:focus + label.slide-label.active-label,
      .design-language .form-label-group input[type="password"].checked + label,
      .design-language .form-label-group input[type="password"].checked + label.slide-label,
      .design-language .form-label-group input[type="password"].checked + label.slide-label.active-label,
      .design-language .form-label-group input[type="tel"]:focus + label,
      .design-language .form-label-group input[type="tel"]:focus + label.slide-label,
      .design-language .form-label-group input[type="tel"]:focus + label.slide-label.active-label,
      .design-language .form-label-group input[type="tel"].checked + label,
      .design-language .form-label-group input[type="tel"].checked + label.slide-label,
      .design-language .form-label-group input[type="tel"].checked + label.slide-label.active-label {
        font-size: 0.75rem;
        font-weight: 400;
        bottom: 0;
        margin-top: 0;
        transition: all 0.3s ease-in-out; }
        .design-language .form-label-group input:focus + label:after,
        .design-language .form-label-group input:focus + label.slide-label:after,
        .design-language .form-label-group input:focus + label.slide-label.active-label:after, .design-language .form-label-group input.checked + label:after,
        .design-language .form-label-group input.checked + label.slide-label:after,
        .design-language .form-label-group input.checked + label.slide-label.active-label:after,
        .design-language .form-label-group input[type="text"]:focus + label:after,
        .design-language .form-label-group input[type="text"]:focus + label.slide-label:after,
        .design-language .form-label-group input[type="text"]:focus + label.slide-label.active-label:after,
        .design-language .form-label-group input[type="text"].checked + label:after,
        .design-language .form-label-group input[type="text"].checked + label.slide-label:after,
        .design-language .form-label-group input[type="text"].checked + label.slide-label.active-label:after,
        .design-language .form-label-group input[type="email"]:focus + label:after,
        .design-language .form-label-group input[type="email"]:focus + label.slide-label:after,
        .design-language .form-label-group input[type="email"]:focus + label.slide-label.active-label:after,
        .design-language .form-label-group input[type="email"].checked + label:after,
        .design-language .form-label-group input[type="email"].checked + label.slide-label:after,
        .design-language .form-label-group input[type="email"].checked + label.slide-label.active-label:after,
        .design-language .form-label-group input[type="num"]:focus + label:after,
        .design-language .form-label-group input[type="num"]:focus + label.slide-label:after,
        .design-language .form-label-group input[type="num"]:focus + label.slide-label.active-label:after,
        .design-language .form-label-group input[type="num"].checked + label:after,
        .design-language .form-label-group input[type="num"].checked + label.slide-label:after,
        .design-language .form-label-group input[type="num"].checked + label.slide-label.active-label:after,
        .design-language .form-label-group input[type="password"]:focus + label:after,
        .design-language .form-label-group input[type="password"]:focus + label.slide-label:after,
        .design-language .form-label-group input[type="password"]:focus + label.slide-label.active-label:after,
        .design-language .form-label-group input[type="password"].checked + label:after,
        .design-language .form-label-group input[type="password"].checked + label.slide-label:after,
        .design-language .form-label-group input[type="password"].checked + label.slide-label.active-label:after,
        .design-language .form-label-group input[type="tel"]:focus + label:after,
        .design-language .form-label-group input[type="tel"]:focus + label.slide-label:after,
        .design-language .form-label-group input[type="tel"]:focus + label.slide-label.active-label:after,
        .design-language .form-label-group input[type="tel"].checked + label:after,
        .design-language .form-label-group input[type="tel"].checked + label.slide-label:after,
        .design-language .form-label-group input[type="tel"].checked + label.slide-label.active-label:after {
          top: auto;
          bottom: -0.125rem; }
        .design-language .form-label-group input:focus + label:before,
        .design-language .form-label-group input:focus + label.slide-label:before,
        .design-language .form-label-group input:focus + label.slide-label.active-label:before, .design-language .form-label-group input.checked + label:before,
        .design-language .form-label-group input.checked + label.slide-label:before,
        .design-language .form-label-group input.checked + label.slide-label.active-label:before,
        .design-language .form-label-group input[type="text"]:focus + label:before,
        .design-language .form-label-group input[type="text"]:focus + label.slide-label:before,
        .design-language .form-label-group input[type="text"]:focus + label.slide-label.active-label:before,
        .design-language .form-label-group input[type="text"].checked + label:before,
        .design-language .form-label-group input[type="text"].checked + label.slide-label:before,
        .design-language .form-label-group input[type="text"].checked + label.slide-label.active-label:before,
        .design-language .form-label-group input[type="email"]:focus + label:before,
        .design-language .form-label-group input[type="email"]:focus + label.slide-label:before,
        .design-language .form-label-group input[type="email"]:focus + label.slide-label.active-label:before,
        .design-language .form-label-group input[type="email"].checked + label:before,
        .design-language .form-label-group input[type="email"].checked + label.slide-label:before,
        .design-language .form-label-group input[type="email"].checked + label.slide-label.active-label:before,
        .design-language .form-label-group input[type="num"]:focus + label:before,
        .design-language .form-label-group input[type="num"]:focus + label.slide-label:before,
        .design-language .form-label-group input[type="num"]:focus + label.slide-label.active-label:before,
        .design-language .form-label-group input[type="num"].checked + label:before,
        .design-language .form-label-group input[type="num"].checked + label.slide-label:before,
        .design-language .form-label-group input[type="num"].checked + label.slide-label.active-label:before,
        .design-language .form-label-group input[type="password"]:focus + label:before,
        .design-language .form-label-group input[type="password"]:focus + label.slide-label:before,
        .design-language .form-label-group input[type="password"]:focus + label.slide-label.active-label:before,
        .design-language .form-label-group input[type="password"].checked + label:before,
        .design-language .form-label-group input[type="password"].checked + label.slide-label:before,
        .design-language .form-label-group input[type="password"].checked + label.slide-label.active-label:before,
        .design-language .form-label-group input[type="tel"]:focus + label:before,
        .design-language .form-label-group input[type="tel"]:focus + label.slide-label:before,
        .design-language .form-label-group input[type="tel"]:focus + label.slide-label.active-label:before,
        .design-language .form-label-group input[type="tel"].checked + label:before,
        .design-language .form-label-group input[type="tel"].checked + label.slide-label:before,
        .design-language .form-label-group input[type="tel"].checked + label.slide-label.active-label:before {
          bottom: -0.125rem;
          background-color: #0075BE; }
        .design-language .form-label-group input:focus + label span.label-text,
        .design-language .form-label-group input:focus + label.slide-label span.label-text,
        .design-language .form-label-group input:focus + label.slide-label.active-label span.label-text, .design-language .form-label-group input.checked + label span.label-text,
        .design-language .form-label-group input.checked + label.slide-label span.label-text,
        .design-language .form-label-group input.checked + label.slide-label.active-label span.label-text,
        .design-language .form-label-group input[type="text"]:focus + label span.label-text,
        .design-language .form-label-group input[type="text"]:focus + label.slide-label span.label-text,
        .design-language .form-label-group input[type="text"]:focus + label.slide-label.active-label span.label-text,
        .design-language .form-label-group input[type="text"].checked + label span.label-text,
        .design-language .form-label-group input[type="text"].checked + label.slide-label span.label-text,
        .design-language .form-label-group input[type="text"].checked + label.slide-label.active-label span.label-text,
        .design-language .form-label-group input[type="email"]:focus + label span.label-text,
        .design-language .form-label-group input[type="email"]:focus + label.slide-label span.label-text,
        .design-language .form-label-group input[type="email"]:focus + label.slide-label.active-label span.label-text,
        .design-language .form-label-group input[type="email"].checked + label span.label-text,
        .design-language .form-label-group input[type="email"].checked + label.slide-label span.label-text,
        .design-language .form-label-group input[type="email"].checked + label.slide-label.active-label span.label-text,
        .design-language .form-label-group input[type="num"]:focus + label span.label-text,
        .design-language .form-label-group input[type="num"]:focus + label.slide-label span.label-text,
        .design-language .form-label-group input[type="num"]:focus + label.slide-label.active-label span.label-text,
        .design-language .form-label-group input[type="num"].checked + label span.label-text,
        .design-language .form-label-group input[type="num"].checked + label.slide-label span.label-text,
        .design-language .form-label-group input[type="num"].checked + label.slide-label.active-label span.label-text,
        .design-language .form-label-group input[type="password"]:focus + label span.label-text,
        .design-language .form-label-group input[type="password"]:focus + label.slide-label span.label-text,
        .design-language .form-label-group input[type="password"]:focus + label.slide-label.active-label span.label-text,
        .design-language .form-label-group input[type="password"].checked + label span.label-text,
        .design-language .form-label-group input[type="password"].checked + label.slide-label span.label-text,
        .design-language .form-label-group input[type="password"].checked + label.slide-label.active-label span.label-text,
        .design-language .form-label-group input[type="tel"]:focus + label span.label-text,
        .design-language .form-label-group input[type="tel"]:focus + label.slide-label span.label-text,
        .design-language .form-label-group input[type="tel"]:focus + label.slide-label.active-label span.label-text,
        .design-language .form-label-group input[type="tel"].checked + label span.label-text,
        .design-language .form-label-group input[type="tel"].checked + label.slide-label span.label-text,
        .design-language .form-label-group input[type="tel"].checked + label.slide-label.active-label span.label-text {
          font-size: 0.75rem;
          top: auto;
          bottom: 2.625rem;
          transition: all 0.3s ease-out; }
  .design-language .form-label-group input[type="date"] + label,
  .design-language .form-label-group input[type="date"] + label.slide-label {
    position: absolute;
    font-size: 0.75rem;
    font-weight: 400;
    margin-top: 0;
    top: auto;
    bottom: 0;
    transition: all 0.3s ease-in-out;
    height: 2.625rem; }
    .design-language .form-label-group input[type="date"] + label:before,
    .design-language .form-label-group input[type="date"] + label.slide-label:before {
      bottom: -0.125rem;
      background-color: #0075BE; }
    .design-language .form-label-group input[type="date"] + label:after,
    .design-language .form-label-group input[type="date"] + label.slide-label:after {
      top: auto;
      bottom: -0.125rem; }
    .design-language .form-label-group input[type="date"] + label span.label-text,
    .design-language .form-label-group input[type="date"] + label.slide-label span.label-text {
      font-size: 0.75rem;
      top: auto;
      bottom: 2.625rem;
      transition: all 0.3s ease-in-out; }
  .design-language .form-label-group select,
  .design-language .form-label-group select.material-input {
    display: block;
    top: auto;
    margin: 0;
    padding-right: 8px;
    height: 42px;
    background: none;
    line-height: 36px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTExLjg4ODU0MDYgMTQuNjcxMTk0MmwtNy4yMjQzNS02LjQxODc1MjExYy0uNDEyODY0OC0uMzY2ODI1NjctMS4wNDQ5Mjg4LS4zMjk1MDM1Ni0xLjQxMTc1NDUuMDgzMzYxMjgtLjM2NjgyNTcuNDEyODY0ODQtLjMyOTUwMzYgMS4wNDQ5Mjg4Ny4wODMzNjEzIDEuNDExNzU0NTRsNy44Nzg1NDg1IDYuOTk5OTk5OTljLjM3NDU0ODUuMzMyNzgyLjkzNzU1NTguMzM3MDE4MiAxLjMxNzA2OTMuMDA5OTA5OGw4LjEyMTQ1MTQ3LTcuMDAwMDAwMDNjLjQxODMzNzg1LS4zNjA1NzE2Mi40NjUxNjY2Mi0uOTkyMDAyNS4xMDQ1OTUtMS40MTAzNDAzNC0uMzYwNTcxNjItLjQxODMzNzg1LS45OTIwMDI1LS40NjUxNjY2Mi0xLjQxMDM0MDM0LS4xMDQ1OTVMMTEuODg4NTQwNiAxNC42NzExOTQyeicgZmlsbD0nIzAwNzVCRScgZmlsbC1ydWxlPSdub256ZXJvJy8+PC9zdmc+");
    background-size: 24px;
    background-position: 99% 65%;
    background-repeat: no-repeat; }
    .design-language .form-label-group select + label,
    .design-language .form-label-group select + label.slide-label,
    .design-language .form-label-group select.material-input + label,
    .design-language .form-label-group select.material-input + label.slide-label {
      margin: 0; }
      .design-language .form-label-group select + label span.label-text,
      .design-language .form-label-group select + label.slide-label span.label-text,
      .design-language .form-label-group select.material-input + label span.label-text,
      .design-language .form-label-group select.material-input + label.slide-label span.label-text {
        display: inline-block;
        position: absolute;
        margin: 0;
        font-size: 0.75rem;
        top: auto;
        bottom: 2.25rem;
        transition: all 0.3s ease-out; }
      .design-language .form-label-group select + label:before,
      .design-language .form-label-group select + label.slide-label:before,
      .design-language .form-label-group select.material-input + label:before,
      .design-language .form-label-group select.material-input + label.slide-label:before {
        top: auto;
        bottom: -0.125rem; }
      .design-language .form-label-group select + label:after,
      .design-language .form-label-group select + label.slide-label:after,
      .design-language .form-label-group select.material-input + label:after,
      .design-language .form-label-group select.material-input + label.slide-label:after {
        top: auto;
        bottom: -0.125rem;
        background: rgba(110, 110, 110, 0.2); }

.design-language .invalid .form-label-group input + label:after,
.design-language .invalid .form-label-group input + label.slide-label:after,
.design-language .invalid .form-label-group input + label.slide-label.active-label:after,
.design-language .invalid .form-label-group input[type="text"] + label:after,
.design-language .invalid .form-label-group input[type="text"] + label.slide-label:after,
.design-language .invalid .form-label-group input[type="text"] + label.slide-label.active-label:after,
.design-language .invalid .form-label-group input[type="email"] + label:after,
.design-language .invalid .form-label-group input[type="email"] + label.slide-label:after,
.design-language .invalid .form-label-group input[type="email"] + label.slide-label.active-label:after,
.design-language .invalid .form-label-group input[type="num"] + label:after,
.design-language .invalid .form-label-group input[type="num"] + label.slide-label:after,
.design-language .invalid .form-label-group input[type="num"] + label.slide-label.active-label:after,
.design-language .invalid .form-label-group input[type="password"] + label:after,
.design-language .invalid .form-label-group input[type="password"] + label.slide-label:after,
.design-language .invalid .form-label-group input[type="password"] + label.slide-label.active-label:after,
.design-language .invalid .form-label-group input[type="tel"] + label:after,
.design-language .invalid .form-label-group input[type="tel"] + label.slide-label:after,
.design-language .invalid .form-label-group input[type="tel"] + label.slide-label.active-label:after,
.design-language .invalid .form-label-group select + label:after,
.design-language .invalid .form-label-group select + label.slide-label:after,
.design-language .invalid .form-label-group select + label.slide-label.active-label:after {
  background-color: #ed1c24; }

.design-language input[type="hidden"] + label,
.design-language input[type="hidden"] + label.slide-label,
.design-language input[type="hidden"] + label.slide-label.active-label {
  display: none; }

.design-language label.checkbox-wrapper,
.design-language .checkbox-wrapper {
  padding-left: 32px; }
  .design-language label.checkbox-wrapper input[type="checkbox"],
  .design-language label.checkbox-wrapper .checkbox,
  .design-language label.checkbox-wrapper input[type="checkbox"].checkbox,
  .design-language .checkbox-wrapper input[type="checkbox"],
  .design-language .checkbox-wrapper .checkbox,
  .design-language .checkbox-wrapper input[type="checkbox"].checkbox {
    left: 0;
    top: 0px;
    margin-right: 0.75rem;
    vertical-align: top; }
    .design-language label.checkbox-wrapper input[type="checkbox"] + .checkbox-visual,
    .design-language label.checkbox-wrapper .checkbox + .checkbox-visual,
    .design-language label.checkbox-wrapper input[type="checkbox"].checkbox + .checkbox-visual,
    .design-language .checkbox-wrapper input[type="checkbox"] + .checkbox-visual,
    .design-language .checkbox-wrapper .checkbox + .checkbox-visual,
    .design-language .checkbox-wrapper input[type="checkbox"].checkbox + .checkbox-visual {
      display: block;
      position: absolute;
      left: 0;
      top: -0.1rem;
      content: "";
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 3px;
      background: #f2f2f2;
      border: 2px solid rgba(110, 110, 110, 0.2);
      cursor: pointer; }
    .design-language label.checkbox-wrapper input[type="checkbox"]:hover + .checkbox-visual,
    .design-language label.checkbox-wrapper .checkbox:hover + .checkbox-visual,
    .design-language label.checkbox-wrapper input[type="checkbox"].checkbox:hover + .checkbox-visual,
    .design-language .checkbox-wrapper input[type="checkbox"]:hover + .checkbox-visual,
    .design-language .checkbox-wrapper .checkbox:hover + .checkbox-visual,
    .design-language .checkbox-wrapper input[type="checkbox"].checkbox:hover + .checkbox-visual {
      border-color: #0075BE; }
    .design-language label.checkbox-wrapper input[type="checkbox"]:checked + .checkbox-visual,
    .design-language label.checkbox-wrapper .checkbox:checked + .checkbox-visual,
    .design-language label.checkbox-wrapper input[type="checkbox"].checkbox:checked + .checkbox-visual,
    .design-language .checkbox-wrapper input[type="checkbox"]:checked + .checkbox-visual,
    .design-language .checkbox-wrapper .checkbox:checked + .checkbox-visual,
    .design-language .checkbox-wrapper input[type="checkbox"].checkbox:checked + .checkbox-visual {
      content: url("data:image/svg+xml; utf8, <svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.41421'><path d='M5.893 15.804l2.946-3.08 5.22 5.211 9.838-10.554 3.108 3.087-12.78 13.828-8.332-8.492z' fill='white' /></svg>");
      color: #FEFEFE;
      border-color: #0075BE;
      background: #0075BE; }

.margin-top-1 {
  margin-top: 1em; }

.transparent-background-imp {
  background: transparent !important; }

.no-border-right {
  border-right: none !important; }

.no-border-left {
  border-left: none !important; }

.width-100-percent-imp {
  width: 100% !important; }

.no-spacing-left {
  margin-left: 0 !important; }

.no-padding-bottom-imp {
  padding-bottom: 0 !important; }

.persona-carousel-flex {
  flex-basis: 39%; }

.personal-carousel .border-radius-bottom-4 {
  border-radius: 0 0 4px 4px; }

.box-shadow-10px {
  box-shadow: 10px; }

.padding-top-imp {
  padding-top: 1em; }

.padding-top-imp--3 {
  padding-top: 3em; }

.bh-savings-main-image {
  height: 93%;
  box-shadow: -20px 20px 20px #f6f6f6; }

.pop-with-blue-border-top:after {
  border-top: 4px solid #009ec9; }

.pop-cell {
  bottom: 0.5em; }

.pop-cell-note {
  bottom: 2.5em; }

.pop-cell-top-bottom-border {
  z-index: 2;
  border-top: 0.5px solid #d9dce1;
  border-bottom: 0.5px solid #d9dce1; }

.font-black {
  color: #001928; }

.edb-table-black-font > tbody > tr > td {
  color: #001928;
  text-align: left;
  vertical-align: top;
  font-size: 14px; }

@media screen and (max-width: 45.9375em) {
  .small-only-no-spacing-top {
    margin-top: 0 !important; }
  .small-only-spacing-top {
    margin-top: 1em; } }

@media screen and (min-width: 45.9375em) {
  .width-57-percent {
    width: 57%; } }

.justify-align-flex-end {
  align-items: flex-end;
  justify-content: flex-end; }

@media screen and (max-width: 45.9375em) {
  .small-only-border-with-shadow {
    border-radius: 4px;
    background-color: #fefefe;
    box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07); }
  .no-flex-for-small {
    display: block; } }

@media print, screen and (min-width: 45.9376em) {
  .flex-for-large {
    display: flex; }
  .large-only-border-with-shadow {
    border-radius: 4px;
    background-color: #fefefe;
    box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07); } }

.edb-table-top-pop-cell:after {
  border-top: 1px solid #d9dce1 !important; }

@media print, screen and (min-width: 63.9375em) {
  .large-3-and-half {
    flex: 0 0 29%;
    max-width: 29%; } }

.no-flex-grow {
  flex-grow: 0; }

.bh-mm-graph-container {
  position: relative; }

.bh-mm-graph-comments-top {
  position: absolute;
  top: 0rem;
  right: 5.3rem;
  bottom: auto;
  left: 1rem; }
  @media screen and (min-width: 376px) and (max-width: 550px) {
    .bh-mm-graph-comments-top {
      top: -0.8rem;
      right: 6.8rem;
      bottom: auto;
      left: 3rem; } }
  @media screen and (min-width: 551px) and (max-width: 767px) {
    .bh-mm-graph-comments-top {
      top: 0.8rem;
      right: 6.8rem;
      bottom: auto;
      left: 11rem; } }
  @media print, screen and (min-width: 46em) {
    .bh-mm-graph-comments-top {
      top: -0.8rem;
      right: 5rem;
      bottom: auto;
      left: 4rem; } }
  @media print, screen and (min-width: 63.9375em) {
    .bh-mm-graph-comments-top {
      top: 0rem;
      right: 7.7rem;
      bottom: auto;
      left: 9rem; } }
  @media screen and (min-width: 76.5625em) {
    .bh-mm-graph-comments-top {
      top: 0.7rem;
      right: 8.7rem;
      bottom: auto;
      left: 10rem; } }

.bh-mm-graph-comments-bottom {
  position: absolute;
  top: auto;
  right: 5.3rem;
  bottom: 6.1rem;
  left: 1rem; }
  @media screen and (min-width: 376px) and (max-width: 550px) {
    .bh-mm-graph-comments-bottom {
      top: auto;
      right: 6.8rem;
      bottom: 5.2rem;
      left: 3rem; } }
  @media screen and (min-width: 551px) and (max-width: 767px) {
    .bh-mm-graph-comments-bottom {
      top: auto;
      right: 6.8rem;
      bottom: 1.8rem;
      left: 11rem; } }
  @media print, screen and (min-width: 46em) {
    .bh-mm-graph-comments-bottom {
      top: auto;
      right: 5rem;
      bottom: 0.7rem;
      left: 4rem; } }
  @media print, screen and (min-width: 63.9375em) {
    .bh-mm-graph-comments-bottom {
      top: auto;
      right: 7.7rem;
      bottom: 1.2rem;
      left: 9rem; } }
  @media screen and (min-width: 76.5625em) {
    .bh-mm-graph-comments-bottom {
      top: auto;
      right: 8.7rem;
      bottom: 1.8rem;
      left: 10rem; } }

.comment-box-triangle {
  filter: drop-shadow(rgba(0, 25, 40, 0.12) 0 0 2px); }

.comment-box-triangle:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(254, 254, 254, 0);
  border-left-color: #fefefe;
  border-width: 5px;
  margin-top: -5px; }

.tabs__nav-item--tv > .tabs__nav-link.new-tab-design {
  line-height: 0.5rem;
  font-weight: 500; }

@media print, screen and (min-width: 46em) {
  .smaller-tabs .padding-bottom.small-only-padding--global.tabs {
    padding-left: 6rem;
    padding-right: 6rem; } }

@media print, screen and (min-width: 63.9375em) {
  .smaller-tabs .padding-bottom.small-only-padding--global.tabs {
    padding-left: 16rem;
    padding-right: 16rem; } }

.button-radius {
  border-radius: 5em; }

.design-language {
  /************************************/
  /*************LOGO COLOURS***********/
  /************************************/
  /************************************/
  /**********PRIMARY COLOURS***********/
  /************************************/
  /************************************/
  /*********FEEDBACK COLOURS***********/
  /************************************/
  /************************************/
  /******COMPLIMENTARY COLOURS*********/
  /************************************/
  /************************************/
  /************BMO SKY BLUE************/
  /************************************/
  /************************************/
  /**************BMO OLIVE*************/
  /************************************/
  /************************************/
  /*************BMO POOLSIDE***********/
  /************************************/
  /************************************/
  /*************BMO SUNFLOWER**********/
  /************************************/
  /************************************/
  /*************BMO LILAC**************/
  /************************************/
  /************************************/
  /**********BMO RETROSPECT************/
  /************************************/
  /************************************/
  /********GRID SCREEN SIZES***********/
  /************************************/
  /************************************/
  /**************FONTS*****************/
  /************************************/
  /************************************/
  /**************SPACING***************/
  /************************************/
  /************************************/
  /**************Z-Index Stack*********/
  /************************************/
  /*********************************************************/
  /*********************RESET*******************************/
  /*********************************************************/
  /****************Global STYLES*********************/
  /*****************************************************************************************************************/
  /*************************************************SCROLLBAR*******************************************************/
  /*****************************************************************************************************************/
  /*****************************************************************************************************************/
  /************************************************GLOBAL MEDIA QUERIES*********************************************/
  /*****************************************************************************************************************/
  /***********************************************************************************************/
  /************************************************INPUT Checkbox STYLES**************************/
  /***********************************************************************************************/
  /***********************************************************************************************/
  /************************************************CARD Checkbox STYLTES**************************/
  /***********************************************************************************************/
  /*********************************************/
  /**************SWITCH CHECKBOX ***************/
  /*********************************************/
  /***********************************************************************************************/
  /************************************************INPUT Radio STYLTES****************************/
  /***********************************************************************************************/
  /*******************************************/
  /******************BOX RADIOS***************/
  /*******************************************/ }
  .design-language input,
  .design-language select {
    font-family: "Heebo";
    font-size: 18px;
    color: #001928;
    transition: all 0.3s ease-out; }
  .design-language [role="button"] {
    cursor: pointer; }
  .design-language .positive {
    color: #0b8224; }
  .design-language .negative {
    color: #e3e1e2; }
  .design-language .hidden {
    display: none; }
  .design-language .hidden-label {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    transition: none;
    -moz-transition: none;
    -webkit-transition: none; }
  .design-language a.header-skip {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    width: 1px;
    height: 1px;
    overflow: hidden; }
  .design-language a.header-skip:focus {
    position: absolute;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
    colour: #fff;
    overflow: visible;
    clip: auto;
    height: 32px;
    padding: 0;
    box-sizing: border-box; }
  .design-language .align-center {
    text-align: center !important; }
  .design-language .align-right {
    text-align: right !important; }
  .design-language .align-left {
    text-align: left !important; }
  .design-language .v-align-top {
    vertical-align: top !important; }
  .design-language .v-align-middle {
    vertical-align: middle !important; }
  .design-language .v-align-bottom {
    vertical-align: bottom !important; }
  .design-language .block {
    display: block !important; }
  .design-language .inline {
    display: inline !important; }
  .design-language section:after {
    display: block;
    content: "";
    clear: both; }
  .design-language .pull-right {
    float: right !important; }
  .design-language .pull-left {
    float: left !important; }
  .design-language .center-self {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important; }
  .design-language .margin-auto {
    margin: 0 auto; }
  .design-language .no-margin {
    margin: 0 !important; }
  .design-language .scrollbar::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0); }
  .design-language .scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(255, 255, 255, 0); }
  .design-language .scrollbar::-webkit-scrollbar-thumb {
    background-color: #d9dce1; }
  .design-language input.material-input,
  .design-language select.material-input {
    display: inline-block;
    font-family: "Heebo";
    font-size: 18px !important;
    color: #001928;
    transition: all 0.3s ease-out;
    border: none !important;
    box-shadow: none !important; }
    .design-language input.material-input :disabled,
    .design-language select.material-input :disabled {
      color: grey; }
  .design-language input.material-input:first-letter,
  .design-language select.material-input:first-letter {
    text-transform: capitalize; }
  .design-language input.material-input:focus,
  .design-language select.material-input:focus,
  .design-language textarea.material-input:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important; }
  .design-language select.material-input {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right 8px top 20px;
    background-size: 6px 16px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none; }
  .design-language select::-ms-expand {
    display: none; }
  .design-language select:focus::-ms-value {
    color: #3d3c4c;
    background-color: transparent; }
  .design-language select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000; }
  .design-language .input-wrap {
    box-sizing: border-box;
    padding-top: 24px; }
    .design-language .input-wrap input {
      display: block; }
  .design-language option {
    font-size: 16px;
    padding: 8px;
    box-sizing: border-box; }
  .design-language textarea.material-input {
    border: none;
    border-bottom: 2px solid #f9f9f9;
    width: 393px;
    font-size: 10px;
    line-height: 24px;
    height: 24px;
    resize: vertical;
    font-family: "heebo";
    padding-bottom: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease; }
  .design-language textarea.active {
    width: 100%;
    height: 64px;
    border-bottom: 2px solid #0079c1;
    box-sizing: border-box; }
  .design-language textarea::-webkit-input-placeholder {
    height: 24px;
    color: #e3e1e2 !important;
    font-size: 10px;
    line-height: 24px; }
  .design-language textarea::-moz-placeholder {
    height: 24px;
    color: #e3e1e2;
    font-size: 10px;
    line-height: 24px; }
  .design-language textarea:-ms-input-placeholder {
    height: 24px;
    color: #e3e1e2 !important;
    font-size: 10px;
    line-height: 24px; }
  .design-language textarea:-moz-placeholder {
    height: 24px;
    color: #e3e1e2 !important;
    font-size: 10px;
    line-height: 24px; }
  .design-language .form-field {
    display: block;
    flex-flow: row;
    position: relative;
    clear: both; }
  .design-language .form-label-group {
    flex: 1 1 auto;
    position: relative;
    padding: 0px 0px 6px 0px;
    display: grid; }
  .design-language .form-label-group label.slide-label {
    z-index: 2;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    pointer-events: none;
    height: 42px;
    cursor: pointer;
    border-radius: 4px 0px 0px 4px;
    padding: 0 8px; }
  .design-language label.slide-label:before {
    z-index: 4;
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0px;
    background: #0079c1;
    transform: scaleX(0);
    transition: all 0.3s linear;
    top: 50px; }
  .design-language label.slide-label:after {
    z-index: 3;
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0px;
    background: #e3e1e2;
    top: 50px; }
  .design-language label.slide-label span.label-text {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px;
    color: #0079c1;
    transition: 0.3s ease-out; }
  .design-language label.slide-label.error-field span.label-text {
    color: #e3e1e2; }
  .design-language label.slide-label.error-field:before {
    background: #e3e1e2; }
  .design-language label.slide-label.valid:before {
    background: #0b8224; }
  .design-language label.slide-label.disabled {
    color: #e3e1e2; }
    .design-language label.slide-label.disabled span.label-text {
      color: #e3e1e2; }
  .design-language label.active-label {
    margin-top: -6px; }
    .design-language label.active-label:after {
      background: #e3e1e2; }
  .design-language label.active-label span.label-text {
    padding: 0px;
    font-size: 14px;
    margin-top: -4px; }
  .design-language input::placeholder {
    font-size: 16px; }
  .design-language input[type="text"],
  .design-language input[type="email"],
  .design-language input[type="password"],
  .design-language input[type="tel"],
  .design-language input[type="num"],
  .design-language select {
    width: 100%;
    height: 36px;
    line-height: 40px;
    margin: 7px 0px 0 0px;
    white-space: nowrap;
    border: none;
    background-color: rgba(225, 225, 225, 0);
    transition: all 0.3s ease-out;
    padding-top: 8px;
    padding-left: 8px;
    margin-top: 15px; }
  .design-language input[type="text"]:focus + label.slide-label:before,
  .design-language input[type="email"]:focus + label.slide-label:before,
  .design-language input[type="password"]:focus + label.slide-label:before,
  .design-language input[type="tel"]:focus + label.slide-label:before,
  .design-language input[type="num"]:focus + label.slide-label:before,
  .design-language select:focus + label.slide-label:before {
    visibility: visible;
    transform: scaleX(1); }
  .design-language input[type="text"]:focus + label.slide-label span.label-text,
  .design-language input[type="email"]:focus + label.slide-label span.label-text,
  .design-language input[type="password"]:focus + label.slide-label span.label-text,
  .design-language input[type="tel"]:focus + label.slide-label span.label-text,
  .design-language input[type="num"]:focus + label.slide-label span.label-text,
  .design-language select:focus + label.slide-label span.label-text {
    padding: 0px;
    font-size: 14px; }
  .design-language label.slide-label span.label-text {
    display: inline; }
  .design-language select {
    -webkit-margin-start: 0px;
    height: 44px;
    position: relative;
    top: -10px; }
  .design-language .input-helper-text {
    color: #646c76;
    font-size: 14px;
    line-height: 16px;
    display: block;
    margin-top: 8px; }
  .design-language .error-message {
    width: 100%;
    min-width: 150px;
    padding: 0px 32px 0px 19px;
    font-weight: 500;
    line-height: 16px;
    color: #c81414;
    background-repeat: no-repeat;
    background-position: left 0 top 1px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    margin-top: 8px;
    display: none;
    margin-bottom: 6px; }
    .design-language .error-message span {
      display: block; }
    .design-language .error-message.select {
      margin-top: 2px; }
    .design-language .error-message.has-error {
      visibility: visible;
      opacity: 1;
      display: block; }
  .design-language .half-input-width {
    width: 50%;
    float: left;
    box-sizing: border-box;
    margin-top: 3px; }
    .design-language .half-input-width .input-helper-text-pass-fail {
      display: block;
      color: #646c76;
      font-family: Heebo;
      font-size: 14px;
      line-height: 24px;
      padding: 4px 0 4px 32px;
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 24px 24px; }
      .design-language .half-input-width .input-helper-text-pass-fail.pass {
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 24px 24px;
        color: #646c76; }
      .design-language .half-input-width .input-helper-text-pass-fail.fail {
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 24px 24px;
        color: #646c76; }
  .design-language .input-wrap.input-checkbox {
    align-items: center;
    padding-left: 32px;
    padding-top: 0; }
    .design-language .input-wrap.input-checkbox label {
      cursor: pointer;
      position: relative;
      top: 0px;
      left: 12px;
      color: #e3e1e2;
      font-family: "heebo";
      font-size: 16px;
      font-weight: 400;
      letter-spacing: 0.15px;
      line-height: 24px; }
    .design-language .input-wrap.input-checkbox input[type="checkbox"] {
      position: relative;
      top: 26px;
      left: -28px;
      margin: 0px;
      width: 24px;
      height: 24px;
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: 2px solid #e3e1e2;
      border-radius: 4px;
      box-sizing: content-box;
      opacity: 0; }
      .design-language .input-wrap.input-checkbox input[type="checkbox"]:first-of-type {
        margin-top: -24px; }
      .design-language .input-wrap.input-checkbox input[type="checkbox"]:checked {
        opacity: 0; }
    .design-language .input-wrap.input-checkbox input[type="checkbox"] + label:before {
      content: "";
      position: absolute;
      top: 0px;
      left: -40px;
      display: inline-block;
      vertical-align: middle;
      margin: 0px;
      width: 24px;
      height: 24px;
      border: 2px solid #e3e1e2;
      border-radius: 4px;
      box-sizing: border-box; }
      .design-language .input-wrap.input-checkbox input[type="checkbox"] + label:before:hover {
        cursor: pointer; }
    .design-language .input-wrap.input-checkbox input[type="checkbox"]:checked + label:before {
      content: "";
      background-color: #0079c1;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 15px;
      border-color: #0079c1;
      cursor: pointer;
      border: 2px solid #0079c1 !important;
      padding-bottom: 0;
      box-sizing: border-box; }
      .design-language .input-wrap.input-checkbox input[type="checkbox"]:checked + label:before:focus + label:before {
        border: 2px solid #bedceb !important; }
    .design-language .input-wrap.input-checkbox input[type="checkbox"]:focus + label:before {
      border: 2px solid #73c3eb !important;
      box-shadow: 0 0 2px 1px rgba(115, 195, 235, 0.65); }
    .design-language .input-wrap.input-checkbox input[type="checkbox"]:checked:focus + label:before {
      border: 2px solid #73c3eb !important;
      box-shadow: 0 0 2px 1px rgba(115, 195, 235, 0.65); }
    .design-language .input-wrap.input-checkbox input[type="checkbox"].has-error + label:before {
      border: 2px solid #e3e1e2; }
    .design-language .input-wrap.input-checkbox input[type="checkbox"]:disabled + label:before {
      background-color: #f9f9f9;
      border: 2px solid #e3e1e2 !important; }
    .design-language .input-wrap.input-checkbox input[type="checkbox"]:checked:disabled + label:before {
      background-color: #f9f9f9;
      border: 2px solid #e3e1e2 !important; }
  .design-language .input-wrap.input-checkbox input[type="checkbox"]:focus {
    border: 2px solid #0079c1 !important;
    padding-bottom: 0;
    box-shadow: 0 0 2px 1px rgba(115, 195, 235, 0.65); }
  .design-language .grid .checkbox-cards {
    display: flex;
    flex-flow: row; }
  .design-language .checkbox-cards input[type="checkbox"] {
    display: none; }
  .design-language .bmo-card-checkbox.check-fixed-cards {
    margin: 0px 0px 16px 0px;
    display: block;
    float: left; }
  .design-language .bmo-card-checkbox.check-fixed-cards label {
    display: flex;
    flex-flow: column;
    position: relative;
    width: 234px;
    height: 100%;
    min-height: 170px;
    margin: 0px 8px;
    padding: 17px 8px;
    border: 3px solid #fff;
    border-radius: 4px;
    cursor: pointer;
    background: #fff;
    transition: all 0.3s ease-out;
    box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07); }
  .design-language .bmo-card-checkbox.check-fixed-cards label span {
    flex: 1 0 auto; }
  .design-language .bmo-card-checkbox.check-fixed-cards label span:last-child {
    margin: 0px; }
  .design-language .bmo-card-checkbox.check-fixed-cards label span.image {
    text-align: center;
    width: 96px;
    height: 72px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto; }
  .design-language .bmo-card-checkbox.check-fixed-cards label span.image img {
    pointer-events: none;
    /* - Fix for IE11 (tile not clickable on image) - */
    -moz-user-select: none;
    /* - Fix for Firefox (image auto selected when clicking on image - only when "pointer-events: none;
    " is set) - */ }
  .design-language .bmo-card-checkbox.check-fixed-cards label span.description {
    text-align: center;
    padding: 8px 0px 0px 0px;
    font-family: "heebo" bold;
    font-size: 16px;
    color: #e3e1e2; }
  .design-language .bmo-card-checkbox.check-fixed-cards label span.check {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -1px;
    /* - Fix for IE11 - keep -1px, not 0px */
    right: -1px;
    /* - Fix for IE11 - keep -1px, not 0px */
    width: 24px;
    height: 24px;
    border-radius: 0px 0px 0px 4px;
    background-repeat: no-repeat;
    background-color: #68bbe8;
    background-size: 16px 16px;
    background-position: center center;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in; }
  .design-language .bmo-card-checkbox.check-fixed-cards input[type="checkbox"] {
    opacity: 0;
    width: 0px;
    height: 0px;
    overflow: hidden; }
  .design-language .bmo-card-checkbox.check-fixed-cards input[type="checkbox"]:checked + label span.check {
    opacity: 1;
    visibility: visible;
    background-position: center center;
    background-size: 16px; }
  .design-language .bmo-card-checkbox.check-fixed-cards.error-field label {
    border: 3px solid #e3e1e2; }
  .design-language .bmo-card-checkbox.check-fixed-cards input[type="checkbox"]:checked + label,
  .design-language .bmo-card-checkbox.check-fixed-cards input[type="checkbox"]:focus + label,
  .design-language .bmo-card-checkbox.check-fixed-cards input[type="checkbox"]:checked:focus + label {
    border: 3px solid #0079c1; }
  .design-language .bmo-card-checkbox.check-fixed-cards input[type="checkbox"]:focus + label {
    border: 3px solid #73c3eb;
    box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.65); }
  .design-language .bmo-card-checkbox.check-fixed-cards input[type="checkbox"]:checked:focus + label {
    border: 3px solid #73c3eb;
    box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.65); }
  .design-language .bmo-card-checkbox.check-fixed-cards input[type="checkbox"]:checked:focus + label span.check {
    display: block; }
  .design-language .bmo-card-checkbox.check-fixed-cards input[type="checkbox"]:hover + label {
    box-shadow: 0 0 8px 0 rgba(0, 25, 40, 0.12), 0 4px 24px 0 rgba(0, 25, 40, 0.07); }
  .design-language .bmo-switch-wrap {
    width: 32px;
    cursor: pointer; }
    .design-language .bmo-switch-wrap:after {
      display: block;
      clear: both;
      content: ""; }
    .design-language .bmo-switch-wrap input {
      display: inline;
      width: 0px;
      height: 0px;
      overflow: hidden;
      opacity: 0;
      visibility: hidden; }
    .design-language .bmo-switch-wrap .bmo-switch-rail {
      height: 16px;
      border-radius: 8px;
      background: #d9dce1;
      width: 100%;
      transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease; }
      .design-language .bmo-switch-wrap .bmo-switch-rail.active {
        background: #7fbce0; }
    .design-language .bmo-switch-wrap .bmo-switch {
      height: 24px;
      width: 24px;
      min-width: 24px;
      max-width: 24px;
      padding: 0;
      border: none;
      background-color: #f5f6f7;
      box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
      position: relative;
      border-radius: 12px;
      top: -20px;
      left: -8px;
      transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      display: inline-block; }
      .design-language .bmo-switch-wrap .bmo-switch.active {
        background: #0079c1;
        left: 16px; }
  .design-language .input-wrap.input-radio {
    margin: 0; }
    .design-language .input-wrap.input-radio input {
      position: relative;
      left: -5px;
      opacity: 0;
      margin-top: -20px;
      width: 24px;
      height: 24px;
      -webkit-appearance: none !important;
      -moz-appearance: none !important;
      appearance: none !important;
      border: 2px solid #e3e1e2;
      border-radius: 24px; }
      .design-language .input-wrap.input-radio input:checked {
        opacity: 0; }
    .design-language .input-wrap.input-radio label {
      position: relative;
      top: -32px;
      margin-left: 12px;
      color: #e3e1e2;
      font-family: "heebo";
      font-size: 16px;
      font-weight: 400;
      letter-spacing: 0.15px;
      line-height: 24px; }
      .design-language .input-wrap.input-radio label::before {
        content: "";
        position: relative;
        top: 8px;
        left: -12px;
        display: inline-block;
        width: 24px;
        height: 24px;
        border: 2px solid #e3e1e2;
        border-radius: 24px;
        box-sizing: border-box;
        transition: background-color ease-in-out 250ms;
        transition: border ease-in-out 250ms; }
      .design-language .input-wrap.input-radio label:hover {
        cursor: pointer; }
    .design-language .input-wrap.input-radio input:checked + label::before {
      background-color: #fff;
      border: 6px solid #0079c1 !important; }
    .design-language .input-wrap.input-radio input.has-error + label::before {
      border: 2px solid #e3e1e2 !important; }
    .design-language .input-wrap.input-radio input:disabled + label::before {
      border: 2px solid #e3e1e2;
      background-color: #d5d8de; }
    .design-language .input-wrap.input-radio input:checked:disabled + label::before {
      background-color: #e3e1e2;
      border: 6px solid #f9f9f9 !important; }
    .design-language .input-wrap.input-radio input:focus + label::before {
      background-color: transparent;
      border: 2px solid #e3e1e2 !important;
      box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.65); }
    .design-language .input-wrap.input-radio input[type="radio"]:checked:focus + label::before {
      background-color: #fff;
      border: 6px solid #0079c1 !important; }
  .design-language .input-wrap.box-radio-wrap .error-message {
    margin-top: 8px; }
  .design-language .input-wrap.box-radio-wrap input[type="radio"] {
    display: inline-block;
    opacity: 0; }
  .design-language .input-wrap.box-radio-wrap input + label.box-radio-label {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #0079c1;
    border: 2px solid #e3e1e2;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 8px 16px;
    margin-left: -16px;
    margin-right: 12px;
    text-transform: capitalize;
    font-family: "heebo";
    line-height: 16px; }
    .design-language .input-wrap.box-radio-wrap input + label.box-radio-label.has-error {
      border: 2px solid #e3e1e2; }
    .design-language .input-wrap.box-radio-wrap input + label.box-radio-label:disabled {
      border: 2px solid #e3e1e2;
      color: #e3e1e2; }
  .design-language .input-wrap.box-radio-wrap input + label.box-radio-label:focus {
    background: #0079c1;
    border: 2px solid #0079c1;
    color: #fff;
    box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.35); }
  .design-language .input-wrap.box-radio-wrap input[type="radio"]:hover + label,
  .design-language .input-wrap.box-radio-wrap input[type="radio"]:checked + label,
  .design-language .input-wrap.box-radio-wrap input[type="radio"]:checked:focus + label {
    background: #0079c1;
    border: 2px solid #0079c1;
    color: #fff; }
  .design-language .input-wrap.box-radio-wrap input[type="radio"]:focus + label,
  .design-language .input-wrap.box-radio-wrap input[type="radio"]:checked:focus + label {
    border: 2px solid #73c3eb;
    box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.35); }
  .design-language .input-wrap.box-radio-wrap input[type="radio"]:disabled + label {
    border: 2px solid #e3e1e2;
    color: #e3e1e2;
    cursor: default;
    background-color: transparent; }
  .design-language .input-wrap.box-radio-wrap input[type="radio"]:checked:disabled + label {
    border: 2px solid #e3e1e2;
    color: #fff;
    background-color: #e3e1e2; }
  .design-language .negative-margin-top {
    margin-top: -25px; }

.video-label {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8px 24px 8px 24px;
  background-color: #005587;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.25px;
  line-height: 16px;
  text-transform: uppercase; }

.zero-padding {
  padding: 0px; }

/***********************************************************************************************/
/**************************************Bank Facts Page STYLES***********************************/
/***********************************************************************************************/
.bank-facts--header {
  font-weight: 400;
  font-size: 2.2rem;
  margin-top: 2rem; }

.bank-facts.max-width--60 {
  max-width: 60rem; }

.bank-facts-table--margin-top {
  margin-top: 3rem; }

.bank-facts-large-table {
  width: 100%;
  table-layout: fixed; }

.bank-facts--secondary-header {
  text-align: center;
  font-weight: 400;
  margin-bottom: 2rem; }

.bank-facts--img-description {
  text-align: center;
  font-weight: 400;
  margin-top: 1rem;
  margin-bottom: 2rem; }

.bank-facts--footer-font {
  font-size: 0.85rem; }

.bank-facts--font-normal {
  font-weight: 300; }

.bank-facts--footer-margin-control {
  margin-bottom: -4rem; }

.bank-facts--font-bold {
  font-weight: 700; }

.bank-facts--footer-line-height {
  line-height: 2rem; }

.bank-facts--footer-padding {
  padding-left: 0.25rem; }

.bank-facts--footer-2-padding {
  padding-left: 0.8rem; }

.bank-facts--footer-margin {
  margin-bottom: 2rem; }

.bank-facts--sup-font {
  font-size: 0.75rem; }

.bank-facts-disclaimer--font-bold {
  font-weight: 700;
  margin: 0; }

.bank-facts-disclaimer-second--font-medium {
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 1rem; }

.bank-facts-questions-diagram-one--margin {
  margin-right: 0.5rem; }

.bank-facts-questions-diagram-two--margin {
  margin-left: 0.5rem; }

.bank-facts-questions--padding-bottom {
  padding-bottom: 2.5rem; }

.bank-facts-quick-links--height {
  height: 9rem; }

.bank-facts-quick-links--font-400 {
  font-weight: 400; }

.bank-facts-quick-links--font-medium {
  font-size: 1rem; }

.bank-facts-quick-links-container--padding {
  padding-bottom: 0; }

.bank-facts-quick-links-lists--margin-right {
  margin-right: 3rem; }

.bank-facts-map-img picture {
  width: 47%; }

.bank-facts-main-table td.info-header {
  border-right: 0.0625rem solid #cacaca;
  width: 40%;
  text-align: right;
  padding: 1.5rem 2.5rem 2rem;
  font-weight: 500;
  vertical-align: top; }

.bank-facts-main-table td.info-detail {
  text-align: left;
  padding: 1.5rem 0 2rem 2rem;
  vertical-align: top; }

.bank-facts-main-table th.info-detail {
  text-align: left;
  padding: 1.5rem 0 2rem 2rem;
  vertical-align: top;
  font-weight: 400; }

.bank-facts-main-table--heading {
  height: 6rem !important; }

tr.bank-facts-main-table--heading {
  background: transparent !important; }

.bank-facts-main-table tr {
  height: 4.5rem; }

.bank-facts-main-table.table-color-odd tr:nth-child(even) {
  background-color: #f5f6f7; }

.bank-facts-asset-info-table th.asset-info-header {
  border-right: 0.0625rem solid #cacaca;
  text-align: left;
  padding: 1.5rem 2.5rem 2rem;
  font-weight: 400;
  width: 50%; }

.bank-facts-asset-info-table td.asset-info-detail {
  text-align: left;
  padding: 1.5rem 0 2rem 2rem; }

.bank-facts-asset-info-table th.asset-info-detail {
  text-align: left;
  padding: 1.5rem 0 2rem 2rem;
  font-weight: 400; }

.bank-facts-asset-info-table.table-color-odd tr:nth-child(odd) {
  background-color: #f5f6f7; }

.bank-facts-asset-info-table.table-color-even tr:nth-child(even) {
  background-color: #f5f6f7; }

tr.bank-facts-asset-info-table--heading {
  background: transparent !important; }

.bank-facts-credit-ratings-table th.credit-ratings-header:first-child {
  border-right: 0.0625rem solid #cacaca;
  text-align: left;
  padding: 1.5rem 2.5rem 2rem;
  font-weight: 400;
  width: 41%; }

.bank-facts-credit-ratings-table th.credit-ratings-header:not(:first-child) {
  text-align: left;
  padding: 1.5rem 0 2rem 2rem;
  font-weight: 400;
  border-right: 0.0625rem solid #cacaca; }

.bank-facts-credit-ratings-table td.credit-ratings-detail:first-child {
  border-right: 0.0625rem solid #cacaca;
  text-align: left;
  padding: 1.5rem 2.5rem 2rem;
  font-weight: 400;
  width: 41%; }

.bank-facts-credit-ratings-table td.credit-ratings-detail:not(:first-child) {
  text-align: left;
  padding: 1.5rem 0 2rem 2rem;
  border-right: 0.0625rem solid #cacaca; }

.bank-facts-credit-ratings-table th.credit-ratings-detail {
  text-align: center;
  font-weight: 400;
  border-right: 0.0625rem solid #cacaca; }

.bank-facts-credit-ratings-table th.credit-ratings-header.no-border {
  border-right: none; }

.bank-facts-credit-ratings-table td.credit-ratings-detail.no-border {
  border-right: none; }

.bank-facts-credit-ratings-table.table-color-odd tr:nth-child(odd) {
  background-color: #f5f6f7; }

.bank-facts-credit-ratings-table.table-color-even tr:nth-child(even) {
  background-color: #f5f6f7; }

tr.bank-facts-credit-ratings-table--heading {
  background: transparent !important; }

.bank-facts-quick-links--space-bottom {
  margin-bottom: 1rem; }

@media screen and (max-width: 47.9375rem) {
  .bank-facts-quick-links--space-bottom {
    margin-bottom: 0; } }

.bank-facts-quick-links--links-section {
  display: flex;
  width: 100%;
  padding-bottom: 0.5em;
  align-items: center;
  padding-left: 1.5rem;
  flex-wrap: wrap; }

@media screen and (min-width: 48rem) and (max-width: 63.9375rem) {
  .bank-facts-quick-links--links-section {
    padding-left: 2.9rem; } }

@media screen and (max-width: 47.9375rem) {
  .bank-facts-quick-links--links-section {
    padding-left: 0; } }

.bank-facts-quick-links--links-wrapper {
  position: relative;
  padding-top: 2em;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-top: 0 !important; }

@media screen and (min-width: 46em) {
  .bank-facts-quick-links--links-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

.bank-facts-quick-links--links-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 1.5rem; }

@media screen and (min-width: 47.9375rem) and (max-width: 63.9375rem) {
  .bank-facts-quick-links--links-list {
    padding-left: 3rem; } }

@media screen and (max-width: 47.9375rem) {
  .bank-facts-quick-links--links-list {
    padding-left: 0; } }

.bank-facts-quick-links--links-container {
  margin-right: auto;
  margin-left: auto;
  max-width: 75rem; }

@media screen and (min-width: 47.9375rem) and (max-width: 63.9375rem) {
  .bank-facts-quick-links--links-container {
    max-width: 45.7rem; } }

@media screen and (min-width: 45.938rem) and (max-width: 47.9375rem) {
  .bank-facts-quick-links--links-container {
    max-width: 39.9rem; } }

@media screen and (max-width: 45.938rem) {
  .bank-facts-quick-links--links-container {
    max-width: 42.5rem; } }

.bank-facts-quick-links--background {
  background-color: #f5f6f7; }

.bank-facts-button--padding {
  padding-left: 5rem;
  padding-right: 5rem; }

.bank-facts-button--flex-center {
  display: flex !important;
  justify-content: center;
  align-items: center; }

.bank-facts-button--design {
  background: #d9dce1;
  height: 56px;
  border-radius: 28px;
  border: 2px solid #d9dce1;
  padding-left: 32px;
  font-weight: 700;
  padding-right: 32px;
  font-size: 14px;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: uppercase;
  display: inline-block;
  line-height: 52px;
  text-align: center;
  transition: all .2s ease;
  -moz-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  overflow: hidden;
  text-decoration: none; }

.bank-facts-button--design__primary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 5em !important;
  background: #0075be;
  border: 2px solid #0075be;
  color: #ffffff !important;
  display: inline-block;
  min-width: 190px;
  width: auto;
  letter-spacing: 0.015rem;
  padding: 1em 1.5em; }

@media screen and (max-width: 45.99875em) {
  .bank-facts-button--design__primary {
    min-width: 170px;
    width: auto; } }

.bank-facts-button--design__primary:hover {
  background: #005587;
  border: 2px solid #005587;
  box-sizing: border-box; }

.bank-facts-button--design__primary:focus {
  border: 2px solid #73c3eb;
  box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.35); }

.bank-facts-button--design__secondary {
  background: rgba(255, 255, 255, 0);
  border: 2px solid #0075be;
  color: #0075be; }

.bank-facts-button--design__secondary:hover {
  background: rgba(255, 255, 255, 0);
  border: 2px solid #005587;
  color: #005587;
  text-decoration: none; }

.bank-facts-button--design__secondary:hover svg path {
  fill: #005587; }

.bank-facts-button--design__secondary:focus {
  border: 2px solid #73C3EB;
  box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.35);
  text-decoration: none; }

.bank-facts-button--design__secondary svg path {
  fill: #0075be; }

.bank-facts-button--design__loans {
  min-width: 250px; }

@media screen and (max-width: 47.9375rem) {
  .bank-facts-main-table th.info-header {
    padding: 1.5rem 1rem; }
  .bank-facts-main-table td.info-detail {
    padding: 1.5rem 1rem 2rem 1rem; }
  .bank-facts-main-table th.info-detail {
    padding: 1.5rem 1rem 2rem 1rem; }
  .bank-facts-credit-ratings-table {
    table-layout: fixed; }
  .bank-facts-credit-ratings-table th.credit-ratings-header:first-child {
    padding: 0.5rem 0 0.5rem 0.5rem;
    width: 33%; }
  .bank-facts-credit-ratings-table th.credit-ratings-header:nth-child(2) {
    text-align: center;
    width: 21%;
    padding: 0; }
  .bank-facts-credit-ratings-table th.credit-ratings-header:nth-child(3) {
    text-align: center;
    width: 15%;
    padding: 0; }
  .bank-facts-credit-ratings-table th.credit-ratings-header:nth-child(4) {
    text-align: center;
    width: 15%;
    padding: 0; }
  .bank-facts-credit-ratings-table th.credit-ratings-header:nth-child(5) {
    text-align: center;
    width: 16%;
    padding: 0; }
  .bank-facts-main-table thead th {
    padding: 0; }
  .bank-facts-credit-ratings-table td.credit-ratings-detail:first-child {
    padding: 0.5rem 0 0.5rem 0.5rem; }
  .bank-facts-credit-ratings-table td.credit-ratings-detail:not(:first-child) {
    text-align: center;
    padding: 0.5rem 0; }
  .sm-table--font {
    font-size: 0.9rem; }
  .bank-facts-questions-diagram-one--margin {
    margin: 0; }
  .bank-facts-questions-diagram-two--margin {
    margin: 0; }
  .bank-facts-questions--padding-bottom {
    padding-bottom: 0; }
  .bank-facts-map-img picture {
    width: 90%; }
  .bank-facts-footnote--font-x-small {
    font-size: 0.625rem; } }

@media screen and (min-width: 47.9375rem) and (max-width: 63.9375rem) {
  .bank-facts--img-description {
    padding: 0 1.5rem; }
  .bank-facts-map-img picture {
    width: 65%; } }

.hide-header {
  visibility: hidden; }

/***********************************************************************************************/
/**************************************IRA CDS Page STYLES***********************************/
/***********************************************************************************************/
.ira-cds-header {
  font-weight: 400;
  font-size: 2.2rem;
  margin-top: 2rem; }

.ira-cds-main-header-display {
  display: flex;
  justify-content: center; }

.ira-cds-sup-font {
  font-size: 0.7rem;
  top: 2.3em; }

@media screen and (max-width: 24em) {
  .ira-cds-sup-font {
    font-size: 0.7rem;
    top: 7em;
    right: 4.3em; } }

.ira-cds-pill-border-radius {
  border-radius: 0.6em; }

.ira-cds-full-width {
  width: 100%; }

.ira-cds-diplay-flex {
  display: flex; }

.ira-cds-features-container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }

.ira-cds-features-lists {
  flex: 1 1 50%;
  max-width: 50%;
  padding-right: 10px;
  box-sizing: border-box; }

@media screen and (max-width: 76.5rem) {
  .ira-cds-features-lists {
    flex: 0 0 100%;
    max-width: 100%; } }

@media screen and (max-width: 76.5rem) {
  .ira-cds-max-width-large {
    max-width: 40rem; } }

.ira-cds-features-max-width {
  max-width: 40rem; }

.ira-cds-features-line-height {
  line-height: 2; }

.ira-cds-features-margin-top {
  margin-top: 3rem; }

.ira-cds-features-title {
  margin-bottom: 1rem;
  font-weight: 700; }

.ira-cds--list-unstyled {
  list-style: none; }

.ira-cds-content-padding {
  padding-bottom: 0.5rem; }

@media print, screen and (max-width: 48rem) {
  .ira-cds-features-padding-medium {
    padding-left: 2rem; } }

@media print, screen and (max-width: 48rem) {
  .ira-cds-features-margin-medium {
    margin-left: 2rem; } }

.ira-cds-tab-button-padding {
  padding-left: 1rem;
  padding-right: 1rem; }

.ira-cds-tab-font-weight-medium {
  font-weight: 500; }

.ira-cds-tab-margin-top {
  margin-top: 4rem; }

.ira-cds-col-5-list {
  flex: 0 0 20%;
  max-width: 20%; }

@media print, screen and (max-width: 45.99875rem) {
  .ira-cds-col-5-list {
    flex: 0 0 50%;
    max-width: 50%; } }

.ira-cds-col-3-lists {
  flex: 0 0 100%;
  max-width: 100%; }

.ira-cds-col-2-lists {
  flex: 0 0 100%;
  max-width: 100%; }

@media print, screen and (min-width: 45.99875rem) {
  .ira-cds-col-2-options-lists {
    flex: 0 0 50%;
    max-width: 50%; } }

.ira-cds-col-3-long-list {
  flex: 0 0 100%;
  max-width: 100%; }

.ira-cds-col-3-short-list {
  flex: 0 0 100%;
  max-width: 100%; }

.ira-cds-col-display {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  line-height: 2; }

.ira-cds-tab-lists-space {
  margin-left: 1.3rem; }

.ira-cds-sub-header-space {
  margin-top: 0.5rem;
  margin-bottom: 1rem; }

.ira-cds-zipcode-update-form input[type="text"] {
  width: 15rem;
  margin: 0;
  padding-left: 0;
  padding-top: 1.2rem;
  background: transparent;
  border: 0;
  box-shadow: none;
  border-bottom: 2px solid;
  margin-bottom: 10px !important; }

@media screen and (max-width: 45.99875rem) {
  .ira-cds-zipcode-update-form input[type="text"] {
    width: 9rem; } }

.ira-cds-label-font {
  font-size: 16px;
  padding-top: 0.8rem;
  padding-right: 1rem; }

input#standard-cd-zipcode-value-desktop {
  margin-left: 1rem; }

.ira-cds-rate-title {
  font-weight: 700;
  padding-bottom: 0.3rem; }

.ira-cds-rate-form-margin {
  margin-top: 1rem; }

.ira-cds-find-rates-button {
  text-decoration: none;
  font-size: .875rem;
  line-height: 1.5rem;
  letter-spacing: .01562rem;
  font-weight: 300;
  text-transform: none;
  font-weight: 600;
  display: inline-block;
  padding: 1em 2em;
  border: .125rem solid #0075be;
  border-radius: 5em;
  background: #0075be;
  color: #fefefe;
  text-align: center;
  transition: background-color .3s ease,color .3s ease,border-color .3s ease;
  cursor: pointer;
  max-width: 90vw; }

.ira-cds-find-rates-button:hover, .ira-cds-find-rates-button:focus, .ira-cds-find-rates-button.active {
  background: #005587;
  border-color: #005587;
  color: #FEFEFE;
  text-decoration: none; }

.ira-cds-find-rates-button-margin {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.ira-cds-table-width {
  max-width: 30rem;
  margin-right: auto;
  margin-left: auto; }

.ira-cds-rates-table {
  font-size: 0.875rem;
  margin-bottom: 2rem; }

.ira-cds-rates-table th,
.ira-cds-rates-table td {
  text-align: left;
  font-size: 0.875rem;
  width: 50%; }

.ira-cds-rates-table td {
  background-color: #f5f6f7; }

.ira-cds-rates-table a {
  font-weight: bold;
  font-size: 0.9375rem; }

@media screen and (max-width: 45.99875rem) {
  .ira-cds-rates-table {
    border-bottom: 1px solid #cacaca;
    margin-bottom: 2rem; } }

@media screen and (max-width: 45.99875rem) {
  .ira-cds-rates-table td:first-child {
    font-weight: bold; } }

@media print, screen and (min-width: 45.99875rem) {
  .ira-cds-rates-table th,
  .ira-cds-rates-table td {
    width: 0; }
  .ira-cds-rates-table th {
    padding: 0.625rem 0 0.5rem 0.5rem; }
  .ira-cds-rates-table td {
    padding: 1rem 0 1rem 0.5rem; }
  .ira-cds-rates-table td:first-child {
    font-weight: bold;
    font-size: 0.875rem; } }

.ira-cds-rates-table__head-row {
  border-bottom: 2px solid #929ba9; }

.ira-cds-rates-table tbody tr {
  border-bottom: 1px solid #cacaca; }

.ira-cds-rates-table .rate-apr {
  font-size: 1.25rem; }

.ira-cds-rates-table .rate-amount {
  font-size: 1.25rem; }

.ira-cds-rates-table .rate-special-intro .rate-apr {
  font-weight: bold; }

.ira-cds-rates-table .ira-cds-rates-table-secondary-header th {
  border-bottom: 1px solid #cacaca;
  background-color: #f5f6f7; }

.ira-cds-rates-table th {
  border-bottom: 1px solid #414141; }

.ira-cds-rates-table th:first-child {
  padding: 1rem 0 1rem 1rem; }

.ira-cds-rates-table td:first-child {
  padding-left: 1rem; }

.ira-cds-rates-table tbody tr td:nth-of-type(even) {
  background-color: #fefefe; }

@media print, screen and (max-width: 63.9375rem) {
  .ira-cds--tab-lists-mobile {
    justify-content: flex-start;
    margin-right: auto;
    margin-left: auto; } }

@media print, screen and (max-width: 45.99875rem) {
  .ira-cds-tab-display-mobile {
    flex: 0 0 100%;
    max-width: 100%; }
  .ira-cds-tab-display-link-mobile {
    display: block; }
  .ira-cds-features-tab-margin-mobile {
    margin-left: 1rem; }
  .ira-cds-terms-tab-margin-mobile {
    margin-left: 1.5rem; }
  .ira-cds-global-padding-mobile {
    padding-right: 1.5rem;
    padding-left: 1.5rem; } }

@media print, screen and (min-width: 63.9375rem) {
  .ira-cds-tab-width {
    width: 57rem; }
  .ira-savers-tab-width {
    width: 59rem; } }

.ira-cds-penalty-table {
  font-size: 12px;
  line-height: 0; }

@media print, screen and (max-width: 63.9375rem) {
  .ira-cds-penalty-table tbody td {
    line-height: 1.3em;
    padding: 0; } }

@media print, screen and (max-width: 45.99875rem) {
  .ira-cds-tabs-padding-mobile {
    padding-top: 1rem; } }

@media print, screen and (min-width: 45.99875rem) {
  .ira-cds--content-center {
    justify-content: center; } }

@media print, screen and (min-width: 23.75rem) {
  .ira-cds--content-center-medium {
    justify-content: center; } }

.ira-cds-penalty-table th {
  width: 50%;
  font-size: 0.85rem;
  font-weight: 700; }

.ira-cds-page-tabs {
  scroll-behavior: smooth;
  scrollbar-width: none; }

.ira-cds-page-tabs::before {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1; }

.ira-cds-page-tabs__menu {
  scroll-behavior: smooth; }

.ira-cds-page-tabs::after {
  clear: both;
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1; }

@media screen and (max-width: 47.9375rem) {
  .ira-cds-page-tabs--sm-only-albicant-shadow {
    background: linear-gradient(90deg, #e5e5e5, #f5f6f7, 15%, #f5f6f7 85%, #e5e5e5); } }

@media screen and (max-width: 47.9375rem) {
  .ira-cds-page-tabs--sm-only-shadow {
    background: linear-gradient(90deg, #e5e5e5, #fff 15%, #fff 85%, #e5e5e5); } }

@media screen and (max-width: 47.9375rem) {
  .ira-cds-page-tabs--sm-only-shadow-no-bg {
    background: linear-gradient(90deg, #e5e5e5, transparent 15%, transparent 85%, #e5e5e5); } }

@media screen and (max-width: 47.9375rem) {
  .ira-cds-page-tabs--md-down-shadow-no-bg {
    background: linear-gradient(90deg, #e5e5e5, transparent 15%, transparent 85%, #e5e5e5); } }

@media screen and (max-width: 79.9375rem) {
  .ira-cds-page-tabs--lg-down-shadow-no-bg {
    background: linear-gradient(90deg, #e5e5e5, transparent 15%, transparent 85%, #e5e5e5); } }

.ira-cds-page-tabs--xl-down-shadow-no-bg {
  background: linear-gradient(90deg, #e5e5e5, transparent 15%, transparent 85%, #e5e5e5); }

@media screen and (max-width: 63.9375rem) {
  .ira-cds-page-tabs--md-down-shadow {
    background: linear-gradient(90deg, #e5e5e5, #fff 15%, #fff 85%, #e5e5e5); } }

@media screen and (max-width: 79.9375rem) {
  .ira-cds-page-tabs--lg-down-shadow {
    background: linear-gradient(90deg, #e5e5e5, #fff 15%, #fff 85%, #e5e5e5); } }

.ira-cds-page-tabs--xl-down-shadow {
  background: linear-gradient(90deg, #d9dce1 0, #f5f6f7 15%, #f5f6f7 85%, #d9dce1); }

.ira-cds-page-tabs--item {
  border: 0 solid transparent;
  flex: 100%;
  color: #001928;
  transition: border .3s ease;
  padding-top: 1rem; }

.ira-cds-page-tabs--item.sm-p--0 {
  padding-top: 0; }

.ira-cds-page-tabs--item__no-flex, .ira-cds-page-tabs--item.flex--none {
  flex: none; }

@media screen and (min-width: 48rem) {
  .ira-cds-page-tabs--item:first-child {
    padding-left: 1rem; } }

.ira-cds-page-tabs--item:first-child::after {
  border-top-left-radius: 6.25rem;
  border-bottom-left-radius: 6.25rem; }

@media screen and (min-width: 48rem) {
  .ira-cds-page-tabs--item:last-child {
    padding-right: 1rem; } }

.ira-cds-page-tabs--item:last-child::after {
  border-top-right-radius: 6.25rem;
  border-bottom-right-radius: 6.25rem; }

.ira-cds-page-tabs--item::after {
  content: "";
  margin-top: 1em;
  border: 0.125rem solid #d9dce1;
  background-color: #d9dce1;
  display: block; }

.ira-cds-page-tabs--item i.icon--step1 svg > *,
.ira-cds-page-tabs--item i.icon--step2 svg > *,
.ira-cds-page-tabs--item i.icon--step3 svg > * {
  fill: #646c76 !important; }

.ira-cds-page-tabs--item i.icon--circle-one-blue svg > g > g > g > g rect,
.ira-cds-page-tabs--item i.icon--circle-two-blue svg > g > g > g > g rect,
.ira-cds-page-tabs--item i.icon--circle-three-blue svg > g > g > g > g rect {
  stroke: #646c76 !important; }

.ira-cds-page-tabs--item i.icon--circle-one-blue svg > g > g > g > g polygon,
.ira-cds-page-tabs--item i.icon--circle-two-blue svg > g > g > g > g path,
.ira-cds-page-tabs--item i.icon--circle-three-blue svg > g > g > g > g path {
  fill: #646c76 !important; }

.ira-cds-page-tabs--item.is-active {
  color: #0075be; }

.ira-cds-page-tabs--item.is-active::after {
  content: "";
  display: block;
  margin-top: 1rem;
  border: 0.125rem solid #0075be;
  background-color: #0075be;
  border-radius: 6.25rem; }

.ira-cds-page-tabs--item.is-active button {
  color: #001928; }

.ira-cds-page-tabs--item.is-active i.icon--step1 svg > *,
.ira-cds-page-tabs--item.is-active i.icon--step2 svg > *,
.ira-cds-page-tabs--item.is-active i.icon--step3 svg > * {
  fill: #0079c1 !important; }

.ira-cds-page-tabs--item.is-active i.icon--circle-one-blue svg > g > g > g > g rect,
.ira-cds-page-tabs--item.is-active i.icon--circle-two-blue svg > g > g > g > g rect,
.ira-cds-page-tabs--item.is-active i.icon--circle-three-blue svg > g > g > g > g rect {
  stroke: #0079c1 !important; }

.ira-cds-page-tabs--item.is-active i.icon--circle-one-blue svg > g > g > g > g polygon,
.ira-cds-page-tabs--item.is-active i.icon--circle-two-blue svg > g > g > g > g path,
.ira-cds-page-tabs--item.is-active i.icon--circle-three-blue svg > g > g > g > g path {
  fill: #0079c1 !important; }

.ira-cds-page-tabs--button {
  width: 100%;
  color: #646C76;
  text-decoration: none;
  border: 2px solid transparent;
  cursor: pointer; }

.ira-cds-page-tabs--button:hover {
  color: #0075be; }

.ira-cds-page-tabs--button:after {
  margin-top: 4px; }

.ira-cds-page-tabs--link {
  cursor: pointer; }

.ira-cds-page-tabs--link:hover {
  color: #0075be; }

@media screen and (min-width: 45.99875rem) {
  .ira-cds-intro-max--width {
    max-width: 56.3%; } }

.ira-savers-col-display {
  display: flex;
  width: 100%;
  flex-flow: row wrap; }

.ira-cds-arrow-up-icon {
  font-size: 0.5em !important; }

.hover--white a:focus, .hover--white button:focus {
  outline: 1px solid #fff; }

.hover--white a:focus, .hover--white button:not(.accordion-title):not(.accordion__title):focus {
  padding: 0.01px; }

.legal-footer-bottom-padding {
  padding-bottom: 8px; }

/***********************************************************************************************/
/**************************************BMO Harris About Us STYLES*******************************/
/***********************************************************************************************/
@media (min-width: 1025px) {
  .about-us-slideshow-arrows .carousel-control-default-button {
    margin: -30px 0 0 30px; } }

.about-us-three-columns-max-width {
  max-width: 55rem; }

.about-us-three-columns-spacing-bottom {
  margin-bottom: 4.5em; }

.about-us-three-columns-padding-bottom {
  padding-bottom: 3rem; }

/***********************************************************************************************/
/***********************BMO Harris scams what to watch for STYLES*******************************/
/***********************************************************************************************/
.harris-scams-heading-1-font-size {
  font-size: 2em; }

.harris-scams-heading-2-font-size {
  font-size: 1.24969rem; }

.harris-scams-heading-3-font-size {
  font-size: 1.06219rem; }

.harris-scams-no-underline {
  text-decoration: none !important; }

.background-white-not-on-hover {
  background: #FEFEFE; }

/***********************************************************************************************/
/***********************BMO Harris heloc-for-debt-consolidation STYLES*******************************/
/***********************************************************************************************/
.harris-heloc-no-padding {
  padding-right: 0 !important; }

.harris-heloc-font-style {
  line-height: 1.4rem;
  color: #0075be; }

.harris-heloc-header-font {
  font-size: 1.125rem;
  font-weight: 300; }

@media print, screen and (max-width: 45.99875rem) {
  .harris-heloc-header-font {
    font-size: 0.82rem; }
  .harris-heloc-small-only-no-padding-bottom {
    padding-bottom: 0; } }

@media screen and (min-width: 46em) and (max-width: 63.93625em) {
  .harris-heloc-medium-only-margin-left {
    margin-left: 2rem; } }

.harris-heloc-font-size-17 {
  font-size: 17px; }

/***********************************************************************************************/
/***********************************BMO Harris referral STYLES**********************************/
/***********************************************************************************************/
.referral-legend-h2-font-size {
  font-size: 1.125rem; }

/***********************************************************************************************/
/************************BMO Harris increase sales in 90 days STYLES****************************/
/***********************************************************************************************/
.increase-sales-list-padding {
  padding-left: 20px; }

.increase-sales-heading-step-styles {
  font-size: 16px;
  padding-bottom: 16px; }

.increase-sales-have-questions-heading {
  font-size: 1.24969rem; }

.legal-footer-focus-state:focus {
  border: 2px solid white;
  outline: 0; }

/***********************************************************************************************/
/***********************BMO Harris increase-in-home-value STYLES*******************************/
/***********************************************************************************************/
.home-value-header-font-size {
  font-size: 18px; }

@media screen and (max-width: 45.99875em) {
  .home-value-header-font-size {
    font-size: 14px; } }

/***********************************************************************************************/
/************************BMO Harris business structures STYLES**********************************/
/***********************************************************************************************/
.business-structure-heading-large {
  font-family: "Heebo", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-bottom: 0;
  font-size: 30px; }

.business-structure-heading-medium {
  font-family: "Heebo", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-bottom: 0;
  font-size: 3vw; }

/***********************************************************************************************/
/************************BMO Harris business switch kit STYLES**********************************/
/***********************************************************************************************/
.tab-highlighting:focus {
  outline: 2px solid #0075be;
  outline-offset: 2px; }

.break-all {
  word-break: break-all; }

@media screen and (min-width: 76.5625em) {
  .xlarge-padding-top {
    padding-top: 1em; }
  .xlarge-padding-top--large {
    padding-top: 2em !important; }
  .xlarge-padding-top--x-large {
    padding-top: 4em; }
  .xlarge-padding-bottom {
    padding-bottom: 1em; }
  .xlarge-padding-bottom--large {
    padding-bottom: 2em !important; }
  .xlarge-padding-bottom--x-large {
    padding-bottom: 4em; }
  .xlarge-spacing-top {
    margin-top: 1em; }
  .xlarge-spacing-top--small {
    margin-top: 0.5em; }
  .xlarge-spacing-top--small-3-x {
    margin-top: 1.5em !important; }
  .xlarge-spacing-top--small-5-x {
    margin-top: 2.5em !important; }
  .xlarge-spacing-top--small-7-x {
    margin-top: 3.5em; }
  .xlarge-spacing-top--large {
    margin-top: 2em; }
  .xlarge-spacing-top--x-large {
    margin-top: 4em; }
  .xlarge-spacing-top--spacing-3-x {
    margin-top: 3em; }
  .xlarge-spacing-top--0 {
    margin-top: 0px !important; }
  .xlarge-spacing-bottom--0 {
    margin-bottom: 0px !important; } }

@media (max-width: 930px) {
  .horizontal-scroll-resource-hub {
    justify-content: start !important; } }

@media (max-width: 1024px) {
  .horizontal-scroll-resource-hub-fr {
    justify-content: start !important; } }