.life-moments-header {
  position: relative;
  width: 100%;
  height: 54em;
  background-image: url(/image/life-moments-header/life-moments-header-desktop.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: scroll;
  display: inline-block; }
  @media (min-width: 840px) and (max-width: 1023px) {
    .life-moments-header {
      height: 32em;
      background-image: url(/image/life-moments-header/life-moments-header-medium.jpg); } }
  @media (min-width: 600px) and (max-width: 839px) {
    .life-moments-header {
      height: 28em;
      background-image: url(/image/life-moments-header/life-moments-header-medium.jpg); } }
  @media (max-width: 599px) {
    .life-moments-header {
      height: 18em;
      background-color: #FFF;
      background-image: url(/image/life-moments-header/life-moments-header-mobile.jpg); } }
  .life-moments-header > .mdc-layout-grid {
    max-width: 1280px; }
    @media (min-width: 1920px) {
      .life-moments-header > .mdc-layout-grid {
        margin-top: 19em; } }
    @media (min-width: 1440px) and (max-width: 1919px) {
      .life-moments-header > .mdc-layout-grid {
        margin-top: 19em; } }
    @media (min-width: 1024px) and (max-width: 1439px) {
      .life-moments-header > .mdc-layout-grid {
        margin-top: 17em; } }
    @media (min-width: 840px) and (max-width: 1023px) {
      .life-moments-header > .mdc-layout-grid {
        display: none; } }
    @media (min-width: 720px) and (max-width: 839px) {
      .life-moments-header > .mdc-layout-grid {
        margin-top: 10em; } }
    @media (min-width: 600px) and (max-width: 719px) {
      .life-moments-header > .mdc-layout-grid {
        margin-top: 10em; } }

.life-moments-header__bg-overlay {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: -0.5em; }
  .life-moments-header__bg-overlay svg {
    width: 100%; }

@media (min-width: 840px) and (max-width: 1023px) {
  .mdc-layout-grid--hide-desktop.life-moments-header-mobile {
    display: block !important; }
  .header-bg-overlay--desk {
    display: none; } }

@media (min-width: 1024px) {
  .header-bg-overlay--mob {
    display: none; } }

.life-moments-header-mobile .mdc-layout-grid {
  text-align: center; }

.life-moments-header__os-triangles-svg {
  position: absolute;
  z-index: 2; }
  @media (max-width: 599px) {
    .life-moments-header__os-triangles-svg {
      bottom: 0%;
      right: 7%;
      width: 106px;
      height: 84px; } }
  @media (min-width: 600px) and (max-width: 839px) {
    .life-moments-header__os-triangles-svg {
      width: 155px;
      height: 126px;
      right: 10%;
      bottom: 3%; } }
  @media (min-width: 840px) and (max-width: 1023px) {
    .life-moments-header__os-triangles-svg {
      bottom: 7%;
      width: 175px;
      height: 138px;
      right: 10%; } }
  @media (min-width: 1024px) and (max-width: 1439px) {
    .life-moments-header__os-triangles-svg {
      width: 245px;
      height: 193px;
      right: 10%;
      bottom: 3%; } }
  @media (min-width: 1440px) {
    .life-moments-header__os-triangles-svg {
      bottom: 4%;
      right: 7%;
      width: 325px;
      height: 260px; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .life-moments-header__os-triangles-svg {
      bottom: 4.5%; } }
  .life-moments-header__os-triangles-svg svg {
    width: 100%; }

.life-moments-importance-choice {
  text-align: center; }
  @media (max-width: 479px) {
    .life-moments-importance-choice {
      padding-top: 4em;
      background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 361.66 992.62' style='enable-background:new 0 0 361.66 992.62;' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:url(%23SVGID_1_);%7D %3C/style%3E %3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='-3911.3723' y1='496.3091' x2='-4249.6211' y2='496.3091' gradientTransform='matrix(1 0 0 1 4262.5273 0)'%3E %3Cstop offset='0' style='stop-color:%23ECF3FB'/%3E %3Cstop offset='1' style='stop-color:%23ECF3FB;stop-opacity:0'/%3E %3C/linearGradient%3E %3Cpolygon class='st0' points='0,992.62 361.66,931.16 361.66,0 0,61.46 '/%3E %3C/svg%3E");
      background-repeat: no-repeat;
      background-size: cover;
      padding-bottom: 3em;
      margin-bottom: -9em; } }
  .life-moments-importance-choice .mdc-layout-grid {
    max-width: 1280px; }
  .life-moments-importance-choice .life-moments-importance-choice__choice-container {
    display: flex;
    margin: 7em auto 0;
    max-width: 1150px;
    text-align: center; }
    @media (min-width: 480px) and (max-width: 839px) {
      .life-moments-importance-choice .life-moments-importance-choice__choice-container {
        max-width: 700px; } }
    @media (min-width: 480px) and (max-width: 839px) {
      .life-moments-importance-choice .life-moments-importance-choice__choice-container {
        margin: 0;
        flex-wrap: wrap;
        justify-content: center; } }
    @media (max-width: 479px) {
      .life-moments-importance-choice .life-moments-importance-choice__choice-container {
        margin: 0;
        flex-wrap: wrap;
        justify-content: center; } }
    .life-moments-importance-choice .life-moments-importance-choice__choice-container .life-moments-importance-choice__choice-wrapper {
      position: relative;
      padding-top: 4em;
      width: 20%;
      display: block; }
      @media (min-width: 480px) and (max-width: 839px) {
        .life-moments-importance-choice .life-moments-importance-choice__choice-container .life-moments-importance-choice__choice-wrapper {
          margin-top: 4em;
          width: 50%; } }
      @media (max-width: 479px) {
        .life-moments-importance-choice .life-moments-importance-choice__choice-container .life-moments-importance-choice__choice-wrapper {
          padding-top: 0;
          width: 44%;
          margin: 0 3%; } }
    .life-moments-importance-choice .life-moments-importance-choice__choice-container svg {
      width: 9em;
      height: 9em;
      position: absolute;
      top: -4.5em;
      left: 50%;
      margin-left: -4.5em; }
      @media (min-width: 480px) and (max-width: 839px) {
        .life-moments-importance-choice .life-moments-importance-choice__choice-container svg {
          width: 6em;
          height: 6em;
          position: absolute;
          top: -3.5em;
          left: 50%;
          margin-left: -3em; } }
      @media (max-width: 479px) {
        .life-moments-importance-choice .life-moments-importance-choice__choice-container svg {
          position: relative;
          top: auto;
          left: auto;
          margin-left: 0; } }
    .life-moments-importance-choice .life-moments-importance-choice__choice-container h3 {
      font-size: 1.5em; }
      @media (min-width: 480px) and (max-width: 839px) {
        .life-moments-importance-choice .life-moments-importance-choice__choice-container h3 {
          font-size: 1.3em; } }

.life-moments-life-moments {
  background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1920 475.7805' enable-background='new 0 0 1920 475.7805' xml:space='preserve' preserveAspectRatio='xMinYMax'%3E %3Cg%3E %3Cg%3E %3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='1063.3622' y1='293.9104' x2='100.6749' y2='662.2429'%3E %3Cstop offset='0' style='stop-color:%23102D69'/%3E %3Cstop offset='0.2839' style='stop-color:%230F2F6D'/%3E %3Cstop offset='0.5466' style='stop-color:%230C3678'/%3E %3Cstop offset='0.8001' style='stop-color:%2306428B'/%3E %3Cstop offset='1' style='stop-color:%23004F9F'/%3E %3C/linearGradient%3E %3Cpolygon fill='url(%23SVGID_1_)' points='0,191.1348 0,475.7805 1920,475.7805 1920,0 '/%3E %3C/g%3E %3Cg%3E %3ClinearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='897.0391' y1='388.7332' x2='135.862' y2='-0.0303'%3E %3Cstop offset='0' style='stop-color:%23102D69'/%3E %3Cstop offset='0.2798' style='stop-color:%230D3373'/%3E %3Cstop offset='0.7584' style='stop-color:%2305458F'/%3E %3Cstop offset='1' style='stop-color:%23004F9F'/%3E %3C/linearGradient%3E %3Cpolygon fill='url(%23SVGID_2_)' points='1920,365.9992 1920,475.7805 0,475.7805 0,194.4252 '/%3E %3C/g%3E %3Cg opacity='0.4'%3E %3Cpolygon fill='%230B1742' points='1920,474.0998 1920,475.7805 0.033,475.7805 0.033,282.9651 '/%3E %3C/g%3E %3Cg opacity='0.3'%3E %3Cpolygon fill='%230B1742' points='0,349.3505 0,475.7805 1920,475.2902 1920,294.0869 '/%3E %3C/g%3E %3C/g%3E %3Cg%3E %3Cpolygon fill='%230E2050' points='0,442.1451 0,475.7805 1920,475.7805 1920,475.7805 '/%3E %3C/g%3E %3C/svg%3E"), url(/image/life-moments-life-moments/life-moments-heartbeat.jpg);
  background-repeat: no-repeat;
  background-position: bottom center, top center;
  background-size: contain; }
  @media (max-width: 479px) {
    .life-moments-life-moments {
      background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1920 475.7805' enable-background='new 0 0 1920 475.7805' xml:space='preserve' preserveAspectRatio='xMinYMax'%3E %3Cg%3E %3Cg%3E %3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='1063.3622' y1='293.9104' x2='100.6749' y2='662.2429'%3E %3Cstop offset='0' style='stop-color:%23102D69'/%3E %3Cstop offset='0.2839' style='stop-color:%230F2F6D'/%3E %3Cstop offset='0.5466' style='stop-color:%230C3678'/%3E %3Cstop offset='0.8001' style='stop-color:%2306428B'/%3E %3Cstop offset='1' style='stop-color:%23004F9F'/%3E %3C/linearGradient%3E %3Cpolygon fill='url(%23SVGID_1_)' points='0,191.1348 0,475.7805 1920,475.7805 1920,0 '/%3E %3C/g%3E %3Cg%3E %3ClinearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='897.0391' y1='388.7332' x2='135.862' y2='-0.0303'%3E %3Cstop offset='0' style='stop-color:%23102D69'/%3E %3Cstop offset='0.2798' style='stop-color:%230D3373'/%3E %3Cstop offset='0.7584' style='stop-color:%2305458F'/%3E %3Cstop offset='1' style='stop-color:%23004F9F'/%3E %3C/linearGradient%3E %3Cpolygon fill='url(%23SVGID_2_)' points='1920,365.9992 1920,475.7805 0,475.7805 0,194.4252 '/%3E %3C/g%3E %3Cg opacity='0.4'%3E %3Cpolygon fill='%230B1742' points='1920,474.0998 1920,475.7805 0.033,475.7805 0.033,282.9651 '/%3E %3C/g%3E %3Cg opacity='0.3'%3E %3Cpolygon fill='%230B1742' points='0,349.3505 0,475.7805 1920,475.2902 1920,294.0869 '/%3E %3C/g%3E %3C/g%3E %3Cg%3E %3Cpolygon fill='%230E2050' points='0,442.1451 0,475.7805 1920,475.7805 1920,475.7805 '/%3E %3C/g%3E %3C/svg%3E"), url(/image/life-moments-life-moments/life-moments-heartbeat-mobile.png);
      background-repeat: no-repeat;
      background-position: bottom center, top center;
      background-size: contain, cover; } }
  .life-moments-life-moments .mdc-layout-grid {
    padding: 26em 2em;
    max-width: 1280px; }
    @media (min-width: 1440px) and (max-width: 1919px) {
      .life-moments-life-moments .mdc-layout-grid {
        padding: 18em 2em; } }
    @media (min-width: 1024px) and (max-width: 1439px) {
      .life-moments-life-moments .mdc-layout-grid {
        padding: 13em 2em; } }
    @media (min-width: 840px) and (max-width: 1023px) {
      .life-moments-life-moments .mdc-layout-grid {
        padding: 7em 2em; } }
    @media (min-width: 720px) and (max-width: 839px) {
      .life-moments-life-moments .mdc-layout-grid {
        padding: 6em 2em; } }
    @media (min-width: 600px) and (max-width: 719px) {
      .life-moments-life-moments .mdc-layout-grid {
        padding: 6em 2em; } }
    @media (min-width: 480px) and (max-width: 599px) {
      .life-moments-life-moments .mdc-layout-grid {
        padding: 6em 2em; } }
    @media (max-width: 479px) {
      .life-moments-life-moments .mdc-layout-grid {
        padding: 6em 2em; } }
  .life-moments-life-moments .life-moments-life-moments__container {
    background-color: #FFF;
    box-sizing: border-box;
    padding: 3em; }
    @media (max-width: 479px) {
      .life-moments-life-moments .life-moments-life-moments__container {
        padding: .5em;
        text-align: center; } }
    .life-moments-life-moments .life-moments-life-moments__container a {
      color: #004f9f;
      font-weight: bold; }


/*# sourceMappingURL=os_life-moments.css.map*/