a.join-vendor-link {
  font-size: 16px;
  font-weight: 600;
  background: url("https://greenpal-production.s3.amazonaws.com/images/handbook/join-arrow-icon.png") no-repeat right center;
  color: #fff;
  text-decoration: none;
  padding-right: 35px;
  letter-spacing: .5px;
  margin: 8px 0px;
  float: right;
  white-space: nowrap; }
  a.join-vendor-link:hover {
    color: #ccc; }
a.get-started-link {
  font-size: 16px;
  color: #fff;
  padding: 5px 42px;
  background: #f3941e;
  text-decoration: none;
  border-radius: 20px;
  display: block;
  float: left;
  margin-left: 50px;
  font-weight: 600;
  padding-top: 7px; }
  a.get-started-link:hover {
    background: #fff;
    color: #f3941e; }

.top_header {
  background: #1464bf;
  width: 100%;
  float: left;
  padding: 1px 0 1px 60px; }
  @media only screen and (min-width: 267px) and (max-width: 999px) {
    .top_header {
      padding: 1px 0 1px 15px; } }
  .top_header .mid-container {
    max-width: 1000px;
    margin: 0px auto; }
    .top_header .mid-container .top_header_toggle {
      width: auto;
      float: left;
      color: #fff;
      font-size: 12px;
      background: url("https://greenpal-production.s3.amazonaws.com/images/handbook/up-down-arrow.png") no-repeat right -90px;
      padding-right: 14px;
      cursor: pointer; }
      .top_header .mid-container .top_header_toggle.active {
        background-position: right 7px; }
    .top_header .mid-container .top_header-column {
      width: 100%;
      float: left;
      padding: 22px 0px 44px;
      display: none; }
      @media only screen and (min-width: 267px) and (max-width: 767px) {
        .top_header .mid-container .top_header-column {
          text-align: center; } }
      .top_header .mid-container .top_header-column .logo {
        width: 212px;
        float: left;
        margin: 7px 57px 5px 0px; }
        .top_header .mid-container .top_header-column .logo.desktop-display {
          display: block; }
          @media only screen and (min-width: 267px) and (max-width: 767px) {
            .top_header .mid-container .top_header-column .logo.desktop-display {
              display: none; } }
        .top_header .mid-container .top_header-column .logo.mobile-display {
          display: none; }
          @media only screen and (min-width: 267px) and (max-width: 767px) {
            .top_header .mid-container .top_header-column .logo.mobile-display {
              float: none;
              display: inline-block;
              margin: 0px; } }
      .top_header .mid-container .top_header-column .grow-business-btn {
        background: #f1931d;
        border-radius: 30px;
        box-shadow: 0px 3px 0px #e45503;
        float: left;
        padding: 11px 26px;
        display: block; }
        @media only screen and (min-width: 267px) and (max-width: 767px) {
          .top_header .mid-container .top_header-column .grow-business-btn {
            display: inline-block;
            float: none;
            margin: 29px 0px 0px; } }
        .top_header .mid-container .top_header-column .grow-business-btn a {
          font-size: 16px;
          color: #fff;
          text-decoration: none;
          background: url("https://greenpal-production.s3.amazonaws.com/images/handbook/grow-btn-arrow.png") no-repeat right center;
          padding-right: 30px; }
        .top_header .mid-container .top_header-column .grow-business-btn:hover {
          background: #dd800c; }
      .top_header .mid-container .top_header-column .top-header-list {
        width: 100%;
        float: left;
        margin: 44px 0px 0px; }
        @media only screen and (min-width: 267px) and (max-width: 767px) {
          .top_header .mid-container .top_header-column .top-header-list {
            text-align: left; } }
        .top_header .mid-container .top_header-column .top-header-list ul {
          width: 175px;
          float: left;
          margin: 0px;
          padding: 0px; }
          @media only screen and (min-width: 267px) and (max-width: 767px) {
            .top_header .mid-container .top_header-column .top-header-list ul {
              width: 60%;
              margin-bottom: 30px; } }
          .top_header .mid-container .top_header-column .top-header-list ul.second-list {
            width: 145px; }
            @media only screen and (min-width: 267px) and (max-width: 767px) {
              .top_header .mid-container .top_header-column .top-header-list ul.second-list {
                width: 40%; } }
          .top_header .mid-container .top_header-column .top-header-list ul.third-list {
            width: 270px; }
            @media only screen and (min-width: 267px) and (max-width: 767px) {
              .top_header .mid-container .top_header-column .top-header-list ul.third-list {
                width: 60%; } }
            @media only screen and (min-width: 768px) and (max-width: 999px) {
              .top_header .mid-container .top_header-column .top-header-list ul.third-list {
                width: 240px; } }
          .top_header .mid-container .top_header-column .top-header-list ul.forth-list {
            width: 191px; }
            @media only screen and (min-width: 267px) and (max-width: 767px) {
              .top_header .mid-container .top_header-column .top-header-list ul.forth-list {
                width: 40%; } }
            .top_header .mid-container .top_header-column .top-header-list ul.forth-list .social-icons {
              width: 100%;
              float: left;
              margin: 6px 0px 0px; }
              @media only screen and (min-width: 267px) and (max-width: 767px) {
                .top_header .mid-container .top_header-column .top-header-list ul.forth-list .social-icons {
                  width: 100px; } }
              .top_header .mid-container .top_header-column .top-header-list ul.forth-list .social-icons a {
                float: left;
                width: 37px;
                height: 37px;
                margin-right: 9px; }
                @media only screen and (min-width: 267px) and (max-width: 767px) {
                  .top_header .mid-container .top_header-column .top-header-list ul.forth-list .social-icons a {
                    width: 32px;
                    height: 32px;
                    margin-bottom: 6px; } }
                .top_header .mid-container .top_header-column .top-header-list ul.forth-list .social-icons a:hover {
                  opacity: .8; }
                .top_header .mid-container .top_header-column .top-header-list ul.forth-list .social-icons a.instagram-icon {
                  background: url("https://greenpal-production.s3.amazonaws.com/images/handbook/instagram-icon.png") no-repeat 0px 0px; }
                  @media only screen and (min-width: 267px) and (max-width: 767px) {
                    .top_header .mid-container .top_header-column .top-header-list ul.forth-list .social-icons a.instagram-icon {
                      background-size: 32px; } }
                .top_header .mid-container .top_header-column .top-header-list ul.forth-list .social-icons a.facebook-icon {
                  background: url("https://greenpal-production.s3.amazonaws.com/images/handbook/facebook-icon.png") no-repeat 0px 0px; }
                  @media only screen and (min-width: 267px) and (max-width: 767px) {
                    .top_header .mid-container .top_header-column .top-header-list ul.forth-list .social-icons a.facebook-icon {
                      background-size: 32px; } }
                .top_header .mid-container .top_header-column .top-header-list ul.forth-list .social-icons a.twitter-icon {
                  background: url("https://greenpal-production.s3.amazonaws.com/images/handbook/twitter-icon.png") no-repeat 0px 0px; }
                  @media only screen and (min-width: 267px) and (max-width: 767px) {
                    .top_header .mid-container .top_header-column .top-header-list ul.forth-list .social-icons a.twitter-icon {
                      background-size: 32px; } }
                .top_header .mid-container .top_header-column .top-header-list ul.forth-list .social-icons a.pinterest-icon {
                  background: url("https://greenpal-production.s3.amazonaws.com/images/handbook/pinterest-icon.png") no-repeat 0px 0px; }
                  @media only screen and (min-width: 267px) and (max-width: 767px) {
                    .top_header .mid-container .top_header-column .top-header-list ul.forth-list .social-icons a.pinterest-icon {
                      background-size: 32px; } }
          .top_header .mid-container .top_header-column .top-header-list ul h6 {
            font-size: 14px;
            color: #8ab2df;
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 10px; }
            @media only screen and (min-width: 267px) and (max-width: 767px) {
              .top_header .mid-container .top_header-column .top-header-list ul h6 {
                font-size: 12px; } }
          .top_header .mid-container .top_header-column .top-header-list ul li {
            list-style: none;
            float: left;
            font-size: 14px;
            line-height: 23px;
            width: 100%; }
            @media only screen and (min-width: 267px) and (max-width: 767px) {
              .top_header .mid-container .top_header-column .top-header-list ul li {
                font-size: 12px;
                line-height: 21px; } }
            .top_header .mid-container .top_header-column .top-header-list ul li a {
              color: #fff;
              text-decoration: none; }
              .top_header .mid-container .top_header-column .top-header-list ul li a:hover {
                color: #80bafc; }

.twitter_logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ffffff1a;
  border: 1px solid #ccc;
  transition: all 0.3s ease;
  vertical-align: middle;
  margin-top: -29px; }

.twitter_logo img {
  width: 18px;
  height: 18px;
  display: block; }

.new_header {
  width: 100%;
  float: left;
  padding: 0; }
  .new_header.intermediate-color {
    background-color: #369ee5; }
  .new_header .mid-container {
    position: relative; }
    .new_header .mid-container .new_logo_col {
      position: absolute;
      left: 30px;
      top: 30px;
      width: 140px;
      z-index: 99; }
      @media only screen and (min-width: 267px) and (max-width: 767px) {
        .new_header .mid-container .new_logo_col {
          left: 50%;
          margin-left: -66px; } }
      .new_header .mid-container .new_logo_col .under-logo-text {
        color: #fff;
        font-size: 11px;
        white-space: nowrap;
        font-weight: 600;
        text-decoration: underline;
        position: relative;
        top: 4px; }
        .new_header .mid-container .new_logo_col .under-logo-text:hover {
          color: #fff; }
      .new_header .mid-container .new_logo_col .under-logo-text-spanish {
        left: -15%; }
    @media only screen and (min-width: 267px) and (max-width: 767px) {
      .new_header .mid-container .beginner-lawn-header {
        padding: 100px 10px 14px 16px !important; } }
    .new_header .mid-container .hdr-rght-col {
      width: 100%;
      float: right;
      position: relative;
      margin: 0;
      overflow: hidden;
      height: auto;
      padding: 0 10px 0 190px; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .new_header .mid-container .hdr-rght-col {
          background: none;
          padding: 25px 10px 14px 197px; } }
      @media only screen and (min-width: 267px) and (max-width: 767px) {
        .new_header .mid-container .hdr-rght-col {
          background: none;
          padding: 90px 10px 14px 16px;
          text-align: center;
          display: inline-block; } }
      .new_header .mid-container .hdr-rght-col.active {
        height: auto; }
      .new_header .mid-container .hdr-rght-col .height-auto {
        height: auto; }
      .new_header .mid-container .hdr-rght-col ul {
        margin: 0px;
        padding: 0px; }
        .new_header .mid-container .hdr-rght-col ul li {
          width: auto;
          list-style: none;
          font-family: "ProximaNova";
          text-transform: uppercase;
          line-height: 14px;
          letter-spacing: .3px;
          float: left; }
          @media only screen and (min-width: 267px) and (max-width: 767px) {
            .new_header .mid-container .hdr-rght-col ul li {
              width: 33.33%;
              min-height: 65px; } }
          @media screen and (max-width: 767px) {
            .new_header .mid-container .hdr-rght-col ul li {
              min-height: 75px; } }
          .new_header .mid-container .hdr-rght-col ul li a {
            color: #91c2e9;
            font-size: 10px;
            padding: 35px 10px;
            float: left; }
            @media (min-width: 320px) and (max-width: 480px) {
              .new_header .mid-container .hdr-rght-col ul li a {
                font-size: 8px; } }
            @media only screen and (min-width: 768px) and (max-width: 999px) {
              .new_header .mid-container .hdr-rght-col ul li a {
                padding: 11px 9px; } }
            @media only screen and (min-width: 267px) and (max-width: 767px) {
              .new_header .mid-container .hdr-rght-col ul li a {
                padding: 11px 9px;
                text-align: left; } }
            @media screen and (max-width: 767px) {
              .new_header .mid-container .hdr-rght-col ul li a {
                line-height: 1.2;
                min-height: 75px; } }
            .new_header .mid-container .hdr-rght-col ul li a span {
              display: inline-block;
              color: #fff;
              font-size: 12px;
              font-weight: 800; }
              @media (max-width: 365px) {
                .new_header .mid-container .hdr-rght-col ul li a span {
                  font-size: 10px; } }
            .new_header .mid-container .hdr-rght-col ul li a:hover {
              background: #1e70b3; }

.open-contact-us-modal {
  color: #a3ce78; }
  .open-contact-us-modal:hover {
    color: white; }
