body.modal-open{overflow:hidden}
.generic-loan-calc.component{color:#000;background-color:#fff;overflow:hidden}
.generic-loan-calc .generic-calc-hero_container{padding-top:24px;padding-bottom:8px;min-height:298px;margin-bottom:24px;background:#003a60 linear-gradient(85deg,#000000A1 0,#00000000 100%) 0 0 no-repeat padding-box}
.generic-loan-calc .generic-calc-hero_container .generic-calc-hero__content{color:#fff}
.generic-loan-calc .generic-calc-hero_container .generic-calc-hero__title{font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-size:36px;line-height:52px;letter-spacing:-0.36px;font-weight:500}
.generic-loan-calc .generic-calc-hero_container .generic-calc-hero__subcopy{font-size:16px;line-height:24px;margin-top:18px;letter-spacing:-0.16px}
.generic-loan-calc .generic-calc-intro-block_disclaimer{margin-top:32px}
.generic-loan-calc .generic-calc-intro-block_disclaimer.richtext{font-size:16px;line-height:24px}
.generic-loan-calc .generic-calc-intro-block_brokerContent.richtext,.generic-loan-calc .generic-calc-intro-block_disclaimer.richtext{font-size:16px;line-height:24px}
.generic-loan-calc .generic-calc-intro-block_brokerContent.richtext p+p,.generic-loan-calc .generic-calc-intro-block_disclaimer.richtext p+p{margin-top:32px}
.generic-loan-calc .generic-calc-intro-block_brokerContent.richtext ol ol,.generic-loan-calc .generic-calc-intro-block_disclaimer.richtext ol ol,.generic-loan-calc .generic-calc-intro-block_brokerContent.richtext ol ul,.generic-loan-calc .generic-calc-intro-block_disclaimer.richtext ol ul,.generic-loan-calc .generic-calc-intro-block_brokerContent.richtext ul ol,.generic-loan-calc .generic-calc-intro-block_disclaimer.richtext ul ol,.generic-loan-calc .generic-calc-intro-block_brokerContent.richtext ul ul,.generic-loan-calc .generic-calc-intro-block_disclaimer.richtext ul ul,.generic-loan-calc .generic-calc-intro-block_brokerContent.richtext li+li,.generic-loan-calc .generic-calc-intro-block_disclaimer.richtext li+li{margin-top:8px}
.generic-loan-calc .generic-calc-intro-block_brokerContent.richtext ul,.generic-loan-calc .generic-calc-intro-block_disclaimer.richtext ul{list-style:square}
.generic-loan-calc .generic-calc-intro-block_cta{display:flex;flex-direction:column;align-items:center;margin-top:35px}
.generic-loan-calc .generic-calc-intro-block_cta a{display:inline-flex;align-items:center;text-decoration:none;margin-right:52px;margin-bottom:30px}
.generic-loan-calc .generic-calc-intro-block_cta a .icon-download{fill:#007abc;height:22px;width:22px;min-width:22px;margin-right:8px}
.generic-loan-calc .generic-calc-intro-block_cta a:hover,.generic-loan-calc .generic-calc-intro-block_cta a:focus{color:#007abc;text-decoration:underline}
.generic-loan-calc .generic-calc-intro-block_cta a:hover .icon-download,.generic-loan-calc .generic-calc-intro-block_cta a:focus .icon-download{fill:#0061a0}
.generic-loan-calc .generic-calc-intro-block_cta button{cursor:pointer;margin:0}
.generic-loan-calc .form-popup{position:fixed;z-index:15000;height:100%;width:100%;left:0;top:0;overflow:auto;overflow-x:hidden;background-color:white;display:none}
.generic-loan-calc .form-popup.overlay_show{display:block}
.generic-loan-calc .form-popup .form-close__section.thank-you-section-button{display:none}
.generic-loan-calc .form-popup.thank-you-config{color:#fff;background:#003a60 linear-gradient(68deg,#000000A1 0,#00000000 100%) 0 0 no-repeat padding-box}
.generic-loan-calc .form-popup.thank-you-config .form-popup_alert,.generic-loan-calc .form-popup.thank-you-config .form-popup_header,.generic-loan-calc .form-popup.thank-you-config .form-popup_progressbar{display:none}
.generic-loan-calc .form-popup.thank-you-config .form-close__section.thank-you-section-button{position:absolute;top:20px;right:20px;display:flex;visibility:visible}
.generic-loan-calc .form-popup .form-popup_error{padding:16px 24px;color:#fff;background:#db0a5b;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0}
.generic-loan-calc .form-popup .form-popup_error .icon-exclamation{fill:#fff;min-width:16px;width:16px;height:16px;margin-right:10px}
.generic-loan-calc .form-popup .form-popup_alert{padding:16px 24px;background:#5f259f;color:#fff;font-size:16px;line-height:22px;letter-spacing:-0.16px}
.generic-loan-calc .form-popup .form-popup_alert a{font-weight:700;color:#fff}
.generic-loan-calc .form-popup .form-popup_alert a:hover,.generic-loan-calc .form-popup .form-popup_alert a:focus{color:#fff;text-decoration:underline}
.generic-loan-calc .form-popup .form-popup_header{padding:16px 20px 18px 20px;position:relative;display:flex;flex-direction:column;color:#fff;background-color:#003a60;background-image:linear-gradient(81deg,#000 A1 0,#000 0 100%) 0 0 no-repeat padding-box}
.generic-loan-calc .form-popup .form-popup_header .form-popup_header-top{display:flex;justify-content:space-between;width:100%;font-size:16px;line-height:27px}
.generic-loan-calc .form-popup .form-popup_header .form-popup_header-bottom{font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';margin-top:16px;font-size:24px;line-height:36px}
.generic-loan-calc .form-popup .form-popup_progressbar{background:#d9d9d6;width:100%;height:10px}
.generic-loan-calc .form-popup .form-popup_progressbar .form-popup_progressbar_total{height:10px;background-image:linear-gradient(to right,#0090da 10%,#007abc 23%,#0061a0 42%,#a4ce4e 59%)}
.generic-loan-calc .form-popup .form-close__section{display:flex}
.generic-loan-calc .form-popup .icon-close{fill:#fff;width:18px;height:18px;cursor:pointer}
.generic-loan-calc .form-popup .icon-close:focus{box-shadow:none;outline-offset:3px;outline-width:3px;text-decoration:none;outline-style:solid;outline-color:#333;border:3px solid #333}
.generic-loan-calc .form-popup-header{position:fixed;width:100%;top:0}
.generic-loan-calc .form-popup__container{padding-top:48px;padding-bottom:24px}
@media screen and (min-width:768px){.generic-loan-calc .generic-calc-intro-block_cta{flex-direction:row;align-items:baseline;margin-bottom:0}
.generic-loan-calc .generic-calc-intro-block_disclaimer{margin-top:30px}
.generic-loan-calc .form-popup .form-popup_header .form-popup_header-bottom{margin-top:10px;font-size:24px;line-height:40px}
.generic-loan-calc .generic-calc-hero_container{padding-top:48px;padding-bottom:40px;min-height:207px;margin-bottom:32px}
.generic-loan-calc .generic-calc-hero_container .generic-calc-hero__title{font-size:36px;line-height:57px;letter-spacing:0}
.generic-loan-calc .generic-calc-hero_container .generic-calc-hero__subcopy{font-size:18px;line-height:27px;letter-spacing:-0.18px;margin-top:24px}
}
@media screen and (min-width:1024px){.generic-loan-calc .form-popup__container{padding-top:72px;padding-bottom:50px}
.generic-loan-calc .form-popup__container.convo-padding{padding-top:30px}
.generic-loan-calc .generic-calc-intro-block_disclaimer{margin-top:40pxp}
.generic-loan-calc .generic-calc-hero_container{padding-top:48px;padding-bottom:48px;min-height:192px}
.generic-loan-calc .generic-calc-hero_container .generic-calc-hero__title{font-size:44px;line-height:66px;letter-spacing:0}
.generic-loan-calc .generic-calc-hero_container .generic-calc-hero__subcopy{font-size:18px;line-height:32px;letter-spacing:-0.18px;margin-top:16px}
.generic-loan-calc .generic-calc-intro-block_brokerContent.richtext{font-size:18px;line-height:32px}
.generic-loan-calc .form-popup .form-popup_header .form-popup_header-top{line-height:22px}
.generic-loan-calc .form-popup .form-popup_header .form-popup_header-bottom{line-height:30px}
}