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, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    font-family: 'Open Sans', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, section {
	display: block;
}

/* structural */

body {
  background-color:#FFF;
	}

.grid {
	padding: 0;
	clear:both;
}

.row {
	margin-bottom: 0;
	clear:both;
}

#topbar{
  background-color: #2b2e34;
  width: 100%;
  padding: 0;
}

#contact{
text-align:right;
padding:25px 0 3px 0;
}

.contact-strap {font-size: 1.1em; padding: 0 0 10px 0;color: #FFF;}

#logo{text-align:left; }

@media only screen and (min-width: 280px) and (max-width: 720px) {
#logo {text-align:center;}
}

@media only screen and (min-width: 280px) and (max-width: 720px) {
#contact{
font-size:0.8em;
text-align:center;
padding:3px 0 5px 0;
}
}

.desktop-number {
font-size: 1.4em;
}

.mobile-number {
display: none;
}

@media screen and (max-width: 480px) {
.desktop-number {
display: none;
}
.mobile-number {
display: inline;
font-size: 1.2em;
}
}
  

@media only screen and (min-width: 768px) and (max-width: 986px) {
#contact{
text-align:right;
padding:10px 0 3px 0;}
}

@media only screen and (min-width: 986px) and (max-width: 1240px) {
#contact{
text-align:right;
padding:30px 0 3px 0;}
}

@media only screen and (min-width: 240px) and (max-width: 720px) {
#topbar{
  background-color: #2b2e34;
  position: relative;
  width: 100%;
  padding: 0;
}
#contact{
font-size:1.4em;
text-align:center;
padding:10px 0 3px 0;}
}



#maintext{
    font-size:0.9em;
	color: #000;
	line-height: 1.6em;
 }
#sidecol-home{
	color: #000;
	padding: 20px 0 30px 80px;
 }
 
.pests {
font-size: 0.85em;
padding:10px;
line-height: 1.4em;	
}

#sidecol{
	color: #000;
	padding: 20px 0 30px 20px;
 }
 
 #cta {
	 font-size: 1.4em;
	 color:#2b2e34;
	 margin: 30px 0 30px 0;	 
	line-height: 1.8em;
	font-weight: 600;
	 }
 
@media screen and (max-width: 1236px) {
#sidecol-home{
    font-size:1.0em;
	color: #000;
	padding: 20px 0 30px 30px;
 }
}

@media screen and (max-width: 720px) {
#sidecol-home{
    font-size:1.0em;
	color: #000;
	padding: 20px 0 30px 15px;
 }
}

.map-wrap {
margin:0;
}

#footer-wrap {
background-size: cover;
background-position: center center;
background-image: url(../images/bg-footer.jpg);
background-repeat: no-repeat;
margin:0;
}
#footer-wrap1 {
background-size: cover;
background-position: center center;
background-image: url(../images/bg-footer1.jpg);
background-repeat: no-repeat;
margin:0;
}
#footer-wrap3 {
background-size: cover;
background-position: center center;
background-image: url(../images/bg-footer3.jpg);
background-repeat: no-repeat;
margin:0;
}
#footer-wrap4 {
background-size: cover;
background-position: center center;
background-image: url(../images/bg-footer4.jpg);
background-repeat: no-repeat;
margin:0;
}
#footer-wrap5 {
background-size: cover;
background-position: center center;
background-image: url(../images/bg-footer5.jpg);
background-repeat: no-repeat;
margin:0;
}
.footer{
    font-family: 'Open Sans', sans-serif;
	padding:50px 0 30px 10px;
    color:#FFF;
 }
 
 .footer-mini{
    font-family: 'Open Sans', sans-serif;
    padding:10px;
	margin:50px 0 30px 0;
    color:#FFF;
	font-size: 0.7em;
 }
 
 
 



/* links */

#maintext a, #maintext a:link, #maintext a:visited {
	color: #ff3300;
    padding:0;
	text-decoration: none;
	}

#maintext a:hover, #maintext a:active {
	color: #ff3300;
	text-decoration: underline;    
}

#contact a, #contact a:link, #contact a:visited {
	color: #ff3300;
    padding:0;
	text-decoration: none;
	}

#contact a:hover, #contact a:active {
	color: #ff3300;
	text-decoration: none;    
}

.footer a, .footer a:link, .footer a:visited {
	color: #ff3300;
	font-size: 1.4em;
	text-decoration: none;
    padding:0;
}

.footer a:hover, .footer a:active {
	color: #FFF;
	text-decoration: underline;    
}
.footer-mini a, .footer-mini a:link, .footer-mini a:visited {
	color: #FFF;
	text-decoration: none;
    padding:0;
}

.footer-mini a:hover, .footer-mini a:active {
	color: #FFF;
	text-decoration: underline;    
}

/** buttons with arrows **/

#button-grey-arrow a, #button-grey-arrow a:link, #button-grey-arrow a:visited {
	text-decoration: none;
	color: #FFF;
    display: block;
	background-image: url(../images/arrow-orange.png);
	background-repeat: no-repeat;
	background-position: right;
}
#button-orange-arrow a, #button-orange-arrow a:link, #button-orange-arrow a:visited {
	text-decoration: none;
	color: #FFF;
    display: block;
	background-image: url(../images/arrow-white.png);
	background-repeat: no-repeat;
	background-position: right;
}
#button-grey-arrow a:hover, #button-grey-arrow a:active,#button-orange-arrow a:hover, #button-orange-arrow a:active {
	color: #FFF;
	text-decoration: none;    
}
#button-grey-arrow {
background-color:#2B2E34;
padding:20px;
width:50%;
text-align:center;
color: #FFF;
font-weight:600;
font-size: 1.5em;
margin-bottom:15px;
}

