/* #Reset & Basics (Inspired by E. Meyers)
Theme Name: New PestNow Style
Author: Mary Adkins GraphixStation.com
================================================== */
/* Addresses margins handled incorrectly in IE6/7. */
	*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	body {line-height: 1;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} 
	figure {position: relative;} figure img {width: 100%;}
	* {margin: 0; padding: 0;}
/* #Basic Styles
================================================== */
	body {background-color: #fff; color: #1f1f1f; font-family: "Poppins", sans-serif; font-weight:300; font-stretch: normal; margin: 0; overflow-x: hidden;}
	/*body {padding-top: 153px;} for sticky top*/	
/* #Typography
================================================== */
	h1 {color: #003366; font-size: 50px; font-weight: 700; line-height: 52px; margin: 0 0 10px 0;} 
	h2 {color: #003366; font-size: 42px; font-weight: 500; letter-spacing: -.05rem; line-height: 44px; margin-bottom: 10px; padding: 0;}
	h3 {color: #007ACC; font-size: 32px; font-weight: 400; line-height: 38px; padding-bottom: 25px;}
	h4 {color: #09539e; font-size: 24px; font-weight: 300; line-height: 28px; padding-bottom: 16px;} /* letter-spacing: -.025rem;  */
	h5 {color: #1f1f1f; font-size: 18px; font-weight: 300; line-height: 24px; margin-bottom: 14px;}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
	p {color: #1f1f1f; font-size: 16px; line-height: 22px; margin: 0 0 25px 0;}
	a, a:hover {text-decoration: none;}
	a {transition: color 0.3s ease 0s;}
	em {font-style: italic; line-height: 14px;}
	small {font-size: 80%;}
	strong {font-weight: 500;}
	blockquote:before {color: #7a7a7a; content: "\201C"; display: block; font-family: Georgia, serif; font-size: 100px; left: -30px; line-height: 20px; position: relative; top: 10px;}
	blockquote, blockquote p {color: #777; font-size: 40px; font-weight:300; line-height: 45px;}
	blockquote {background-color: #fff; margin: 0 0 20px;}
	blockquote cite {color: #555; display: block; font-size: 30px; font-style: italic; text-align: center;}
	/*blockquote cite:before {content: "\2014 \0020";}*/
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {color: #555;}
	hr {border: solid #7a7a7a; border-width: 1px 0 0; clear: both; height: 0; margin: 30px 0;}
	hr.sm {border: dotted #003366; border-width: 1px 0 0; clear: both; height: 0; margin: 6px 0 20px;}
	
	hr.white {border: dotted #fff; border-width: 2px 0 0; clear: both; height: 0; margin: 50px 0;}
	hr.jump {border: dotted #fff; border-width: 2px 0 0; clear: both; height: 0; margin: 30px 0 10px;}
	.break {display: inline-block; width: 100%; height: 0;}
	
/* #CLearFix */
.clearfix:before,.clearfix:after {content: " "; display: table;}.clearfix:after {clear: both;}.clear {clear: both;}
.clearfix:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}

/* ----- MAIN PEST AWAY Colors ---------------------------------------------------*/
 .gold {color: #eeb41d;}
 .ltblue {color: #09539e;}
 .ltblue2 {color: #007ACC;} /* per WAVE */
 .dkblue {color: #003366;} /* changed from logo blue to websafe blue - wasnt matching good #003366 */
 .brightblue {color: #0099FF;} /* for darkest backgrounds */
 
 /* Alternate font colors */
.black {color: #1f1f1f;}
.dark-grey {color: #232323;}
.white {color: #fff;}
.red {background-color: red; padding: 4px;} /* for temp testing text */

/* background colors */
.ltgold {background-color: #f9de98;}
.ltblue {background-color: #09539e;}
.ltgrey {background-color: #f1f1f1;}


/* Alternate font styles */
.center-text {text-align: center !important;}
.tagline {font-size: 22px; font-weight: 300; line-height: 28px; margin-bottom: 0; text-align: center;}
.bold-sub-text {font-size: 24px; font-weight: 300; line-height: 28px; margin: 0; padding: 0;}
.para-title {font-size: 28px; font-weight: 500; line-height:32px; padding-bottom: 10px;}
.para-subtitle {font-size: 20px; font-weight: 300; line-height: 24px; margin-bottom: 20px;}
.requiredfields {color: #B30000;}
.smalltext {color: #4d4d4d; font-size: 13px; line-height: 16px; margin: 0 0 10px;}

/* ----- Image Styles ---------------------------------------------------*/
.landing-logo {display: block; height: auto; margin: 0 auto; max-width: 100%; position: relative;}

img {display: block; margin: 0 auto;}
a img {border:none;}

.header-logo {display: block; height: auto; left: 20px; margin: 0; max-width: 100%; padding: 0; position: absolute; top: 8px; z-index: 1000;}
.logo {height: auto; margin: 0 auto; margin-left: 20px; max-width: 100%; position: relative;}
/* .header-logo {display: inline-block; height: auto; margin: 0; max-width: 100%; padding: 0; position: relative;}
.logo {float: left; height: auto; margin: 0 auto; margin-left: 20px; max-width: 100%; position: relative;} */
.footer-logo {display: block; margin: 10px 0; padding: 0; position: relative;}

.floatcenter {display: block; height: auto; margin: 0 auto; max-width: 100%; padding: 15px;}

.img-center-no-pad {display: block; height: auto; margin: 0 auto; max-width: 100%; padding: 0 0 20px 0;}
.socialicons {max-width: 100%;} /*margin: 0 15px 0 5px; float: left;*/
.jump-up {bottom: 0; height: auto; left: 0; margin: 0 auto; max-width: 100%; padding: 0; position: absolute; right: 0;} /* opacity: .8;  */
.pdf-icon {display: inline-block; max-width: 100%; position: relative; vertical-align: middle;}
.green-seal {display: inline-block; height: auto; max-width: 100%; margin: 0; vertical-align: middle;}

.circle-shape {
  border-radius: 50%;
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
.circle-shape-home {
  border-radius: 50%;
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%; padding: 15px;
}

.left-imgs {display: inline-block; height: auto; max-width: 100%; padding-right: 5px;}
.pest-icons {display: inline-block; height: auto; max-width: 100%; padding-right: 5px; vertical-align: middle;} /* for Commercial page */
.borderlink {border: 1px solid #eeb41d; padding: 4px;}
.coverage-map {margin: 0 auto; display: block; max-width: 100%; height: auto; padding: 35px 10px;}
.states {clear: both; float: left; max-width: 100%; height: auto; margin: 0 auto; padding-bottom: 25px;}
.calloutbox {background-color: #eeb41d; clear: both; margin-bottom: 20px; padding: 14px 14px 2px 14px; width: 100%;}
.calloutbox p {color: #fff; font-size: 16px; line-height: 20px; text-align: center;}

/* PAGE LAYOUT STYLES */
header {position: relative; z-index: 100;}
.wrapper {background-color: #fff; height: auto; margin: 0 auto; min-height: 100%; max-width: 100%; position: relative;}

/* ----------------------------- PAGE PADDING ---------------------------*/
.section-padding {padding: 6rem 0 8rem;}
.section-title {margin-bottom: 3rem; text-align: center;}
.big-top-pad {margin-top: 80px;}
.top-padding-only {margin-top: 25px;}
.bottom-padding-only {margin-bottom: 25px;}

/* CONTACT Us page Buttons */
.quickbtn a {background-color: #09539e; border-radius: 12px; color: #fff !important; display: inline-block; font-weight: 400; margin: 0 auto; margin: 18px 0; padding: 8px 26px 8px; position: relative; text-align: center;}
.quickbtn a:hover {background-color: #003366; -webkit-box-shadow: 0 6px 10px 2px rgba(0,0,0,.3); box-shadow: 0 6px 10px 2px rgba(0,0,0,.3);transition: all ease-in-out 300ms;}
 
.quickbtn-gold a {background-color: #eeb41d; border-radius: 12px; color: #1f1f1f !important; display: inline-block; font-size: 18px; font-weight: 400; margin: 0 auto; margin: 18px 0; padding: 8px 26px 8px; position: relative; text-align: center;}
.quickbtn-gold a:hover {background-color: #003366; color: #fff !important; -webkit-box-shadow: 0 6px 10px 2px rgba(0,0,0,.3); box-shadow: 0 6px 10px 2px rgba(0,0,0,.3);transition: all ease-in-out 300ms;}

/*------------------- UPDATED Small header Top Nav Social Icons --------------------*/
.smnav-container {height: 62px; margin: 0 auto; max-width: 100%; position: relative; width: 100%;}
.smnav *,
.smnav *:before,
.smnav *:after {-webkit-box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: content-box;}
.smnav {float: right; letter-spacing: 0.02em; margin: 0; max-width: 100%; padding:0; position: relative; width: auto; z-index: 10000;} /* margin: 20px 0 8px; */
.smnav ul {margin: 0 auto; padding: 0; display: inline-block; position: relative; width: 100%; text-align: right;}
.smnav ul li {list-style: none;display: inline-block; padding: 0 5px 0 5px; line-height: 20px;position: relative; vertical-align: middle;}
/* smnav link */
.smnav ul li a {color: #003366; padding: 0; text-decoration: none;}
.smnav ul li a:hover {background-color: #eeb41d; color: #000;} /* ADD THIS SO IT DOESNT FREAK OUT */

/*-------------------- Home TEMP NEW LANDING DEC 31 2025--------------------*/
.new-landing {background-color:#fff; min-height: 500px; margin: 0 auto; position:relative; text-align: center; width: 100%; z-index: 100;}
.new-landing-section-header {padding: 100px 0;}
.new-landing-footer {background-color: #003366; min-height: 150px; padding-bottom: 20px; position: relative; width: 100%;}

/************************************************************************************
updated NAV
*************************************************************************************/
#main-navigation {background-color: #003366; border-bottom: 7px solid #eeb41d; margin: 0 auto; min-height: 60px; padding: 8px 0 8px 0; position: relative; width: 100%;} /* min-height: 60px;  */
/*--- THIS IS THE FULL BLACK WITH BAR WITH GREEN BOTTOM BORDER ---*/
.nav-container {max-width: 1200px; min-width: 755px; margin: 0 auto; width: 100%;}
.top-nav-phone {float: left; margin: 0 0 0 40px; padding: 0;}
.top-nav-phone a {color: #fff; font-size: 28px; text-align: left; text-decoration: none;}
.top-nav-phone a:hover {color: #eeb41d;}

/*--------------------- 2021 NEW NAVIGATION --------------------*/
nav {background: 0; float: right; margin: 0; padding: 0; right: 10px; position: absolute; top: 0; vertical-align: baseline; width: auto;}
nav ul {height: auto; list-style: none; margin: 0; padding: 0; text-decoration: none;}
nav .main-menu {display: none;}
#tm:checked + .main-menu {display: block; margin-top: 27px;} /*margin-top: 18px;*/
nav input[type="checkbox"], nav ul span.drop-icon {display: none;}
nav li a {background: #003366; color: #fff; font-size: 16px; width: 260px;} /*MOBILE NAV MAIN LIST BACKGROUND COLOR*/
nav .sub-menu a {background-color: #09539e; color: #fff;} /*MOBILE DROP DOWN BACKGROUND COLOR*/
nav .sub-menu li a:last-child {border-width: 0;}
nav li, #toggle-menu, nav a {color: #fff; display: block; list-style: none; position: relative; text-decoration: none;}

#toggle-menu, nav a {padding: .80em;}
nav a {transition: all .125s ease-in-out;-webkit-transition: all .125s ease-in-out; -moz-transition: all .125s ease-in-out; -o-transition: all .125s ease-in-out;}
nav a:hover {background-color: #eeb41d; color: #1f1f1f; transition: all 0.5s ease 0s;}
nav .sub-menu {display: none;}
nav input[type="checkbox"]:checked + .sub-menu {display: block;}
nav .sub-menu a:hover {color: #000;}
#toggle-menu .drop-icon, nav li label.drop-icon {position: absolute; right: 0; top: 0;}
nav label.drop-icon, #toggle-menu span.drop-icon {color: rgba(255, 255, 255, .75); font-size: 1em; padding: 1.12em; text-align: center; text-shadow: 0 0 0 transparent; width: auto;} /* background-color: rgba(0, 0, 0, .125);  */
#toggle-menu span.drop-icon:hover {background-color:#eeb41d;}
nav li label.drop-icon {background-color: #09539e; padding: .8em 1em;}
nav li label.drop-icon:hover {background-color: #eeb41d; bottom: 0; padding: .6em 1em;}

.toggle-menu-hb {display: block; width: 25px;}
.toggle-menu-hb .line {background-color: #fff; display: block; height: 3px; margin-bottom: 4px; position: relative; right: 0; width: 25px;}
.toggle-menu-hb .line:last-child {display: block; margin-bottom: 0;}

/*DESKTOP VIEW CSS*/
@media only screen and (min-width: 960px) {
#tm:checked + .main-menu {display: block; margin: 0 auto;}
nav {padding-right: 20px; position: relative; right: 0; top: 3px; width: auto;} /*position: absolute; margin-top: 60px;*/ 
nav .main-menu {display: block; margin: 0 auto;}
#toggle-menu, nav label.drop-icon {display: none;}
nav ul span.drop-icon {display: inline-block;}
nav li {border-width: 0 1px 0 0; float: left;}
nav li a {background: 0; color: #fff; font-size: 16px; width: auto; transition: all 0.5s ease 0s;} /*DESKTOP NAV LIST 1 IS BLUE*/
nav .sub-menu li {background-color: #eeb41d; float: none;} /*DESKTOP DROP DOWN HOVER IS GREEN*/
nav .sub-menu {border-width: 0; margin: 0; position: absolute; top: 42px; left: 0; width: 12em; z-index: 3000;}
nav .sub-menu a {background-color: #09539e; color: #fff;} /*DESKTOP DROP DOWN BACKGROUND COLOR*/
nav .sub-menu a:hover {background-color: #eeb41d; color: #000;} /*DESKTOP DROP DOWN HOVER BACKGROUND COLOR*/
nav .sub-menu, nav input[type="checkbox"]:checked + .sub-menu { display: none;}
nav .sub-menu li {border-width: 0 0 1px;}
nav .sub-menu .sub-menu {top: 0;left: 100%;}
nav .sub-menu .drop-icon {position: absolute; top: 0; right: 0; padding: 1em;}
nav li:hover > input[type="checkbox"] + .sub-menu {display: block;}
}

/*Styles MOBILE NAVIGATION TOP HEADER AND LOGO VIEWS ONLY */
@media screen and (max-width: 960px) {
	nav li a.lastlink {border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
}
@media screen and (max-width: 812px) {
	.smnav {margin: 0 0 10px;}
}
@media screen and (max-width: 800px) {
	#main-navigation {padding: 8px 0 0 0;}	
}

/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) {.top-nav-phone a {text-align: left; padding: 0; margin: 0;} }
@media screen and (max-width: 640px) {.logo {float: none; padding: 0; margin: 0 auto;}.smnav {float: none; margin: 10px 0 8px;}.smnav ul {text-align: center;}}

/*Styles for screen 480px and lower*/
@media only screen and (max-width : 480px) {
.top-nav-phone {margin: 0 0 0 20px; padding: 0;} .top-nav-phone a {margin: 0;} 
.smnav {margin: 10px 0;} .smnav ul li {padding: 0 3px;}}

/*Smartphone - this size affects iphone6S*/
@media only screen and (max-width : 320px) {.top-nav-phone a {font-size: 24px;}}
/*------------------ END NEW NAVIGATION ---------------*/

/*--------------------- Lg image or slider_area --------------------*/
.largeimage {background: #000 url('../images/bk-ant2.jpg') no-repeat center; height: auto; max-width: 100%; min-height: 400px; padding: 0; position: relative;
-moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 1;} /*fixed*/
.largeimage .bold-top-title {margin-bottom: 0; margin-top: 50px;}

/* ----------- New updated Main form on Home page jan 9 2026 -------------------- */
.home-form-container {background-color: rgba(255,255,255, 0.6); display: inline-block; margin: 0 0 25px 0; padding: 0; position: relative; width: 100%; z-index: 500;}
.home-form-row {display: flex;}
.home-form-col {flex: 1; background-color: rgba(255,255,255, 0.6); margin: 4px; padding: 1em;}
@media (max-width: 700px) {.home-form-row {display: block;}}
.step-titles {font-weight: 500; line-height: 28px;margin-bottom: 6px; padding-bottom: 4px;}
.step-subtitles {color: #000; font-weight: 500; line-height: 28px ;margin: 20px 0 2px 0; padding: 0;}
.step-categories {color: #3a7f47; font-size: 20px; font-weight: 300; text-align: left;}
.home-form-container .bold-sub-text {color: #515151; display: block; font-size: 20px; line-height: 24px; margin: 4px 0;}
.home-form-container p {color:#333; line-height: 20px; margin-bottom: 4px;}
.home-form-container fieldset {display: block; margin: 5px; padding:0;}
.home-form-container fieldset ul li {color:#333; list-style:none; line-height: 18px; margin-left: 12px; padding-bottom:4px; text-align:left; text-indent: -10px;}
.stepsboxcolumn1 {width: 100%;}
.stepsboxcolumn2 {width: 100%;}
.stepsboxcolumn3 {background:none; width: 100%;}
.stepsboxminicolumn {float:left; padding-right: 20px;}
.left-box-side {float:left; padding-bottom: 10px; width: 50%;}
.right-box-side {float:left; padding-bottom: 10px; width: 50%;}
.home-form-zip {display: inline-block; margin-top: 10px; position: relative;}
.home-form-container label {color: #333 !important; font-size: 14px; line-height: 22px;}
.home-form-container input[type=text] {border: 1px solid #cccccc; font-size: 13px; margin: 0 3px 2px 2px; padding: 8px; width: 100%;}
.home-form-container input[type="checkbox"] + label,
.home-form-container input[type="radio"] + label {border-radius: 0; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.home-form-container input[type="checkbox"],
.home-form-container input[type="radio"] {border-radius: 100%; clear: left; display: inline-block; height: 16px; padding: 0 4px 0 0; margin: 0 auto; position: relative; vertical-align: middle; width: 16px;}
.home-form-container .sqft {display: inline-block; margin: 6px 0 0 10px;}
.home-form-container legend {width: 100%;}

.home-form-container button[type="submit"] {background: #eeb41d; border:none; border-radius: 6px; color:#000; cursor:pointer; display: block; font-size: 18px; font-weight: 400; letter-spacing: 0.01em; line-height: 18px; margin:8px 0 0; padding:10px; width:100%;}
.home-form-container button[type="submit"]:hover {background-color: #09539e; color:#fff;}
.home-form-container button[type="submit"]:active {-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5); box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}

.home-form-container input:focus,
.home-form-container textarea:focus {border:1px solid #999; outline:0;}
.home-form-col a {color: #000;}
.home-form-col a:hover {color: #003366;}

/*-------------------------- estimate form page --------------------*/
.estformpg {background: #fff; height: auto; margin: 0 auto;}
.estformpg em {color: #333; font-size: 12px;}
.estformpg ul {color: #333; min-height: 30px; margin: 0 0 10px 20px;}
.estformpg li {color: #333; float: none; font-size: 14px; line-height: 20px; padding-bottom: 6px;}
.estformpg .subtitle {padding-bottom: 10px;} /* font-size: 26px; line-height: 32px;  */
.estformpg-red {background-color: #ff0000; border-radius: 4px; color: #fff; padding: 0 12px; white-space:nowrap;}

.quoteform-pricedue {color: #007ACC; font-size: 32px; font-weight: bold; line-height: 36px; margin-bottom: 6px;}
.quoteprice {color: #007ACC; font-size: 32px; font-weight: 400;}
.quotepricefup {color: #007ACC;}

.errors {background-color: #f1f1f1; padding: 20px; border: 1px solid red;}

/*-------------------- Home page Our Services area --------------------*/
.ourservices {min-height: 450px; margin: 0 auto; padding-bottom: 25px; position:relative; text-align: center; width: 100%;} /* z-index: 100; */
.ourservices p {text-align: center;}
.ourservices .cat-title {text-align: center; padding-bottom: 10px;}
.ourservices .categories {background-color: #F5F5F5; border-radius: 6px;}

/*------------------------- UPDATED mainbody_area for INNER PAGES --------------------*/
.largeimageinner {background-position: center top; background-size: cover; height: 350px; max-width: 100%; padding: 0; position: relative; z-index: 1;} /* -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; margin-top: 125px; */
.pests-ants {background: #000 url('../images/bk-inner-ants.jpg') no-repeat bottom center; background-size: cover;}
.pests-bats {background: #000 url('../images/bk-inner-bats.jpg') no-repeat bottom center; background-size: cover;}
.pests-bedbugs {background: #000 url('../images/bk-inner-bedbugs.jpg') no-repeat bottom center; background-size: cover;}
.pests-bees {background: #000 url('../images/bk-inner-bees.jpg') no-repeat bottom center; background-size: cover;}
.pests-birds {background: #000 url('../images/bk-inner-birds.jpg') no-repeat bottom center; background-size: cover;}
.pests-centipedes {background: #000 url('../images/bk-inner-centipedes.jpg') no-repeat bottom center; background-size: cover;}
.pests-crickets {background: #000 url('../images/bk-inner-cricket.jpg') no-repeat bottom center; background-size: cover;}
.pests-spiders {background: #000 url('../images/bk-inner-spiders.jpg') no-repeat bottom center; background-size: cover;}
.pests-roaches {background: #000 url('../images/bk-inner-roaches.jpg') no-repeat bottom center; background-size: cover;}
.pests-mice {background: #000 url('../images/bk-inner-mice.jpg') no-repeat bottom center; background-size: cover;}
.pests-squirrels {background: #000 url('../images/bk-inner-squirrel.jpg') no-repeat bottom center; background-size: cover;}
.pests-termites {background: #000 url('../images/bk-inner-termites.jpg') no-repeat bottom center; background-size: cover;}
.pests-wildlife {background: #000 url('../images/bk-inner-wildlife.jpg') no-repeat bottom center; background-size: cover;}

.about-bk {background: #000 url('../images/bk-inner-bees.jpg') no-repeat bottom center; background-size: cover;}
.commercial {background: #000 url('../images/bk-inner-termites.jpg') no-repeat bottom center; background-size: cover;}
.insulation {background: #000 url('../images/bk-inner-insulation.jpg') no-repeat bottom center; background-size: cover;}
.service-areas-bk {background: #000 url('../images/bk-inner-service-areas.jpg') no-repeat bottom center; background-size: cover;}

.top-imagetext {height:auto; max-width: 100%; margin: 0 auto; min-height: 150px; padding: 20px; position: relative;}
.imagetext {height:auto; max-width: 100%; margin: 0;margin-top: 100px; min-height: 150px; padding: 20px; position: relative;} /* bottom: 30px; position: absolute; */

.mainbody {background-color:#fff; margin: 0 auto; min-height: 450px; padding-bottom: 35px; position:relative; width: 100%;}
.mainbody a {color: #003366; text-decoration:none;} 
.mainbody a:hover {color: #eeb41d;}
.mainbody ul {list-style-type: none; margin-bottom: 20px;}
.mainbody ul li:before {content: "\00BB \0020";}
.mainbody ul li {color: #003366; font-size: 16px; line-height: 20px; list-style: inside none; margin-left: 15px; padding-bottom: 12px; text-indent: -10px;}
.mainbody ul ul {margin: 10px 0 0 30px;}
.mainbody ul ul li {margin: 0; padding: 0 0 8px 0;}
.mainbody ol {list-style: decimal; margin-bottom: 10px;}	
.mainbodyy ol li {color: #003366; list-style-type: decimal; list-style-position: outside; margin-left: 35px; padding-bottom: 12px; text-indent: 0;}

#estimate-page {}
#estimate-page ul {color: #232323; margin: 6px 0 10px 20px; list-style: none;}
#estimate-page ul li:before {content: "\00BB \0020";}
#estimate-page ul li {color: #000; margin-left: 20px; font-size: 16px; line-height: 20px; letter-spacing: 0.02em; padding-bottom: 10px; text-indent: 0;}

/*-------------------- updated subbody yellow gold area --------------------*/
.subbody {margin: 0 auto; min-height: 400px; position:relative; width: 100%;}
.subbody a {color: #000;}
.subbody a:hover {color: #fff; }
.subbody ul li:before {content: "\00BB \0020";}
.subbody ul {list-style-type: none; margin-bottom: 20px;}
.subbody ul li {color: #003366; font-size: 16px; line-height: 20px; list-style: inside none; margin-left: 15px; padding-bottom: 12px; text-indent: -10px;}

/*------------------- new commercial division page --------------------*/
.commercial-service-lists {height: auto; min-height: 250px; padding: 40px 0 20px 0; width: 100%;}
.commercial-jump-icon {display: inline-block;}

/*-------------------- UPDATED pest grid --------------------*/
.pest-grid {background-color:#f9de98; position:relative; margin: 0 auto; width: 100%; }
.pest-grid p {font-size: 18px; line-height: 22px; margin: 0 auto; text-align: center;}
.pest-grid-header {padding-bottom: 30px;}
.pest-grid-header .grid-title {padding: 10px 0;}
.pest-grid-thumbs {border-radius: 10px; display: block; height: auto; margin: 0 auto; margin: 10px 0; max-width: 100%; padding: 0;} /* padding-bottom: 20px; */
.pest-grid-box {text-align: center; width: 100%;}
.overlay {position: relative;}
.overlay:after {border-radius: 10px; position: absolute; content:""; height:100%; left:0; opacity:0; top:0; width:100%;}
.overlay:hover:after {opacity: .3;}
.pest-gold:after {background-color: #eeb41d;}

/*------------------- service area maps page --------------------*/
.serviceareas {width: 100%; clear: both;}
.serviceareas .state-titles {padding-bottom: 8px;}
.serviceareas .county-titles {padding-bottom: 10px;}
.serviceareas ul {min-height: 30px; padding: 0 0 10px 0;}
.serviceareas ul li {color: #003366; font-size: 14px; line-height: 16px; list-style: inside none; margin-left: 10px; padding-bottom: 8px; text-indent: 0;}
.serviceareas ul li:before {content: "";}

/*-------------------- updated subbody green area is now blue --------------------*/
.subbody-green {background-color:#09539e; margin: 0 auto; min-height: 400px; padding-bottom: 50px; position:relative; width: 100%;}
.subbody-green .white {color: #fff;}
.subbody-green .darkgreen {color: #006600;}
.subbody-green .black {color: #000;}
.subbody-green p {color: #fff; letter-spacing: 0.02em; margin: 10px 0 18px 0;}
.subbody-green a {color: #000;}
.subbody-green a:hover {color: #fff;}
.subbody-green ul li:before {content: "\00BB \0020";}
.subbody-green ul {list-style: inside none; margin: 0 0 20px 40px; max-width: 360px;}
.subbody-green li {color: #fff; font-size: 14px; line-height: 24px;}
.subbody-green .yellowbox {background-color: gold; border-radius: 50px; padding: 4px 0 6px 20px;}
.subbody-green .yellowbox:hover {background-color: #fff;}
.subbody-green .yellowbox p {margin: 0 auto;}
.subbody-green .yellowbox a {color: #000; font-size: 20px; line-height: 24px; margin-bottom: 2px;}
.subbody-green .yellowbox a:hover {color: #000;}

/*------------------------- For responsive videos --------------------*/
.video-container {border: 4px solid; height: 0; margin: 20px 5px; overflow: hidden; position: relative; padding-bottom: 56.25%;}
.video-container iframe,
.video-container object,
.video-container embed {height: 100%; position: absolute; top: 0; left: 0; width: 100%;}
.video-wrapper {max-width: 100%; width: 500px;}

/*----------------- NEW SPLIT PAGE LAYOUT --------------------*/
.split-body-row {display: flex; flex-wrap: wrap;}/* Column container */
.left-main-body {flex: 70%; background-color: white;}/* Main column */
.right-side {flex: 30%; background-color: #f1f1f1;}/* Sidebar/right column */
.right-side ul {margin-bottom: 20px;}
.right-side ul li {font-size: 16px; line-height: 18px; margin-left: 10px; padding-bottom: 14px; text-indent: -15px;}
.right-side a {background-color: gold; color: #000; font-weight: 400;} 
.right-side a:hover {background-color: #09539e; color: #000;}

@media (max-width: 880px) {
.split-body-row {flex-direction: column;}
.right-side {padding: 20px;}
.right-side ul li {margin-left: 20px;}
}

/*-------------------------- form area --------------------*/
.formTemplate {font-weight: 300; height: 100%; letter-spacing: 0.02em; margin: 15px 0 15px 0; padding: 6px; width: 100%;}
.row {margin:0 20px 20px 0; max-width: 100%; position: relative;}
.row label:first-child {display:block;}
input, textarea {/*-webkit-appearance: none;*/-webkit-border-radius: 0; border-radius: 0;}/*---To prevent iOS buttons from rounding---*/
input[type=submit] {-webkit-border-radius:0; border-radius: 0;}

#contact-form {color: #ccc; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;}
#contact-form form > div {clear: both; margin: 10px 0 0; overflow: hidden; padding: 2px;}
#contact-form form > div > fieldset > div > div {margin: 0 0 10px 0;}
#contact-form form > div > label {line-height: 20px; float: left; padding: 6px 0; color: #4d4d4d; text-align: left; width: 100%;}
#contact-form legend {color: #4d4d4d; float: left; padding: 10px 0; text-align: left; width: 100%;}
#contact-form form > div > div,
#contact-form form > div > fieldset label {color: #4d4d4d; margin-right: 10px; padding: 10px 0;} /*#contact-form form > div > fieldset > div { width: 100%; float: right; }*/
#contact-form fieldset {border: 0; padding: 0;}

#contact-form .notification {background: #cc0000; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; bottom: 35px; color: #ffffff; font-size: 14px; left: 50px; line-height: 14px; padding: 10px; position: absolute; text-align: center; width: auto;}

#contact-form input[type=text], 
#contact-form input[type=email], 
#contact-form input[type=message], 
#contact-form input[type=url], 
#contact-form input[type=password], 
#contact-form input[type=tel],
#contact-form input[type=date],
#contact-form textarea {color: #4d4d4d; border-radius: 4px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 18px; max-width: 100%; padding: 8px; width: 500px;}

#contact-form input[type=number] {border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #eee;border-bottom: 1px solid #eee; font-size: 14px; line-height: 18px; padding: 8px; width: 50%;}

#contact-form input[type=text]:focus, 
#contact-form input[type=email]:focus, 
#contact-form input[type=message]:focus, 
#contact-form input[type=url]:focus, 
#contact-form input[type=password]:focus, 
#contact-form input[type=number]:focus, 
#contact-form input[type=tel]:focus,
#contact-form input[type=date]:focus,
#contact-form textarea:focus {border-color: #eeb41d; outline: 0;}

#contact-form input[type="checkbox"],
#contact-form input[type="radio"] {padding: 0; margin: 6px 0;}

#contact-form button[type="submit"] {background:#eeb41d; border:none; border-radius: 6px; color:#000; cursor:pointer; font-size: 18px; margin:0 0 5px; max-width: 100%; padding:10px; width:500px;}
#contact-form button[type="submit"]:hover {background-color: #09539e; color: #fff;}
#contact-form button[type="submit"]:active {-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5); box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}

#contact-form input:focus,
#contact-form textarea:focus {outline:0; border:1px solid #999;}

#contact-form input[type=placeholder]::-webkit-input-placeholder {color:#6d6d6d;}
#contact-form input[type=placeholder]:-moz-placeholder {color:#6d6d6d;}
#contact-form input[type=placeholder]::-moz-placeholder {color:#6d6d6d;}
#contact-form input[type=placeholder]:-ms-input-placeholder {color:#6d6d6d;}

/*------------------------------ footer locations --------------------*/
.office-locations {background-color:#f1f1f1; margin: 0 auto; min-height:300px; position:relative; width: 100%;}
.office-locations-left {margin: 0; position: relative; padding: 0 20px 0 0; width: auto;}
.office-locations-right {margin: 0; position: relative; padding: 0; width: auto;}
/*.office-locations p {font-size: 15px; line-height: 18px;}*/
.locations-div-mobile {display: none;}

/*------------------------------ footer_area --------------------*/
footer {background-color: #000; min-height: 250px; width: 100%; padding-bottom: 30px; position: relative;}
/*h3*/.footer-section-title {font-size: 26px; line-height: 28px;}
/*h4*/.footer-section-sub-title {font-size: 20px; line-height: 20px; margin: 0; padding-bottom: 6px;}
footer p {color:#fff; letter-spacing: 0.02em; padding-bottom: 4px;}
footer p a {color: #fff; text-decoration: none;}
footer p a:hover {color: #eeb41d;}
footer a {color: #fff; text-decoration: none;}
footer a:hover {color: #eeb41d;}
footer ul {margin: 2px 4px 20px 2px;}
footer li {color: #fff; font-weight:200; letter-spacing: 0.02em; line-height: 18px; list-style-type: none; padding-bottom: 9px; text-decoration: none;}
footer li a {color: #fff; text-decoration: none;}
footer li a:hover {color: #eeb41d;}
.footertext {clear: both; height: auto; max-width: 100%;}
.footerheight {min-height: 360px;}

/*-------------------------- copyright_area --------------------*/
.copyright {background-color: #09539e; min-height: 75px; text-align: center; width: 100%;}
.copyright p {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 16px; text-align: center;}
.sitecredit {clear: both; font-size: 12px; line-height: 14px;}
.sitecredit a {color: #fff; text-decoration: none;}
.sitecredit a:hover {color: #eeb41d;}
.sitecredit .gsicon {display: block; margin: 0 auto; padding-bottom: 10px;}


/*------------------------------------------------- MOBILE DEVICE AREA SETTINGS ----------------------------------------------*/
/*Styles for screen 1024px and lower*/
@media screen and (max-width: 1024px) {.ourservices .cat-title {font-size: 24px;}}

@media screen and (max-width: 960px) {h3 {font-size: 28px; line-height: 32px;}}

/*Styles for screen 880px and lower*/
@media screen and (max-width: 880px) {
	.largeimage {min-height: 400px;}
	.largeimage .bold-top-title {font-size: 40px; line-height: 46px; margin-bottom: 5px; margin-top: 30px;}
	.home-form-container fieldset {background-image: none; margin: 0 auto; padding: 10px;}
	.stepsboxminicolumn {display: inline-block; float: none; width: 100%;}
	.step-titles {font-size: 28px; padding-bottom: 0;}
	.step-subtitles {font-size: 22px; line-height: 24px;}
	.ourservices .categories {min-height: 530px;}
	.cbp-qtrotator {max-width: 100%; padding: 0 30px;}
	.office-locations-left {width: 50%;}
	.office-locations-right {padding: 0; width: 50%;}
}

/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) {
	h1 {font-size: 44px; line-height: 48px; margin-top: 40px;}
	h5 {font-size: 18px; line-height: 24px;}
	.largeimage {margin-top: 0; padding-bottom: 20px;}
	
	.largeimage .bold-top-title {text-align: center;}
	.largeimage .top-sub-title {text-align: center;}
	
	.largeimageinner {margin-top: 0; height: 250px; text-align: center;}	
	.imagetext {margin-top: 0; margin: 0 auto;}

	.home-form-container {margin: 0 auto; padding: 0;}
	.home-form-container input[type="text"] {width: 150px;}
	.stepsboxminicolumn {float: left; width: 50%;}
	
	.vertical_divider {border-bottom:1px dotted #d7d6d6; border-right: none;}
	
	.subbody-green {text-align: center;}
	.subbody-green .yellowbox p {text-align: center;}
	
	.about-bk:before, .videos-bk:before, .tap-bk:before, .service-areas-bk:before, .lawncare:before, .termite:before, .mosquito:before, .commercial:before, .pests-ants:before, .pests-bees:before, .pests-bats:before, .pests-bedbugs:before, .pests-spiders:before, .pests-crickets:before, .pests-rodents:before, .pests-roaches:before, .pests-wildlife:before, .pests-centipedes:before, .pests-centipedes:before, .pests-birds:before, .pests-squirrels:before {
	background: rgb(0,51,102); background: linear-gradient(230deg, rgba(0,51,102,1) 0%, rgba(0,51,102,.5) 70%); content: ""; height: 100%; left: 50%; opacity: 0.7; position: absolute; top: 0; transform: skew(15deg) translateX(-50%); width: 75%; z-index: -1;}
}

/*Styles for screen 736px and lower*/
@media screen and (max-width: 736px) {
	.home-form-col {padding: .5em;}
	/*.imagetext {margin-top: 25px;}*/
}

@media screen and (max-width: 640px) {
	.header-logo {display: block; left: 0; position: relative;}
	.headertext {float: none; padding: 12px 0;}
	.largeimage .bold-top-title {margin-top: 25px;}
	h1 {margin: 20px 0 0 0;}
	h2 {font-size: 34px; line-height: 38px;}
	h3 {font-size: 28px; line-height: 32px;}
	h4 {font-size: 20px; line-height: 26px; margin: 0 auto; padding-bottom: 14px;}
	.bold-sub-text {padding-bottom: 12px;}
}
/*Styles for screen 568px and lower*/
@media only screen and (max-width : 568px) {
	.circle-shape {max-width: 80%;}
	#estimate-page ul {margin: 6px 0 10px 0;}
	#estimate-page ul li {margin-left: 0; font-size: 14px; line-height: 18px;}
	.locations-div-mobile {border: solid #929292; border-width: 1px 0 0; clear: both; display: block; margin: 5px 0 10px; height: 0;}
}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 515px) {.content {padding: 10px;}}

/*Styles for screen 480px and lower*/
@media only screen and (max-width : 480px) {
	.section-padding {padding: 4rem 0 5rem;}
	.section-title {margin-bottom: .25rem;}
	h1, h2, h3, h4, h5 {text-align: center;}
	h3 {font-size: 25px; line-height: 30px;}
	.ourservices .cat-title {font-size: 30px; line-height: 34px;}
	.center-text-mobile {text-align: center;}
	.tagline {font-size: 20px; line-height: 26px;}
	.quickbtn a {display: block; margin: 0 auto;}
	.pest-icons {display: block; margin: 0 auto; padding: 0 0 5px; vertical-align: middle;}
	.pest-grid-thumbs {margin: 0 auto; max-width: 50%;}
	#quoteform h2 {font-weight: 300; line-height: 34px;}
	.left-box-side {display:inline-block; float:none; padding-bottom: 10px; width: 100%;}
	.right-box-side {display:inline-block; float:none; width: 100%;}
	.borderlink {font-size: 14px;}
	.mainbody ul li {padding-bottom: 6px;}
	.ourservices .categories {min-height: auto;}
	.pest-grid-thumbs {max-width: 50%;}
	.pest-grid p {padding-bottom: 10px;}
	.states {float: none;}
	.serviceareas ul {text-align: center;}
	.footerheight {min-height: 200px;}
	.footer-logo {margin: 0 auto; margin-bottom: 20px;}
	footer ul {margin: 0 0 20px 0; text-align: center;}
	footer p {text-align: center;}
}