html, body {
  overflow-x: hidden;
}


b {
color: #60c160;
}

.navbar-dark .navbar-toggler {
  color: rgba(255,255,255,.0);
  border-color: rgba(255,255,255,.0);
}

.navbar {
  background: rgb(43, 45, 46);
}

.navbar-brand{
    max-width: 175px;
}
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
  padding-top: .5%;
  padding-bottom: .5%;
}

.ag_header {
  height: 100vh;
  width: 100%;
  background-image: url(images/artifical-grass.jpg);
  background-image: linear-gradient(to left, rgba(96, 193, 96,.0) 0%,rgba(96, 193, 96,1) 100%), url(images/artifical-grass.jpg);
  /* background-image: url(images/index-img.png); */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* clip-path: polygon(100% 0, 100% 75%, 50% 90%, 0 75%, 0% 0%); */
}

.header_title {
  /* position: absolute;
  top: 30%;
  left: 10%;
  width: 40%; */
  color: white;
  font-size: 70px;
  font-weight: 600;
  text-shadow: 2px 2px 1px #3a3a3a;

  width: 55%;
  color: white;
  font-size: 70px;
  font-weight: 600;
  text-shadow: 2px 2px 1px #3a3a3a;
  padding: 7%;
  padding-left: 10%;
}

.header_subtext {
  color: white;
  display: block;
  font-size: 35px;
  margin-top: -20px;
  text-decoration: underline;
  cursor: pointer;
}

.header_subtext:hover {
  color: white;
}

.free-quote-banner {
  color: white;
  background: white;
  /* background-image: url(images/OG22VV0.jpg); */
  /* background: rgb(236, 238, 240); */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto;
  margin-bottom: 3%;
}

.free-quote-overlay {
  background: rgb(43, 45, 46);
  padding: .5%;
}

.form-control, .btn-primary {
  border-radius: 0%;
}

.gmfq-bottom {
  
}

.submitBtn {
  background: inherit;
  border: 2px solid #f3f325;
  border-radius: 0px;
  color: white;
  width: 100%;
  min-width: 92px;
}

.submitBtn:hover, .submitBtn:focus, .submitBtn:active {
  background: #f3f325;
  border: 2px solid #f3f325;
  color: black;
}


.free-quote-form {
  /* display: none; */
  padding-left: 20%;
  padding-right: 20%;
  padding-bottom: 3%;
}

.small-free-quote {
  font-size: 20px;
  display: block;
  padding-bottom: -3%;
}

.free-quote-btn {
  text-align: center;
  padding-top: 1%;
  padding-bottom: 2%;
  font-size: 40px;
  font-weight: 500;

  /* text-align: right; */
  color: white;
  color: #f3f325;
  font-weight: 600;
  text-shadow: 2px 2px 1px #3a3a3a;
}

/* .free-quote-btn:hover {
  color: white;
} */

.form-row {
  padding-top: 3%;
}

#captchaContainer1, #captchaContainer2 {
  margin: 0px;
}








.about-our-company {
  position: relative;
  padding: 3%;
  padding-bottom: 6%;
  background: rgb(255, 255, 255);
}

.aoc-header {
  height: 100%;
  width: 40%;
  position: absolute;
  top: 0%;
  left: 5%;
  background-image: url(images/img-dog.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  border-radius: 25px;

  /* clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%); */
}

.aoc-title {
  color: white;
  font-size: 40px;
  text-shadow: 2px 2px 1px #3a3a3a;
  /* width: 65%; */

  font-size: 70px;
  font-weight: 600;
  color: rgb(45, 139, 219);
  color: #f3f325;
  position: relative;
  z-index: 2;
  padding-left: 38%;
}

.aoc-desc {
  color: rgb(53, 54, 54);
  font-size: 24px;
  /* text-shadow: 2px 2px 1px #3a3a3a; */
  /* width: 65%; */
  position: relative;
  z-index: 2;
  padding-left: 47%;
}

.services-padding {
  padding: 5%;
  padding-top: 3%;
  padding-bottom: 3%;
}



.gallery-container {
  padding-top: 3%;
  padding-bottom: 3%;
  padding-left: 3.5%;
  padding-right: 3.5%;
}

.learn-more {
  position: relative;
  margin-top: 3%;
  /* -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
  background-position: left;
  background-repeat: no-repeat;

  background-image: linear-gradient(to right, rgba(45, 139, 219,.5) 0%,rgba(45, 139, 219,1) 36%,rgba(45, 139, 219,1) 100%), url(images/learn-more-2.jpeg);

  height: 200px;
  width: 100%;
}

.lm-title {
  cursor: pointer;
  color: white;
  font-size: 42px;
  font-weight: 500;
  /* line-height: 200px; */
  padding-left: 47%;
  text-decoration: underline;

  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  padding-left: 47.5%;
}

.fa-caret-right {
  padding-left: 1.5%;
}




.cu-container {
  padding: 90px 0px;
  background: rgb(236, 238, 240);
}

.page_header-contact {
  margin-bottom: -2% !important;
}

.page_container{
    margin-top: 3rem!important;
    padding-top: 3rem!important;
}

.cu-title-bold {
  font-size: 20px;
  font-weight: 600;
}


.footer {
  position: relative;
  width: 100%;
  height: 60px;
  /* line-height: 60px; */
  text-align: center;
  color: white;
  background: rgb(43, 45, 46);
}

.footer-short {
  position: absolute;
  bottom: 0%;
  width: 100%;
  height: 60px;
  /* line-height: 60px; */
  text-align: center;
  color: white;
  background: rgb(43, 45, 46);
}

.footer-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}


