@charset "utf-8";
/* CSS Document */

body {font-family: "Open Sans", sans-serif;}

h1,h2,h3,h4,h5 {font-family: "Urbanist", sans-serif; line-height: 1.1em}

h1 {font-weight: 600}

h5 {font-weight: 600; color:#000}
.accordion-button {
   font-size: calc(1.0rem + .3vw)!important;font-family: "Open Sans", sans-serif;
}

.lead {font-size: 17px; font-weight: 400}

.btn-primary {background-color: #116ebb; border-radius: 0px}
.nav-link {
    font-weight:700;
	color:#000;
	opacity: 1.0;
}

.inline {display: inline-block}

.nav-link-footer {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.navbar, #v {transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;}

.backcolor {background-color: white;border-bottom: 1px solid #000}

.vlogo1 {height:80px!important}
.vlogo2 {height:40px!important}


.balls {margin-top: -120px; background: url(../img/balls.png?v=2) right bottom no-repeat;padding: 40px 30px; border-radius: 0px; color:#fff;background-size: contain;background-color: #116ebb; }


.balls-landing {background: url(../img/balls.png?v=2) right bottom no-repeat;padding: 40px 30px; min-height: 300px; border-radius: 0px; color:#fff;background-size: contain;background-color: #116ebb; }


.head-landing {background: linear-gradient(to right, rgb(255,255,255,0.8) 5%, transparent ),url(../img/car2.jpg?v=3) center center; height:467px; margin-bottom: 0px; background-size: cover }

.cap-landing {margin-top: 60px; padding: 15px 0px; display: inline-block;max-width: 100%;}
.cap-landing h1 {
  font-size: 60px;
  line-height: 1.0em;
  color:#000;
  font-family: "Urbanist", sans-serif;	
  font-weight: 600;
  line-height: 1.0em;	
}

.cap-landing h3 {
  color:#000;	
}

.badgex {height:120px}

@media (min-width: 768px) {

.badgex {height:190px}	
}

@media (min-width: 992px) {
.cap-landing h1 {
  font-size: 72px;
}	
.cap-landing {max-width: 70%;}	
.badgex {height:290px}	
}


.head {background: linear-gradient(to right, rgb(255,255,255,0.8) 5%, transparent ),url(../img/car2.jpg?v=3) center center; height:600px; margin-bottom: 0px; background-size: cover }



.cap {margin-top: 160px; padding: 15px 0px; display: inline-block;max-width: 100%;}



.cap h1 {
  font-size: 60px;
  line-height: 1.0em;
  color:#000;
  font-family: "Urbanist", sans-serif;	
  font-weight: 600;
  line-height: 1.0em;	
}

.cap h3 {
  color:#000;	
}

.whypad1 {max-width:100%}


@media (max-width: 1200px) {
.navbar {background-color: #fff}
}


.leftpad {padding-left: 15px; padding-right: 15px}

@media (min-width: 576px) {
	
}


@media (min-width: 768px) {
.cap h1 {
  font-size: 72px;
}
}

@media (min-width: 992px) {
.cap {max-width: 50%;}	
}

@media (min-width: 1200px) {
.leftpad {padding-left: 10vw}
}

@media (min-width: 1400px) {
.whypad1 {max-width:100%}	
.head {background-position: center center;}	
.leftpad {padding-left: 16vw}	
}

@media (min-width: 1600px) {
.whypad1 {max-width:100%}	
.head {background-position: center center;}	
.leftpad {padding-left: 22vw}	
}



/* Declare heights because of positioning of img element */
.carousel-item {
  height: 667px;
  background-position: center;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 2rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}	


.title {background: linear-gradient(to right, rgb(255,255,255,0.8) 5%, transparent ),url(../img/car2.jpg?v=3) center center; margin-bottom: 0px; background-size: cover;height:320px}
.title h1 {
  font-size: 60px;
  line-height: 1.0em;
  color:#000;
  font-family: "Urbanist", sans-serif;	
  font-weight: 600;
  padding-top: 180px;
}

.title-landing {background-color: #004b85;border-bottom:1px solid #fff}
.title-landing h3 {
  line-height: 1.0em;
  color:#fff;
  font-family: "Urbanist", sans-serif;	
  font-weight: 400;
}


.form-control {
    background-color: #f5f5f5;
}


	
.map-title {
	color: #fff;
	font-family: sans-serif;
	margin-bottom: 0;
	font-size: 1.25em;
}

#usa-map {
	padding: 2em;
	background-color: #1982cf;
}

.large {font: normal 10px sans-serif; fill:#fff}
.blk {fill:#000}
a {text-decoration: none}

.state {
	border: 2px solid #000!important;
	fill: #999;
}

.trans {
    transform: translateX(-1.65%);
}

.state:hover {
	fill: #999;
	transition: fill .15s ease;
}
	
.stateactive {
	border: 2px solid red;
	fill: #1982cf;
}
	
.statecoming {
	border: 2px solid red;
	fill: #82b0c8;
}	

#alabama {
	animation-name: sparkle;
	animation-duration: 2.1s;
}

#arizona {
	animation-name: sparkle;
	animation-duration: .7s;
}

#arkansas {
	animation-name: sparkle;
	animation-duration: 1.7s;
}

#california {
	animation-name: sparkle;
	animation-duration: .3s;
}
	
#california:before {
	content: 'california';
	color:#fff;
}	

#colorado {
	animation-name: sparkle;
	animation-duration: 1s;
}

#connecticut {
	animation-name: sparkle;
	animation-duration: 2.7s;
}

#delaware {
	animation-name: sparkle;
	animation-duration: 2.7s;
}

#florida {
	animation-name: sparkle;
	animation-duration: 2.1s;
}