#button-orange-arrow {
background-color:#ff3300;
padding:20px;
width:70%;
text-align:center;
color: #FFF;
font-weight:600;
font-size: 1.5em;
margin-bottom:15px;
}

@media screen and (max-width: 1236px) {
#button-grey-arrow {
background-color:#2B2E34;
padding:20px;
width:60%;
text-align:center;
	color: #FFF;
	font-weight:600;
	font-size: 1.5em;
}
}
@media screen and (max-width: 720px) {
#button-grey-arrow {
background-color:#2B2E34;
	color: #FFF;
	font-weight:600;
	font-size: 1.0em;
padding:10px;
width:100%;
text-align:center;
}
}



/* general css */

img {
	max-width: 100%;
}

.circle {
    border-radius: 50%;
}
.border {border:3px solid #EEE;}
#img-round{padding:50px 0 0 20px;}

p {margin: 0;}
.bold {	font-weight: bold;}
.cta {margin: 10px 0 5px 0;font-size: 1.1em;}
.grey {margin: 0;color:#2B2E34;}
.padding {padding:0 10px 0 10px;}
.larger {font-size: 1.2em;}
.xl {font-size: 1.8em;}
.center {text-align: center;}
.orange{color:#ff3300;}
.line {  border-right: 1px solid #ff3300; margin: 0 10px 0 10px;}
.white{color:#FFF;}
.subtitle{font-style: italic;font-size:0.85em;}
i, .italics{font-style: italic;}
.nobr	{ white-space:nowrap; }
.smaller {font-size:0.8em;}
p.small {font-size:0.7em;text-align:center;margin: 0 0 20px 0;}
p.privacy {font-size:0.7em;text-align:left;margin: 20px 0 20px 0;line-height:1.4em;}

#maintext ul  { 
margin: 20px 0 20px 20px;
padding: 0;
list-style: none;
} 

#maintext ul li{
padding:0 0 5px 30px;
background-image: url(../images/bullet.jpg);
background-repeat: no-repeat;
background-position: top left;
}

input[type=text] {
    padding:5px; 
	width:90%;
}

input[type=text]:focus {}

input[type=tel] {
    padding:5px; 
	width:90%;
}


textarea {
width:90%;
height:250px;
}

button[type=submit]{
                 background: #FF3300;
				 font-weight:600;
				 font-family:'Open Sans', sans-serif;
				 font-size:1.2em;
                 color: #FFF;
				 height: 50px;
				 width: 260px;
				 padding:10px 15px 10px 15px;
				 border:none;
				 box-shadow:none;
}
button[type=submit]:hover{
                 background: #ff1e00;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Open Sans, sans-serif;
}

h1 {clear:both;}

h1.pageheader, h2.pageheader  {
	font-weight:700;
	font-size: 1.4em;
    color:#ff3300;
    padding:30px 0 30px 0;
}
h2.sidecol {
	font-weight:600;
	font-size: 1.4em;
    color:#151515;
    padding:10px 0 30px 0;
}
h2.pageheader-black {
	font-weight:700;
	font-size: 1.2em;
    color:#2b2e34;
    padding:30px 0 30px 0;
}
h3.pageheader {
	font-weight:700;
	font-size: 1.2em;
    color:#ff3300;
    padding:30px 0 30px 0;
}

h4 {
	font-weight: 600;
	font-size: 1.2em;
    color:#151515;
    padding:20px 0 8px 0;
}

h5, h6 {
	font-size: 1em;
}



/** top nav **/

* {
  box-sizing: border-box;
}

.nav {
  height: 50px;
  width: 100%;
  background-color: #FFF;
  position: relative;
  z-index: 100000;
}

.nav > .nav-header {
  display: inline;
}

@media (min-width:600px) {
.nav > .nav-header > .nav-title {
  display: none;
}
}


.nav > .nav-btn {
  display: none;
}

.nav > .nav-links > a.on {
	color:#ff3300;
}

.nav > .nav-links {
  display: inline;
  font-size: 0.9em;
  font-weight:600;
  text-transform: uppercase;
}

.nav > .nav-links > a {
  display: inline-block;
  padding: 13px 50px 13px 50px;
  text-decoration: none;
  color: #000;
}
@media (max-width:1236px) {
.nav > .nav-links > a {
  display: inline-block;
  padding: 13px 30px 13px 30px;
  text-decoration: none;
  color: #000;
}
}
@media (max-width:986px) {
.nav > .nav-links > a {
  display: inline-block;
  padding: 13px 10px 13px 10px;
  text-decoration: none;
  color: #000;
}
}
@media (max-width:720px) {
.nav > .nav-links > a {
  display: inline-block;
  padding: 13px 5px 13px 5px;
  text-decoration: none;
  color: #000;
}
}
.nav > .nav-links > a:hover {
	color:#ff3300;
}

.nav > #nav-check {
  display: none;
}

@media (max-width:600px) {
 .nav > .nav-header > .nav-title {
  display: inline-block;
  font-size: 22px;
  color: #000;
  padding: 10px 10px 10px 10px;
}
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 10px;
    border-top: 2px solid #000;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #e5e5e5;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
  }
   
  .nav > .nav-links > a {
    display: block;
    width: 100%;
  }
  .nav > .nav-links > a:hover {
    background-color: rgba(255, 255, 255);
}
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: calc(100vh - 50px);
    overflow-y: auto;
  }
}