/* Legacy Lotus restructuring sections — CSS collected by matching lotus-cp.com rules
   against their live DOM (pseudo-elements/states stripped for matching) plus all 92
   JS-toggled state classes. Includes Foundation element resets. Scoped to .legacy-restr. */
.legacy-restr .sans, .legacy-restr .sans *, .legacy-restr, .legacy-restr div { font-family: var(--sans) !important; }
.legacy-restr p { margin-bottom: 1rem; font-weight: 400; }
.legacy-restr .looking { color: rgb(33, 153, 232); }
.legacy-restr .not_looking { color: gray; }
.legacy-restr .my_title_icon { height: auto; font-size: 30px; color: rgb(31, 57, 108); line-height: 40px !important; }
.legacy-restr .expertise-details h4, .legacy-restr .expertise-details i { color: white; }
.legacy-restr .expertise-details:hover h4, .legacy-restr .expertise-details:hover i { color: rgb(58, 90, 156); }
.legacy-restr #gearbox { display: flex; width: 600px; margin: auto; border-radius: 0px; z-index: 5; position: relative; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.legacy-restr .gear_text { position: absolute; padding-left: 3vw; padding-right: 3vw; }
.legacy-restr .gear { margin: 0px; }
.legacy-restr .bmw-gear-text-container { padding-top: 20px; }
.legacy-restr .bmw-gear-text { font-size: 18px; text-align: center; max-width: 510px; height: 120px; margin: auto; font-family: var(--sans) !important; }
.legacy-restr .bmw-gear-title { font-size: 40px; font-weight: bold; color: rgb(37, 59, 103); margin-bottom: 0px; text-align: center; font-variant: small-caps; text-transform: lowercase; font-family: var(--sans) !important; }
.legacy-restr .gear_img { z-index: 2; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; }
.legacy-restr .counterclockwise { animation-name: spin-counterclockwise; }
.legacy-restr .clockwise { animation-name: spin-clockwise; }
.legacy-restr .counterclockwise-fast { animation-name: spin-counterclockwise; animation-duration: 3s; }
.legacy-restr .clockwise-fast { animation-name: spin-clockwise; animation-duration: 3s; }
.legacy-restr .you_gear_img { width: 11.43vw; height: auto; }
.legacy-restr .glowing { border-radius: 50%; box-shadow: rgb(255, 255, 255) 0px 0px 20px 20px; }
.legacy-restr .lotus_gear_img { width: 9.71vw; height: auto; }
.legacy-restr .special_gear_img, .legacy-restr .master_gear_img, .legacy-restr .controlling_gear_img, .legacy-restr .lender_gear_img { width: 9.71vw; height: auto; filter: brightness(100%); }
.legacy-restr .halted { animation-name: none; }
.legacy-restr .you_gear { z-index: 2; position: absolute; transform: translate(9vw, 5vw); }
.legacy-restr .you_gear_cmbs2 { transform: translate(1vw, 5vw); }
.legacy-restr .you_gear_cmbs15 { transform: translate(-0.5vw, 5vw); }
.legacy-restr .you_gear_noncmbs2 { transform: translate(5vw, 5vw); }
.legacy-restr .lotus_gear { z-index: 2; position: absolute; transform: translate(16vw, 20vw); }
.legacy-restr .lotus_gear_cmbs3 { opacity: 1; transform: translate(12vw, 6vw); }
.legacy-restr .lotus_gear_noncmbs3 { opacity: 1; transform: translate(16vw, 6vw); }
.legacy-restr .special_gear { z-index: 2; position: absolute; transform: translate(95vw, 2vw); }
.legacy-restr .special_gear_cmbs2 { transform: translate(21.3vw, 6vw); }
.legacy-restr .special_gear_delinquent { transform: translate(35vw, 11.2vw); }
.legacy-restr .master_gear { z-index: 2; position: absolute; transform: translate(20vw, 6vw); }
.legacy-restr .master_gear_cmbs2 { transform: translate(29.1vw, 11.2vw); }
.legacy-restr .master_gear_cmbs15 { transform: translate(30.6vw, 11.2vw); }
.legacy-restr .controlling_gear { z-index: 2; position: absolute; transform: translate(95vw, 16vw); }
.legacy-restr .controlling_gear_cmbs2 { transform: translate(28.8vw, 0.1vw); }
.legacy-restr .controlling_gear_cmbs15 { transform: translate(30.3vw, 0.1vw); }
.legacy-restr .controlling_gear_delinquent { transform: translate(35vw, 0.1vw); }
.legacy-restr .extra_gears_non_cmbs { transform: translate(105vw, 2vw); }
.legacy-restr .lender_gear { z-index: 2; position: absolute; }
.legacy-restr .lender_gear_cmbs1 { transform: translate(20vw, 6vw); }
.legacy-restr .lender_gear_cmbs2 { transform: translate(25.4vw, 6vw); }
.legacy-restr .gear_text { color: rgb(31, 57, 108); z-index: 5; text-align: center; font-weight: bold; text-transform: uppercase; font-family: var(--sans) !important; }
.legacy-restr .you_text { font-size: 1.7vw; top: 4.5vw; left: 0.9vw; color: rgb(255, 255, 255); text-shadow: rgb(215, 221, 222) 0px 1px 1px, rgb(46, 66, 70) 0px -1px 1px; position: absolute; animation: auto ease 0s 1 normal none running spin-counterclockwise; }
.legacy-restr .lotus_text { font-size: 1.4vw; top: 3.7vw; left: -0.6vw; color: rgb(255, 255, 255); text-shadow: rgb(129, 131, 134) 0px 1px 1px, rgb(26, 28, 29) 0px -1px 1px; position: absolute; }
.legacy-restr .special_text, .legacy-restr .master_text, .legacy-restr .controlling_text { font-size: 1.1vw; top: 3vw; left: -1.1vw; position: absolute; color: white; text-shadow: rgb(215, 221, 222) 0px 1px 1px, rgb(46, 66, 70) 0px -1px 1px; }
.legacy-restr .lender_text { font-size: 1.1vw; top: 4vw; left: -0.5vw; color: rgb(255, 255, 255); text-shadow: rgb(215, 221, 222) 0px 1px 1px, rgb(46, 66, 70) 0px -1px 1px; position: absolute; }
.legacy-restr .controlling_text { font-size: 1vw; top: 2.7vw; left: -2vw; }
.legacy-restr .gear_spacer { padding-bottom: 20vw; }
.legacy-restr .gear .center { position: absolute; top: 25px; left: 25px; z-index: 10; width: 150px; height: 150px; background-color: white; border-radius: 50%; }
.legacy-restr .my_hidden { opacity: 0; }
.legacy-restr .my_hidden_fast { transition: opacity 0.25s; opacity: 0 !important; }
.legacy-restr .display_none { display: none; }
.legacy-restr #timeline-stage, .legacy-restr #performing-text, .legacy-restr #specially-served-text, .legacy-restr #resolved, .legacy-restr #dlq-text, .legacy-restr #you-gear, .legacy-restr #lotus-gear, .legacy-restr #special-gear, .legacy-restr #master-gear, .legacy-restr #controlling-gear, .legacy-restr #you-gear-img, .legacy-restr #lotus-gear-img, .legacy-restr #special-gear-img, .legacy-restr #master-gear-img, .legacy-restr #controlling-gear-img, .legacy-restr #lender-gear, .legacy-restr #lender-gear-img { transition: 1s, transform 1.5s, opacity 1s; }
.legacy-restr .fade-in, .legacy-restr .fade-in-delay1, .legacy-restr .fade-in-delay2 { opacity: 0; transition: opacity 500ms ease-in; }
.legacy-restr .fade-in.appear, .legacy-restr .fade-in-delay1.appear, .legacy-restr .fade-in-delay2.appear { opacity: 1; transition: opacity 500ms ease-in; }
.legacy-restr .fade-in-delay1.appear { transition-delay: 0.1s; }
.legacy-restr .fade-in-delay2.appear { transition-delay: 0.2s; }
.legacy-restr .slide-up, .legacy-restr .slide-up-delay1, .legacy-restr .slide-up-delay2, .legacy-restr .slide-up-delay3 { transform: translateY(200px); }
.legacy-restr .slide-up-market-cred { transform: translate(327px, 200px); }
.legacy-restr .slide-up-client-first { transform: translate(-311px, 515px); }
.legacy-restr .slide-up.slide, .legacy-restr .slide-up-delay1.slide, .legacy-restr .slide-up-delay2.slide, .legacy-restr .slide-up-delay3.slide, .legacy-restr .slide-right.slide, .legacy-restr .slide-left.slide { transform: translate(0px, 0px); transition: transform 0.75s; }
.legacy-restr .slide-up-delay1.slide { transition-delay: 0.1s; }
.legacy-restr .slide-up-delay2.slide { transition-delay: 0.2s; }
.legacy-restr .slide-up-delay3.slide { transition-delay: 0.3s; }
.legacy-restr .slide-right { transform: translateX(-40vw); }
.legacy-restr .slide-right-first, .legacy-restr .slide-right-second { transform: translateX(-20vw); }
.legacy-restr .slide-right-third { transform: translateX(-60vw); }
.legacy-restr .slide-right-first.slide-first { transform: translate(30px, 0px); transition: transform 0.75s; }
.legacy-restr .slide-right-second.slide-first { transform: translate(0px, 0px); transition: transform 0.75s; }
.legacy-restr .slide-right-third.slide-first { transform: translate(-330px, 315px); transition: transform 2s; }
.legacy-restr .slide-left { transform: translateX(15vw); }
.legacy-restr .slide-left-first, .legacy-restr .slide-left-second { transform: translateX(60vw); }
.legacy-restr .slide-up-market-cred.slide { transform: translate(327px, -184px); transition: transform 1s; }
.legacy-restr .slide-up-client-first.slide { transform: translate(-311px, 315px); transition: transform 1s; }
.legacy-restr .slide-left-second.slide { transform: translate(385px, 385px); transition: transform 3s; }
.legacy-restr .descriptive-text { font-family: var(--sans) !important; }
.legacy-restr .negotiated-outcomes-subtext { font-size: 23px; }
.legacy-restr .read-more-card { font-size: 16px; color: rgb(33, 153, 232); margin-top: 2px; margin-bottom: 0px; font-family: var(--sans) !important; }
.legacy-restr .full-height { max-height: 600px; transition: max-height 0.25s ease-in-out; }
.legacy-restr .colored-span { color: rgb(33, 153, 232) !important; }
.legacy-restr .horizontal-line { background-color: rgb(33, 153, 232); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; height: 2px; width: 90%; margin-top: 0px; }
.legacy-restr .gray-text { color: rgb(198, 198, 198); text-align: center; font-size: 20px; }
.legacy-restr .blue-text { color: rgb(37, 59, 103) !important; }
.legacy-restr .how-we-do-it { padding-top: 50px; }
.legacy-restr .loan-modification { margin-top: 50px; background-color: rgb(222, 235, 247); width: 100%; }
.legacy-restr .header-3 { color: white; font-weight: 400; font-size: 35px; text-align: center; padding-top: 50px; font-family: var(--sans) !important; }
.legacy-restr .expertise-container { display: flex; justify-content: center; align-items: center; padding-top: 20px; padding-bottom: 80px; position: relative; }
.legacy-restr .expertise-point { display: flex; align-items: center; justify-content: center; width: 145px; height: 120px; margin: 0px 30px 0px -20px; transform: skew(-15deg); background: rgb(58, 90, 156); position: relative; transition: 0.25s; }
.legacy-restr .expertise-point:hover { background: rgb(255, 255, 255); transition: 0.25s; }
.legacy-restr .expertise-point:hover .header-4, .legacy-restr .expertise-point:hover .my_title_icon { color: rgb(58, 90, 156); transition: 0.25s; }
.legacy-restr .my_title_icon { transition: 0.25s; }
.legacy-restr .expertise-details { position: absolute; transform: skew(15deg); text-align: center; }
.legacy-restr .header-4 { color: rgb(37, 59, 103); font-size: 16px; font-weight: 400; transition: 0.25s; font-family: var(--sans) !important; }
.legacy-restr .escrow-stuff { transform: translateX(-10px); }
.legacy-restr .icon-shield { margin-right: -10px; }
.legacy-restr .icon-pencil { margin-right: -3px; }
.legacy-restr .expertise-popout { display: none; position: absolute; background: rgb(237, 237, 237); border-radius: 10px; padding-left: 40px; padding-right: 40px; width: 400px; height: 45px; transform: skew(15deg) translateY(85px); text-align: center; opacity: 0; transition: 0.25s; }
.legacy-restr .expertise-popout::after { content: ""; position: absolute; top: 0px; left: 50%; width: 0px; height: 0px; border-width: 0px 19px 19px 0px; border-style: none solid solid none; border-color: currentcolor transparent rgb(237, 237, 237) currentcolor; border-image: initial; margin-left: -13px; margin-top: -18px; }
.legacy-restr .expertise-point:hover .expertise-popout { opacity: 1; transition: 0.25s; }
.legacy-restr .expertise-text { color: black; font-size: 13px; text-align: center; font-family: var(--sans) !important; }
.legacy-restr .negotiated-outcomes { background-color: rgb(222, 235, 247); display: flex; flex-direction: column-reverse; width: 100%; justify-content: center; align-items: center; padding-bottom: 40px; }
.legacy-restr .negotiated-title { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.legacy-restr .four-negotiated-points { display: flex; justify-content: space-around; align-items: center; max-width: 1000px; width: 80%; }
.legacy-restr .negotiated-point { background-color: rgb(58, 90, 156); padding: 15px; width: 230px; height: 330px; margin-top: 20px; margin-bottom: 20px; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; }
.legacy-restr .negotiated-point:hover { background-color: rgb(33, 153, 232); animation-play-state: running; }
.legacy-restr .point-title { font-size: 20px; font-weight: 400; color: rgb(255, 255, 255); text-align: center; margin-bottom: 30px; font-family: var(--sans) !important; }
.legacy-restr .run-negotiated-point-animation { color: white; transition: color 0.25s; animation: 0.35s ease 0s 1 normal both running titleUpDown; }
.legacy-restr .run-negotiated-point-animation2 { color: white; transition: color 0.25s; animation: 0.35s ease 0s 1 normal both running descriptionUpDown; }
.legacy-restr .run-negotiated-point-animation3 { animation: 0.25s ease 0s 1 normal both running coloredLightBlue; }
.legacy-restr .point-description { font-size: 14px; text-align: center; position: absolute; padding: 13px; transform: translateY(250px); color: white; opacity: 0; font-family: var(--sans) !important; }
.legacy-restr .forbear { margin-top: -25px; }
.legacy-restr .deeds-in { margin-top: -85px; }
.legacy-restr .no-padding { padding: 0px; }
.legacy-restr .dark-blue { color: rgb(37, 59, 103); }
.legacy-restr .switch-and-text-container { display: flex; justify-content: center; align-items: center; transform: translateX(-16px); }
.legacy-restr .toggle-state-text { font-size: 16px; margin: 0px 10px; text-transform: uppercase; color: gray; transition: 0.4s; font-family: var(--sans) !important; }
.legacy-restr #non-cmbs-toggle-text.toggled { transform: scale(2) translateX(23px); color: rgb(33, 153, 232); transition: 0.4s; }
.legacy-restr #cmbs-toggle-text.toggled { transform: scale(2) translateX(-12px); color: rgb(33, 153, 232); transition: 0.4s; }
.legacy-restr .gear-switch { position: relative; display: inline-block; width: 60px; height: 34px; }
.legacy-restr .gear-switch input { opacity: 0; width: 0px; height: 0px; }
.legacy-restr .gear-slider { position: absolute; cursor: pointer; inset: 0px; background-color: rgb(33, 153, 232); transition: 0.4s; }
.legacy-restr .gear-slider::before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: 0.4s; }
.legacy-restr input:checked + .gear-slider { background-color: rgb(33, 150, 243); }
.legacy-restr input:focus + .gear-slider { box-shadow: rgb(33, 150, 243) 0px 0px 1px; }
.legacy-restr input:checked + .gear-slider::before { transform: translateX(26px); }
.legacy-restr .gear-slider.round { border-radius: 34px; }
.legacy-restr .gear-slider.round::before { border-radius: 50%; }
.legacy-restr .loan-gears { padding-top: 50px; position: relative; overflow: hidden; }
.legacy-restr .button-container-gears { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.legacy-restr .gear-and-text-container { display: flex; justify-content: space-around; align-items: center; width: 100%; margin: auto; max-width: 1600px; }
.legacy-restr .gear-box { width: 70%; }
.legacy-restr .gear-timeline-and-title { width: 30%; padding-left: 7%; }
.legacy-restr .gear-title { padding-bottom: 40px; }
.legacy-restr .gear-timeline { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.legacy-restr .timeline-point { margin-bottom: 35px; width: 100%; }
.legacy-restr .red-ex::after { content: ""; width: 25px; height: 25px; background: url("../assets/gears/close.png") 0% 0% / contain; display: block; transform: translate(370px, -27px); position: absolute; opacity: 0; transition: opacity 0.25s; }
.legacy-restr .red-ex2::after { content: ""; width: 25px; height: 25px; background: url("../assets/gears/close.png") 0% 0% / contain; display: block; transform: translate(370px, -27px); position: absolute; opacity: 0; transition: opacity 0.25s; }
.legacy-restr .green-check::after { content: ""; width: 25px; height: 25px; background: url("../assets/gears/check.png") 0% 0% / contain; display: block; transform: translate(370px, -27px); position: absolute; opacity: 0; transition: opacity 0.25s; }
.legacy-restr .green-check2::after { content: ""; width: 25px; height: 25px; background: url("../assets/gears/check.png") 0% 0% / contain; display: block; transform: translate(370px, -27px); position: absolute; opacity: 0; transition: opacity 0.25s; }
.legacy-restr .timeline-title { font-weight: 400; border: 2px solid rgb(33, 153, 232); color: rgb(33, 153, 232); background: white; text-align: center; font-size: 20px; text-transform: uppercase; letter-spacing: 3px; padding: 4px 4px 4px 8px; transition: 0.25s; cursor: pointer; font-family: var(--sans) !important; }
.legacy-restr .timeline-title:hover, .legacy-restr .isactive { border: 2px solid transparent; background: rgb(33, 153, 232); color: white; transition: 0.25s; }
.legacy-restr .timeline-border { border: 2px solid rgb(33, 153, 232); transition: 0.25s; }
.legacy-restr .text-align-center { text-align: center; }
.legacy-restr .broken-gears-shake { animation: 0.75s ease 0s 2 normal both running shaking; }
.legacy-restr .progress-bar-container { position: relative; width: 400px; height: 5px; margin: auto auto 5px; transition: 1s; }
.legacy-restr .green-background { background: linear-gradient(to right, rgb(222, 235, 247) 10%, green 35%, green 65%, rgb(222, 235, 247) 90%); }
.legacy-restr .red-background { background: linear-gradient(to right, rgb(222, 235, 247) 10%, red 35%, red 65%, rgb(222, 235, 247) 90%); }
.legacy-restr .yellow-background { background: linear-gradient(to right, rgb(222, 235, 247) 10%, yellow 35%, yellow 65%, rgb(222, 235, 247) 90%); }
.legacy-restr .progress-bar { position: absolute; height: 5px; width: 50px; background-color: rgb(222, 235, 247); animation: 2s ease 0s infinite normal none running back-and-forth; }
.legacy-restr article, .legacy-restr aside, .legacy-restr details, .legacy-restr figcaption, .legacy-restr figure, .legacy-restr footer, .legacy-restr header, .legacy-restr hgroup, .legacy-restr main, .legacy-restr menu, .legacy-restr nav, .legacy-restr section, .legacy-restr summary { display: block; }
.legacy-restr a { text-decoration: none; }
.legacy-restr h4 { font-family: var(--sans); }
.legacy-restr p { line-height: 1.6; margin-bottom: 1rem; }
.legacy-restr div, .legacy-restr dl, .legacy-restr dt, .legacy-restr dd, .legacy-restr ul, .legacy-restr ol, .legacy-restr li, .legacy-restr h1, .legacy-restr h2, .legacy-restr h3, .legacy-restr h4, .legacy-restr h5, .legacy-restr h6, .legacy-restr pre, .legacy-restr form, .legacy-restr p, .legacy-restr blockquote, .legacy-restr th, .legacy-restr td { margin: 0px; }
.legacy-restr a { background-color: transparent; }
.legacy-restr a:active, .legacy-restr a:hover { outline: 0px; }
.legacy-restr img { border: 0px; }
.legacy-restr button, .legacy-restr input, .legacy-restr optgroup, .legacy-restr select, .legacy-restr textarea { color: inherit; font: inherit; margin: 0px; }
.legacy-restr input { line-height: normal; }
.legacy-restr input[type="checkbox"], .legacy-restr input[type="radio"] { box-sizing: border-box; padding: 0px; }
.legacy-restr *, .legacy-restr ::before, .legacy-restr ::after { box-sizing: inherit; }
.legacy-restr img { max-width: 100%; height: auto; display: inline-block; vertical-align: middle; }
.legacy-restr em, .legacy-restr i { font-style: italic; line-height: inherit; }
.legacy-restr input:disabled, .legacy-restr input[readonly], .legacy-restr textarea:disabled, .legacy-restr textarea[readonly] { background-color: rgb(230, 230, 230); cursor: default; }
.legacy-restr [type="file"], .legacy-restr [type="checkbox"], .legacy-restr [type="radio"] { margin: 0px 0px 1rem; }
.legacy-restr label > [type="checkbox"], .legacy-restr label > [type="label"] { margin-right: 0.5rem; }
.legacy-restr label { display: block; margin: 0px; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: rgb(10, 10, 10); }
.legacy-restr h1, .legacy-restr h2, .legacy-restr h3, .legacy-restr h4, .legacy-restr h5, .legacy-restr label, .legacy-restr p, .legacy-restr ul, .legacy-restr a, .legacy-restr hr { font-family: var(--sans) !important; }
.legacy-restr a { color: rgb(0, 156, 222); }
.legacy-restr .icon-user, .legacy-restr .icon-people, .legacy-restr .icon-user-female, .legacy-restr .icon-user-follow, .legacy-restr .icon-user-following, .legacy-restr .icon-user-unfollow, .legacy-restr .icon-login, .legacy-restr .icon-logout, .legacy-restr .icon-emotsmile, .legacy-restr .icon-phone, .legacy-restr .icon-call-end, .legacy-restr .icon-call-in, .legacy-restr .icon-call-out, .legacy-restr .icon-map, .legacy-restr .icon-location-pin, .legacy-restr .icon-direction, .legacy-restr .icon-directions, .legacy-restr .icon-compass, .legacy-restr .icon-layers, .legacy-restr .icon-menu, .legacy-restr .icon-list, .legacy-restr .icon-options-vertical, .legacy-restr .icon-options, .legacy-restr .icon-arrow-down, .legacy-restr .icon-arrow-left, .legacy-restr .icon-arrow-right, .legacy-restr .icon-arrow-up, .legacy-restr .icon-arrow-up-circle, .legacy-restr .icon-arrow-left-circle, .legacy-restr .icon-arrow-right-circle, .legacy-restr .icon-arrow-down-circle, .legacy-restr .icon-check, .legacy-restr .icon-clock, .legacy-restr .icon-plus, .legacy-restr .icon-minus, .legacy-restr .icon-close, .legacy-restr .icon-organization, .legacy-restr .icon-trophy, .legacy-restr .icon-screen-smartphone, .legacy-restr .icon-screen-desktop, .legacy-restr .icon-plane, .legacy-restr .icon-notebook, .legacy-restr .icon-mustache, .legacy-restr .icon-mouse, .legacy-restr .icon-magnet, .legacy-restr .icon-energy, .legacy-restr .icon-disc, .legacy-restr .icon-cursor, .legacy-restr .icon-cursor-move, .legacy-restr .icon-crop, .legacy-restr .icon-chemistry, .legacy-restr .icon-speedometer, .legacy-restr .icon-shield, .legacy-restr .icon-screen-tablet, .legacy-restr .icon-magic-wand, .legacy-restr .icon-hourglass, .legacy-restr .icon-graduation, .legacy-restr .icon-ghost, .legacy-restr .icon-game-controller, .legacy-restr .icon-fire, .legacy-restr .icon-eyeglass, .legacy-restr .icon-envelope-open, .legacy-restr .icon-envelope-letter, .legacy-restr .icon-bell, .legacy-restr .icon-badge, .legacy-restr .icon-anchor, .legacy-restr .icon-wallet, .legacy-restr .icon-vector, .legacy-restr .icon-speech, .legacy-restr .icon-puzzle, .legacy-restr .icon-printer, .legacy-restr .icon-present, .legacy-restr .icon-playlist, .legacy-restr .icon-pin, .legacy-restr .icon-picture, .legacy-restr .icon-handbag, .legacy-restr .icon-globe-alt, .legacy-restr .icon-globe, .legacy-restr .icon-folder-alt, .legacy-restr .icon-folder, .legacy-restr .icon-film, .legacy-restr .icon-feed, .legacy-restr .icon-drop, .legacy-restr .icon-drawer, .legacy-restr .icon-docs, .legacy-restr .icon-doc, .legacy-restr .icon-diamond, .legacy-restr .icon-cup, .legacy-restr .icon-calculator, .legacy-restr .icon-bubbles, .legacy-restr .icon-briefcase, .legacy-restr .icon-book-open, .legacy-restr .icon-basket-loaded, .legacy-restr .icon-basket, .legacy-restr .icon-bag, .legacy-restr .icon-action-undo, .legacy-restr .icon-action-redo, .legacy-restr .icon-wrench, .legacy-restr .icon-umbrella, .legacy-restr .icon-trash, .legacy-restr .icon-tag, .legacy-restr .icon-support, .legacy-restr .icon-frame, .legacy-restr .icon-size-fullscreen, .legacy-restr .icon-size-actual, .legacy-restr .icon-shuffle, .legacy-restr .icon-share-alt, .legacy-restr .icon-share, .legacy-restr .icon-rocket, .legacy-restr .icon-question, .legacy-restr .icon-pie-chart, .legacy-restr .icon-pencil, .legacy-restr .icon-note, .legacy-restr .icon-loop, .legacy-restr .icon-home, .legacy-restr .icon-grid, .legacy-restr .icon-graph, .legacy-restr .icon-microphone, .legacy-restr .icon-music-tone-alt, .legacy-restr .icon-music-tone, .legacy-restr .icon-earphones-alt, .legacy-restr .icon-earphones, .legacy-restr .icon-equalizer, .legacy-restr .icon-like, .legacy-restr .icon-dislike, .legacy-restr .icon-control-start, .legacy-restr .icon-control-rewind, .legacy-restr .icon-control-play, .legacy-restr .icon-control-pause, .legacy-restr .icon-control-forward, .legacy-restr .icon-control-end, .legacy-restr .icon-volume-1, .legacy-restr .icon-volume-2, .legacy-restr .icon-volume-off, .legacy-restr .icon-calendar, .legacy-restr .icon-bulb, .legacy-restr .icon-chart, .legacy-restr .icon-ban, .legacy-restr .icon-bubble, .legacy-restr .icon-camrecorder, .legacy-restr .icon-camera, .legacy-restr .icon-cloud-download, .legacy-restr .icon-cloud-upload, .legacy-restr .icon-envelope, .legacy-restr .icon-eye, .legacy-restr .icon-flag, .legacy-restr .icon-heart, .legacy-restr .icon-info, .legacy-restr .icon-key, .legacy-restr .icon-link, .legacy-restr .icon-lock, .legacy-restr .icon-lock-open, .legacy-restr .icon-magnifier, .legacy-restr .icon-magnifier-add, .legacy-restr .icon-magnifier-remove, .legacy-restr .icon-paper-clip, .legacy-restr .icon-paper-plane, .legacy-restr .icon-power, .legacy-restr .icon-refresh, .legacy-restr .icon-reload, .legacy-restr .icon-settings, .legacy-restr .icon-star, .legacy-restr .icon-symbol-female, .legacy-restr .icon-symbol-male, .legacy-restr .icon-target, .legacy-restr .icon-credit-card, .legacy-restr .icon-paypal, .legacy-restr .icon-social-tumblr, .legacy-restr .icon-social-twitter, .legacy-restr .icon-social-facebook, .legacy-restr .icon-social-instagram, .legacy-restr .icon-social-linkedin, .legacy-restr .icon-social-pinterest, .legacy-restr .icon-social-github, .legacy-restr .icon-social-google, .legacy-restr .icon-social-reddit, .legacy-restr .icon-social-skype, .legacy-restr .icon-social-dribbble, .legacy-restr .icon-social-behance, .legacy-restr .icon-social-foursqare, .legacy-restr .icon-social-soundcloud, .legacy-restr .icon-social-spotify, .legacy-restr .icon-social-stumbleupon, .legacy-restr .icon-social-youtube, .legacy-restr .icon-social-dropbox { font-family: simple-line-icons; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.legacy-restr .icon-clock::before { content: ""; }
.legacy-restr .icon-shield::before { content: ""; }
.legacy-restr .icon-badge::before { content: ""; }
.legacy-restr .icon-wallet::before { content: ""; }
.legacy-restr .icon-pencil::before { content: ""; }
.legacy-restr .icon-star::before { content: ""; }
.legacy-restr .red-ex::after { opacity: 0; }
.legacy-restr .red-ex2::after { opacity: 0; }
.legacy-restr .green-check::after { opacity: 0; }
.legacy-restr .green-check2::after { opacity: 0; }
.legacy-restr .green-check::after { opacity: 1; }
.legacy-restr .red-ex::after { opacity: 1; }
.legacy-restr .red-ex2::after { opacity: 1; }
.legacy-restr .green-check2::after { opacity: 1; }
.legacy-restr .icon-action-redo, .legacy-restr .icon-action-undo, .legacy-restr .icon-anchor, .legacy-restr .icon-arrow-down, .legacy-restr .icon-arrow-down-circle, .legacy-restr .icon-arrow-left, .legacy-restr .icon-arrow-left-circle, .legacy-restr .icon-arrow-right, .legacy-restr .icon-arrow-right-circle, .legacy-restr .icon-arrow-up, .legacy-restr .icon-arrow-up-circle, .legacy-restr .icon-badge, .legacy-restr .icon-bag, .legacy-restr .icon-ban, .legacy-restr .icon-basket, .legacy-restr .icon-basket-loaded, .legacy-restr .icon-bell, .legacy-restr .icon-book-open, .legacy-restr .icon-briefcase, .legacy-restr .icon-bubble, .legacy-restr .icon-bubbles, .legacy-restr .icon-bulb, .legacy-restr .icon-calculator, .legacy-restr .icon-calendar, .legacy-restr .icon-call-end, .legacy-restr .icon-call-in, .legacy-restr .icon-call-out, .legacy-restr .icon-camera, .legacy-restr .icon-camrecorder, .legacy-restr .icon-chart, .legacy-restr .icon-check, .legacy-restr .icon-chemistry, .legacy-restr .icon-clock, .legacy-restr .icon-close, .legacy-restr .icon-cloud-download, .legacy-restr .icon-cloud-upload, .legacy-restr .icon-compass, .legacy-restr .icon-control-end, .legacy-restr .icon-control-forward, .legacy-restr .icon-control-pause, .legacy-restr .icon-control-play, .legacy-restr .icon-control-rewind, .legacy-restr .icon-control-start, .legacy-restr .icon-credit-card, .legacy-restr .icon-crop, .legacy-restr .icon-cup, .legacy-restr .icon-cursor, .legacy-restr .icon-cursor-move, .legacy-restr .icon-diamond, .legacy-restr .icon-direction, .legacy-restr .icon-directions, .legacy-restr .icon-disc, .legacy-restr .icon-dislike, .legacy-restr .icon-doc, .legacy-restr .icon-docs, .legacy-restr .icon-drawer, .legacy-restr .icon-drop, .legacy-restr .icon-earphones, .legacy-restr .icon-earphones-alt, .legacy-restr .icon-emotsmile, .legacy-restr .icon-energy, .legacy-restr .icon-envelope, .legacy-restr .icon-envelope-letter, .legacy-restr .icon-envelope-open, .legacy-restr .icon-equalizer, .legacy-restr .icon-event, .legacy-restr .icon-exclamation, .legacy-restr .icon-eye, .legacy-restr .icon-eyeglass, .legacy-restr .icon-feed, .legacy-restr .icon-film, .legacy-restr .icon-fire, .legacy-restr .icon-flag, .legacy-restr .icon-folder, .legacy-restr .icon-folder-alt, .legacy-restr .icon-frame, .legacy-restr .icon-game-controller, .legacy-restr .icon-ghost, .legacy-restr .icon-globe, .legacy-restr .icon-globe-alt, .legacy-restr .icon-graduation, .legacy-restr .icon-graph, .legacy-restr .icon-grid, .legacy-restr .icon-handbag, .legacy-restr .icon-heart, .legacy-restr .icon-home, .legacy-restr .icon-hourglass, .legacy-restr .icon-info, .legacy-restr .icon-key, .legacy-restr .icon-layers, .legacy-restr .icon-like, .legacy-restr .icon-link, .legacy-restr .icon-list, .legacy-restr .icon-location-pin, .legacy-restr .icon-lock, .legacy-restr .icon-lock-open, .legacy-restr .icon-login, .legacy-restr .icon-logout, .legacy-restr .icon-loop, .legacy-restr .icon-magic-wand, .legacy-restr .icon-magnet, .legacy-restr .icon-magnifier, .legacy-restr .icon-magnifier-add, .legacy-restr .icon-magnifier-remove, .legacy-restr .icon-map, .legacy-restr .icon-menu, .legacy-restr .icon-microphone, .legacy-restr .icon-minus, .legacy-restr .icon-mouse, .legacy-restr .icon-music-tone, .legacy-restr .icon-music-tone-alt, .legacy-restr .icon-mustache, .legacy-restr .icon-note, .legacy-restr .icon-notebook, .legacy-restr .icon-options, .legacy-restr .icon-options-vertical, .legacy-restr .icon-organization, .legacy-restr .icon-paper-clip, .legacy-restr .icon-paper-plane, .legacy-restr .icon-paypal, .legacy-restr .icon-pencil, .legacy-restr .icon-people, .legacy-restr .icon-phone, .legacy-restr .icon-picture, .legacy-restr .icon-pie-chart, .legacy-restr .icon-pin, .legacy-restr .icon-plane, .legacy-restr .icon-playlist, .legacy-restr .icon-plus, .legacy-restr .icon-power, .legacy-restr .icon-present, .legacy-restr .icon-printer, .legacy-restr .icon-puzzle, .legacy-restr .icon-question, .legacy-restr .icon-refresh, .legacy-restr .icon-reload, .legacy-restr .icon-rocket, .legacy-restr .icon-screen-desktop, .legacy-restr .icon-screen-smartphone, .legacy-restr .icon-screen-tablet, .legacy-restr .icon-settings, .legacy-restr .icon-share, .legacy-restr .icon-share-alt, .legacy-restr .icon-shield, .legacy-restr .icon-shuffle, .legacy-restr .icon-size-actual, .legacy-restr .icon-size-fullscreen, .legacy-restr .icon-social-behance, .legacy-restr .icon-social-dribbble, .legacy-restr .icon-social-dropbox, .legacy-restr .icon-social-facebook, .legacy-restr .icon-social-foursqare, .legacy-restr .icon-social-github, .legacy-restr .icon-social-google, .legacy-restr .icon-social-instagram, .legacy-restr .icon-social-linkedin, .legacy-restr .icon-social-pinterest, .legacy-restr .icon-social-reddit, .legacy-restr .icon-social-skype, .legacy-restr .icon-social-soundcloud, .legacy-restr .icon-social-spotify, .legacy-restr .icon-social-steam, .legacy-restr .icon-social-stumbleupon, .legacy-restr .icon-social-tumblr, .legacy-restr .icon-social-twitter, .legacy-restr .icon-social-vkontakte, .legacy-restr .icon-social-youtube, .legacy-restr .icon-speech, .legacy-restr .icon-speedometer, .legacy-restr .icon-star, .legacy-restr .icon-support, .legacy-restr .icon-symbol-female, .legacy-restr .icon-symbol-male, .legacy-restr .icon-tag, .legacy-restr .icon-target, .legacy-restr .icon-trash, .legacy-restr .icon-trophy, .legacy-restr .icon-umbrella, .legacy-restr .icon-user, .legacy-restr .icon-user-female, .legacy-restr .icon-user-follow, .legacy-restr .icon-user-following, .legacy-restr .icon-user-unfollow, .legacy-restr .icon-vector, .legacy-restr .icon-volume-1, .legacy-restr .icon-volume-2, .legacy-restr .icon-volume-off, .legacy-restr .icon-wallet, .legacy-restr .icon-wrench { font-family: simple-line-icons; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
@media screen and (min-width: 1400px) {
  .legacy-restr .bmw-gear-text-container { padding-left: 0px; }
}
@media screen and (min-width: 1700px) {
  .legacy-restr .bmw-gear-text-container { padding-left: 0px; }
}
@media screen and (min-width: 1900px) {
  .legacy-restr .bmw-gear-text-container { padding-left: 0px; }
  .legacy-restr .you_gear { z-index: 2; position: absolute; transform: translate(3.5vw, 5vw); }
  .legacy-restr .you_gear_cmbs2 { transform: translate(-4.5vw, 5vw); }
  .legacy-restr .you_gear_cmbs15 { transform: translate(-7.5vw, 5vw); }
  .legacy-restr .you_gear_noncmbs2 { transform: translate(-0.5vw, 5vw); }
  .legacy-restr .lotus_gear { z-index: 2; position: absolute; transform: translate(10.5vw, 20vw); }
  .legacy-restr .lotus_gear_cmbs3 { opacity: 1; transform: translate(6.5vw, 6vw); }
  .legacy-restr .lotus_gear_noncmbs3 { opacity: 1; transform: translate(10.5vw, 6vw); }
  .legacy-restr .special_gear { z-index: 2; position: absolute; transform: translate(95vw, 2vw); }
  .legacy-restr .special_gear_cmbs2 { transform: translate(15.8vw, 6vw); }
  .legacy-restr .special_gear_delinquent { transform: translate(29.5vw, 11.2vw); }
  .legacy-restr .master_gear { z-index: 2; position: absolute; transform: translate(14.5vw, 6vw); }
  .legacy-restr .master_gear_cmbs2 { transform: translate(23.6vw, 11.2vw); }
  .legacy-restr .master_gear_cmbs15 { transform: translate(25.6vw, 11.2vw); }
  .legacy-restr .controlling_gear { z-index: 2; position: absolute; transform: translate(95vw, 16vw); }
  .legacy-restr .controlling_gear_cmbs2 { transform: translate(23.3vw, 0.1vw); }
  .legacy-restr .controlling_gear_cmbs15 { transform: translate(26.3vw, 0.1vw); }
  .legacy-restr .controlling_gear_delinquent { transform: translate(29.5vw, 0.1vw); }
  .legacy-restr .extra_gears_non_cmbs { transform: translate(105vw, 2vw); }
  .legacy-restr .lender_gear { z-index: 2; position: absolute; }
  .legacy-restr .lender_gear_cmbs1 { transform: translate(14.5vw, 6vw); }
  .legacy-restr .lender_gear_cmbs2 { transform: translate(19.9vw, 6vw); }
}
@media screen and (min-width: 2100px) {
  .legacy-restr .bmw-gear-text-container { padding-left: 0px; }
}
@media screen and (min-width: 2300px) {
  .legacy-restr .bmw-gear-text-container { padding-left: 0px; }
}
@media screen and (min-width: 2500px) {
  .legacy-restr .bmw-gear-text-container { padding-left: 0px; }
}
@media screen and (min-width: 2700px) {
  .legacy-restr .bmw-gear-text-container { padding-left: 0px; }
}
@media screen and (max-width: 1200px) {
  .legacy-restr .you_gear { z-index: 2; position: absolute; transform: translate(20vw, 5vw); }
  .legacy-restr .you_gear_cmbs2 { transform: translate(12vw, 5vw); }
  .legacy-restr .you_gear_cmbs15 { transform: translate(8vw, 5vw); }
  .legacy-restr .you_gear_noncmbs2 { transform: translate(16vw, 5vw); }
  .legacy-restr .lotus_gear { z-index: 2; position: absolute; transform: translate(27vw, 20vw); }
  .legacy-restr .lotus_gear_cmbs3 { opacity: 1; transform: translate(23vw, 7vw); }
  .legacy-restr .lotus_gear_noncmbs3 { opacity: 1; transform: translate(26.5vw, 10vw); }
  .legacy-restr .special_gear { z-index: 2; position: absolute; transform: translate(95vw, 2vw); }
  .legacy-restr .special_gear_cmbs2 { transform: translate(31.25vw, 6vw); }
  .legacy-restr .special_gear_delinquent { transform: translate(44.75vw, 12vw); }
  .legacy-restr .master_gear { z-index: 2; position: absolute; transform: translate(31vw, 6vw); }
  .legacy-restr .master_gear_cmbs2 { transform: translate(39vw, 11.2vw); }
  .legacy-restr .master_gear_cmbs15 { transform: translate(42vw, 11.2vw); }
  .legacy-restr .controlling_gear { z-index: 2; position: absolute; transform: translate(95vw, 16vw); }
  .legacy-restr .controlling_gear_cmbs2 { transform: translate(38.7vw, 0.1vw); }
  .legacy-restr .controlling_gear_cmbs15 { transform: translate(41.7vw, 0.1vw); }
  .legacy-restr .controlling_gear_delinquent { transform: translate(44.7vw, 0.1vw); }
  .legacy-restr .extra_gears_non_cmbs { transform: translate(105vw, 2vw); }
  .legacy-restr .lender_gear { z-index: 2; position: absolute; }
  .legacy-restr .lender_gear_cmbs1 { transform: translate(31vw, 6vw); }
  .legacy-restr .lender_gear_cmbs2 { transform: translate(35.25vw, 6vw); }
}
@media screen and (max-width: 1100px) {
  .legacy-restr .slide-up-delay1.slide, .legacy-restr .slide-up-delay2.slide, .legacy-restr .slide-up-delay3.slide { transition-delay: 0s; }
  .legacy-restr .slide-right-first.slide-first { transform: translate(0px, 0px); transition: 1s; }
  .legacy-restr .slide-left-first.slide { transform: translate(0px, 350px); transition: 2s; }
  .legacy-restr .slide-left-second.slide { transform: translate(0px, 574px); transition: 1.5s; }
  .legacy-restr .slide-right-third.slide-first, .legacy-restr .slide-up-client-first.slide { transform: translate(0px, 0px); transition: transform 2s; }
  .legacy-restr .descriptive-text { font-size: 14px; line-height: 1.3; }
  .legacy-restr .how-we-do-it { padding-top: 50px; }
  .legacy-restr .expertise-container { flex-wrap: wrap; padding-bottom: 0px; }
  .legacy-restr .expertise-point { margin: 0px 0px 75px; }
  .legacy-restr .left-pop { transform: skew(20deg) translate(55px, 85px); }
  .legacy-restr .right-pop { transform: skew(20deg) translate(-55px, 85px) !important; }
  .legacy-restr .expertise-popout { padding-left: 10px; padding-right: 10px; width: 275px; }
  .legacy-restr .negotiated-outcomes { flex-direction: column-reverse; }
  .legacy-restr .negotiated-title { width: auto; }
  .legacy-restr .four-negotiated-points { flex-wrap: wrap; }
  .legacy-restr .gear-and-text-container { flex-direction: column; height: auto; }
  .legacy-restr .gear-timeline-and-title { width: auto; padding-left: 10px; padding-right: 10px; margin-top: 0px; height: auto; }
  .legacy-restr #gearbox { margin-left: 20px; }
  .legacy-restr .gearbox_container { padding-top: 50px; }
  .legacy-restr .loan-gears { height: auto; }
  .legacy-restr .gear-box { height: auto; }
  .legacy-restr .bmw-gear-text-container { margin-top: 20px; }
  .legacy-restr #cmbs-toggle-text.toggled { transform: scale(1.4) translateX(-12px); }
  .legacy-restr #non-cmbs-toggle-text.toggled { transform: scale(1.4) translateX(23px); }
  .legacy-restr .switch-and-text-container { transform: translateX(0px); }
  .legacy-restr .progress-bar-container { width: auto; }
  .legacy-restr .green-background { background: linear-gradient(to right, rgb(255, 255, 255) 10%, green 35%, green 65%, rgb(222, 235, 247) 90%); }
  .legacy-restr .red-background { background: linear-gradient(to right, rgb(255, 255, 255) 10%, red 35%, red 65%, rgb(222, 235, 247) 90%); }
  .legacy-restr .yellow-background { background: linear-gradient(to right, rgb(255, 255, 255) 10%, yellow 35%, yellow 65%, rgb(222, 235, 247) 90%); }
  .legacy-restr .green-check2::after, .legacy-restr .green-check::after { transform: translate(414px, -27px); }
  .legacy-restr .red-ex2::after, .legacy-restr .red-ex::after { transform: translate(414px, -27px); }
}
@media screen and (max-width: 500px) {
  .legacy-restr .loan-gears { height: 980px; }
  .legacy-restr .bmw-gear-text-container { margin-top: 83px; }
  .legacy-restr .bmw-gear-text { height: auto; margin-bottom: 20px; }
  .legacy-restr #gearbox { margin-left: 0px; }
  .legacy-restr .lotus_gear_img { width: 25vw; }
  .legacy-restr .special_gear_img, .legacy-restr .master_gear_img, .legacy-restr .controlling_gear_img, .legacy-restr .lender_gear_img { width: 24vw; }
  .legacy-restr .you_gear_img { width: 26vw; }
  .legacy-restr .you_gear { transform: translate(5vw, 5vw); }
  .legacy-restr .you_gear_cmbs2 { transform: translate(-16vw, 5vw); }
  .legacy-restr .you_gear_cmbs15 { transform: translate(-18vw, 5vw); }
  .legacy-restr .special_gear_cmbs2 { transform: translate(35vw, 6vw); }
  .legacy-restr .special_gear_delinquent { transform: translate(54vw, 24vw); }
  .legacy-restr .master_gear { transform: translate(30vw, 6vw); }
  .legacy-restr .master_gear_cmbs2 { transform: translate(56vw, 16vw); }
  .legacy-restr .master_gear_cmbs15 { transform: translate(59vw, 16vw); }
  .legacy-restr .lender_gear_cmbs2 { transform: translate(42vw, 6vw); }
  .legacy-restr .controlling_gear_cmbs2 { transform: translate(52vw, -10vw); }
  .legacy-restr .controlling_gear_cmbs15 { transform: translate(55vw, -10vw); }
  .legacy-restr .controlling_gear_delinquent { transform: translate(56vw, -10vw); }
  .legacy-restr .lotus_gear_cmbs3 { transform: translate(9.5vw, 5vw); }
  .legacy-restr .lotus_gear_noncmbs3 { transform: translate(24vw, -10vw); }
  .legacy-restr .extra_gears_non_cmbs { transform: translate(105vw, 2vw); }
  .legacy-restr .lotus_text { font-size: 3.5vw; top: 9.5vw; left: 3.5vw; }
  .legacy-restr .lender_text { font-size: 3vw; top: 9.5vw; left: 2.5vw; }
  .legacy-restr .you_text { font-size: 4vw; top: 10vw; left: 5.8vw; }
  .legacy-restr .special_text, .legacy-restr .master_text { font-size: 3vw; top: 7vw; left: 1.4vw; }
  .legacy-restr .controlling_text { font-size: 2.7vw; top: 7vw; left: -1.1vw; }
  .legacy-restr .green-check::after { transform: translate(256px, -27px); }
  .legacy-restr .red-ex::after { transform: translate(256px, -27px); }
  .legacy-restr .green-check2::after { transform: translate(256px, -27px); }
  .legacy-restr .red-ex2::after { transform: translate(256px, -27px); }
  .legacy-restr .four-negotiated-points { width: 90%; }
  .legacy-restr .negotiated-point { width: 100%; max-width: 250px; }
  .legacy-restr .deeds-in, .legacy-restr .forbear { margin-top: 0px; }
}
@media screen and (max-width: 1570px) {
  .legacy-restr .red-ex::after { transform: translate(24vw, -27px); }
  .legacy-restr .red-ex2::after { transform: translate(24vw, -27px); }
  .legacy-restr .green-check::after { transform: translate(24vw, -27px); }
  .legacy-restr .green-check2::after { transform: translate(24vw, -27px); }
}
@media screen and (max-width: 1000px) {
  .legacy-restr .timeline-point { padding-left: 0px; }
}
@media screen and (max-width: 600px) {
  .legacy-restr .green-background { background: linear-gradient(to right, rgb(255, 255, 255) 10%, green 35%, green 65%, rgb(255, 255, 255) 90%); }
  .legacy-restr .red-background { background: linear-gradient(to right, rgb(255, 255, 255) 10%, red 35%, red 65%, rgb(255, 255, 255) 90%); }
  .legacy-restr .progress-bar { background: rgb(255, 255, 255); }
}
@media print {
  .legacy-restr * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; }
  .legacy-restr a, .legacy-restr a:visited { text-decoration: underline; }
  .legacy-restr tr, .legacy-restr img { break-inside: avoid; }
  .legacy-restr img { max-width: 100% !important; }
  .legacy-restr p, .legacy-restr h2, .legacy-restr h3 { orphans: 3; widows: 3; }
  .legacy-restr h2, .legacy-restr h3 { break-after: avoid; }
}
@media only screen and (max-width: 40em) {
  .legacy-restr h2 { font-size: 1.5rem; }
}
/* keyframes */
@keyframes spin-counterclockwise { 
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
@keyframes spin-clockwise { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes titleUpDown { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(-100px); }
  80% { transform: translateY(-75px); }
  100% { transform: translateY(-75px); color: white; }
}
@keyframes descriptionUpDown { 
  0% { transform: translateY(250px); }
  50% { transform: translateY(0px); }
  100% { transform: translateY(50px); opacity: 1; }
}
@keyframes coloredLightBlue { 
  0% { background-color: rgb(37, 59, 103); }
  100% { background-color: rgb(33, 153, 232); }
}
@keyframes shaking { 
  10%, 90% { transform: translate3d(-1px, 0px, 0px) rotate(-1deg); }
  20%, 80% { transform: translate3d(1.5px, 0px, 0px) rotate(2deg); }
  30%, 50%, 70% { transform: translate3d(-2px, 0px, 0px) rotate(-1deg); }
  40%, 60% { transform: translate3d(2px, 0px, 0px) rotate(1deg); }
}
@keyframes back-and-forth { 
  0%, 100% { left: 0px; }
  50% { left: calc(100% - 50px); }
}
/* Active-stage marker.
   Their JS injects `.green-check::after{opacity:0}` and `{opacity:1}` into the same
   stylesheet in one frame, so the later 0 always wins and the mark never paints.
   Drive it off the active tab instead — deterministic, matching their design intent:
   check = Performing / Resolved-Modified, X = Delinquency / Specially Serviced. */
.legacy-restr .timeline-title.isactive::after { opacity: 1; }


/* ============================================================================
   Brand typography for the ported sections.
   Maps lotus-cp.com's legacy type onto this site's system:
     headings  -> Oswald 400 (as .section-h2 / .section-h3)
     body/UI   -> Goldman Sans (var(--sans))
     eyebrows  -> 12px / 600 / .16em uppercase, brand blue (as .section-eyebrow)
   ========================================================================== */

/* Section titles: "Loan Modification Expertise", "Our negotiated outcomes",
   "Stages of your CMBS loan" -> match .section-h3 */
.legacy-restr .header-3 {
  font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 34px !important;
  line-height: 1.12 !important;
  letter-spacing: .005em !important;
  color: rgba(0, 0, 0, .95) !important;
}
/* the decorative --- dashes flanking their titles */
.legacy-restr .header-3 .colored-span { color: var(--lotus-blue) !important; font-weight: 400 !important; }

/* Kicker under "Our negotiated outcomes" ("We secure results") -> .section-eyebrow */
/* Sits directly under the heading, with the "Results" eyebrow directly above it —
   styled as a subhead so the two don't read as duplicate kickers. */
.legacy-restr .negotiated-outcomes-subtext {
  font-family: var(--sans) !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: rgba(0, 0, 0, .62) !important;
  margin-top: 10px !important;
}

/* Expertise tile labels */
.legacy-restr .header-4 {
  font-family: var(--sans) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  letter-spacing: .005em !important;
}

/* Outcome card titles -> Oswald, like other card headings */
.legacy-restr .point-title {
  font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 21px !important;
  line-height: 1.15 !important;
  letter-spacing: .005em !important;
}
.legacy-restr .point-description {
  font-family: var(--sans) !important;
  font-size: 14.5px !important;
  line-height: 22px !important;
}
.legacy-restr .read-more-card {
  font-family: var(--sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

/* Timeline stage buttons -> tracked uppercase UI label */
.legacy-restr .timeline-title {
  font-family: var(--sans) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: .16em !important;
}

/* Labels inside the gears (tight circles -> condensed reads better) */
.legacy-restr .gear_text {
  font-family: "Goldman Sans Condensed", "Goldman Sans", Helvetica, Arial, sans-serif !important;
  /* Condensed ships only 400 and 700; 500/600 would resolve back to one of those,
     so 400 is the genuine lighter cut. */
  font-weight: 400 !important;
  letter-spacing: .04em !important;
}
/* Their per-gear `left` values were tuned to Montserrat's wider text. Goldman Sans
   Condensed is narrower, so each shrink-to-fit label centred slightly left of its
   gear. Nudge each back to true centre — in vw, so it holds as the layout scales. */
.legacy-restr .you_text        { margin-left: 0.400vw !important; }
.legacy-restr .lotus_text      { margin-left: 0.675vw !important; }
.legacy-restr .special_text    { margin-left: 0.822vw !important; }
.legacy-restr .master_text     { margin-left: 0.822vw !important; }
.legacy-restr .controlling_text{ margin-left: 1.000vw !important; }
.legacy-restr .lender_text     { margin-left: 0.596vw !important; }

/* Stage headline "03 - Specially Serviced" -> Oswald */
.legacy-restr .bmw-gear-title {
  font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 34px !important;
  line-height: 1.12 !important;
  letter-spacing: .005em !important;
  text-transform: uppercase !important;
  color: rgba(0, 0, 0, .95) !important;
}
/* Stage description -> site body copy */
.legacy-restr .bmw-gear-text {
  font-family: var(--sans) !important;
  font-size: 18px !important;
  line-height: 28px !important;
  color: rgba(0, 0, 0, .8) !important;
}

/* Modern section eyebrow above the ported headings (replaces their "--- --- " dashes).
   Matches .section-eyebrow, but re-declared because the Foundation reset we inherit
   (.legacy-restr p { margin: 0 }) outranks the global rule inside this wrapper. */
.legacy-restr .legacy-eyebrow {
  font-family: var(--sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: var(--lotus-blue) !important;
  text-align: center !important;
  margin: 0 0 12px !important;
}
/* their .header-3 has padding-top:50px, which left the eyebrow stranded above it */
.legacy-restr .legacy-eyebrow + .header-3 { padding-top: 0 !important; }
.legacy-restr .loan-modification .legacy-eyebrow { padding-top: 50px; }

/* Stage buttons -> site button style (ghost that fills on hover / when active),
   same spec as .hero-cta / .cta-band .cta-btn: 1px border, square corners, 16px. */
.legacy-restr .timeline-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--sans) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: 14px 26px !important;
  border: 1px solid var(--lotus-blue) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--lotus-blue) !important;
  transition: background .24s var(--ease), color .24s var(--ease), border-color .24s var(--ease) !important;
  position: relative;
}
.legacy-restr .timeline-title:hover,
.legacy-restr .timeline-title.isactive {
  background: var(--lotus-blue) !important;
  border-color: var(--lotus-blue) !important;
  color: #fff !important;
}
/* their .timeline-border toggles a border on/off mid-animation; keep it consistent */
.legacy-restr .timeline-title.timeline-border { border: 1px solid var(--lotus-blue) !important; }

/* Their check/X offset is a fixed translate tuned to the old 36px-tall tab.
   Anchor it to the button instead so it stays put at any size. */
.legacy-restr .timeline-title::after {
  transform: none !important;
  left: auto !important;
  right: -38px !important;
  top: 50% !important;
  margin-top: -12px !important;
}

/* Scale up the two upper sections — their base sizes read far too small.
   Tiles and cards grow to match so nothing gets cramped. */
.legacy-restr .expertise-point {
  width: 172px !important;
  height: 136px !important;
  margin: 0 32px 0 -20px !important;
}
.legacy-restr .expertise-details { width: 172px !important; }
.legacy-restr .my_title_icon { font-size: 34px !important; line-height: 46px !important; }
.legacy-restr .header-4 { font-size: 17px !important; line-height: 1.35 !important; }

.legacy-restr .negotiated-point {
  width: 268px !important;
  height: 384px !important;
  padding: 22px 20px !important;
}
.legacy-restr .four-negotiated-points { max-width: 1180px !important; }
.legacy-restr .point-title {
  font-size: 24px !important;
  line-height: 1.18 !important;
  /* their markup carries per-card inline margins (35px / 0 / none / 17px) hand-tuned
     to the old 330px card; normalise so all four titles align at the new size */
  margin: 0 0 18px !important;
}
/* .point-title ends its titleUpDown animation at translateY(-75px), so the flow
   position has to allow for that. Pin the description with an explicit top as well
   (it is absolutely positioned) so all four align regardless of title line count. */
/* Outcome cards.
   Rest: title + rule + "Read More" centred as one group, copy waiting below.
   Hover: the copy bounces up (their original descriptionUpDown keyframes) and the
   card stays open afterwards — the .is-open latch is added by restructuring-ui.js.
   NOTE: the resting rules deliberately avoid !important on animation/transform/opacity,
   otherwise they would outrank the keyframes and the reveal could never run. */
.legacy-restr .negotiated-point { justify-content: center !important; padding-top: 0 !important; }

.legacy-restr .negotiated-point:not(.is-open) .point-title,
.legacy-restr .negotiated-point:not(.is-open) .point-description { animation: none; }

.legacy-restr .negotiated-point .point-title {
  transform: none;
  margin: 0 0 16px !important;
}
.legacy-restr .negotiated-point .horizontal-line {
  display: block !important;
  position: static !important;
  transform: none !important;
  width: 58% !important; height: 2px !important;
  background-color: rgba(255, 255, 255, .5) !important;
  margin: 0 auto 13px !important;
  transition: opacity .3s var(--ease) !important;
}
.legacy-restr .negotiated-point .read-more-card {
  display: block !important;
  position: static !important;
  text-align: center !important;
  color: #fff !important;
  margin: 0 !important;
  transition: opacity .3s var(--ease) !important;
}
.legacy-restr .negotiated-point .point-description {
  top: 96px !important; bottom: auto !important;
  left: 0 !important; right: 0 !important;
  padding: 0 18px !important;
  opacity: 0;
  transform: translateY(250px);
}

/* revealed — and it stays revealed */
.legacy-restr .negotiated-point.is-open .point-title {
  animation: titleUpDown .5s cubic-bezier(.22, .61, .36, 1) both;
}
.legacy-restr .negotiated-point.is-open .point-description {
  animation: descriptionUpDown .62s cubic-bezier(.22, .61, .36, 1) both;
}
.legacy-restr .negotiated-point.is-open .horizontal-line,
.legacy-restr .negotiated-point.is-open .read-more-card { opacity: 0 !important; }
.legacy-restr .point-description {
  font-size: 16.5px !important;
  line-height: 25px !important;
  padding: 0 18px !important;
  top: 118px !important;
  left: 0 !important;
  right: 0 !important;
}
.legacy-restr .read-more-card { font-size: 12px !important; }
/* per-card description nudges (-85px / -25px) were tuned to the old 330px card */
.legacy-restr .deeds-in, .legacy-restr .forbear { margin-top: 0 !important; }

/* Kill the 100px white band above the section: their .how-we-do-it carries a 50px
   padding-top and .loan-modification adds another 50px margin-top, both on white.
   The eyebrow keeps its own 50px of breathing room inside the tinted band. */
.legacy-restr .how-we-do-it { padding-top: 0 !important; }
.legacy-restr .loan-modification { margin-top: 0 !important; }

/* Gradient card/tile backgrounds — more depth than the flat fills.
   Stops are chosen so white text clears WCAG AA everywhere it actually sits. */
.legacy-restr .expertise-point {
  background-image: linear-gradient(165deg, #4C72B8 0%, #3A5A9C 52%, #2B4478 100%);
}
/* their :hover uses the `background` shorthand, which clears the image — so the
   white-tile hover flip still works untouched */

.legacy-restr .negotiated-point {
  background-image: linear-gradient(160deg, #2E8ACF 0%, #2166AE 38%, #1E4780 100%);
  transition: background-image .28s var(--ease), background-color .28s var(--ease);
}
.legacy-restr .negotiated-point:hover {
  background-image: linear-gradient(160deg, #3C9BE2 0%, #2A78C2 38%, #245290 100%);
}


/* --- mobile fit patch (scoped; original site lacked clean small-screen rules here) --- */
@media screen and (max-width: 760px) {
  .legacy-restr { overflow-x: hidden; }
  .legacy-restr .header-3 { font-size: 26px !important; line-height: 1.25; padding: 0 14px; }
  /* breathing room above the section + inset the skewed tiles from the screen edges */
  .legacy-restr .loan-modification { padding-top: 34px; }
  .legacy-restr .expertise-container { padding: 32px 20px 56px; }
  .legacy-restr .expertise-point { width: 148px !important; height: 116px !important; margin: 0 20px 42px -8px !important; }
  .legacy-restr .expertise-details { width: 148px !important; }
  .legacy-restr .four-negotiated-points { flex-direction: column; align-items: center; width: 100%; }
  .legacy-restr .negotiated-point { width: 86%; max-width: 320px; }
  /* GEARS: match lotus-cp.com exactly — their own mobile rules (the ≤500px block
     above) position each stage's gears, and stray/parked gears are CLIPPED by the
     section's base overflow:hidden + fixed 980px canvas. No local overrides here:
     earlier attempts to re-lay the gears out (scale/park/translate) fought that
     system and produced the cropped/overlapping states. */
  .legacy-restr .bmw-gear-title { font-size: 26px !important; line-height: 1.15 !important; }
  /* our gearbox origin sits 20px left of lotus-cp.com's (container padding differs);
     nudge right so each stage's rendered layout lands where theirs does */
  .legacy-restr #gearbox { margin-left: 20px; }
  /* Their marker offset is a fixed translate tuned for desktop; on a phone it lands
     on top of the tab label. Pin it to the tab's right edge instead. */
  .legacy-restr .timeline-title { padding: 12px 18px !important; font-size: 15px !important; }
  .legacy-restr .timeline-title::after { right: 12px !important; }
}

/* NON-CMBS "Resolved" on phones: lotus-cp.com drops the Lotus gear at -10vw, which
   lands it ON TOP of the YOU gear. Lift it higher so the three gears mesh as a
   pyramid (Lotus centered above YOU + Lender) instead of covering YOU. */
@media screen and (max-width: 500px) {
  .legacy-restr .lotus_gear_noncmbs3 { transform: translate(24vw, -14vw); }
}

/* Tighten the gap between the drifting lender/servicer bubbles and the FAQ.
   Base .section-inner is 128px top/bottom; trim the lenders' bottom and the
   FAQ's top so the two sections sit closer without touching the bubble layout. */
#our-lenders-and-servicers .section-inner { padding-bottom: 18px; }
#faqs .section-inner { padding-top: 22px; }
@media (max-width: 768px) {
  #our-lenders-and-servicers .section-inner { padding-bottom: 14px; }
  #faqs .section-inner { padding-top: 26px; }
}