#georgia {
	animation-name: sparkle;
	animation-duration: 2.1s;
}

#idaho {
	animation-name: sparkle;
	animation-duration: .7s;
}

#illinois{
	animation-name: sparkle;
	animation-duration: 1.7s;
}

#indiana {
	animation-name: sparkle;
	animation-duration: 2.1s;
}

#iowa {
	animation-name: sparkle;
	animation-duration: 1.7s;
}

#kansas {
	animation-name: sparkle;
	animation-duration: 1.3s;
}

#kentucky {
	animation-name: sparkle;
	animation-duration: 2.1s;
}

#louisiana {
	animation-name: sparkle;
	animation-duration: 1.7s;
}

#maine {
	animation-name: sparkle;
	animation-duration: 3.3s;
}

#maryland {
	animation-name: sparkle;
	animation-duration: 2.4s;
}

#massachusetts {
	animation-name: sparkle;
	animation-duration: 3s;
}

#michigan {
	animation-name: sparkle;
	animation-duration: 2.1s;
}

#minnesota {
	animation-name: sparkle;
	animation-duration: 1.3s;
}

#mississippi {
	animation-name: sparkle;
	animation-duration: 1.7s;
}

#missouri {
	animation-name: sparkle;
	animation-duration: 1.7s;
}

#montana{
	animation-name: sparkle;
	animation-duration: .7s;
}

#nebraska {
	animation-name: sparkle;
	animation-duration: 1.3s;
}

#nevada {
	animation-name: sparkle;
	animation-duration: .7s;
}

#new-hampshire {
	animation-name: sparkle;
	animation-duration: 3s;
}

#new-jersey {
	animation-name: sparkle;
	animation-duration: 2.5s;
}

#new-mexico {
	animation-name: sparkle;
	animation-duration: 1s;
}

#new-york {
	animation-name: sparkle;
	animation-duration: 2.4s;
}

#north-carolina {
	animation-name: sparkle;
	animation-duration: 2.4s;
}

#north-dakota {
	animation-name: sparkle;
	animation-duration: 1.3s;
}

#ohio {
	animation-name: sparkle;
	animation-duration: 2.1s;
}

#oklahoma {
	animation-name: sparkle;
	animation-duration: 1.3s;
}

#oregon {
	animation-name: sparkle;
	animation-duration: .3s;
}

#pennsylvania{
	animation-name: sparkle;
	animation-duration: 2.4s;
}

#rhode-island {
	animation-name: sparkle;
	animation-duration: 3s;

}

#south-carolina {
	animation-name: sparkle;
	animation-duration: 2.4s;

}

#south-dakota {
	animation-name: sparkle;
	animation-duration: 1.3s;
}

#tennessee {
	animation-name: sparkle;
	animation-duration: 2.1s;
}

#texas {
	animation-name: sparkle;
	animation-duration: 1.3s;
}

#utah {
	animation-name: sparkle;
	animation-duration: .7s;
}

#vermont {
	animation-name: sparkle;
	animation-duration: 2.7s;
}

#virginia {
	animation-name: sparkle;
	animation-duration: 2.4s;
}

#washington {
	animation-name: sparkle;
	animation-duration: .3s;
}

#west-virginia {
	animation-name: sparkle;
	animation-duration: 2.4s;
}

#wisconsin {
	animation-name: sparkle;
	animation-duration: 1.7s;
}

#wyoming{
	animation-name: sparkle;
	animation-duration: 1s;
}


@keyframes sparkle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}	
	
.title {margin-bottom: 0px!important}	

.grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
  width: 100%;
  height:100%;
  grid-gap: 10px;
	
}

.grid-item1 {
  background-image: url("../img/hvac.jpg");
  background-size: cover;
  background-position: center;
  grid-column: 1/4;
  grid-row: 1/2;
}

.grid-item2 {
  background-image: url("../img/appliance.jpg");
  background-size: cover;
  background-position: center;
  grid-column: 1/2;
  grid-row: 2/5;
}

.grid-item3 {
  background-image: url("../img/cleaning.jpg");
  background-size: cover;
  background-position: center;
  grid-column: 1/5;
  grid-row: 5/5;
}

.grid-item4 {
  background-image: url("../img/painter.jpg");
  background-size: cover;
  background-position: center;
  grid-column: 2/4;
  grid-row: 2/5;
}

.grid-item5 {
  background-image: url("../img/plumber.jpg");
  background-size: cover;
  background-position: center;
  grid-column: 4/6;
  grid-row: 1/3;
}

.grid-item6 {
  background-image: url("../img/pool-maintenance.jpg");
  background-size: cover;
  background-position: center;
  grid-column: 4/5;
  grid-row: 3/5;
}

.grid-item7 {
  background-image: url("../img/pest.jpg");
  background-size: cover;
  background-position: center;
  grid-column: 5/6;
  grid-row: 3/6;
}