/* Coupons */

.page_header { 
  position: relative;
  z-index: 1;
  height: 200px;
  width: 100%;
  background-image: url(images/OG22VV0.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: 2%;
}

.page_title {
  text-align: center;
  /* line-height: 200px; */
  height: 200px;
  color: white;
  font-size: 70px;
  font-weight: 600;
  text-shadow: 2px 2px 1px #3a3a3a;
  background: rgba(61, 60, 60, .3);
  padding-top: 3%;
  line-height: 1.2;
}

.coupon {
  position: relative;
  border: 6px dashed lightgrey;
  height: auto;
  padding: 3%;
  margin-top: 4%;
  margin-bottom: 2%;
  background: white;
  }

.coupon:hover {
  cursor: pointer;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
  
  .c_title {
  color: rgb(45, 139, 219);
  color: #f3f325;
  font-weight: 500;
  font-size: 24px;
  font-family: sans-serif;
  }
  
  .c_info {
  position: absolute;
  right: 5%;
  }



.gallery-img {
  /* width: 362.8px; */
  padding: 1%;
  width: 100%;
  /* height: 320px; */
}

.col-md-3 .gallery-img {
  /* width: 362.8px; */
  padding: 1%;
  width: 100%;
  height: 320px;
}

.gt-title {
  font-size: 22px;
  font-weight: 600;
}

.get-turf {
  position: relative;
  z-index: 0;
  background: rgb(229, 234, 236);
    background: rgb(236, 238, 240);
  margin-top: -2%;
  padding: 2%;
}

  /* Installation Process */

.install-process {
  padding-top: 1.5%;
}

  .ip-title {
    font-size: 22px;
    font-weight: 500;
  }

  .ip-info {
    font-size: 15px;
  }





  .award-img {
    width: 72%;
    height: 160px;
  }

  .award-container {
    padding: 45px 0px;
  }

  /* Contact */

  .form-contact-btn {
    width: 40%;
  }


  @media (max-width: 1199px) {
    .header_title {
      width: 90%;
      color: white;
      font-size: 65px;
      font-weight: 600;
      text-shadow: 2px 2px 1px #3a3a3a;
      padding: 7%;
      padding-left: 10%;
    }

    .aoc-header {
      display: none;
    }

    .aoc-title, .aoc-desc {
      width: 100%;
      padding-left: 0%;
    }

    .page_title {
      height: 175px;
      padding-top: 4%;
  }

  .page_header {
    height: 175px;
    margin-bottom: 2%;
}
  }





  @media (max-width: 991px) {
    .free-quote-btn {
      text-align: center;
      padding-top: 2%;
      padding-bottom: 2%;
      font-size: 35px;
      width: 100%;
  }

    .ag_header {
      background-image: url(images/artifical-grass.jpg);
    }

    p {
      font-size: 16px;
    }

    .aoc-desc-text {
      font-size: 19px;
    }

    .header_title {
      width: 90%;
      color: white;
      font-size: 65px;
      font-weight: 600;
      text-shadow: 2px 2px 1px #3a3a3a;
      padding: 7%;
      padding-left: 10%;
    }

    .aoc-title {
      font-size: 50px;
    }

    .lm-title {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      transform: translate(-50%, -50%);
      padding-left: 3%;
  
      font-size: 28px;
      font-weight: 500;
      line-height: 1.2;
    }
  }

  @media (max-width: 767px) {
    .form-row {
      padding-top: 0%;
    }
  }

  @media (max-width: 650px) {
  .page_title {
    font-size: 56px;
    padding-top: 8%;
}
  }

  @media (max-width: 515px) {
    .header_title {
      width: 90%;
      color: white;
      font-size: 55px;
      font-weight: 600;
      text-shadow: 2px 2px 1px #3a3a3a;
      padding: 7%;
      padding-left: 10%;
    }

    .aoc-title {
      font-size: 40px;
  }

  .page_title {
    font-size: 42px;
    height: 110px;
    padding-top: 5%;
}

.page_header {
  height: 110px;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
  padding-top: 1.5%;
  padding-bottom: 1.5%;
}

  }

  @media (max-width: 460px) {
    .header_title {
      width: 95%;
      color: white;
      font-size: 14vw;
      font-weight: 600;
      text-shadow: 2px 2px 1px #3a3a3a;
      padding: 7%;
      padding-left: 10%;
    }

    .aoc-title {
      font-size: 32px;
  }
  }

  @media (max-width: 400px) {
    .page_title {
      font-size: 42px;
      height: 110px;
      padding-top: 7%;
  }

  .page_title {
    font-size: 32px;
    height: 110px;
    padding-top: 10%;
}
  }