@charset "UTF-8";
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/* Body
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
  color: #385b29;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 10px;
  letter-spacing: .25px; }

img {
  border: 0; }

a {
  text-decoration: none; }

ul li {
  list-style-type: none;
  text-align: left; }

.wrapper-main {
  overflow: hidden;
  height: 100%;
  /*max-height: 1400px;*/
  position: relative; }

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  text-align: center;
  padding: 2rem; }

.section-heading,
.section-description {
  margin-bottom: 1.2rem; }

/* ------   blue section   ------ */
.spacer-white {
  background: #ffffff;
  padding: .4%;
  z-index: 0;
  line-height: 0; }

.section-blue {
  background: #aec5df;
  /* Old Browsers */
  background: -webkit-linear-gradient(top, #aec5df, #c4d5e5);
  /*Safari 5.1-6*/
  background: -o-linear-gradient(top, #aec5df, #c4d5e5);
  /*Opera 11.1-12*/
  background: -moz-linear-gradient(top, #aec5df, #c4d5e5);
  /*Fx 3.6-15*/
  background: linear-gradient(to bottom, #aec5df, #c4d5e5);
  /*Standard*/
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 2em;
  font-weight: 400;
  color: #385b29;
  letter-spacing: .25px;
  font-color: #385b29;
  height: 100%;
  /*max-height: 570px;*/
  padding: 3.2rem 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  text-align: left; }
  .section-blue h2 {
    font-size: 1.55em;
    font-color: #385b29;
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.15em;
    margin-bottom: 1rem; }
    .hand-sign {
      height: auto;
      max-height: 615px;
      width: 100%;
      max-width: 448px;
      z-index: 500;
      position: absolute;
      bottom: -1px;
      right: 0; }
    @media screen and (min-width: 320px) {
      .section-blue h2 {
        font-size: 1.5em; } }
    @media screen and (min-width: 480px) {
      .section-blue h2 {
        font-size: 1.6em; } }
    @media screen and (min-width: 768px) {
      .section-blue h2 {
        font-size: 1.85em; } }
    @media screen and (min-width: 992px) {
      .section-blue h2 {
        font-size: 1.95em; } }
    @media screen and (min-width: 1120px) {
      .section-blue{
        padding: 5rem 0;
      }
      .section-blue h2 {
        font-size: 2.4em; }
        }

  .section-blue p {
    font-size: .8em;
    line-height: 1.5em;
    font-weight: 400;
    padding: .5rem .5rem 2rem .5rem; }

@media (max-width:1600px){
  .hand-sign {
    height: auto;
    max-height: 400px;
    width: 100%;
    max-width: 291px;
    z-index: 500;
    position: absolute;
    bottom: -1px;
    right: 0; }
}
@media (max-width: 880px) {
  img.hand-sign {
    display: none !important;
    height: 0 !important; }

  .section-blue {
    padding: 2rem; } }
/* ------   white sections   ------ */
.section-white {
  background: #ffffff;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 2em;
  font-weight: 400;
  color: #385b29;
  letter-spacing: .25px;
  padding: 5rem 0;
  text-align: left; }
  .section-white h1 {
    font-color: #385b29;
    font-size: 2.75em;
    font-weight: 900;
    line-height: 1.25em;
    margin-bottom: 1rem;
    font-size: 1.5em; }
    @media screen and (min-width: 320px) {
      .section-white h1 {
        font-size: 1.825em; } }
    @media screen and (min-width: 768px) {
      .section-white h1 {
        font-size: 1.95em; } }
    @media screen and (min-width: 992px) {
      .section-white h1 {
        font-size: 2.25em; } }
    @media screen and (min-width: 1120px) {
      .section-white h1 {
        font-size: 2.75em; } }
  .section-white h2 {
    font-color: #385b29;
    font-size: 2.75em;
    font-weight: 900;
    line-height: 1.25em;
    margin-bottom: 4rem;
    text-align: center;
    font-size: 1.5em; }
    @media screen and (min-width: 320px) {
      .section-white h2 {
        font-size: 1.825em; } }
    @media screen and (min-width: 768px) {
      .section-white h2 {
        font-size: 1.95em; } }
    @media screen and (min-width: 992px) {
      .section-white h2 {
        font-size: 2.25em; } }
    @media screen and (min-width: 1120px) {
      .section-white h2 {
        font-size: 2.75em; } }
  .section-white .indicatorList {
    padding: 2.5rem 0; }

/* ------   green section   ------ */
.section-green {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 2em;
  font-weight: 400;
  color: #385b29;
  letter-spacing: .25px;
  padding: 6rem 0;
  color: #ffffff;
  background: #385b29; }
  .section-green h1 {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.8em;
    color: #ffffff;
    font-size: 1.4em; }
    @media screen and (min-width: 320px) {
      .section-green h1 {
        font-size: 1.2em; } }
    @media screen and (min-width: 480px) {
      .section-green h1 {
        font-size: 1.4em; } }
    @media screen and (min-width: 768px) {
      .section-green h1 {
        font-size: 1.6em; } }
    @media screen and (min-width: 992px) {
      .section-green h1 {
        font-size: 1.6em; } }
    @media screen and (min-width: 1120px) {
      .section-green h1 {
        font-size: 2em; } }
  .section-green a {
    color: #ffffff; }
    .section-green a.phoneNumber {
      text-decoration: none;
      border-bottom: 1px solid #dddddd; }

@media (max-width: 880px) {
  .section-green {
    padding: 4.5rem 2rem; } }
/* ------   green footer   ------ */
.footer-green {
  background: #385b29;
  padding: .7rem; }

/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hero-bg {
  background: #cce5f1;
  /* Old Browsers */
  background: -webkit-linear-gradient(top, #cce5f1, #f5f9ec);
  /*Safari 5.1-6*/
  background: -o-linear-gradient(top, #cce5f1, #f5f9ec);
  /*Opera 11.1-12*/
  background: -moz-linear-gradient(top, #cce5f1, #f5f9ec);
  /*Fx 3.6-15*/
  background: linear-gradient(to bottom, #cce5f1, #f5f9ec);
  /*Standard*/
  height: 100%;
  /*max-height: 770px;*/
  overflow: hidden;
  position: relative;
  width: 100%; }

.grass-front {
  height: auto;
  width: 100%;
  z-index: 100;
  max-width: 90%;
  position: relative;
  bottom: -32px; }

.grass-back {
  background: url("https://s3-us-west-2.amazonaws.com/zyang-projects/images/grass-back-cover.png") no-repeat;
  background-size: cover;
  z-index: 0;
  line-height: 0; }

/* ------   hero text   ------ */
.hero-bg h1 {
  color: #1c240d;
  font-size: 7em;
  font-family: "Bentham", Georgia, Times, serif;
  text-transform: uppercase;
  text-align: center;
  margin: auto;
  line-height: .8em;
  font-size: 4em; }
  @media screen and (min-width: 320px) {
    .hero-bg h1 {
      font-size: 3em; } }
  @media screen and (min-width: 480px) {
    .hero-bg h1 {
      font-size: 4em; } }
  @media screen and (min-width: 768px) {
    .hero-bg h1 {
      font-size: 5em; } }
  @media screen and (min-width: 992px) {
    .hero-bg h1 {
      font-size: 6.25em; } }
  @media screen and (min-width: 1120px) {
    .hero-bg h1 {
      font-size: 7em; } }

.hero-text {
  margin: 0 auto;
  width: 90%;
  max-width: 910px; }

/* ------ Lines ------ */
.topLine {
  display: table;
  white-space: nowrap;
  margin: 0 auto;
  width: 100%;
  max-width: 910px;
  color: #000000;
  padding-top: 10rem; }

.topLine:before,
.topLine:after {
  border-bottom: 1px solid #000000;
  content: '';
  display: table-cell;
  position: relative;
  top: -2em;
  width: 45%; }

.topLine:before {
  right: 1.5%; }

.topLine:after {
  left: 1.5%; }

img.banner {
  height: auto;
  vertical-align: middle; }

@media (max-width: 768px) {
  .topLine {
    padding-top: 5rem; }

  img.banner {
    height: auto;
    vertical-align: middle;
    max-width: 120px;
    padding-bottom: .6rem; } }
.bottomLine {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 2em;
  font-weight: 400;
  color: #385b29;
  letter-spacing: .25px;
  display: table;
  white-space: nowrap;
  margin: 0 auto;
  width: 100%;
  max-width: 910px;
  color: #000000;
  padding-top: .5rem; }

.bottomLine:before,
.bottomLine:after {
  border-top: 1px solid #000000;
  content: '';
  display: table-cell;
  position: relative;
  bottom: 0;
  width: 45%;
  top: .5em; }

.bottomLine:before {
  right: 1.5%; }

.bottomLine:after {
  left: 1.5%; }

p.lineDate {
  color: #5a6f16;
  font-size: 1.1em;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
  padding: 0; }

@media (max-width: 768px) {
  p.lineDate {
    font-size: .825em; } }
/* Green bar w. btn
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.heroReportSpacing {
  margin-top: .35% !important; }
  .heroReportSpacing a.heroReportSpacing {
    text-decoration: none;
    color: #ffffff; }

.heroReport {
  background: #385b29;
  font-weight: 300;
  padding: 2rem 1rem !important;
  z-index: 200;
  width: 100%;
  position: relative;
  text-align: center;
  color: #ffffff; }
  .heroReport h2 {
    font-size: 2em;
    font-weight: 300;
    letter-spacing: .4px; }
  .heroReport .reportButton {
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 2em;
    font-weight: 400;
    color: #385b29;
    letter-spacing: .25px;
    margin: 0;
    font-size: 1.8em;
    background: #c8e2f4;
    padding: .7rem 2rem;
    color: #385b29;
    border: 0;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: 0.25s all ease-out;
    transition: 0.25s all ease-out; }
    .heroReport .reportButton .phoneIcon {
      vertical-align: middle;
      padding-right: 10px;
      padding-bottom: 3px; }
    .heroReport .reportButton:hover {
      transform: scale(1.05);
      background-color: #385b29;
      -webkit-transition: 0.25s all ease-out;
      transition: 0.25s all ease-out;
      opacity: 1;
      color: #ffffff;
      border: 2px solid #c8e2f4; }

/* Mobile
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Extra Small Devices, Phones */
@media (min-width: 320px) {
  .section-green h1 {
    line-height: 1.4em; }

  .section-white {
    font-size: 1.6em; }

  .section-white .container {
    padding: 2rem; }

  .listTitles {
    font-weight: 600; }

  ul.imgList li {
    text-align: center !important; }
  ul.imgList img {
    height: auto;
    width: inherit;
    max-width: 100%; } }
/* Small Devices, Tablets */
@media (min-width: 768px) {
  .section-green h1 {
    line-height: 1.6em; }

  ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1%;
    -moz-column-gap: 1%;
    column-gap: 1%; }

  li {
    list-style-type: none;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 2em;
    font-weight: 400;
    color: #385b29;
    letter-spacing: .25px;
    font-size: .85em; }
    li.listTitles {
      font-weight: 600 !important; }

  .section-white {
    font-size: 2em; } }
/* Medium Devices, Desktops */
@media (min-width: 992px) {
  ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px; }

  li {
    list-style-type: none;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 2em;
    font-weight: 400;
    color: #385b29;
    letter-spacing: .25px;
    font-size: .85em; }
    li.listTitles {
      font-weight: 600 !important; } }

@media (min-width: 1120px) {
  .heroReport {
    background: #385b29;
    font-weight: 300;
    padding: 1rem;
    z-index: 200;
    width: 100%;
    position: absolute;
    text-align: left;
    color: #ffffff;
    /*bottom: 55px;*/
    bottom: 5%; }
    .heroReport h2 {
      font-size: 2em;
      font-weight: 300; }
    .heroReport .hide {
      display: none !important;
      height: 0; }

  .section-green h1 {
    line-height: 1.8em; } }
@media (min-width: 1600px) {
  .heroReport {
    background: #385b29;
    font-weight: 300;
    padding: 1rem;
    z-index: 200;
    width: 100%;
    position: absolute;
    text-align: left;
    color: #ffffff;
    bottom: 8%; } }
/* Animate
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes moveUp {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: translate3d(0, -30px, 0); } }
@keyframes moveUp {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: translate3d(0, -30px, 0); } }
.moveUp {
  -webkit-animation-name: moveUp;
  animation-name: moveUp; }

/*blue text */
p.ie{
width: 100%;
max-width: 570px !important;
}

  /* IE 10 11 */
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .container {
      max-width: 1400px !important;
      margin: 0 auto;
      text-align: center; }

    .ie {
      max-width: 800px !important;
      width: 100%;
      margin: 0 auto;
      text-align: center; }

    .hand-sign {
      display: none !important;
      height: 0; } }
  /* IE EDGE */
  @supports (-ms-ime-align: auto) {
    .container {
      max-width: 1400px !important;
      margin: 0 auto;
      text-align: center; }

    .ie {
      max-width: 800px !important;
      width: 100%;
      margin: 0 auto;
      text-align: center; }

    .hand-sign {
      display: none !important;
      height: 0; } }

      /* Safari 6.1-10.0  */

      @media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0)
      {
        @media {
          .heroReport .container{
            max-width: 1400px !important;
            margin: 0 auto !important;
          }
        }
      }
/*# sourceMappingURL=main.css.map */