/* Media Query Mixins */

/*

Theme Name: Mowtime

Theme URI: http://underscores.me/

Author: Chad Cartier

Author URI: http://www.postcardmania.com

Description: Theme for Home Maintenance and Lawn Care Service Ron Fogg in Denver, CO

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: Mowtime

Tags:



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



Home Maintenance and Lawn Care Service Ron Fogg is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/

*/

/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

	## Posts and pages

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

--------------------------------------------------------------*/

/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/

.alignleft {

  display: inline;

  float: left;

  margin-right: 1.5em; }



.alignright {

  display: inline;

  float: right;

  margin-left: 1.5em; }



.aligncenter {

  clear: both;

  display: block;

  margin-left: auto;

  margin-right: auto; }



/*

 	CSS for: 		Mowtime

 	Developed by: 	Chad Cartier @ Postcardmania



	Table of Contents



	############################################

	# Global Styles

	# Header Styles



*/

/* Global Styles */

body {

  /* global font options */

  font-family: "Open Sans", sans-serif;

  font-size: 18px;

  color: #212121; }



a,

a:active,

a:focus {

  color: #f48533;

  text-decoration: none; }



a:hover {

  color: #fbca00;

  text-decoration: none; }



.schedule-button {

  border: 0;

  font-weight: bold;

  color: white;

  padding: 5px 10px;

  border-radius: 2px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);

  background: #ffdb00;
  display: inline-block;

  /* Old browsers */

  background: -moz-linear-gradient(top, #ffdb00 0%, #ec8e03 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #ffdb00 0%, #ec8e03 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #ffdb00 0%, #ec8e03 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=  '#ffdb00', endColorstr='#ec8e03',GradientType=0 );

  text-transform: uppercase; }



.schedule-button:active,

.schedule-button:focus,

.schedule-button:hover {

  color: white; }

form input,

form textarea {

 color: white!important;

}

button:active,

button:focus {

  outline: 0; }



/* Header Styles */

header {

  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.2);

  position: relative;

  z-index: 10;

  text-align: center; }

  @media only screen and (min-width: 320px) {

    header a.schedule-button {

      display: inline-block;

      width: auto;

      margin: auto;

      font-size: 14px;

      padding: 5px 10px;

      margin-top: 10px; } }

  @media only screen and (min-width: 768px) {

    header a.schedule-button {

      font-size: 18px;

      padding: 5px 15px; } }

  @media only screen and (min-width: 480px) {

    header img {

      margin: auto; } }

  @media only screen and (min-width: 992px) {

    header img {

      margin: inherit; } }

  @media only screen and (min-width: 320px) {

    header .logo {

      padding: 5px 0 10px; } }

  @media only screen and (min-width: 992px) {

    header .logo {

      padding-top: 35px;

      padding-bottom: 25px; } }

  @media only screen and (max-width: 992px) {

    header .navbar-toggle {

      display: block; }

    header .navbar-collapse {

      border-top: 1px solid transparent;

      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

    header .navbar-collapse.collapse {

      display: none !important; }

    header .navbar-nav {

      float: none !important;

      margin: 7.5px -15px; }

    header .navbar-nav > li {

      float: none; }

    header .navbar-nav > li > a {

      padding-top: 10px;

      padding-bottom: 10px; }

    header .navbar-collapse.collapse.in {

      display: block !important; }

    header .navbar-default .navbar-collapse, header .navbar-default .navbar-form.text-center {

      border-color: white; } }

  header nav.navbar.navbar-default {

    background-color: #6fb020;

    color: white;

    margin-bottom: 0;

    border: 0;

    border-radius: 0;

    width: 100%; }

    header nav.navbar.navbar-default button {

      border: 0; }

      header nav.navbar.navbar-default button:active, header nav.navbar.navbar-default button:focus, header nav.navbar.navbar-default button:hover {

        background: inherit; }

      header nav.navbar.navbar-default button .icon-bar {

        background: white; }

    header nav.navbar.navbar-default .navbar-collapse {

      border-color: white; }

      header nav.navbar.navbar-default .navbar-collapse ul li a {

        color: white; }

        header nav.navbar.navbar-default .navbar-collapse ul li a:active, header nav.navbar.navbar-default .navbar-collapse ul li a:focus, header nav.navbar.navbar-default .navbar-collapse ul li a:hover, header nav.navbar.navbar-default .navbar-collapse ul li a:visited {

          color: white; }

    @media only screen and (min-width: 768px) {

      header nav.navbar.navbar-default {

        text-align: center; }

        header nav.navbar.navbar-default ul.nav.navbar-nav {

          float: none;

          display: inline-block;

          margin: auto; } }



/* end header section */

/* Crazy Banner Section */

/* This stuff is unreadable, but trust me, it works */

#banner {

  margin-top: 0;

  overflow: hidden;

  background: url("assets/img/banner.png") center center no-repeat;

  background-size: cover;

  color: white;

  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.2);

  position: relative;

  z-index: 9;

  border-bottom: solid 6px #6fb020; }

  #banner #sliding-div {

    background: rgba(0, 0, 0, 0.6);

    position: relative;

    transition: 0.5s linear top; }

    @media only screen and (min-width: 320px) {

      #banner #sliding-div h1 {

        font-size: 25px;

        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

        text-align: center;

        position: relative;

        top: 15px; } }

    @media only screen and (min-width: 768px) {

      #banner #sliding-div h1 {

        font-size: 40px; } }

    @media only screen and (min-width: 992px) {

      #banner #sliding-div h1 {

        font-size: 50px;

        text-align: left;

        top: inherit; } }

    @media only screen and (min-width: 320px) {

      #banner #sliding-div div.text-center {

        position: relative; } }

    #banner #sliding-div .banner-sub-container {

      float: left;

      width: 33.333333333%; }

      @media only screen and (min-width: 320px) {

        #banner #sliding-div .banner-sub-container.weekly-mowing h2 {

          font-size: 18px;

          text-align: right; } }

      @media only screen and (min-width: 768px) {

        #banner #sliding-div .banner-sub-container.weekly-mowing h2 {

          font-size: 22px; } }

      @media only screen and (min-width: 992px) {

        #banner #sliding-div .banner-sub-container.weekly-mowing h2 {

          font-size: 28px;

          font-weight: 600; } }

      #banner #sliding-div .banner-sub-container.price {

        color: #fad526; }

        @media only screen and (min-width: 320px) {

          #banner #sliding-div .banner-sub-container.price h2 {

            font-weight: 800; }

            #banner #sliding-div .banner-sub-container.price h2 i {

              font-size: 16px;

              position: relative;

              bottom: 10px; } }

        @media only screen and (min-width: 768px) {

          #banner #sliding-div .banner-sub-container.price h2 {

            font-size: 60px;

            line-height: 40px; }

            #banner #sliding-div .banner-sub-container.price h2 i {

              font-size: 30px;

              bottom: 22px; } }

        @media only screen and (min-width: 992px) {

          #banner #sliding-div .banner-sub-container.price h2 {

            font-size: 82px;

            line-height: 60px; }

            #banner #sliding-div .banner-sub-container.price h2 i {

              font-size: 46px;

              bottom: 28px; } }

        @media only screen and (min-width: 992px) {

          #banner #sliding-div .banner-sub-container.price h2 {

            font-size: 96px; }

            #banner #sliding-div .banner-sub-container.price h2 i {

              bottom: 35px; } }

        @media only screen and (min-width: 1200px) {

          #banner #sliding-div .banner-sub-container.price {

            width: 26%; } }

      @media only screen and (min-width: 320px) {

        #banner #sliding-div .banner-sub-container.schedule-now {

          text-align: left; }

          #banner #sliding-div .banner-sub-container.schedule-now button {

            font-size: 12px;

            padding: 0;

            position: relative;

            top: 22px;

            padding: 3px; }

          #banner #sliding-div .banner-sub-container.schedule-now #close-form {

            display: none; } }

      @media only screen and (min-width: 768px) {

        #banner #sliding-div .banner-sub-container.schedule-now {

          position: relative;

          top: 0; }

          #banner #sliding-div .banner-sub-container.schedule-now button {

            font-size: 16px;

            padding: 5px 10px;

            margin-left: 20px; } }

      @media only screen and (min-width: 992px) {

        #banner #sliding-div .banner-sub-container.schedule-now {

          position: relative;

          top: 15px; }

          #banner #sliding-div .banner-sub-container.schedule-now button {

            font-size: inherit;

            padding: inherit;

            padding: 5px 10px;

            margin-left: 20px; } }

      @media only screen and (min-width: 992px) {

        #banner #sliding-div .banner-sub-container.schedule-now {

          top: 0; }

          #banner #sliding-div .banner-sub-container.schedule-now button {

            font-size: 19px;

            padding: 15px;

            position: relative;

            top: 0px;

            z-index: 1; }

          #banner #sliding-div .banner-sub-container.schedule-now .triangle {

            display: block;

            content: '';

            margin-left: 20px;

            width: 0;

            height: 0;

            position: relative;

            z-index: 9;

            top: 1.3px;

            border-left: 119px solid transparent;

            border-right: 119px solid transparent;

            border-bottom: 20px solid #ffdb00;

            border-radius: 4px; } }

      @media only screen and (min-width: 1200px) {

        #banner #sliding-div .banner-sub-container.schedule-now .triangle {

          top: 0; } }

      #banner #sliding-div .banner-sub-container.schedule-now #close-form {

        margin-left: 20px;

        position: relative; }

        #banner #sliding-div .banner-sub-container.schedule-now #close-form:hover {

          cursor: pointer; }

        @media only screen and (min-width: 320px) {

          #banner #sliding-div .banner-sub-container.schedule-now #close-form {

            top: 20px; } }

        #banner #sliding-div .banner-sub-container.schedule-now #close-form p {

          display: inline-block; }

          @media only screen and (min-width: 320px) {

            #banner #sliding-div .banner-sub-container.schedule-now #close-form p {

              font-size: 12px;

              margin-right: 3px; } }

          @media only screen and (min-width: 768px) {

            #banner #sliding-div .banner-sub-container.schedule-now #close-form p {

              font-size: 20px; } }

    @media only screen and (min-width: 768px) {

      #banner #sliding-div .form-header {

        text-align: center; } }

    #banner #sliding-div .form-header a.schedule-button {

      display: block; }

      @media only screen and (min-width: 320px) {

        #banner #sliding-div .form-header a.schedule-button {

          margin-top: 10px;

          margin-bottom: 10px;

          font-size: 14px; } }

      @media only screen and (min-width: 768px) {

        #banner #sliding-div .form-header a.schedule-button {

          display: inline-block;

          font-size: 18px; } }

      @media only screen and (min-width: 992px) {

        #banner #sliding-div .form-header a.schedule-button {

          margin-top: 20px;

          margin-bottom: 10px;

          font-size: 19px;

          padding: 10px 25px; } }

    #banner #sliding-div form {

      font-size: 14px;

      background: rgba(223, 121, 13, 0.65);

      border-radius: 2px; }

      @media only screen and (min-width: 320px) {

        #banner #sliding-div form {

          width: 100%;

          padding: 10px 10px 10px; } }

      @media only screen and (min-width: 768px) {

        #banner #sliding-div form {

          width: 85%;

          margin: auto;

          margin-top: 10px; } }

      @media only screen and (min-width: 992px) {

        #banner #sliding-div form {

          width: 60%;

          padding-bottom: 0; } }

      #banner #sliding-div form .form-control {

        height: auto;

        background: rgba(0, 0, 0, 0.15);

        border: 0;

        border-radius: 2px; }

        @media only screen and (min-width: 320px) {

          #banner #sliding-div form .form-control {

            padding: 4px 5px;

            margin-bottom: 5px; } }

        @media only screen and (min-width: 768px) {

          #banner #sliding-div form .form-control {

            font-size: 14px; } }

        @media only screen and (min-width: 992px) {

          #banner #sliding-div form .form-control {

            font-size: 16px;

            margin-bottom: 15px; } }

      #banner #sliding-div form ::-webkit-input-placeholder {

        color: white; }

      #banner #sliding-div form ::-moz-placeholder {

        color: white; }

      #banner #sliding-div form :-ms-input-placeholder {

        color: white; }

      #banner #sliding-div form :-moz-placeholder {

        color: white; }

      #banner #sliding-div form select {

        color: white; }

      @media only screen and (min-width: 320px) {

        #banner #sliding-div form div[class*='col'] {

          padding-right: 4px;

          padding-left: 4px; } }

      @media only screen and (min-width: 320px) {

        #banner #sliding-div form .row {

          margin-left: 5px;

          margin-right: 5px; } }

      @media only screen and (min-width: 768px) {

        #banner #sliding-div form .row {

          padding-left: 25px;

          padding-right: 25px; } }

      #banner #sliding-div form h3 {

        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

        @media only screen and (min-width: 320px) {

          #banner #sliding-div form h3 {

            font-size: 14px;

            font-weight: bold;

            margin-top: 0; } }

        @media only screen and (min-width: 992px) {

          #banner #sliding-div form h3 {

            font-size: 24px;

            font-weight: 400; } }

        @media only screen and (min-width: 992px) {

          #banner #sliding-div form h3 {

            margin-bottom: 10px; } }

      #banner #sliding-div form textarea.form-control {

        height: 65px; }

        @media only screen and (min-width: 992px) {

          #banner #sliding-div form textarea.form-control {

            height: 50px; } }

      @media only screen and (min-width: 320px) {

        #banner #sliding-div form input[type=submit] {

          font-size: 14px;

          display: block;

          margin: auto; } }

      @media only screen and (min-width: 480px) {

        #banner #sliding-div form input[type=submit] {

          margin-top: 10px; } }

      @media only screen and (min-width: 992px) {

        #banner #sliding-div form input[type=submit] {

          padding-left: 20px;

          padding-right: 20px;

          font-size: 20px; } }



