/* CSS Document */
body,
html {
  font-size: 100%; }

body {
  overflow-x: hidden;
  overflow-y: scroll;
  font-family: "ProximaNova";
  background: #ebebeb;
  color: #222;
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  position: relative;
  cursor: auto; }

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

div,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
  margin: 0;
  padding: 0; }

img {
  vertical-align: unset;
  max-width: 100%; }

input {
  max-width: 100%; }

a {
  color: #008cba;
  text-decoration: none;
  line-height: inherit; }

@media only screen and (min-width: 40.0625em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; } }

.font-600 {
  font-weight: 600 !important; }

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  font-family: "ProximaNova"; }

p {
  margin: 0px 0px 29px;
  padding: 0px;
  line-height: 30px;
  font-size: 19px;
  color: #000;
  font-family: "ProximaNova";
  font-weight: 400;
  letter-spacing: .3px; }
  @media (min-width: 267px) and (max-width: 767px) {
    p {
      margin: 0px 0px 20px;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: .4px; } }
  p.mbot20 {
    margin-bottom: 20px; }
  p.mbot0 {
    margin-bottom: 0px; }

strong {
  font-weight: 700; }

.underline {
  text-decoration: underline; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box; }

h2 {
  font-size: 36px;
  color: #222;
  margin-bottom: 24px;
  font-weight: 800; }
  @media only screen and (min-width: 267px) and (max-width: 767px) {
    h2 {
      font-size: 28px;
      margin-bottom: 15px; } }

h3 {
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 4px; }
  @media only screen and (min-width: 267px) and (max-width: 767px) {
    h3 {
      font-size: 16px; } }

h4 {
  font-size: 24px;
  color: #000;
  line-height: 36px;
  margin-bottom: 30px; }
  @media only screen and (min-width: 267px) and (max-width: 767px) {
    h4 {
      font-size: 21px;
      margin-bottom: 10px;
      line-height: 30px; } }
  @media only screen and (min-width: 267px) and (max-width: 767px) and (max-width: 400px) {
    h4 {
      font-size: 20px; } }
  @media only screen and (min-width: 267px) and (max-width: 767px) and (max-width: 390px) {
    h4 {
      font-size: 17px !important; } }
  @media only screen and (min-width: 267px) and (max-width: 767px) and (max-width: 365px) {
    h4 {
      font-size: 16px !important; } }

  h4.mbot10 {
    margin-bottom: 10px; }
  h4.mbot20 {
    margin-bottom: 20px; }
  h4.mar-btm0 {
    margin-bottom: 0px; }

.mar-btm0 {
  margin-bottom: 0px; }

h4.pad-bot {
  padding-bottom: 11px; }
h4.pad-rght {
  padding-right: 21px; }

ul, ol, dl {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.6;
  list-style-position: outside;
  margin-bottom: 1.25rem; }

.txt-center {
  text-align: center; }

header, footer, main, nav, section {
  width: 100%;
  float: left; }

.normal-font {
  font-weight: 400 !important; }

