<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,400italic,600italic);

#mn_wrapper {
  padding-top: 0;
}

#row-1 {
  /*
  padding-top: 5%;
  padding-left: 5%;
  padding-right: 10%;
  */
  padding-top: 20px;
  padding-left: 27px;
  padding-right: 27px;
}

#row-2 {
  /*padding-left: 5%;*/
  padding-left: 27px;
  padding-top: 65px;
}

.hero {
  font-family: 'Open Sans', sans-serif;
  width:922px;
  height: 463px;
  margin:0 0 0 1em;
  padding: 0; }

  .hero .delivering {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    border-radius: 30px;
    padding: 15px;
    width: 220px;
    height: 187px;
    background: #09519c;
    color: #fff; }

    .hero .delivering h3 {
      margin: 0;
      font-weight: 600;
      font-size: 26px; 
      text-align: left;
      position: relative;
      left: 0px;
      top: -60px;
      width: 200px;
      height: 100px;
      
      }

      .hero .delivering h3 .rich {
        font-weight: 700;
        font-size: 21px; }

    .hero .delivering .quote {
      margin-top: 10px;
      margin-bottom: 0;
      font-size: 14px;
      text-align: justify;
      font-style: italic; }

    .hero .delivering .quotee {
      font-size: 12px;
      text-align: left;
      margin-bottom: 0; }

    .hero .delivering .position {
      font-size: 10px;
      text-align: left; }

  .hero .open {
    position: relative;
    bottom: -211px;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    border-radius: 10px 10px 10px 10px;
    padding: 5px;
    float: right;
    right: -25px;
    width: 230px;
    height: 60px;
    background: #09519c;    
    /*background: rgba(255, 255, 255, 0.85);*/ }

    .hero .open .social {
      text-align: center;
    }

    .hero .open .action {
      position: relative;
    }

      .hero .open .action img {
        vertical-align: middle;

      }

      .hero .open .action a {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        margin-top: -5px;
        vertical-align: middle;
      }

        .hero .open .action a:hover {
          text-decoration: none;
          color: #dedede;
        }

      .hero .open .action {
        text-align: center;
      }

      .hero .open .action .title {
        font-size: 1.3em;
        text-decoration: underline;
        margin-bottom: 0.1em;
      }

      .hero .open .action .sub {
        font-size: 1.1em;
      }

  .hero .one-platform {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    position: relative;
    bottom: -55px;
    border-radius: 10px;
    padding: 0px 5px 0 5px;
    float: left;
    width: 870px;
    background: rgba(255,160,0,0.50);
    text-align: center;
    font-size: 1.25em;
    
  }

  .hero .one-platform h2 {
    margin: 0.75em 0;
    font-size: 25px;
    font-weight: normal;
  }

  .hero .one-platform a {
    color: #000;
  }

  .hero .one-platform a:hover {
    text-decoration: none;
    color: #ededed;
  }


  .hero .invest-in-stocks {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    position: relative;
    bottom: -65px;
    border-radius: 10px;
    padding: 0px 5px 0 5px;
    float: left;
    width: 220px;
    background: #09519c;
    text-align: center;
    font-size: 1.0em;
    
  }

  .hero .invest-in-stocks a {
    color: #fff;
  }

  .hero .invest-in-stocks a:hover {
    text-decoration: none;
    color: #ededed;
  }

  .hero .invest-in-mf {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    position: relative;
    left: 45px;
    bottom: -65px;
    border-radius: 10px;
    padding: 0px 5px 0 5px;
    float: left;
    width: 270px;
    background: #09519c;
    text-align: center;
    font-size: 1.0em;
    
  }

  .hero .invest-in-mf a {
    color: #fff;
  }

  .hero .invest-in-mf a:hover {
    text-decoration: none;
    color: #ededed;
  }

  .hero .open-col-account {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    position: relative;
    left: 89px;
    bottom: -65px;
    border-radius: 10px;
    padding: 0px 5px 0 5px;
    float: left;
    width: 288px;
    background: #09519c;
    text-align: center;
    font-size: 1.0em;
    
  }

  .hero .open-col-account a {
    color: #fff;
  }

  .hero .open-col-account a:hover {
    text-decoration: none;
    color: #ededed;
  }

  .hero .fund-source {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    position: relative;
    border-radius: 10px;
    padding: 0px 15px 0 15px;
    float: left;
    width: 288px;
    height: 113px;
    background: #287add;
    /*background: rgba(40, 123, 221, 0.85)*/ }

    .hero .fund-source a {
      color: #fff;
    }

      .hero .fund-source a:hover {
        text-decoration: none;
        color: #ededed;
      }

      .hero .fund-source a h2 {
        font-size: 20px;
        margin-top: .25em;
        margin-bottom: 3px;
      }

    .hero .fund-source .copy {
      float: right;
      color: #fff;
      width: 74%; }

      .hero .fund-source .copy p {
        margin-top: 1em;
        font-size: 12px;
        font-style: italic; }

      .hero .fund-source .copy p b {
        font-size: 12px;
        font-weight: 600;
        font-style: italic;
      }

    .hero .fund-source img {
      width: 60px;
      height: 66px; }

    .hero .fund-source .ribbon-wrapper {
      width: 85px;
      height: 88px;
      overflow: hidden;
      position: absolute;
      bottom: -2px;
      right: -2px;
    }

    .ribbon {
      font: bold 12px Sans-Serif;
      color: #333;
      text-align: center;
      text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
      -webkit-transform: rotate(-45deg);
      -moz-transform:    rotate(-45deg);
      -ms-transform:     rotate(-45deg);
      -o-transform:      rotate(-45deg);
      position: relative;
      padding: 1px 0;
      left: 20px;
      top: 55px;
      width: 85px;
      background-color: #ffd685;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd685), to(#8EBF45)); 
      background-image: -webkit-linear-gradient(top, #ffd685, #ffd54b); 
      background-image:    -moz-linear-gradient(top, #ffd685, #ffd54b); 
      background-image:     -ms-linear-gradient(top, #ffd685, #ffd54b); 
      background-image:      -o-linear-gradient(top, #ffd685, #ffd54b); 
      color: #6a6340;
      -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
      -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
      box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
    }

    .ribbon:before, .ribbon:after {
      content: "";
      border-top:   3px solid #6e8900;   
      border-left:  3px solid transparent;
      border-right: 3px solid transparent;
      position:absolute;
      bottom: -3px;
    }

    .ribbon:before {
      left: 0;
    }
    .ribbon:after {
      right: 0;
    }

  .hero .story {
    width: 160px;
    height: 93px;
    float: left;
    position: relative;
    top: 260px; 
    left: 480px;
    }

    .hero .story .name {
      color: black;
      background: rgba(255, 255, 255, 0.20);
      border-radius: 0 0 0 0;
      height: 30px; }

      .hero .story .name h2 {
        font-size: 10px;
        font-weight: 600;
        padding-top: 0;
        margin-top: 0;
        margin-left: 10px;
        margin-bottom: 0; }

      .hero .story .name p {
        font-size: 10px;
        margin-left: 10px;
        font-weight: 600; }

      .hero .story .tagline {
        color: #355106;
        padding-top: 10px;
        margin-bottom: 2px;
        font-weight: 700;
      }

      .hero .story .profession {
        font-weight: 600;
      }

    .hero .story .watch {
      height: 23px;
      padding-top: .5em;
      text-align: center;
      border-radius: 0 0 10px 10px;
      color: #fff;
      font-size: 13px;
      font-weight: bold;

      background: #09519c
      /* gradient */
      /*
      background: #ebbf14; /* Old browsers */
      /*
      background: -moz-linear-gradient(left,  #ebbf14 0%, #d7ac00 99%); /* FF3.6+ */
      /*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ebbf14), color-stop(99%,#d7ac00)); /* Chrome,Safari4+ */
      /*background: -webkit-linear-gradient(left,  #ebbf14 0%,#d7ac00 99%); /* Chrome10+,Safari5.1+ */
      /*background: -o-linear-gradient(left,  #ebbf14 0%,#d7ac00 99%); /* Opera 11.10+ */
      /*background: -ms-linear-gradient(left,  #ebbf14 0%,#d7ac00 99%); /* IE10+ */
      /*background: linear-gradient(to right,  #ebbf14 0%,#d7ac00 99%); /* W3C */
      /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebbf14', endColorstr='#d7ac00',GradientType=1 ); /* IE6-9 */ }


    .hero .story a:hover {
      text-decoration: none; }



  

</pre></body></html>