/* Site Map Styles */

.site-map {

  padding-top: 50px;

  padding-bottom: 35px;

  background: #e3e4e6;

  border-bottom: solid 6px #6fb020;

  box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.2);

  position: relative;

  z-index: 1; }



.site-map p {

  font-size: 14px;

  margin-bottom: 35px; }



.site-map h3 {

  font-size: 24px;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  color: #e0780e;

  margin-top: 15px;

  margin-bottom: 10px;

  font-weight: bold; }



@media only screen and (min-width: 320px) {

  .site-map-column {

    margin-bottom: 15px; } }



/* footer styles */

footer {

  background: url("assets/img/footer-background.png") center center repeat-x;

  padding-top: 25px; }



footer h2 {

  text-align: center;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 42px;

  color: #34540b;

  font-weight: bold;

  margin-bottom: 25px;

  margin-top: 0;

  padding-top: 15px; }



footer h3 {

  font-size: 22px;

  font-weight: bold;

  margin-bottom: 15px;

  margin-top: 25px; }

  footer h3 a {

    color: #34540b; }

    footer h3 a:hover, footer h3 a:active, footer h3 a:focus {

      color: #34540b; }



footer .call {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  color: #34540b;

  font-size: 34px;

  margin-bottom: 140px; }



footer .call span {

  font-size: 38px; }



footer ul {

  font-weight: 600;

  font-size: 20px;

  margin-bottom: 40px; }



footer ul {

  list-style: none;

  margin-left: 18px;

  padding: 0; }



footer li:before {

  font-family: 'FontAwesome';

  content: '\f14a';

  color: #34540b;

  margin-right: 2px; }



footer .footer-proper {

  font-size: 14px;

  color: white;

  padding-top: 10px;

  margin-bottom: 0;

  padding-bottom: 5px; }



/* Modal Styles */

.modal {

  margin: auto; }



.modal .modal-content {

  background-color: rgba(255, 255, 255, 0.95); }



.modal .modal-content {

  border-radius: 6px; }



.modal .modal-body {

  max-height: 75vh;

  overflow: auto;

  overflow-x: hidden;

  box-sizing: border-box;

  padding-left: 25px;

  padding-top: 25px;

  padding-bottom: 25px; }



.modal .modal-header {

  background-color: #6fb020;

  color: white;

  border-top-left-radius: 5px;

  border-top-right-radius: 5px; }



.modal .modal-header h1 {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }



.modal .modal-body h1,

.modal .modal-body h2,

.modal .modal-body h3,

.modal .modal-body h4 {

  font-weight: bold;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }



.modal .modal-body h3 {

  margin-bottom: 25px;

  margin-top: 35px; }



.modal .modal-body h4 {

  color: #6fb020; }



.modal .modal-body .modal-post-content {

  margin-left: 30px; }



.modal .modal-footer {

  background-color: #e3e4e6;

  border-bottom-left-radius: 5px;

  border-bottom-right-radius: 5px; }



/* Interior Pages */

textarea {

  resize: none; }



.testimonials {

  margin-bottom: 20px; }

  @media only screen and (min-width: 768px) {

    .testimonials {

      margin-top: 20px; } }

  .testimonials.bottom {

    margin-top: 20px; }

  .testimonials .carousel-indicators {

    position: relative;

    top: 20px; }

    .testimonials .carousel-indicators li {

      border-color: #6fb020; }

      .testimonials .carousel-indicators li.active {

        background: #6fb020; }

  .testimonials .carousel-inner {

    background: #e3e4e6;

    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);

    border-radius: 2px; }

    .testimonials .carousel-inner .item {

      padding: 20px 15px; }

      @media only screen and (min-width: 320px) {

        .testimonials .carousel-inner .item {

          min-height: 290px; } }

      @media only screen and (min-width: 768px) {

        .testimonials .carousel-inner .item {

          min-height: inherit; } }

      @media only screen and (min-width: 992px) {

        .testimonials .carousel-inner .item {

          min-height: 293; } }

  .testimonials .testimonial {

    color: #34540b;

    text-align: left; }

    .testimonials .testimonial p {

      font-weight: bold; }

      .testimonials .testimonial p.author {

        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

        font-weight: 400;

        font-style: italic;

        font-size: 24px;

        margin-bottom: 0;

        text-align: center; }

      .testimonials .testimonial p i {

        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); }

    .testimonials .testimonial .star-rating {

      text-align: center;

      margin-bottom: 20px; }

      .testimonials .testimonial .star-rating i {

        color: #6fb020;

        font-size: 32px;

        margin-right: 4px; }

        .testimonials .testimonial .star-rating i:last-child {

          margin-right: 0; }

    .testimonials .testimonial i {

      font-size: 26px;

      color: #6fb020;

      position: relative; }

      .testimonials .testimonial i.left {

        margin-right: 10px;

        bottom: 2px; }

      .testimonials .testimonial i.right {

        margin-left: 10px;

        bottom: 2px; }



.about-div form {

  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);

  background: #6fb020;

  border-radius: 2px; }

  @media only screen and (min-width: 320px) {

    .about-div form {

      width: 100%;

      padding: 25px 10px 30px; } }

  @media only screen and (min-width: 768px) {

    .about-div form {

      width: 100%;

      margin: auto;

      margin-top: 30px; } }

  @media only screen and (min-width: 992px) {

    .about-div form {

      width: 100%;

      padding: 40px 20px 0px; } }

  .about-div form p {

    color: white;

    font-weight: bold;

    margin: 0; }

  .about-div form label,

  .about-div form span {

    color: white; }

  .about-div form span {

    margin-bottom: 10px; }

  .about-div form .form-control {

    height: auto;

    background: rgba(0, 0, 0, 0.15);

    border: 0;

    border-radius: 2px;

    color: white; }

    .about-div form .form-control:focus, .about-div form .form-control:target, .about-div form .form-control:active {

      box-shadow: none;

      border: 0;

      outline: 0; }

    @media only screen and (min-width: 320px) {

      .about-div form .form-control {

        padding: 4px 5px;

        margin-bottom: 5px; } }

    @media only screen and (min-width: 768px) {

      .about-div form .form-control {

        font-size: 16px; } }

    @media only screen and (min-width: 992px) {

      .about-div form .form-control {

        font-size: 18px;

        margin-bottom: 22px; } }

  .about-div form ::-webkit-input-placeholder {

    color: white; }

  .about-div form ::-moz-placeholder {

    color: white; }

  .about-div form :-ms-input-placeholder {

    color: white; }

  .about-div form :-moz-placeholder {

    color: white; }

  .about-div form select {

    color: white; }

  @media only screen and (min-width: 320px) {

    .about-div form div[class*='col'] {

      padding-right: 4px;

      padding-left: 4px; } }

  @media only screen and (min-width: 320px) {

    .about-div form .row {

      margin-left: 5px;

      margin-right: 5px; } }

  @media only screen and (min-width: 768px) {

    .about-div form .row {

      padding-left: 25px;

      padding-right: 25px; } }

  .about-div form h3 {

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

    @media only screen and (min-width: 320px) {

      .about-div form h3 {

        font-size: 14px;

        font-weight: bold;

        margin-top: 0; } }

    @media only screen and (min-width: 768px) {

      .about-div form h3 {

        font-size: 24px;

        font-weight: 400; } }

    @media only screen and (min-width: 992px) {

      .about-div form h3 {

        margin-bottom: 25px; } }

  .about-div form textarea.form-control {

    height: 65px; }

  @media only screen and (min-width: 320px) {

    .about-div form input[type=submit] {

      font-size: 14px; } }



.about-div form input[type=submit] {

  display: block;

  margin: auto; }

  @media only screen and (min-width: 320px) {

    .about-div form input[type=submit] {

      margin-top: 5px; } }

  @media only screen and (min-width: 992px) {

    .about-div form input[type=submit] {

      display: block;

      margin: auto;

      margin-top: 30px;

      font-size: 20px;

      padding-left: 20px;

      padding-right: 20px; } }



.about-div form.interior-form {

  padding-top: 0;

  padding-bottom: 0; }

  @media only screen and (min-width: 992px) {

    .about-div form.interior-form input.form-control {

      margin-bottom: 22px;

      font-size: 18px; } }

  @media only screen and (min-width: 992px) {

    .about-div form.interior-form textarea.form-control {

      height: 150px;

      font-size: 18px; } }



.join-our-team h1 {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }



.join-our-team h2, .join-our-team h3 {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  color: #6fb020;

  font-weight: bold;

  margin-bottom: 15px; }



.join-our-team h3 + p,

.join-our-team h3 + p + p,

.join-our-team h3 + p + p + p {

  padding-left: 20px; }



.join-our-team p {

  margin-bottom: 25px; }



.join-our-team {

  padding-top: 30px;

  padding-bottom: 50px;

  position: relative;

  z-index: 3;

  margin-bottom: 0;

  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.25);

  border-bottom: solid 6px #6fb020; }



.mow-time-guy {

  margin-top: 50px; }



.form-page-img {

  border-radius: 2px;

  margin-top: 15px;

  max-width: 100%; }



.header-image-column {

  margin-top: 50px; }



.sidebar-signup {

  background: #e0780e;

  border-radius: 2px;

  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);

  text-align: center;

  margin-top: 10px;

  padding-top: 10px;

  padding-bottom: 35px;

  color: white; }

  @media only screen and (min-width: 768px) {

    .sidebar-signup {

      width: 100%;

      margin: auto;

      margin-top: 30px; } }

  @media only screen and (min-width: 992px) {

    .sidebar-signup {

      width: 100%; } }

  .sidebar-signup h3 {

    color: white;

    font-size: 22px; }

  @media only screen and (min-width: 992px) {

    .sidebar-signup p {

      margin-top: 20px;

      margin-bottom: 15px; } }

  .sidebar-signup img {

    border-bottom: solid 6px #fad526;

    border-top: solid 6px #fad526; }

  .sidebar-signup strong {

    color: #fad526;

    font-weight: 800;

    display: block; }

    @media only screen and (min-width: 320px) {

      .sidebar-signup strong {

        font-size: 42px; } }



/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) and (min-width: 993px) {

  form.text-center {

    width: 60%; }

  footer h2 {

    font-size: 36px; }

  footer .call {

    margin-top: 25px;

    margin-right: 10px; }

  footer ul {

    font-size: 18px; }

  .triangle {

    top: 1px; } }



/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {

  footer h2 {

    font-size: 28px; }

  footer .call {

    margin-top: 25px;

    margin-right: 10px; }

  footer ul {

    font-size: 18px; }

  footer p {

    font-size: 16px; }

  footer ul {

    margin-bottom: 0; }

  .right-list {

    margin-top: 0; } }



/* Small Devices, Tablets */

/* Extra Small Devices, Phones */

@media only screen and (max-width: 684px) {

  footer p {

    font-size: 14px; }

  footer ul {

    font-size: 14px; }

  footer .call {

    font-size: 18px; }

  footer .call span {

    font-size: 20px; }

  footer .call {

    margin-bottom: 120px; }

  footer .footer-proper {

    margin: 0; }

  .modal {

    width: 100%;

    margin: auto; }

  .modal .modal-body {

    padding-left: 10px; }

  .modal .modal-body .modal-post-content {

    margin-left: 5px;

    font-size: 16px; }

  .join-our-team h3 + p,

  .join-our-team h3 + p + p {

    padding-left: 0; } }



/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {

  footer h2 {

    font-size: 18px; }

  footer .call {

    margin-bottom: 90px;

    color: black; } }



.interior-header-image {

  width: 1170px;

  max-width: 100%;

  border-radius: 2px; }
.hide-lg {
  display: initial;
}
.hide-sm {
  display: none!important;
}
  @media only screen and (min-width: 768px) {
    .hide-lg {
      display: none;
    }
    .hide-sm {
      display: initial!important;
    }
    a.hide-sm {
      display: inline-block!important;
    }
  }
.terms {
  margin-top: 5px;
  font-size: 10px;
  line-height: 10px!important;
  display:inline-block;
}
@media only screen and (max-width : 767px) {
  .schedule-button.form-schedule {
    display:none!important;
  }
}

div.wpcf7 {
  clear: both;
  margin-top: 10px;
  position: relative;
  top: 5px;
}
.wpcf7-form-control.wpcf7-submit.schedule-button {
  position: relative;
  top: -10px;
}