.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} .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} .list--flex{list-style:none;padding-left:0}.list--flex>li{display:flex}.list--flex>li>div:first-child{flex-grow:0}.list--flex>li>div:nth-child(2){flex-grow: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}}@media print,screen and (min-width:46em){.table--details{text-align:center}}.table--details td{display:block}@media print,screen and (min-width:46em){.table--details td{display:table-cell}}.table--details tr{display:block;margin-bottom:2em}.table--details tr:last-child{margin-bottom:0}@media print,screen and (min-width:46em){.table--details tr{display:table-row;margin-bottom:0}}.table--details__button{border-radius:5em!important;white-space:nowrap;width:100%}@media print,screen and (min-width:46em){.table--details__button{width:auto}}.table--details__caption{font-family:Heebo,sans-serif;font-size:1.62469rem;font-weight:300}@media print,screen and (min-width:46em){.table--details__caption{font-size:1.62469rem}}.table--details .table--details__caption{margin:0 0 1em}.table--details__head{border-bottom:.0625rem solid #001928}.table--details__header{min-width:10em;text-align:center}.table--details__header:first-child{text-align:left}.table--details__item{padding:0 2em 1em}@media print,screen and (min-width:46em){.table--details__item{padding:0 .9em}}.table--details__item:first-child{text-align:left;display:flex;flex-wrap:wrap;align-items:flex-end;position:relative}@media print,screen and (min-width:46em){.table--details__item:first-child{padding-right:0;padding-top:2em}}@media print,screen and (min-width:63.9375em){.table--details__item:first-child{padding-left:0;padding-right:1em}}.table--details__item:last-child{margin-bottom:2em}@media print,screen and (min-width:46em){.table--details__item:last-child{margin-bottom:0}}.table--details__list{margin-left:2em;margin-top:.5em;margin-bottom:1em;flex-basis:100%}@media print,screen and (min-width:46em){.table--details__list{margin-bottom:2em}}.table--details__list-item>li{margin-bottom:.5em}.table--details__account-heading{font-family:Heebo,sans-serif;font-size:1.37437rem;font-weight:300;display:block}@media print,screen and (min-width:46em){.table--details__account-heading{font-size:1.24969rem}}.table--details__account-heading:hover{color:#0075be}.table--details__rate{font-size:1.5em}.table--details__rate+a{margin-left:0}.table--details__footnote{vertical-align:top;margin-left:-.375em}.table--details .table--details__account-heading{color:#0075be;font-weight:700;margin-left:1.5em}@media print,screen and (min-width:46em){.table--details .table--details__account-heading{margin-left:2em}}.table--details tbody tr{border-bottom:.0625rem solid #cacaca}.table--details__icon{padding-left:0!important;padding-bottom:.5em;color:#0075be;position:absolute;padding-top:0!important;top:0}@media print,screen and (min-width:46em){.table--details__icon{top:2em}}.table-theme-a tbody td,.table-theme-a thead th{padding:1em}.table-theme-a thead th{font-weight:300}.table-theme-a__tbody{border-top:.0625rem solid #6e6e6e}.table-theme-a__row{border-bottom:.0625rem solid #cacaca}.table-theme-a__row td:nth-child(odd){background:#f2f2f2}.table-theme-a__list{padding-left:1.25em}.table-theme-b tbody td,.table-theme-b thead th{padding:1em}.table-theme-b thead th{font-weight:300}.table-theme-b__row{border-bottom:.0625rem solid #cacaca}.table-theme-b__row td:nth-child(odd){background:#f2f2f2}.table-theme-c tbody td,.table-theme-c thead th{padding:1em}.table-theme-c__caption{font-weight:400}.table-theme-c__head{background:#f2f2f2;white-space:nowrap}@media print,screen and (min-width:63.9375em){.table-theme-c__row{border-bottom:.0625rem solid #cacaca}}.table-theme-c__foot{font-size:.75rem;background:#fefefe}.table-theme-c__foot td{font-weight:400}@media print,screen and (min-width:63.9375em){.table-theme-c td:nth-of-type(3),.table-theme-c td:nth-of-type(4),.table-theme-c td:nth-of-type(5),.table-theme-c th:nth-of-type(3),.table-theme-c th:nth-of-type(4),.table-theme-c th:nth-of-type(5){text-align:center}}.table-theme-c tbody td{width:17%}.table-theme-c tbody .table-stack-rows-as-columns__row-heading{width:32%}.table-theme-d tbody td,.table-theme-d thead th{padding:1em}.table-theme-d thead th{font-weight:300}@media screen and (max-width:45.99875em){.table-theme-d:not(.a11y-fix) tfoot,.table-theme-d:not(.a11y-fix) thead{display:none}.table-theme-d:not(.a11y-fix) td,.table-theme-d:not(.a11y-fix) th,.table-theme-d:not(.a11y-fix) tr{display:block}.table-theme-d:not(.a11y-fix) td{border-top:0}}@media screen and (max-width:45.99875em){.table-theme-d.a11y-fix tfoot,.table-theme-d.a11y-fix thead{display:initial;position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.table-theme-d.a11y-fix td,.table-theme-d.a11y-fix th{display:block;border-top:0}}.table-theme-d__head{font-weight:700}.table-theme-d__row{border-bottom:.0625rem solid #cacaca}.table-theme-d__row:nth-child(odd){background-color:#cacaca}@media print,screen and (min-width:46em){.table-theme-d__row:nth-child(odd){background-color:#fefefe}}@media print,screen and (min-width:46em){.table-theme-d__row{border-bottom:.0625rem solid #cacaca}.table-theme-d__row td:nth-child(odd){background:#f2f2f2}.table-theme-d__row td{width:10%}.table-theme-d__row td:first-child{width:auto}}.table-theme-d__row--normal-width td{width:auto}@media print,screen and (min-width:63.9375em){.table-theme-e td{padding-top:1em;padding-bottom:1em;display:table-cell;vertical-align:top}}.table-theme-f td,.table-theme-f th,.table-theme-f thead{text-align:center}.table-theme-f th{background-color:#fefefe}.table-theme-f td:first-child{text-align:left}.table-theme-f td:nth-child(2n){background-color:#f2f2f2}.table-theme-g th{text-align:center}.table-theme-g td:nth-child(2){text-align:right}.table-theme-g tr:nth-child(2n){background-color:#f2f2f2;border-top:.0625rem solid #cacaca;border-bottom:.0625rem solid #cacaca}.table-theme-h tr:nth-child(odd){background-color:#f2f2f2}.table-stack-rows-as-columns__caption{flex:1 0 100%;padding:1em 1.5em}.table-stack-rows-as-columns__rows{display:flex;flex-wrap:wrap;text-align:center}.table-stack-rows-as-columns__row{display:flex;flex-direction:column;flex:1 0 100%}.table-stack-rows-as-columns__row--foot{padding:1em 1.5em}@media print,screen and (min-width:63.9375em){.table-stack-rows-as-columns__row-heading{width:5rem}}.table-stack-rows-as-columns__cell{padding:1em 1.5em;border-bottom:.125em solid #cacaca;flex:1 0 100%}.table-stack-rows-as-columns__cell--heading{background:#f2f2f2;font-weight:700;white-space:nowrap}.table-stack-rows-as-columns__cell--foot{order:10;border-bottom:0 solid transparent;padding-top:1.5em}.line-through{text-decoration:line-through}.table_mortgage{width:100%;table-layout:fixed}.table_mortgage--heading{background-color:#f5f6f7}.table_mortgage tr{border-bottom:1px solid #d3d3d3;display:table-row}.table_mortgage th{border-bottom:2px solid #929ba9}.table_mortgage th,.table_mortgage tr{height:4em}.table_mortgage.desktop-mode td:nth-child(2),.table_mortgage.desktop-mode td:nth-child(3),.table_mortgage.desktop-mode th:nth-child(2){background-color:#f5f6f7}.table-edb-rates{width:100%;table-layout:fixed;text-align:left}.table-edb-rates thead{border-bottom:2px solid #929ba9}.table-edb-rates tr{border-bottom:1px solid #d9dce1}.edb-table{text-align:center;table-layout:fixed;border-collapse:inherit;width:100%;border-spacing:0}.edb-table--width-1600{width:1600px}.edb-table td,.edb-table th{vertical-align:middle;position:relative;padding:24px;border-bottom:.5px solid #d9dce1}.edb-table tr{height:4em}.edb-table td:first-child,.edb-table th:first-child{text-align:left;padding:24px 24px 24px 0}.edb-table tr.no-padding-bottom td{padding-bottom:0}.edb-table td button{margin:0}.edb-table td:not(:first-child),.edb-table th:not(:first-child){background-color:#fff}.edb-table td:nth-child(2),.edb-table th:nth-child(2){border-left:.5px solid #d9dce1}.edb-table th:not(:first-child),.edb-table tr:first-child td:not(:first-child){border-top:.5px solid #d9dce1}.edb-table th:not(:first-child):nth-child(2),.edb-table tr:first-child td:not(:first-child):nth-child(2){border-top-left-radius:4px}.edb-table tr:last-child td:nth-child(2){border-bottom-left-radius:4px}.edb-table td.pop>div:not(.popover-container),.edb-table th.pop>div:not(.popover-container){position:relative;z-index:2}.edb-table .has-pop{pointer-events:all;position:relative;z-index:3}.edb-table td.pop:before,.edb-table th.pop: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,.04),0 0 20px 0 rgba(0,25,40,.1);-webkit-box-shadow:0 20px #fff,0 -20px #fff,0 0 8px 0 rgba(0,25,40,.04),0 0 20px 0 rgba(0,25,40,.1)}.edb-table th td.pop:not(.no-border-bottom):after,.edb-table tr td.pop:not(.no-border-bottom):after{content:"";position:absolute;width:100%;bottom:-1px;left:0;z-index:2;border-top:1px solid #d9dce1}.edb-table .pop-cell-border-top:before{border-top:.5px solid #d9dce1;top:-.5px!important}.edb-table th:first-child td.pop:after,.edb-table tr:first-child td.pop: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,.04),0 0 20px 0 rgba(0,25,40,.1);-webkit-box-shadow:0 20px #fff,0 0 8px 0 rgba(0,25,40,.04),0 0 20px 0 rgba(0,25,40,.1)}.edb-table th:last-child td.pop:after,.edb-table tr:last-child td.pop: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,.04),0 0 20px 0 rgba(0,25,40,.1);-webkit-box-shadow:0 -20px #fff,0 0 8px 0 rgba(0,25,40,.04),0 0 20px 0 rgba(0,25,40,.1)}.edb-table td.pop-no-box-shadow:after,.edb-table td.pop-no-box-shadow:before{box-shadow:none;-webkit-box-shadow:none}.edb-table--mobile{text-align:center;table-layout:fixed;border-collapse:inherit;width:100%}.edb-table--mobile thead th{text-align:center;background-color:#fff}.edb-table--mobile td:not(.subtitle){padding:16px 8px}.edb-table--mobile td:not(.subtitle):not(:last-child){border-right:.5px solid #d9dce1}.edb-table--mobile .subtitle{background-color:#f5f6f7}.edb-table--mobile .subtitle>td{padding:8px 24px}tbody.transparent-background{background-color:transparent}.premium-button{border-radius:5px;padding:8px 16px;line-height:10px;background:#0075be;border:2px solid #0075be;color:#fff;display:block}.premium-button>span{line-height:1.4}.inline-flex{display:inline-flex}.no-border-bottom{border-bottom:none!important}.edb-table td,.edb-table th{border-right:.5px solid #d9dce1}.edb-table .scroll-table .sticky-col{position:sticky;left:0;z-index:98;background-color:#f5f6f7;height:4em;width:310px}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.edb-table .scroll-table .sticky-col{position:absolute;left:0;height:15em;width:22.5%}}.edb-table .scroll-table .sticky-second-col{position:sticky;left:399px;z-index:98}.edb-table .scroll-table .sticky-second-col-2{position:sticky;left:319px;z-index:98}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.scroll-table tr{position:relative}}th:first-child td.sticky-col.pop-label:after,tr:first-child td.sticky-col.pop-label:after{content:"";position:absolute;bottom:100%;height:33px;width:100%;left:0;background:#f2f2f2}.edb-table tr:last-child td:first-child:after,th:last-child td.pop-label.sticky-last-child td.pop-label.sticky-col:after,tr:last-child td.pop-label.sticky-last-child td.pop-label.sticky-col:after{content:"";position:absolute;bottom:-33px;left:0;width:100%;height:33px;border-radius:0 0 4px 4px;background:#f2f2f2}.scroll-table{width:1600px;table-layout:fixed;padding-top:3em;padding-bottom:3em}.scroll-table--savings{width:1300px}.edb-table .scroll-table td,.edb-table .scroll-table th{width:240px}.caption-show-for-sr{opacity:0;height:1px;width:1px;position:relative;left:-9999px;margin-bottom:-18px} .link--pill{color:#0075be;font-size:.875rem;line-height:1.25rem;font-weight:700;padding:.25rem;padding-left:.5rem;padding-right:.5rem;border:.125rem solid #929ba9;border-radius:.25rem;background-color:#f5f6f7;cursor:pointer;pointer-events:auto}.link--pill.active{color:#fff;background-color:#0075be;border-color:#0075be;pointer-events:none}.cross-link:active .cross-link--heading,.cross-link:focus .cross-link--heading,.cross-link:hover .cross-link--heading{color:#0075be} .border-pinko{border:2px solid pink}.bold-or{font-weight:800}#mutual-fund-table{min-width:100%}.compareCheckbox input[type=checkbox]:focus{border-color:#0075be important}@media only screen and (max-width:64em){.border-pinko-outer{display:table;table-layout:fixed;width:100%}.border-pinko-inner{display:table-cell;overflow-x:scroll;width:100%}.product-performance-table thead th{display:none}.product-performance-table td,.product-performance-table th{display:block;clear:both}.product-performance-table td>p[data-th]:before{content:attr(data-th);float:left;font-weight:700}.product-performance-table td>p:not(data-th){text-align:right}}#label-searchFunds span.label-text{padding-top:14px}#persMutualFundTable input[type=email],#persMutualFundTable input[type=password],#persMutualFundTable input[type=text],#persMutualFundTable select,#persMutualFundTable textarea{width:100%;height:36px;line-height:40px;margin:7px 0 0;white-space:nowrap;border:none;background-color:hsla(0,0%,88%,0);transition:all .3s ease-out}#persMutualFundTable select{margin:8px 0 0;-webkit-margin-start:0;line-height:56px;height:44px;position:relative;top:-10px}#persMutualFundTable .form-field{flex-flow:row;position:relative;padding:0 0 32px}#persMutualFundTable .form-field .form-label-group{flex:1 1 auto;position:relative;padding:0 0 6px;display:block}#persMutualFundTable .form-field .form-label-group .slide-label{z-index:2;position:absolute;top:0;right:0;left:0;pointer-events:none;height:42px;cursor:pointer;border-radius:4px 0 0 4px;width:100%;padding:0}#persMutualFundTable .form-field .form-label-group .slide-label.active-label span.label-text{padding:0;font-size:.875rem;margin-top:-16px}#persMutualFundTable .form-field .form-label-group .slide-label span.label-text{display:block;padding:14px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1.125rem;color:#0075be;transition:.3s ease-out}#persMutualFundTable .form-field .form-label-group .slide-label:before{z-index:4;content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background:#0075be!important;box-shadow:none!important;transform:scaleX(0);transition:all .3s linear;top:44px}#persMutualFundTable .form-field .form-label-group .slide-label:after{z-index:3;content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background:#929292;top:44px}#persMutualFundTable .form-field .form-label-group input[type=email],#persMutualFundTable .form-field .form-label-group input[type=password],#persMutualFundTable .form-field .form-label-group input[type=text],#persMutualFundTable .form-field .form-label-group select,#persMutualFundTable .form-field .form-label-group textarea{margin-top:7px!important}#persMutualFundTable .form-field .form-label-group input[type=email]:focus+label.slide-label:before,#persMutualFundTable .form-field .form-label-group input[type=password]:focus+label.slide-label:before,#persMutualFundTable .form-field .form-label-group input[type=text]:focus+label.slide-label:before,#persMutualFundTable .form-field .form-label-group select:focus+label.slide-label:before,#persMutualFundTable .form-field .form-label-group textarea:focus+label.slide-label:before{visibility:visible;transform:scaleX(1)}#persMutualFundTable .form-field .form-label-group input[type=email]:focus+label.slide-label span.label-text,#persMutualFundTable .form-field .form-label-group input[type=password]:focus+label.slide-label span.label-text,#persMutualFundTable .form-field .form-label-group input[type=text]:focus+label.slide-label span.label-text,#persMutualFundTable .form-field .form-label-group select:focus+label.slide-label span.label-text,#persMutualFundTable .form-field .form-label-group textarea:focus+label.slide-label span.label-text{padding:0;font-size:14px}.mf-filter #filterSection{height:auto!important}.mf-checkbox #grouptype-checkbox{flex-direction:column!important}.mf-checkbox #grouptype-checkbox label{width:auto!important}.mf-disabled-a{border:.125rem solid #ececee;background-color:#ececee;color:#646c76;cursor:default}.alignChevron-prix{position:relative;left:-35px;top:10px}.alignChevron{position:relative;left:-20px;top:10px}.mutualfund-filters h4{margin-bottom:1em}#gic-table{min-width:100%}#gic-table th{width:25%}#gic-table th:first-child{width:30%}#gic-table th:nth-child(4){width:10%}.gic-hover:focus{border:2px solid #0079c1!important;border-radius:1%}.mutual-fund-tablehead span{color:#000}.tableSortButton{border:none;background-color:#fff}.comparePageRatesTableHeader h2{display:none}.comparePageRatesTableHeader tr{text-align:center}.table-benefits li{list-style:disc}.compareCheckbox input[type=checkbox]{height:24px;width:24px;vertical-align:middle;margin:0 .4em .4em 0;border:2px solid #646c76;-webkit-appearance:none;-webkit-transition:box-shadow .2s;-webkit-border-radius:2px;border-radius:4px}.compareCheckbox input[type=checkbox]:active:not(:disabled),.compareCheckbox input[type=checkbox]:not(:disabled):hover{border-color:#646c76}.compareCheckbox input[type=checkbox]:focus{outline:1px auto -webkit-focus-ring-color!important}.compareCheckbox input[type=checkbox]:checked{border-color:#646c76;background-color:#0075be}.compareCheckbox input[type=checkbox]:checked:before{content:"";display:block;width:9px;height:12px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-left:4px;margin-top:1px}select.mf-dropdown{text-overflow:ellipsis;border-bottom:2px solid #000;padding-right:20px}select.mf-dropdown:focus{outline:5px auto!important;outline-color:-webkit-focus-ring-color!important}.product-performance-table,.product-performance-table-portfolio{table-layout:fixed}#grouptype-checkbox{display:inline-flex}#grouptype-checkbox label{width:140px;padding-top:3px}.markets-long-label{width:210px!important}#filterSection{height:150px}@media only screen and (max-width:64em){#filterSection{height:auto}#grouptype-checkbox{display:inline}#grouptype-checkbox input,#grouptype-checkbox label{width:50%!important}.markets-long-label{width:210px!important}}@media only screen and (max-width:40em){.product-performance-table-portfolio thead th{display:none}.product-performance-table-portfolio td,.product-performance-table-portfolio th{display:block;clear:both}.product-performance-table-portfolio td>p[data-th]:before{content:attr(data-th);float:left;font-weight:700}}@-moz-document url-prefix(){.input-wrap.input-checkbox input[type=checkbox]+label:before{top:15px}}.pl--1-quarter{padding-left:1.25rem}@supports (-moz-transform:translate(0,0)){.lg-column-count--2 table,.lg-column-count--2 tbody,.lg-column-count--2 tr{display:block}.lg-column-count--2 table th,.lg-column-count--2 tbody th,.lg-column-count--2 tr th{width:30%}.lg-column-count--2 table td,.lg-column-count--2 tbody td,.lg-column-count--2 tr td{width:70%}.lg-column-count--2 tr{display:block}.lg-column-count--2 li,.lg-column-count--2 li *,.lg-column-count--2 p,.lg-column-count--2 p *{break-inside:avoid-column;page-break-inside:avoid}.lg-column-count--2 .funds-row{display:block}.lg-column-count--2 .funds-row th{display:inline-block;vertical-align:top;width:30%}.lg-column-count--2 .funds-row td{display:inline-block;width:70%}}#persProductDetails th,.funds-row th{vertical-align:top}.rates-wrapper,.table-layout--fixed{table-layout:fixed}.rates-wrapper{display:table;width:100%}.rates-wrapper .rates-inner-wrapper{display:table-cell;overflow-x:scroll;width:100%}.show-for-sm-only.accordion .rates-inner-wrapper>table{background:linear-gradient(90deg,#e5e5e5,#fff 15%,#fff 85%,#e5e5e5)}.gic-rates-table{display:flex;flex-direction:column;align-items:center}.gic-rates-table table{border:1px solid #d9dce1}.gic-rates-table>div:not(.scroll-box){flex:0 0 calc(100% - 60px)}.gic-rates-table>div:not(.scroll-box)>div{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}.gic-rates-table .display--flex.border-bottom-grey--2.width--100{display:none}.gic-rates-table thead{height:56px;min-height:56px}.gic-rates-table thead tr th p{text-align:left;white-space:pre-wrap}.gic-rates-table thead tr th:first-child{max-width:240px;min-width:240px;width:240px}.gic-rates-table thead tr th:first-child p{text-align:left}.gic-rates-table tbody th:first-child,.gic-rates-table th:first-child,.gic-rates-table thead th:first-child{text-align:left;left:0;overflow:hidden;z-index:40;contain:layout;position:sticky;top:0;background-color:#fff;border-right:2px solid #f5f6f7;color:#000;vertical-align:middle;padding:0 1 rem;z-index:3;white-space:nowrap;text-overflow:ellipsis;background:#f8fbfd;padding-right:10px;border-right:0}.gic-rates-table tbody th:first-child p,.gic-rates-table th:first-child p,.gic-rates-table thead th:first-child p{text-align:left}.gic-rates-table tbody th:first-child:after,.gic-rates-table th:first-child:after,.gic-rates-table thead th:first-child:after{content:"";background:linear-gradient(90deg,#d5d5d5,#fff);position:absolute;right:0;width:10px;height:100%;z-index:9999;top:0}.gic-rates-table tbody td:nth-child(odd),.gic-rates-table thead th:nth-child(odd),.gic-rates-table tr td:nth-child(odd){background:#f5f6f7}.gic-rates-table thead th:first-child{background:#f8fbfd}.gic-rates-table tbody tr td{min-width:160px;width:160px}.gic-rates-table tbody tr td p{text-align:left}.gic-rates-table .fixed-width-table{table-layout:auto}.gic-rates-table .fixed-width-table th p{white-space:pre-wrap}.gic-rates-table .fixed-width-table thead th:first-child{width:25%}.gic-rates-table .fill--default path{fill:#0079c1}.gic-rates-table .disabled path{fill:#646c76}.gic-rates-table .rates-wrapper{position:relative}.gic-rates-table .rates-wrapper:after{content:"";position:absolute;top:0;width:10px;height:100%;right:0;transform:scaleX(-1);background:linear-gradient(90deg,#d5d5d5,transparent)}.gic-rates-table .scroll-box{display:flex;flex-direction:row;align-items:flex-start;padding:0;position:relative;padding-left:8px;padding-right:8px;width:120px;justify-content:space-between}.gic-rates-table .scroll-box .button--no-default{margin-top:1rem;border:none;border-style:none;padding:0;background-color:transparent}.gic-rates-table .scroll-box .sm-flat-link{color:#0079c1}.checking-compare-table{text-align:left;width:100%;border-left:.5px solid #d9dce1}@media screen and (max-width:47.9375rem){.checking-compare-table{border-left:none;height:1200px}.checking-compare-table.height-true{height:1200px}}.checking-compare-table tr{width:100%;display:flex;flex-flow:nowrap;border-bottom:.5px solid #d9dce1}.checking-compare-table td{display:block;border-right:.5px solid #d9dce1}.checking-compare-table th{width:100%;color:#0075be;border-right:.5px solid #d9dce1}.checking-compare-table--card{cursor:pointer;transition:.25s}.checking-compare-table--card:hover{box-shadow:0 .125rem .5rem 0 rgba(0,25,40,.04),0 .25rem .75rem 0 rgba(0,25,40,.1)}.checking-compare-table .has-tip{display:inline;height:auto}.checking-compare-table span[aria-haspopup=true]{font-weight:700;color:#0075be;position:relative;display:inline-block;width:auto;border-bottom:1px dashed #0075be;line-height:1.2}@media screen and (max-width:47.9375rem){.checking-compare-table span[aria-haspopup=true]{display:inline}}#compare-modal .hide-on-popover{display:none}#compare-modal .popover-p--0{padding:0}#compare-modal .button--no-default{height:100%}#compare-modal .button--no-default>div.features-root{height:100%;flex:0 0 100%;max-width:100%;padding:0;margin:0 1rem}#compare-modal .button--no-default .checked{position:relative}@media screen and (min-width:64rem){#compare-modal .button--no-default .checked:before{content:"";z-index:1;position:absolute;right:0;top:0;width:24px;height:24px;background:#0075be url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNNS4yODY0NTIxOCwxMy40MzY1ODI0IEw1LjI4NjQ1MjE4LDEzLjQzNjU4MjQgQzUuMDM5MzEwODYsMTMuNDI2NjY5NiA0LjgwNzQ0MTM1LDEzLjMxNDM1NzggNC42NDY0NTIxOCwxMy4xMjY1ODI0IEwxLjI0NjQ1MjE4LDkuMTI2NTgyNDQgQzAuOTc0ODUwNzg4LDguNzc3MzAxMTkgMS4wMDQ4Miw4LjI4MDY2ODU1IDEuMzE2NDUyMTgsNy45NjY1ODI0NCBDMS40OTI1MzI0Niw3LjgxNjA2Njc3IDEuNzIxMzY4MTEsNy43NDE5ODY2MyAxLjk1MjI1MDk1LDcuNzYwNzU3NTkgQzIuMTgzMTMzNzgsNy43Nzk1Mjg1NSAyLjM5Njk5NzcyLDcuODg5NjAwNTMgMi41NDY0NTIxOCw4LjA2NjU4MjQ0IEw1LjMyNjQ1MjE4LDExLjMwNjU4MjQgTDEzLjQ5NjQ1MjIsMi43NjY1ODI0NCBDMTMuODM4ODEyNiwyLjQ4MjEwODA4IDE0LjMzOTY4NTYsMi40OTgwNzk1NSAxNC42NjMyMjY3LDIuODAzNzg3NjkgQzE0Ljk4Njc2NzksMy4xMDk0OTU4NCAxNS4wMzEwODA1LDMuNjA4NjYwNCAxNC43NjY0NTIyLDMuOTY2NTgyNDQgTDUuOTE2NDUyMTgsMTMuMTY2NTgyNCBDNS43NTA5MTkzOSwxMy4zMzcwODAyIDUuNTI0MDc2NiwxMy40MzQyOTg1IDUuMjg2NDUyMTgsMTMuNDM2NTgyNCBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iSWNvbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikljb24vMTYvY2hlY2ttYXJrIj4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8dXNlIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPGcgaWQ9Ikljb24vQ29sb3VyL0JNTy1BY2Nlc3NpYmxlLUJsdWUiIG1hc2s9InVybCgjbWFzay0yKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgICAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 8px no-repeat;background-position:50%;background-size:16px;border-top-right-radius:8px}}#compare-modal .button--no-default .checked .border--blue-4{border-style:solid;border-color:#0075be}#compare-modal .account-details{padding:1rem!important}.height-default{height:1.15rem}.breadcrumbs{display:flex}.breadcrumbs ul{padding:0}.breadcrumbs ul li{display:none}@media screen and (min-width:80rem){.breadcrumbs ul li{display:inline-flex}}.breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:79.9375rem){.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 -3px}.breadcrumbs ul li:nth-last-child(2) svg{display:none}}@media screen and (max-width:79.9375rem){.breadcrumbs ul.no-background li:nth-last-child(2):before{background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg")}}@media screen and (max-width:79.9375rem){.breadcrumbs.color--white li:nth-last-child(2):before{background:url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkO30uY2xzLTJ7bWFzazp1cmwoI21hc2spO30uY2xzLTN7ZmlsbDpub25lO308L3N0eWxlPjxtYXNrIGlkPSJtYXNrIiB4PSIzIiB5PSI3IiB3aWR0aD0iMTgiIGhlaWdodD0iMTAiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiPjxnIGlkPSJtYXNrLTIiPjxwb2x5Z29uIGlkPSJwYXRoLTEiIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIzIDcgMjEgNyAyMSAxNyAzIDE3IDMgNyIvPjwvZz48L21hc2s+PC9kZWZzPjxnIGlkPSJBcnRib2FyZCI+PGcgaWQ9Ikdyb3VwLTMiPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggaWQ9IkZpbGwtMSIgY2xhc3M9ImNscy0xIiBkPSJNMjAsMTFINi40MWwyLjMtMi4yOUExLDEsMCwwLDAsNy4yOSw3LjI5bC00LDRhLjQxLjQxLDAsMCwwLS4wNy4xMUEuOTQuOTQsMCwwLDAsMywxMmExLDEsMCwwLDAsLjMzLjczbDQsNGExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJMNi40MiwxM0gyMGExLDEsMCwwLDAsMC0yIi8+PC9nPjwvZz48L2c+PHJlY3QgY2xhc3M9ImNscy0zIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48L3N2Zz4=") 0 -3px}}.sm-background-color--white.breadcrumbs ul li:nth-last-child(2):before{position:relative;top:2px}.center-aligned-breadcrumbs ul{display:flex;align-items:center} .breadcrumbs__item{list-style-type:none;display:flex}.breadcrumbs__item a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs__item a:hover{text-decoration:underline}.breadcrumbs__item a:focus{outline:3px solid #005fcc;position:relative}.breadcrumbs__last-item{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mortgage-color--fill path:first-child{fill:#c3c070!important}.position-absolute-vertical-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon--loading,.icon--loading-white{animation:spin 2s linear infinite}.svg-black-icon g{fill:#001928}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}} /* Configs */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /*320*/ /*1200*/ /*1280*/ /*767*/ /*768*/ /*1023*/ /*1024*/ /*1279*/ /*1280*/ /* Given a string, split by the $separator then return a list. */ /* Given a class prefix and a class name, return a name with the prefix prepended with a dash if prefix is given */ /* this gets mozilla */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /* this gets mozilla */ /************************************/ /*************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*********/ /************************************/ /************************************/ /**************ICONS*****************/ /************************************/ /* Util Functions */ /* Given a string, split by the $separator then return a list. */ /* Given a class prefix and a class name, return a name with the prefix prepended with a dash if prefix is given */ /* Layout & Util classes */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } html { font-size: 16px; color: #001928; font-family: "Heebo", Arial, Sans-Serif; font-weight: 400; box-sizing: border-box; scroll-behavior: smooth; } html body { min-width: 20rem; margin: 0; } *, *::before, *::after { box-sizing: inherit; } img { /* Get rid of gap under images by making them display: inline-block; by default */ display: inline-block; vertical-align: middle; /* Grid defaults to get images and embeds to work properly */ max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } a { color: #0075be; text-decoration: none; cursor: pointer; } @-moz-document url-prefix() { a:focus { outline: 1px solid #005fcc; outline-offset: 2px; } } h1, h2, h3, h4, ul, p { margin-top: 0; margin-bottom: 0; } table { border-collapse: collapse; } button { cursor: pointer; } main a:hover, main a:focus, main button[role="link"]:hover, main button[role="link"]:focus { text-decoration: underline !important; } @-moz-document url-prefix() { main a[class*="button--primary"]:focus, main a[class*="button--secondary"]:focus { outline: none; box-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587; } } .text-align--left { text-align: left; } .text-align--center { text-align: center; } .sm-text-align--left { text-align: left; } @media screen and (min-width: 48rem) { .md-text-align--left { text-align: left; } .md-text-align--center { text-align: center; } } /* Buttons */ @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (stroke-color: transparent) { .background-color--white a:focus, .background-color--white button:focus:not(.popover__close-button) :not(.close-button):not(.card-link--focus) :not(.carousel-control-default-button) :not(.carousel-control-default-button) :not(.pb-datepicker__button) :not(.pb-datepicker__calendar-button) { outline: 2px solid #005fcc; position: relative; overflow: hidden; } } } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (stroke-color: transparent) { .background-color--white a:focus, .background-color--white button:focus:not(.popover__close-button) :not(.close-button):not(.card-link--focus) :not(.carousel-control-default-button) :not(.carousel-control-default-button) :not(.pb-datepicker__button) :not(.pb-datepicker__calendar-button) { outline: 2px solid #005fcc; position: relative; overflow: hidden; } } } /* Font Families */ .heebo { font-family: "Heebo", Arial, Sans-Serif; } /* Font Sizes */ .font-size--14 { font-size: 0.875rem; letter-spacing: 0.5; line-height: 1.25rem; } .sm-font-size--28 { font-size: 1.75rem; letter-spacing: -0.2; line-height: 2rem; } @media screen and (min-width: 48rem) { .md-font-size--36 { font-size: 2.25rem; letter-spacing: -0.35; line-height: 2.5rem; } .md-font-size--14 { font-size: 0.875rem; letter-spacing: 0.5; line-height: 1.25rem; } } .font-weight--normal { font-weight: 400; } .font-weight--bold { font-weight: 700; } .sm-font-weight--light { font-weight: 300; } .sm-font-weight--bold { font-weight: 700; } /* Float Helper Classes */ /* Copy/Typography Helper Classes */ .font-size--0 { font-size: 0; } /* List: Unstyle a list (Remove bullet points) */ /* add class list--boldnumbers to an ordered list to make the numbers of list items bold */ /* Width Helper Classes */ .max-width--75 { max-width: 75rem; } /* Layout Classes */ /* Sizing Helper Classes */ .position--relative { position: relative; } .seo-show-for-sr:before { content: attr(sronly); display: inline; position: absolute; left: -9999px; width: 1px; height: 1px; } @media not all and (min-resolution: 0.001dpcm) { } abbr, abbr[title] { border-bottom: none; cursor: default; text-decoration: none; } .row { margin-left: auto; margin-right: auto; display: flex; flex-flow: row wrap; } .columns { flex: 1 1 0; min-width: initial; } .row.row.columns { float: none; display: block; } .sm--12 { flex: 0 0 100%; max-width: 100%; } @media screen and (min-width: 48rem) { .md--10 { flex: 0 0 83.33333%; max-width: 83.33333%; } } .sm-width--60 { width: 60%; } .sm-width--100 { width: 100%; } .sm-max-width--100percent { max-width: 100%; } .hide { display: none !important; } /* Visibility Helper Classes */ /* Border Sizes */ .show-for-sr, .show-for-screen-reader-only, .show-on-focus { text-indent: -9999px; position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .show-on-focus:active, .show-on-focus:focus { text-indent: 0; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .display--inline-block { display: inline-block; } /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* for flex children */ /* the non-flex way to center something, so you don't need a parent flex container */ /* the non-flex way to center something, so you don't need a parent flex container */ @media screen and (max-width: 47.9375rem) { /* the non-flex way to center something, so you don't need a parent flex container */ } @media screen and (min-width: 48rem) { /* the non-flex way to center something, so you don't need a parent flex container */ } @media screen and (min-width: 48rem) and (max-width: 63.9375rem) { /* the non-flex way to center something, so you don't need a parent flex container */ } @media screen and (min-width: 64rem) { /* the non-flex way to center something, so you don't need a parent flex container */ } @media screen and (min-width: 64rem) and (max-width: 79.9375rem) { /* the non-flex way to center something, so you don't need a parent flex container */ } @media screen and (min-width: 80rem) { /* the non-flex way to center something, so you don't need a parent flex container */ } .sm-align--left { justify-content: flex-start; } .sm-align--center { justify-content: center; } .position--relative { position: relative; } /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ @media screen and (max-width: 47.9375rem) { /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ } @media screen and (min-width: 48rem) { /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ } @media screen and (min-width: 48rem) and (max-width: 63.9375rem) { /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ } @media screen and (min-width: 64rem) { /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ } @media screen and (min-width: 64rem) and (max-width: 79.9375rem) { /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ } @media screen and (min-width: 80rem) { /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ } /** This file creates the line classes. It creates helper classes in the following formats: {sm/md/lg/xl}-font-size-{xl/md/xxs...etc}. eg `.sm-font-size-md` If you need to add further sizes, add it to the $font_size_and_letter_spacings variable on the `config/_variable-sizes.scss file. */ .line-height--1-half { line-height: 1.5rem; } .sm-line-height--28 { line-height: 1.75rem; } .sm-line-height--2 { line-height: 2rem; } @media screen and (min-width: 48rem) { .md-line-height--2-half { line-height: 2.5rem; } } /** This file creates the margin and padding helper classes. It creates helper classes in the following formats: {sm/md/lg/xl}-{mt/mr/mb/ml/pt/pr/pb/pl/mx/my/px/py}-{0/1...negative-1} If you need to add further sizes, add it to the $sizes variable below. */ .pt--1-half { padding-top: 1.5rem; } .sm-ml--half { margin-left: 0.5rem; } .sm-mr--half { margin-right: 0.5rem; } .sm-mb--1 { margin-bottom: 1rem; } .sm-mt--2 { margin-top: 2rem; } .sm-p--0 { padding: 0rem; } .sm-pl--half { padding-left: 0.5rem; } .sm-pt--1 { padding-top: 1rem; } .sm-pb--1 { padding-bottom: 1rem; } .sm-pl--1 { padding-left: 1rem; } .sm-pr--1 { padding-right: 1rem; } .sm-p--1-half { padding: 1.5rem; } .sm-pt--2 { padding-top: 2rem; } .sm-pb--2 { padding-bottom: 2rem; } @media screen and (min-width: 48rem) { .md-pl--2 { padding-left: 2rem; } .md-pb--3 { padding-bottom: 3rem; } } @media screen and (min-width: 64rem) { .lg-pb--4 { padding-bottom: 4rem; } } @media screen and (min-width: 80rem) { .xl-pl--0 { padding-left: 0rem; } .xl-pb--2 { padding-bottom: 2rem; } .xl-pr--2-half { padding-right: 2.5rem; } } /* Borders */ /* Border Sizes */ /* Border Sizes */ .sm-border-bottom-light-grey--1 { border-bottom-width: 0.0625rem; border-bottom-color: #d9dce1; border-bottom-style: solid; } .sm-border-bottom-slate--1 { border-bottom-width: 0.0625rem; border-bottom-color: #001928; border-bottom-style: solid; } /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* Box Shadows */ /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ @media screen and (max-width: 47.9375rem) { /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ } @media screen and (min-width: 48rem) { /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ } @media screen and (min-width: 48rem) and (max-width: 63.9375rem) { /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ } @media screen and (min-width: 64rem) { /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ } @media screen and (min-width: 64rem) and (max-width: 79.9375rem) { /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ } @media screen and (min-width: 80rem) { /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ } .color--negative { color: #C81414; } .background-color--albicant { background-color: #f5f6f7; } .background-color--white { background-color: #ffffff; } /* Probably only used for icons */ /* Probably only used in the CMS - doubt we'll ever use it in the site */ /* Probably only used for icons */ /* Probably only used in the CMS - doubt we'll ever use it in the site */ @media screen and (max-width: 47.9375rem) { /* Probably only used for icons */ /* Probably only used in the CMS - doubt we'll ever use it in the site */ } @media screen and (min-width: 48rem) { /* Probably only used for icons */ /* Probably only used in the CMS - doubt we'll ever use it in the site */ } @media screen and (min-width: 48rem) and (max-width: 63.9375rem) { /* Probably only used for icons */ /* Probably only used in the CMS - doubt we'll ever use it in the site */ } @media screen and (min-width: 64rem) { /* Probably only used for icons */ /* Probably only used in the CMS - doubt we'll ever use it in the site */ } @media screen and (min-width: 64rem) and (max-width: 79.9375rem) { /* Probably only used for icons */ /* Probably only used in the CMS - doubt we'll ever use it in the site */ } @media screen and (min-width: 80rem) { /* Probably only used for icons */ /* Probably only used in the CMS - doubt we'll ever use it in the site */ } .white-space--no-wrap { white-space: nowrap; } .no-wrap { white-space: nowrap; } .text-decoration--underline { text-decoration: underline; } /* used for easing and fading in/out */ /* used for animating a growing/shrinking line */ /* used for animating the moving ship */ /* used for animating panning shot banner images */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes -toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes sm-toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ @media screen and (max-width: 47.9375rem) { /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ } @media screen and (min-width: 48rem) { /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes md-toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ } @media screen and (min-width: 48rem) and (max-width: 63.9375rem) { /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ } @media screen and (min-width: 64rem) { /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes lg-toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ } @media screen and (min-width: 64rem) and (max-width: 79.9375rem) { /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ } @media screen and (min-width: 80rem) { /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes xl-toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ } @keyframes toFadeInUp--quarter { from { opacity: 0; transform: translate3d(0, 0.25rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--quarter { from { opacity: 0; transform: translate3d(-0.25rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--quarter { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-0.25rem, 0, 0); } } @keyframes toFadeOutRightToLeft--quarter { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0.25rem, 0, 0); } } @keyframes toFadeInRightToLeft--quarter { from { opacity: 0; transform: translate3d(0.25rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--quarter { from { transform: translate3d(-0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--half { from { opacity: 0; transform: translate3d(0, 0.5rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--half { from { opacity: 0; transform: translate3d(-0.5rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--half { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-0.5rem, 0, 0); } } @keyframes toFadeOutRightToLeft--half { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0.5rem, 0, 0); } } @keyframes toFadeInRightToLeft--half { from { opacity: 0; transform: translate3d(0.5rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--half { from { transform: translate3d(-0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--3-quarters { from { opacity: 0; transform: translate3d(0, 0.75rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--3-quarters { from { opacity: 0; transform: translate3d(-0.75rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--3-quarters { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-0.75rem, 0, 0); } } @keyframes toFadeOutRightToLeft--3-quarters { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0.75rem, 0, 0); } } @keyframes toFadeInRightToLeft--3-quarters { from { opacity: 0; transform: translate3d(0.75rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--3-quarters { from { transform: translate3d(-0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--1 { from { opacity: 0; transform: translate3d(0, 1rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--1 { from { opacity: 0; transform: translate3d(-1rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--1 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-1rem, 0, 0); } } @keyframes toFadeOutRightToLeft--1 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(1rem, 0, 0); } } @keyframes toFadeInRightToLeft--1 { from { opacity: 0; transform: translate3d(1rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--1 { from { transform: translate3d(-1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--1-half { from { opacity: 0; transform: translate3d(0, 1.5rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--1-half { from { opacity: 0; transform: translate3d(-1.5rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--1-half { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-1.5rem, 0, 0); } } @keyframes toFadeOutRightToLeft--1-half { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(1.5rem, 0, 0); } } @keyframes toFadeInRightToLeft--1-half { from { opacity: 0; transform: translate3d(1.5rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--1-half { from { transform: translate3d(-1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--2 { from { opacity: 0; transform: translate3d(0, 2rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--2 { from { opacity: 0; transform: translate3d(-2rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--2 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-2rem, 0, 0); } } @keyframes toFadeOutRightToLeft--2 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(2rem, 0, 0); } } @keyframes toFadeInRightToLeft--2 { from { opacity: 0; transform: translate3d(2rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--2 { from { transform: translate3d(-2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--2-half { from { opacity: 0; transform: translate3d(0, 2.5rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--2-half { from { opacity: 0; transform: translate3d(-2.5rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--2-half { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-2.5rem, 0, 0); } } @keyframes toFadeOutRightToLeft--2-half { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(2.5rem, 0, 0); } } @keyframes toFadeInRightToLeft--2-half { from { opacity: 0; transform: translate3d(2.5rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--2-half { from { transform: translate3d(-2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--3 { from { opacity: 0; transform: translate3d(0, 3rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--3 { from { opacity: 0; transform: translate3d(-3rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--3 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-3rem, 0, 0); } } @keyframes toFadeOutRightToLeft--3 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(3rem, 0, 0); } } @keyframes toFadeInRightToLeft--3 { from { opacity: 0; transform: translate3d(3rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--3 { from { transform: translate3d(-3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--20 { from { opacity: 0; transform: translate3d(0, 20rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--20 { from { opacity: 0; transform: translate3d(-20rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--20 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-20rem, 0, 0); } } @keyframes toFadeOutRightToLeft--20 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(20rem, 0, 0); } } @keyframes toFadeInRightToLeft--20 { from { opacity: 0; transform: translate3d(20rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--20 { from { transform: translate3d(-20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes toHeight100 { from { height: 0%; } to { height: 100%; } } @keyframes toHeight100-10px { from { height: 0%; } to { height: calc(100% - 10px); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0, 0, 0); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes zoomInBig { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 70% { opacity: 1; transform: scale3d(1.01, 1.01, 1.01); } 85% { transform: scale3d(0.99, 0.99, 0.99); } to { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes translateDiagonalScaleCustom1 { 0% { transform: scale(1, 1) translateY(2%) translateX(0.25%); } 100% { transform: scale(1.1, 1.1) translateY(-2%) translateX(-0.75%); } } @-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @charset "UTF-8"; /* ######################################################################### */ /* #### Load Module Specific SCSS here #### */ /* ######################################################################### */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /*320*/ /*1200*/ /*1280*/ /*767*/ /*768*/ /*1023*/ /*1024*/ /*1279*/ /*1280*/ /* Given a string, split by the $separator then return a list. */ /* Given a class prefix and a class name, return a name with the prefix prepended with a dash if prefix is given */ /* this gets mozilla */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /* this gets mozilla */ /************************************/ /*************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*********/ /************************************/ /************************************/ /**************ICONS*****************/ /************************************/ /* ----------- iPad 3, 4 and Pro 9.7" ----------- */ /* Portrait and Landscape */ .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; } /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /*320*/ /*1200*/ /*1280*/ /*767*/ /*768*/ /*1023*/ /*1024*/ /*1279*/ /*1280*/ /* Given a string, split by the $separator then return a list. */ /* Given a class prefix and a class name, return a name with the prefix prepended with a dash if prefix is given */ /* this gets mozilla */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /* this gets mozilla */ /************************************/ /*************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*********/ /************************************/ /************************************/ /**************ICONS*****************/ /************************************/ @keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } [aria-haspopup] { cursor: pointer; } /************************************/ /*************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*********/ /************************************/ /************************************/ /**************ICONS*****************/ /************************************/ /* This container is needed to position the front and back side */ /* Position the front and back side */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /*320*/ /*1200*/ /*1280*/ /*767*/ /*768*/ /*1023*/ /*1024*/ /*1279*/ /*1280*/ /* Given a string, split by the $separator then return a list. */ /* Given a class prefix and a class name, return a name with the prefix prepended with a dash if prefix is given */ /* this gets mozilla */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /* this gets mozilla */ /************************************/ /*************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*********/ /************************************/ /************************************/ /**************ICONS*****************/ /************************************/ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /*320*/ /*1200*/ /*1280*/ /*767*/ /*768*/ /*1023*/ /*1024*/ /*1279*/ /*1280*/ /* Given a string, split by the $separator then return a list. */ /* Given a class prefix and a class name, return a name with the prefix prepended with a dash if prefix is given */ /* this gets mozilla */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /* this gets mozilla */ /************************************/ /*************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*********/ /************************************/ /************************************/ /**************ICONS*****************/ /************************************/