p a {
  color: #39a1df;
  text-decoration: underline; }
  p a:hover {
    color: #000; }

.mid-container {
  max-width: 1000px;
  margin: 0px auto; }
  .mid-container.header-container {
    max-width: 1300px; }
  .mid-container .white-section {
    width: 100%;
    float: left;
    background: #fff;
    max-width: 100%;
    max-height: min-content; }

.padding-10 {
  padding: 0px 10px; }

.img img {
  width: 100%;
  float: left;
  height: auto; }

.wdt-100 {
  width: 100% !important;
  float: left; }

.pad_40_full {
  width: 100%;
  float: left;
  padding: 40px 30px 35px; }

.padding-46 {
  padding: 40px 30px 10px 30px; }

.padding-25 {
  padding: 25px 30px 10px 30px; }

.padding-30 {
  padding: 30px 30px 10px 30px; }

.padding-33 {
  padding: 33px 30px 10px 30px; }

.padding-41 {
  padding: 41px 30px 22px 30px; }

.pad-btm-none {
  padding-bottom: 0px; }

.pos-relative {
  position: relative; }

.display-inline-block {
  display: inline-block; }

.blue-color {
  color: #2384d2; }

h2.blue-color {
  color: #39a1df; }
  @media only screen and (min-width: 267px) and (max-width: 767px) {
    h2.blue-color {
      font-size: 21px;
      line-height: 30px;
      font-weight: 600;
      width: 83%;
      letter-spacing: .3px; } }
  @media only screen and (min-width: 267px) and (max-width: 999px) {
    h2.blue-color br {
      display: none; } }

header {
  background: #2384d2;
  padding: 30px 0px 25px; }
  @media only screen and (min-width: 267px) and (max-width: 767px) {
    header {
      text-align: center;
      padding: 40px 0px 39px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    header {
      padding: 30px 20px 25px; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  a.toggle_header_menu_show {
    display: none; }

  .padding-25 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 42px; }

  .padding-46 {
    padding: 40px 20px 10px 20px; }

  .padding-41 {
    padding: 41px 20px 22px 20px; }

  .padding-10 {
    padding: 0px 17px; }

  .padding-33 {
    padding: 33px 20px 10px 20px; }

  .padding-30 {
    padding: 40px 20px 6px 20px; } }
@media only screen and (min-width: 267px) and (max-width: 767px) {
  a.toggle_header_menu_show {
    display: none; }

  ul.succeed-list.cold-list li {
    width: 100%; }

  .green_wdt_col .unlocking-garyl-img.customer-clock-img.auction-img {
    margin-top: -131px;
    width: 229px;
    left: 50%;
    margin-left: -117px; }

  ul.succeed-list.dodeal-list li {
    width: 100%; }

  .padding-46 {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 33px; }

  .padding-25 {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 18px; }

  .padding-41 {
    padding: 31px 10px 22px 10px; }

  .padding-33 {
    padding: 33px 11px 10px 11px; }

  .padding-30 {
    padding: 30px 10px 10px 10px; } }
.desktop-image {
  display: inline-block !important; }
  @media only screen and (min-width: 267px) and (max-width: 767px) {
    .desktop-image {
      display: none !important; } }

.mobile-image {
  display: none !important; }
  @media only screen and (min-width: 267px) and (max-width: 767px) {
    .mobile-image {
      display: inline-block !important; } }

.beginner_header {
  background: #f1931d;
  height: 200px;
  width: 100%;
  float: left;
  position: relative;
  margin: 0px;
  border-radius: 0px;
  padding: 0px; }
  @media only screen and (min-width: 468px) and (max-width: 767px) {
    .beginner_header {
      height: 175px; } }
  @media only screen and (min-width: 267px) and (max-width: 467px) {
    .beginner_header {
      height: 172px; } }
  .beginner_header.chapters-column {
    position: relative; }
    .beginner_header.chapters-column p, .beginner_header.chapters-column h1 {
      padding: 14px 30px 0px 160px;
      font-size: 48px;
      line-height: 60px;
      letter-spacing: 2px;
      margin-bottom: 10px; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .beginner_header.chapters-column p, .beginner_header.chapters-column h1 {
          padding: 34px 30px 26px 150px;
          font-size: 36px;
          line-height: 42px;
          letter-spacing: 1.2px; } }
      @media only screen and (min-width: 267px) and (max-width: 767px) {
        .beginner_header.chapters-column p, .beginner_header.chapters-column h1 {
          padding: 0px 10px 6px 77px;
          letter-spacing: 0.5px;
          font-size: 24px;
          line-height: 36px; } }
      @media screen and (max-width: 767px) {
        .beginner_header.chapters-column p, .beginner_header.chapters-column h1 {
          line-height: 1.2; } }
      @media only screen and (min-width: 267px) and (max-width: 767px) {
        .beginner_header.chapters-column p br, .beginner_header.chapters-column h1 br {
          display: none; } }
    .beginner_header.chapters-column.pad_190 p, .beginner_header.chapters-column.pad_190 h1 {
      padding: 14px 30px 0px 192px;
      margin-bottom: 0; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .beginner_header.chapters-column.pad_190 p, .beginner_header.chapters-column.pad_190 h1 {
          padding: 24px 30px 0px 192px; } }
      @media only screen and (min-width: 267px) and (max-width: 767px) {
        .beginner_header.chapters-column.pad_190 p, .beginner_header.chapters-column.pad_190 h1 {
          padding: 0 30px 0px 94px;
          margin-top: 11px; } }
      @media screen and (max-width: 767px) {
        .beginner_header.chapters-column.pad_190 p.main-text, .beginner_header.chapters-column.pad_190 h1.main-text {
          font-size: 24px;
          line-height: 1.2; } }
      .beginner_header.chapters-column.pad_190 p.sub_header_txt, .beginner_header.chapters-column.pad_190 h1.sub_header_txt {
        font-size: 24px;
        line-height: 25px;
        padding-top: 0;
        margin: 0 0 10px 0; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .beginner_header.chapters-column.pad_190 p.sub_header_txt, .beginner_header.chapters-column.pad_190 h1.sub_header_txt {
            font-size: 23px;
            line-height: 1.1; } }
        @media screen and (max-width: 767px) {
          .beginner_header.chapters-column.pad_190 p.sub_header_txt, .beginner_header.chapters-column.pad_190 h1.sub_header_txt {
            font-size: 16px;
            line-height: 24px; } }
        @media only screen and (min-width: 267px) and (max-width: 767px) {
          .beginner_header.chapters-column.pad_190 p.sub_header_txt, .beginner_header.chapters-column.pad_190 h1.sub_header_txt {
            font-size: 16px;
            line-height: 1;
            font-weight: 400; } }
    .beginner_header.chapters-column.pad_190 .ultimate-guide-column.chapters-txt {
      padding: 0px 30px 0px 190px; }
      @media only screen and (min-width: 267px) and (max-width: 767px) {
        .beginner_header.chapters-column.pad_190 .ultimate-guide-column.chapters-txt {
          padding: 0px 30px 0px 94px;
          font-size: 18px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .beginner_header.chapters-column.pad_190 .chapter-nos {
        top: 36px; } }
    @media only screen and (min-width: 267px) and (max-width: 767px) {
      .beginner_header.chapters-column.pad_190 .chapter-nos {
        top: 35px;
        font-weigth: 800; } }
    @media only screen and (min-width: 267px) and (max-width: 767px) {
      .beginner_header.chapters-column.third-chapter.ch_8_col {
        min-height: 132px; } }
    .beginner_header.chapters-column.third-chapter.ch_8_col p, .beginner_header.chapters-column.third-chapter.ch_8_col h1 {
      padding: 44px 30px 0px 191px; }
      @media only screen and (min-width: 267px) and (max-width: 767px) {
        .beginner_header.chapters-column.third-chapter.ch_8_col p, .beginner_header.chapters-column.third-chapter.ch_8_col h1 {
          padding: 0px 30px 0px 107px; } }
      .beginner_header.chapters-column.third-chapter.ch_8_col p.chp8-text, .beginner_header.chapters-column.third-chapter.ch_8_col h1.chp8-text {
        padding: 0 30px 0px 191px; }
        @media screen and (max-width: 767px) {
          .beginner_header.chapters-column.third-chapter.ch_8_col p.chp8-text, .beginner_header.chapters-column.third-chapter.ch_8_col h1.chp8-text {
            padding-left: 33%; } }
    .beginner_header.chapters-column.third-chapter.ch_8_col .ultimate-guide-column.chapters-txt {
      padding: 0px 30px 0px 191px; }
      @media only screen and (min-width: 267px) and (max-width: 767px) {
        .beginner_header.chapters-column.third-chapter.ch_8_col .ultimate-guide-column.chapters-txt {
          padding: 0px 30px 0px 107px; } }
    @media (min-width: 267px) and (max-width: 767px) {
      .beginner_header.chapters-column.third-chapter.ch_8_col .chapter-nos {
        top: -7px;
        font-weight: 800; } }
    @media (min-width: 267px) and (max-width: 767px) {
      .beginner_header.chapters-column.third-chapter.ch_8_col .chapter-nos.chap-4 {
        top: 35px; } }
    .beginner_header.chapters-column.third-chapter.ch_9_col {
      background: #6b9c1f; }
      .beginner_header.chapters-column.third-chapter.ch_9_col .chapter-nos {
        color: #f3d45c; }
      .beginner_header.chapters-column.third-chapter.ch_9_col .ultimate-guide-column {
        background: #608c1c; }
        .beginner_header.chapters-column.third-chapter.ch_9_col .ultimate-guide-column:before {
          background: url("https://greenpal-production.s3.amazonaws.com/images/handbook/green-header-grass-img.png") no-repeat top center; }
      .beginner_header.chapters-column.third-chapter.ch_9_col p, .beginner_header.chapters-column.third-chapter.ch_9_col h1 {
        padding: 44px 30px 0px 193px; }
        @media (max-width: 767px) {
          .beginner_header.chapters-column.third-chapter.ch_9_col p, .beginner_header.chapters-column.third-chapter.ch_9_col h1 {
            padding: 44px 90px 0px 103px; } }
    .beginner_header.chapters-column.third-chapter p, .beginner_header.chapters-column.third-chapter h1 {
      padding: 14px 30px 0px 193px;
      font-size: 46px; }
      @media only screen and (min-width: 267px) and (max-width: 767px) {
        .beginner_header.chapters-column.third-chapter p, .beginner_header.chapters-column.third-chapter h1 {
          padding: 0px 10px 0px 100px;
          letter-spacing: .8px; } }
      @media screen and (min-width: 320px) and (max-width: 390px) {
        .beginner_header.chapters-column.third-chapter p, .beginner_header.chapters-column.third-chapter h1 {
          font-size: 16px; } }
      @media screen and (min-width: 376px) and (max-width: 767px) {
        .beginner_header.chapters-column.third-chapter p, .beginner_header.chapters-column.third-chapter h1 {
          font-size: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 992px) {
        .beginner_header.chapters-column.third-chapter p, .beginner_header.chapters-column.third-chapter h1 {
          font-size: 32px; } }
      @media only screen and (min-width: 267px) and (max-width: 767px) {
        .beginner_header.chapters-column.third-chapter p br, .beginner_header.chapters-column.third-chapter h1 br {
          display: none; } }
      .beginner_header.chapters-column.third-chapter p.fs40, .beginner_header.chapters-column.third-chapter h1.fs40 {
        font-size: 40px; }
        @media only screen and (min-width: 768px) and (max-width: 999px) {
          .beginner_header.chapters-column.third-chapter p.fs40, .beginner_header.chapters-column.third-chapter h1.fs40 {
            font-size: 36px; } }
        @media only screen and (min-width: 267px) and (max-width: 767px) {
          .beginner_header.chapters-column.third-chapter p.fs40, .beginner_header.chapters-column.third-chapter h1.fs40 {
            font-size: 24px; } }
        @media only screen and (min-width: 267px) and (max-width: 365px) {
          .beginner_header.chapters-column.third-chapter p.fs40, .beginner_header.chapters-column.third-chapter h1.fs40 {
            font-size: 20px; } }
        .beginner_header.chapters-column.third-chapter p.fs40.fs40-spn-7, .beginner_header.chapters-column.third-chapter h1.fs40.fs40-spn-7 {
          font-size: 31px;
          line-height: 1.2; }
          @media screen and (min-width: 768px) and (max-width: 992px) {
            .beginner_header.chapters-column.third-chapter p.fs40.fs40-spn-7, .beginner_header.chapters-column.third-chapter h1.fs40.fs40-spn-7 {
              font-size: 25px; } }
          @media screen and (max-width: 767px) {
            .beginner_header.chapters-column.third-chapter p.fs40.fs40-spn-7, .beginner_header.chapters-column.third-chapter h1.fs40.fs40-spn-7 {
              font-size: 18px;
              line-height: 1.5; } }
      @media screen and (min-width: 1024px) {
        .beginner_header.chapters-column.third-chapter p.new-spn, .beginner_header.chapters-column.third-chapter h1.new-spn {
          font-size: 35px;
          line-height: 1.1; } }
    @media only screen and (min-width: 267px) and (max-width: 467px) {
      .beginner_header.chapters-column.third-chapter.sixth-chapter {
        min-height: 200px; } }
    @media only screen and (min-width: 267px) and (max-width: 467px) {
      .beginner_header.chapters-column.third-chapter.sixth-chapter .chapter-nos {
        top: 61px; } }
    @media (min-width: 267px) and (max-width: 767px) {
      .beginner_header.chapters-column.third-chapter.sixth-chapter .ultimate-guide-column {
        font-size: 18px; } }
    @media (max-width: 767px) {
      .beginner_header.chapters-column.third-chapter .ultimate-guide-column {
        font-size: 18px; } }
    @media only screen and (min-width: 267px) and (max-width: 767px) {
      .beginner_header.chapters-column.third-chapter .chapter-nos {
        top: 34px;
        font-weight: 800; } }
    @media only screen and (min-width: 267px) and (max-width: 767px) {
      .beginner_header.chapters-column .chapters-txt {
        font-size: 18px; } }
  .beginner_header .chapter-nos {
    font-size: 260px;
    color: #2384d2;
    font-weight: 800;
    position: absolute;
    left: 27px;
    top: 46px;
    z-index: 1;
    line-height: 190px;
    width: 165px;
    height: 178px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .beginner_header .chapter-nos {
        top: 52px;
        left: 18px; } }
    @media only screen and (min-width: 267px) and (max-width: 767px) {
      .beginner_header .chapter-nos {
        top: 35px;
        font-size: 136px;
        left: 11px;
        font-weight: 700; } }
  .beginner_header p, .beginner_header h1 {
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 49px;
    padding: 17px 160px 9px 28px;
    letter-spacing: .7px;
    width: 100%;
    float: left;
    margin: 20px 0px;
    background: none;
    color: #fff; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .beginner_header p, .beginner_header h1 {
        font-size: 36px;
        line-height: 42px;
        padding: 17px 160px 9px 20px; } }
    @media only screen and (min-width: 267px) and (max-width: 767px) {
      .beginner_header p, .beginner_header h1 {
        font-size: 26px;
        line-height: 36px;
        padding: 10px 16px;
        letter-spacing: 1px;
        font-weight: 600; } }
    .beginner_header p.spanish-header-text, .beginner_header h1.spanish-header-text {
      font-size: 34px; }
  .beginner_header .header_gar_img {
    width: 232px;
    z-index: 1;
    position: absolute;
    right: 10px;
    top: 10px; }
    @media only screen and (min-width: 267px) and (max-width: 767px) {
      .beginner_header .header_gar_img {
        display: none; } }
  .beginner_header .ultimate-guide-column {
    width: 100%;
    float: left;
    background: #d8841a;
    position: absolute;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    padding: 0px 30px;
    font-weight: 400;
    bottom: 0; }
    @media only screen and (min-width: 267px) and (max-width: 767px) {
      .beginner_header .ultimate-guide-column {
        font-size: 21px;
        padding: 0px 16px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .beginner_header .ultimate-guide-column {
        padding: 0px 20px; } }
    .beginner_header .ultimate-guide-column:before {
      width: 100%;
      height: 34px;
      background: url("https://greenpal-production.s3.amazonaws.com/images/handbook/orange-grass-img.png") no-repeat top center;
      position: absolute;
      left: 0px;
      top: -34px;
      content: ""; }
    .beginner_header .ultimate-guide-column.chapters-txt {
      padding: 0px 30px 0px 160px; }
      @media only screen and (min-width: 267px) and (max-width: 767px) {
        .beginner_header .ultimate-guide-column.chapters-txt {
          padding: 0px 30px 0px 77px; } }
      .beginner_header .ultimate-guide-column.chapters-txt.third-chapter-txt {
        padding: 0px 30px 0px 193px; }
        @media only screen and (min-width: 267px) and (max-width: 767px) {
          .beginner_header .ultimate-guide-column.chapters-txt.third-chapter-txt {
            padding: 0px 30px 0px 103px; } }

.padding-51 {
  padding: 51px 30px 0px 30px; }
  @media only screen and (min-width: 267px) and (max-width: 767px) {
    .padding-51 {
      padding: 38px 10px 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .padding-51 {
      padding: 51px 20px 0px 20px; } }

.full-imagemargin.mtop10 {
  margin-top: 10px; }
.full-imagemargin.mtop0 {
  margin-top: 0px; }
.full-imagemargin.mbtm0 {
  margin-bottom: 0px; }
.full-imagemargin.mbtm10 {
  margin-bottom: 10px; }
.full-imagemargin.mbtm35 {
  margin-bottom: 35px; }
.full-imagemargin.welcome_vendor {
  height: 600px; }
  @media (max-width: 767px) {
    .full-imagemargin.welcome_vendor {
      height: auto; } }

.full-imagemargin {
  margin: 20px 0px; }
  .full-imagemargin.mtop50 {
    margin-top: 50px; }

.img-center-section {
  width: 100%;
  float: left;
  text-align: center; }
  .img-center-section span {
    display: inline-block; }
    .img-center-section span.tablet-screen {
      display: block; }
      @media (min-width: 1025px) {
        .img-center-section span.tablet-screen {
          display: none; } }
    .img-center-section span.mobile-screen {
      display: none; }
      @media (max-width: 767px) {
        .img-center-section span.mobile-screen {
          display: inline-block; } }
    .img-center-section span.tablet-screen {
      display: none; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .img-center-section span.tablet-screen {
          display: inline-block; } }

.excited-column {
  width: 100%;
  float: left; }
  .excited-column p {
    color: #2384d2; }
  @media only screen and (min-width: 267px) and (max-width: 767px) {
    .excited-column br {
      display: none; } }

.green_wdt_col {
  margin: 16px 0px 40px;
  background: #6b9c1f;
  width: 100%;
  float: left;
  padding: 0px 25px 0px 30px;
  border-radius: 15px;
  position: relative; }

.green_wdt_col.plain_content_section p {
  padding-left: 0; }

.green_wdt_col .unlocking-garyl-img {
  width: 107px;
  float: left;
  position: absolute;
  left: 18px;
  top: -28px; }