.legacy-browser-note { display: none; }

/*
 * Internet Explorer fallback.
 * Modern browsers keep using site.css; IE receives a readable, deliberate
 * two-column/stacked layout without relying on CSS variables or Grid.
 */
.legacy-ie body {
  margin: 0;
  min-width: 320px;
  color: #28231f;
  background: #fffdf9;
  font-family: "Microsoft YaHei", Arial, sans-serif;
}
.legacy-ie .legacy-browser-note {
  display: block;
  position: relative;
  z-index: 30;
  padding: 9px 20px;
  color: #5b421d;
  background: #fff1dc;
  border-bottom: 1px solid #e7c58e;
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
}
.legacy-ie .site-header {
  position: relative;
  min-height: 78px;
  padding: 0 5%;
  color: #28231f;
  background: #fffdf9;
  border-bottom: 1px solid #e2d9d1;
  overflow: hidden;
}
.legacy-ie .site-brand {
  float: left;
  width: 190px;
  height: 58px;
  margin-top: 10px;
}
.legacy-ie .site-brand img { float: left; width: 44px; height: 44px; margin-right: 10px; }
.legacy-ie .site-brand span { display: block; padding-top: 4px; }
.legacy-ie .site-brand strong { display: block; font-size: 21px; }
.legacy-ie .site-brand small { display: block; margin-top: 3px; color: #6f6862; }
.legacy-ie .site-nav { display: block; margin: 0 130px 0 210px; text-align: center; white-space: nowrap; }
.legacy-ie .site-nav a { display: inline-block; margin: 0 12px; padding: 29px 0 27px; color: #554c46; font-size: 14px; }
.legacy-ie .header-login {
  float: right;
  display: block;
  width: 98px;
  height: 38px;
  margin-top: -59px;
  border: 1px solid #843b2f;
  color: #843b2f;
  line-height: 38px;
  text-align: center;
}
.legacy-ie .site-hero {
  position: relative;
  height: 700px;
  min-height: 700px;
  color: #28231f;
  background: #eee8e1 url('/assets/family-hero.png') center center no-repeat;
  background-size: cover;
  overflow: hidden;
}
.legacy-ie .site-hero-image, .legacy-ie .site-hero-shade { display: none; }
.legacy-ie .site-hero-content { position: relative; width: 90%; max-width: 1240px; margin: 0 auto; padding-top: 90px; }
.legacy-ie .site-hero-content > * { max-width: 450px; }
.legacy-ie .site-kicker { margin: 0 0 18px; color: #b66b18; font-size: 14px; font-weight: bold; }
.legacy-ie .site-hero h1 { margin: 0; font-size: 82px; line-height: 1; }
.legacy-ie .hero-statement { margin: 22px 0 18px; font-family: Georgia, "SimSun", serif; font-size: 42px; font-weight: bold; line-height: 1.25; }
.legacy-ie .site-hero-lead { margin: 0; color: #5f5751; font-size: 17px; line-height: 1.9; }
.legacy-ie .site-hero-actions { margin-top: 30px; }
.legacy-ie .site-primary-button, .legacy-ie .site-secondary-button {
  display: inline-block;
  min-width: 120px;
  min-height: 0;
  margin-right: 8px;
  padding: 14px 22px;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
}
.legacy-ie .site-primary-button { border: 1px solid #e99a32; color: #2f2517; background: #e99a32; }
.legacy-ie .site-secondary-button { border: 1px solid #aa8178; color: #843b2f; background: #fff; }
.legacy-ie .site-promises { margin-top: 28px; color: #625952; font-size: 13px; }
.legacy-ie .site-promises span { display: inline-block; margin-right: 22px; }
.legacy-ie .quick-proof {
  display: table;
  width: 90%;
  max-width: 1240px;
  min-height: 112px;
  margin: -56px auto 0;
  table-layout: fixed;
  background: #fff;
  border: 1px solid #e2d9d1;
  border-top: 4px solid #e99a32;
}
.legacy-ie .quick-proof div { display: table-cell; padding: 26px 24px; border-right: 1px solid #e2d9d1; vertical-align: middle; }
.legacy-ie .quick-proof div:last-child { border-right: 0; }
.legacy-ie .quick-proof b, .legacy-ie .quick-proof span { display: block; }
.legacy-ie .quick-proof span { margin-top: 8px; color: #6f6862; font-size: 12px; line-height: 1.55; }
.legacy-ie .section-inner { width: 90%; max-width: 1180px; margin: 0 auto; }
.legacy-ie .report-band, .legacy-ie .features-band, .legacy-ie .agreement-band, .legacy-ie .steps-band { padding: 90px 0; }
.legacy-ie .report-band { padding-top: 130px; background: #fff; }
.legacy-ie .report-layout, .legacy-ie .agreement-layout, .legacy-ie .safety-layout { display: table; width: 90%; table-layout: fixed; }
.legacy-ie .report-copy, .legacy-ie .daily-report, .legacy-ie .agreement-copy, .legacy-ie .request-preview,
.legacy-ie .safety-layout > div, .legacy-ie .safety-list { display: table-cell; width: 50%; vertical-align: middle; }
.legacy-ie .report-copy, .legacy-ie .agreement-copy, .legacy-ie .safety-layout > div { padding-right: 6%; }
.legacy-ie .section-heading h2, .legacy-ie .report-copy h2, .legacy-ie .agreement-copy h2,
.legacy-ie .safety-layout h2, .legacy-ie .closing-layout h2 { margin: 0; font-family: Georgia, "SimSun", serif; font-size: 46px; line-height: 1.22; }
.legacy-ie .section-lead, .legacy-ie .section-heading > p, .legacy-ie .safety-layout > div > p, .legacy-ie .closing-layout p { color: #6f6862; font-size: 16px; line-height: 1.85; }
.legacy-ie .plain-checks { padding-left: 22px; }
.legacy-ie .daily-report, .legacy-ie .request-preview { border: 1px solid #ded3ca; background: #fff; }
.legacy-ie .report-toolbar, .legacy-ie .report-summary, .legacy-ie .report-note, .legacy-ie .request-head,
.legacy-ie .child-line, .legacy-ie .request-actions { padding: 20px 24px; }
.legacy-ie .online-badge { float: right; color: #ae503a; }
.legacy-ie .score-ring { float: left; width: 80px; height: 80px; margin-right: 22px; border: 8px solid #e99a32; border-radius: 50%; text-align: center; }
.legacy-ie .score-ring strong, .legacy-ie .score-ring span { display: block; margin-top: 17px; }
.legacy-ie .score-ring span { margin-top: 2px; color: #6f6862; font-size: 11px; }
.legacy-ie .usage-list { clear: both; padding: 10px 28px; }
.legacy-ie .usage-list > div { padding: 14px 0; border-bottom: 1px solid #edf0ee; }
.legacy-ie .usage-list em { float: right; font-style: normal; }
.legacy-ie .usage-list i { display: none; }
.legacy-ie .features-band { background: #f7f3ee; }
.legacy-ie .split-heading { overflow: hidden; margin-bottom: 40px; }
.legacy-ie .split-heading > div { float: left; width: 52%; }
.legacy-ie .split-heading > p { float: right; width: 40%; }
.legacy-ie .feature-grid { overflow: hidden; border-top: 1px solid #d9cfc7; border-left: 1px solid #d9cfc7; }
.legacy-ie .feature-grid article { float: left; width: 50%; min-height: 250px; padding: 32px; border-right: 1px solid #d9cfc7; border-bottom: 1px solid #d9cfc7; background: #fff; }
.legacy-ie .feature-index { color: #b66b18; font-weight: bold; }
.legacy-ie .feature-grid h3 { margin: 32px 0 12px; font-size: 23px; }
.legacy-ie .feature-grid p { color: #6f6862; line-height: 1.75; }
.legacy-ie .agreement-steps { padding-left: 22px; }
.legacy-ie .agreement-steps li { padding: 12px 0; border-top: 1px solid #e2d9d1; }
.legacy-ie .request-head { color: #fff; background: #843b2f; }
.legacy-ie .request-head small { float: right; }
.legacy-ie .child-line img { float: left; width: 52px; height: 52px; margin-right: 14px; }
.legacy-ie .child-line p { min-height: 58px; }
.legacy-ie .child-line small { display: block; margin-top: 6px; color: #6f6862; }
.legacy-ie .request-preview dl { clear: both; margin: 0 26px; }
.legacy-ie .request-preview dl div { padding: 12px 0; border-bottom: 1px solid #edf0ee; }
.legacy-ie .request-preview dt { display: inline; color: #6f6862; }
.legacy-ie .request-preview dd { float: right; margin: 0; font-weight: bold; }
.legacy-ie .request-actions button { width: 47%; min-height: 42px; margin-right: 2%; border: 1px solid #e2d9d1; background: #fff; }
.legacy-ie .request-actions button:last-child { color: #fff; background: #ae503a; }
.legacy-ie .request-safe { padding: 0 26px 24px; color: #6f6862; text-align: center; }
.legacy-ie .safety-band { padding: 90px 0; color: #fff; background: #843b2f; }
.legacy-ie .safety-layout { width: 90%; }
.legacy-ie .safety-layout > div > p:last-child, .legacy-ie .safety-list p { color: #ead7d1; }
.legacy-ie .safety-list { overflow: hidden; border-top: 1px solid #b8786c; border-left: 1px solid #b8786c; }
.legacy-ie .safety-list article { float: left; width: 50%; min-height: 140px; padding: 25px; border-right: 1px solid #b8786c; border-bottom: 1px solid #b8786c; }
.legacy-ie .centered-heading { max-width: 720px; margin: 0 auto 48px; text-align: center; }
.legacy-ie .steps-list { display: table; width: 100%; padding: 0; table-layout: fixed; border-top: 1px solid #e2d9d1; border-bottom: 1px solid #e2d9d1; }
.legacy-ie .steps-list li { display: table-cell; width: 33%; padding: 30px; border-right: 1px solid #e2d9d1; }
.legacy-ie .steps-list strong { display: block; margin-top: 28px; font-size: 20px; }
.legacy-ie .steps-list p { color: #6f6862; line-height: 1.7; }
.legacy-ie .closing-band { padding: 68px 0; background: #fff1dc; }
.legacy-ie .site-footer { display: block; padding: 38px 5%; color: #e6d8d3; background: #35241f; }
.legacy-ie .footer-brand img { float: left; width: 46px; height: 46px; margin-right: 12px; background: #fff; }
.legacy-ie .footer-brand { min-height: 55px; }
.legacy-ie .footer-brand strong, .legacy-ie .footer-brand small { display: block; }
.legacy-ie .footer-links { margin: 22px 0; }
.legacy-ie .footer-links a { display: inline-block; margin-right: 24px; }
.legacy-ie .site-footer > p { padding-top: 18px; border-top: 1px solid #66514a; }
.legacy-ie .login-dialog { display: none; }

@media (max-width: 980px) {
  .legacy-ie .site-nav { display: none; }
  .legacy-ie .site-hero { height: 660px; min-height: 660px; background-position: 65% center; }
  .legacy-ie .quick-proof { display: block; }
  .legacy-ie .quick-proof div { display: inline-block; width: 49%; border-bottom: 1px solid #e2d9d1; }
  .legacy-ie .report-layout, .legacy-ie .agreement-layout, .legacy-ie .safety-layout { display: block; }
  .legacy-ie .report-copy, .legacy-ie .daily-report, .legacy-ie .agreement-copy, .legacy-ie .request-preview,
  .legacy-ie .safety-layout > div, .legacy-ie .safety-list { display: block; width: 100%; margin-bottom: 36px; }
}

@media (max-width: 640px) {
  .legacy-ie .site-header { min-height: 66px; }
  .legacy-ie .site-brand { height: 50px; margin-top: 8px; }
  .legacy-ie .site-brand img { width: 38px; height: 38px; }
  .legacy-ie .site-brand small { display: none; }
  .legacy-ie .header-login { width: 82px; height: 36px; margin-top: -51px; line-height: 36px; }
  .legacy-ie .site-hero { height: 620px; min-height: 620px; }
  .legacy-ie .site-hero-content { padding-top: 50px; }
  .legacy-ie .site-hero h1 { font-size: 58px; }
  .legacy-ie .hero-statement { font-size: 31px; }
  .legacy-ie .site-hero-lead { font-size: 15px; }
  .legacy-ie .quick-proof div { display: block; width: auto; border-right: 0; }
  .legacy-ie .section-heading h2, .legacy-ie .report-copy h2, .legacy-ie .agreement-copy h2,
  .legacy-ie .safety-layout h2, .legacy-ie .closing-layout h2 { font-size: 34px; }
  .legacy-ie .feature-grid article, .legacy-ie .safety-list article { float: none; width: 100%; }
  .legacy-ie .split-heading > div, .legacy-ie .split-heading > p { float: none; width: 100%; }
  .legacy-ie .steps-list, .legacy-ie .steps-list li { display: block; width: auto; }
  .legacy-ie .steps-list li { border-right: 0; border-bottom: 1px solid #e2d9d1; }
}
