@import url('https://fonts.googleapis.com/css?family=Poppins:100,300,400,500,600,700&display=swap');

/* -- :: Root */
:root {
 --th-black      : #031b4e;
 --th-blue       : #0444f9;
 --th-p-color    : rgba(3,27,78,.7);
 --th-border     : #e5e8ed;
}

html { overflow-x: hidden; }
body { position: relative; }
button { cursor: pointer; outline: none !important; }
a { text-decoration: none !important; }
a.active { color: #38b6ff; }
*:not(i) { font-family: 'Poppins', sans-serif; line-height: 1.4; }


/* header
``````````````````````````````````````````````````````````````````````````` */
	.navigation { z-index: 900; position: fixed; top: 52px; width: 100%; height: 80px; background: #000000; }
	.navigation ul { margin-top: 20px; margin-right: 150px; }
	.navigation a:hover { color: #38b6ff; }
	.navigation a:active { color: #38b6ff; }

	.nav-btn { float: right; margin: 25px; }
	.nav-link { color: #ffd766; margin-right: 15px; }

	.logo { z-index: 999; position: fixed; top: 9px; left: 71px; height: 160px; }
	.logo-circle { display: inline-block; position: fixed; top: 8px; left: 71px; height: 161px; width: 161px; background-color: #000000; border-radius: 50%; }
	.logo-txt { display: none; position: fixed; left: 60px; top: 29px; color: #ffd766; }

	.secondary-nav { z-index: 900; position: fixed; top: 132px; right: 1px; width: 1285px; height: 36px; padding-top: 5px; background: #ffffff; color: #000000; text-align: center; border-bottom-left-radius: 25px; opacity: 0.7; }
	.secondary-nav a { color: #000000 !important; }
	.secondary-nav i { margin-left: 25px; margin-right: 3px; font-size: 20px !important; }
	.secondary-nav .area { float: left; margin-left: 60px; font-style: italic; }
	.secondary-nav .contact-nav { float: right; margin-right: 200px; }

	.separator { color: #ffd766; margin-top: 8px; margin-right: 15px; }
	.sticky { z-index: 900; position: fixed; top: 0; width: 100%; }
	.sticky-contact { z-index: 900; position: fixed; top: 80px; width: 100%; box-shadow: 1px 1px 1px 1px #ccc; opacity: 1; }

/* footer
``````````````````````````````````````````````````````````````````````````` */
#copyright { position: relative; padding: 20px 0px; background: #000000; text-align: center; color: #ffffff; font-size: 10px; }

#links { position: relative; padding: 20px; text-align: center; }

.contact-info { margin: 30px auto 20px; }


/* general styles
``````````````````````````````````````````````````````````````````````````` */
section { padding: 50px 0; border-bottom: solid 1px #000000 }
.section-title { margin-bottom: 64px; }
.section-title h3 { font-size: 30px; font-weight: 700; color: var(--th-black); }
.section-title p { max-width: 900px; margin: 0 auto; font-size: 18px; color: var(--th-p-color); }

.feature { display: block; height: 100%; background: #fff; }
.feature img { width: 100%; }
.feature h4 { font-size: 20px; font-weight: 600; color: var(--th-black); }
.feature p { font-size: 16px; line-height: 1.5; color: var(--th-p-color); }
.feature.bordered { padding: 24px; border: 1px solid var(--th-border); box-shadow: 0 2px 4px rgba(3,27,78,.06); }
.feature.bordered:hover { box-shadow: 0 10px 20px rgba(3,27,78,.1); }


.mb-30 { margin-bottom: 30px; }

.spacer-services, .spacer-residential, .spacer-commercial, .spacer-landscaping, .spacer-about, .spacer-testimonials { display: none; }

.text-black { color: #000000; }
.text-blue { color: #38b6ff; }
.text-white { color: #ffffff; }
.text-yellow { color: #ffd766; }


/* homepage
``````````````````````````````````````````````````````````````````````````` */

	/* carousel
	``````````````````````````````````````````````````````````````````````````` */
	.carousel { border-bottom: solid 1px #000000; }
	.carousel img { height: 95vh; }
	.carousel .shadow { text-shadow: 2px 2px 4px #000000; }
	.carousel .btn-primary { background-color: #38b6ff !important; }


	/* cleaning plans
	``````````````````````````````````````````````````````````````````````````` */
	.bg-bronze { margin: 0px !important; padding: 0px !important; background-color: #a77044; }
	.bg-silver { margin: 0px !important; padding: 0px !important; background-color: #a7a7ad; }
	.bg-gold { margin: 0px !important; padding: 0px !important; background-color: #d6af36; }

	#plans { border-top: solid 1px #000000; background-color: #dddddd; }
	.cleaning-plans { max-width: 1000px; margin: 0 auto; }

	/* commercial, landscaping
	``````````````````````````````````````````````````````````````````````````` */
	.commercial-services, .landscaping-services { max-width: 900px; margin: 0 auto; padding: 20px; }
	.commercial-services li, .landscaping-services li { margin-top: 10px; color: var(--th-p-color); }
	.commercial-image { height: 235px !important; border: solid 1px #000000; }

	#landscaping { border-top: solid 1px #000000; background-color: #dddddd; }

	/* about us
	``````````````````````````````````````````````````````````````````````````` */
	.about-us .service-box { position: relative; overflow: hidden; padding: 24px; border: 1px solid var(--th-border); background: #fff; box-shadow: 0 2px 4px rgba(3,27,78,.06); -webkit-transition: box-shadow .25s linear; transition: box-shadow .25s linear; }
	.about-us .service-box:hover { box-shadow: 0 10px 20px rgba(3,27,78,.1); }
	.about-us .service-box .icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: .08; }
	.about-us .service-box .icon i { font-size: 4vw; color: var(--th-blue); }
	.about-us .service-box .t-c h4 { font-size: 18px; font-weight: 600; color: var(--th-black); }
	.about-us .service-box .t-c p { font-size: 15px; color: var(--th-p-color); }
	.about-us-banner img { height: 500px; }

	/* testimonials
	``````````````````````````````````````````````````````````````````````````` */
	.blockquote-footer { margin-top: 5px !important; background: var(--th-black); }