@charset "utf-8";
/* *****************************************************************************
COLORS -----------------------------------------
BLUE: #106bb5
YELLOW: #fdbe0f
BLACK TEXT: #282828
WHITE TEXT: #9f9f9f

FONTS ------------------------------------------
HEADLINE:  font: normal 28px Lato, sans-serif, arial; line-height:30px; text-transform: uppercase;
TEXT:  font: normal 28px Lato, sans-serif, arial; line-height:30px; text-transform: uppercase;

***************************************************************************** */



html {	-webkit-text-size-adjust: none;	-ms-text-size-adjust: none;	background-color: #ffffff;}
body {  background-color: #106bb5;	
		margin: 0 auto;	
		padding: 0; 
		overflow-y: visible !important;  overflow-x: hidden !important;
		font-family: Lato, sans-serif, arial; 
	 }

body, div, span, p, th, td, h1, h2, h3, h4, h5, h6 {color:#282828; font-family: Lato, sans-serif, arial; font-size:18px;  line-height:28px; }

h1, h2, h3, h4, h5 {font-weight: 400;  text-transform: uppercase;  color: #106bb5;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {font-weight: 700;}
/*h1 { font-size:38px; line-height:34px; margin-bottom: 14px; }*/
h1 { font-size:28px; line-height:30px; margin-bottom: 8px;  margin-top:8px  }
h2 { font-size:28px; line-height:29px; margin-bottom: 8px;  margin-top:8px  }
h3 { font-size:24px; line-height:30px; margin-bottom: 14px; }
h4 { font-size:20px; line-height:26px; margin-bottom: 8px; margin-top:8px }
h5 { font-size:18px; line-height:24px; margin-bottom: 14px; }

.mblshow {display:none;}
.legal {font-size:12px; line-height:14px;}


#main { table-layout: fixed; border-top: solid 6px #fdbe0f; border-bottom: solid 6px #fdbe0f; min-height:calc(100vh - 16px); }
#content { background-color:#fff;width:calc(100% - 50px); max-width: 1150px; margin:0 auto; padding:0 0  0 0;
border-color:#fff; 
/*-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
*/
-webkit-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border-radius: 8px;  }


.aardvark-joe { position:fixed; top:calc(100% - 200px); left:calc(100% + 320px); z-index:1;}
.aardvark-joe .close { background-image:url(/images/close-x.png); background-size:contain; opacity:0.6; position:absolute; top:1px; left:280px; z-index:2;  height:25px; width:25px; transition: all .4s ease-in; }
.aardvark-joe .close:hover {-webkit-transform: rotate(270deg); transform: rotate(270deg);opacity:1;}
.aardvark-joe.show { -ms-animation: slidein 1s linear 0s forwards 1; }
.aardvark-joe.show { -moz-animation: slidein 1s linear 0s forwards 1; }
.aardvark-joe.show { -webkit-animation: slidein 1s linear 0s forwards 1; }
.aardvark-joe.show { -animation: slidein 1s linear 0s forwards 1; }
.aardvark-joe.show:hover{ -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -ms-animation-play-state: paused; animation-play-state: paused; }









.spirit1053 { 	position:fixed; text-align:center;
		width:90%; max-width:400px; height:228px; 
		top: 20%; right: 5px; border: 2px solid black; border-radius: 15px;
		z-index:1; background-color:#9160a3;
		background-image:url(/images/miyaListen2.png); background-size:contain; background-repeat:no-repeat;}
.spirit1053 .close { background-image:url(/images/close-x.png); background-size:contain; opacity:0.6; position:absolute; top:1px; left:374px; z-index:2;  height:25px; width:25px; transition: all .4s ease-in; }
.spirit1053 .close:hover {-webkit-transform: rotate(270deg); transform: rotate(270deg);opacity:1;}
.spirit1053 .adCopy {font-size:18px; font-weight:bold; color:#ffffff; position:absolute; top:-4px; left:188px; margin:0;padding:0;}

.spirit1053 audio {position:absolute; width:96%; top:166px; left:0; margin:2%;padding:0;}











.egg5 {  z-index:1; display:none;}

@-webkit-keyframes slidein {
	0%   	{ left:calc(100%);}
	100% 	{ left:calc(100% - 320px);}	
}

/** PAGE HEADER ***********************************************/
#top {background-color:#fff;padding-bottom:5px; /*border-bottom: solid 4px #fdbe0f;*/}
#header {  width:100%; max-width: 1200px; margin:0 auto; padding:10px 0;background-color:#fff; }
#header .logo { width:37%;margin-left:3%; float:left;background-color:#fff; /*border:solid 1px lime;*/}
#header .logo img { width:100%; max-width:380px; }
#header .connect { width:50%; float:right; margin-right:5%; text-align:right; background-color:#fff; /*border:solid 1px lime;*/}
.social { padding:20px 15px 0 0; vertical-align:middle;}
.social .socialText {  font: 100 24px Open Sans, sans-serif; color: #282828; }
.social .socialImg {vertical-align:middle; padding-bottom:11px; }
#header .connect .phone { margin-top:20px; padding:20px 15px 0 0; font: 600 24px Lato, sans-serif; color: #282828;}
#header .connect .phone.email {font-size:20px; line-height:1px; margin:0; padding:0;}
#header .connect .phone a { text-decoration:none; color: #106bb5; font: 800 38px Lato, sans-serif;}
#header .connect .phone a.sml {font-size:20px;}


/** NAVIGATION  ***********************************************/
#nav { text-align:center; background-color:#106bb5;  margin:0 0 10px 0;} 
.navItem { color:#fff; width:11%; max-width:200px; display:inline-block; line-height:38px; white-space:nowrap; }
.navItem.plus { width:24%;}
.navItem.sml { width:8%;}
.navItem:hover { color:#fdbe0f; 
background: #1E62D0;
background-image: -webkit-linear-gradient(top, #106BB5, #1c5b93);
background-image: -moz-linear-gradient(top, #106BB5, #1c5b93);
background-image: -ms-linear-gradient(top, #106BB5, #1c5b93);
background-image: -o-linear-gradient(top, #106BB5, #1c5b93);
background-image: linear-gradient(to bottom, #106BB5, #1c5b93);
text-decoration: none;
/* color:#fdbe0f; */
}
.navItem.selected {}


/** PAGE FOOTER ***********************************************/
#footer { background-color:#106bb5; color:#ddd; width:70%; max-width: 1000px; margin:0 auto;}
#footer address  {text-align:left;  border-bottom:1px solid #ddd;padding:40px 0 20px 0; overflow:auto;}
#footer address span, #footer address div  {color:#ddd;  font:normal 14px arial !important;}
#footer address a { text-decoration:none; }
#footer address .spacer {line-height:12px;}
#footer address .adr { float:left; }
#footer address .cert {  float:right; }
.copyright  {color:#ddd; text-align:left; padding-top:5px; border-color:#ccc;  font:normal 14px arial !important;}
.privacy, .privacy a  {color:#ddd !important; padding-top:5px; text-align:left; font:normal 14px arial !important; }
.clr {clear:both; line-height:0; height:0;}
.hero {-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-topleft: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;}




/** CONTENT AREAS ***********************************************/
.copyblock {padding:0 40px;}
.copyblock.left {float:none; width:auto; }
.copyblock.right.hide {float:right; width:200px; /* border:solid 1px lime;*/}

/** SERVICES PAGE TILES ***********************************************/
.tile { background:url(/images/tile_preventative.jpg); height: 200px; width: 200px; margin: 0 auto 20px;  
		position: relative;  float: left; overflow:hidden; border-radius: 8px;   background-position:center center;background-size:150%;}
.tile.rodents{ background:url(/images/tile_rodents.jpg); background-position:center center;background-size:150%;}
.tile.ants{ background:url(/images/tile_ants.jpg); background-position:center center;background-size:150%;}
.tile.spiders{ background:url(/images/tile_spiders.jpg); background-position:center center;background-size:150%;}
.tile.bees{ background:url(/images/tile_bees.jpg); background-position:center center;background-size:150%;}
.tile.fleas{ background:url(/images/tile_flea.jpg); background-position:center center;background-size:150%;}
.tile.bedbugs{ background:url(/images/tile_bedbugs.jpg); background-position:center center;background-size:150%;}
.tile.moles{ background:url(/images/tile_mole.jpg); background-position:center center;background-size:150%;}
.tile.roaches{ background:url(/images/tile_roache.jpg); background-position:center center;background-size:150%;}
.tile.flies{ background:url(/images/tile_flies.jpg); background-position:center center;background-size:150%;}
.tile.termites{ background:url(/images/tile_termites.jpg); background-position:center center;background-size:150%;}
.tile.birds{ background:url(/images/tile_birds.jpg); background-position:center center;background-size:150%;}
.tile.moths{ background:url(/images/tile_moths.jpg); background-position:center center;background-size:150%;}


.copyblock.services table.center{text-align:center; margin:0 auto;}
.copyblock.services .tile {width:26vw; height:26vw; padding:10px; max-width:220px; max-height:220px; margin:  auto ;  display:inline-block; float:none;}
.copyblock.services .overlay { width:26vw; height:26vw; padding:10px; max-width:220px; max-height:220px; position: absolute; background-color: #000;  /*left: 0; bottom: 0;opacity: 0;*/ }


.blogitem {float:none; display:block; clear:all; border:solid 2px #b6dcfa; margin-bottom:8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	min-height:160px;
	}
.blogitem.small {min-height:120px; }
.blogitem H3 {margin-top:0;padding-top:0; }
.blogitem H3 A {text-decoration:none;}
.blogitem H3 A:hover {text-decoration:underline;}
.postdate {font-size:.7em;font-style:italic; padding:0 0 0 0; }
}
/**
.tile.deodorize{ background:url(/images/tile_deodorize.jpg); background-position:center center;background-size:120%;}
.tile.prevention{ background:url(/images/tile_preventative.jpg); background-position:center center;background-size:150%;}
.tile.beetles{ background:url(/images/tile_beetles.jpg); background-position:center center;background-size:150%;}
.tile.real-estate-inspection{ background:url(/images/tile_real-estate-inspection.jpg); background-position:center center;background-size:150%;}
.tile.do-it-yourself{ background:url(/images/tile_do-it-yourself.jpg); background-position:center center;background-size:130%;}
**/


/** ABOUT PAGE PEOPLE TILES ***********************************************/ 

.tile.joe{ background:url(/images/team-joe.jpg); background-position:center center;background-size:100%;}
.tile.joe{ background:url(/images/team-joe.jpg); background-position:center center;background-size:100%;}
.tile.ja{ background:url(/images/team-joeaardvark.jpg); background-position:center center;background-size:100%;}
.tile.arthur{ background:url(/images/team-arthur.jpg); background-position:center center;background-size:100%;}
.tile.mike{ background:url(/images/team-mike.jpg); background-position:center center;background-size:100%;}
.tile.christina{ background:url(/images/team-cristina.jpg); background-position:center center;background-size:100%;}
.tile.joey{ background:url(/images/team-joey.jpg); background-position:center center;background-size:100%;}
.tile.rob{ background:url(/images/team-rob.jpg); background-position:center center;background-size:100%;}
.tile.perry{ background:url(/images/team-perry.jpg); background-position:center center;background-size:100%;}
.tile.bill{ background:url(/images/team-bill.jpg); background-position:center center;background-size:100%;}
.tile.cheyne{ background:url(/images/team-cheyne.gif); background-position:center center;background-size:100%;}
.tile.lili{ background:url(/images/team-lili.jpg); background-position:center center;background-size:100%;}
.tile.tee{ background:url(/images/team-tee.jpg); background-position:center center;background-size:100%;}
.tile.michiko{ background:url(/images/team-michiko.jpg); background-position:center center;background-size:100%;}
.tile.sharon{ background:url(/images/team-sharon.jpg); background-position:center center;background-size:100%;}
.tile.shawn{ background:url(/images/team-shawn.jpg); background-position:center center;background-size:100%;}
.tile.duy{ background:url(/images/team-duy.jpg); background-position:center center;background-size:100%;}
.tile.hawk{ background:url(/images/team-hawk.jpg); background-position:center center;background-size:100%;}
.tile.dominic{ background:url(/images/team-dominic.jpg); background-position:center center;background-size:100%;}
/* 

.tile.ryker{ background:url(/images/team-missing.png); background-position:center center;background-size:100%;}
.tile.tyson{ background:url(/images/team-missing.png); background-position:center center;background-size:100%;}
.tile.ana{ background:url(/images/team-anna.jpg); background-position:center center;background-size:100%;}
.tile.stephanie{ background:url(/images/team-stephanie.jpg); background-position:center center;background-size:100%;}
.tile.kim{ background:url(/images/team-kim.jpg); background-position:center center;background-size:100%;}
.tile.sydney{ background:url(/images/team-sydney.jpg); background-position:center center;background-size:100%;}
.tile.josh{ background:url(/images/team-josh.jpg); background-position:center center;background-size:100%;}
.tile.josh:hover{ background:url(/images/team-missing2.png); background-position:center center;background-size:100%;}
.tile.noelle{ background:url(/images/team-noel.jpg); background-position:center center;background-size:100%;} 

*/

.overlay {height: 180px; width: 180px; position: absolute;   padding:10px; left: 0; bottom: 0; background-color: #000;  opacity: 0; top:300px;}
.overlay-content { color:#fff; font-family: Lato, sans-serif, arial; font-size:14px; text-align: center;  position: relative; top: 40%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);}
.tile:hover .overlay, .tile:focus .overlay  { opacity: .7;  top:0px; }
.copyblock.services .tile:hover .overlay, .copyblock.services .tile:focus .overlay { opacity: .7;  top:0px;   }
.tile:hover {background-size:200%;}
.overlay a {color:#fff;}
.tile a, .tile div, .tile path {-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.tile {-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}


.copyblock.team table.center{text-align:center; margin:0 auto;}
.copyblock.team .tile {width:11vw; height:11vw; max-width:330px; max-height:330px; margin:  auto; padding:0;  display:inline-block; float:none;}
.copyblock.team .whois {top:70%; width:100%;color:#106bb5; font-family: Lato, sans-serif, arial; font-size:16px; line-height:18px; padding:5px; opacity: .7;   background-color: #000; position: absolute;}
.copyblock.team .tile:hover {background-size:120%;}

.testimonial  {width:auto; padding: 10px 20px; margin:0 0 5px 0; border-radius:8px; }
.testimonial:nth-child(even) {background: #eee}
.testimonial:nth-child(odd) {background: #ddd}
.testimonial .quote {float:none; clear:both;  line-height:1.3em;}
.testimonial .date {float:left; font-size:.9em;font-style:italic;}
.testimonial .name {float:right;font-size:.9em;font-style:italic;}
.testimonial .city {float:right;font-size:.9em; margin-left:10px;font-style:italic;}

.servicearea {display:block; margin:20px 5px; padding:10px; border-radius:8px;}
.servicearea .city {height:0px; line-height:0px; color:#000000;font-weight:100; padding:10px 16px; text-decoration:none; display:inline-block;cursor:pointer;  border-radius:11px; border:solid 1px #0004b7;}
.servicearea .city:hover {color:#0004b7; text-decoration:none; border-radius:11px; border:solid 1px #0004b7;}
.servicearea.snoho .city { border:solid 1px #a0e0d8;}
.servicearea.king .city { border:solid 1px #e2cfc5;}
.servicearea.pierce .city { border:solid 1px #d0dd99;}
.servicearea.snoho .city:hover, .servicearea.king .city:hover, .servicearea.pierce .city:hover   { border:solid 1px #0004b7;}

.servicearea.snoho {background-color:#a0e0d8;}
.servicearea.king {background-color:#e2cfc5;}
.servicearea.pierce {background-color:#d0dd99;}
.servicearea h3 { display:block; font-size:18px; font-weight:500; line-height:38px; margin: 0px; padding:0 18px ;}

.coupon {width:80%; max-width:500px; height:auto;}
.coupon.newsletter {width:96%; max-width:600px; height:auto;}
.coupon.sml {width:50%; max-width:300px; height:auto;}
a.button {
height:0px;
line-height:0px;
color:#FFFFFF;
font-weight:100;
padding:18px 34px;
background-color:#1c5b93;
text-decoration:none;
display:inline-block;
cursor:pointer;
-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;
box-shadow: 3px 6px 20px 0px #777;
-webkit-box-shadow: 3px 6px 20px 0px #777;
-moz-box-shadow: 3px 6px 20px 0px #777;
}

a.button:hover {
background: #1E62D0;
background-image: -webkit-linear-gradient(top, #1c5b93, #106BB5);
background-image: -moz-linear-gradient(top, #1c5b93, #106BB5);
background-image: -ms-linear-gradient(top, #1c5b93, #106BB5);
background-image: -o-linear-gradient(top, #1c5b93, #106BB5);
background-image: linear-gradient(to bottom, #1c5b93, #106BB5);
text-decoration: none;
/* color:#fdbe0f; */
}


.mapWidget {}
.mapWidget iframe { width:600px; height:450px; max-width:650px;}
#header .connect .testimonial { margin:5px 5px 5px 60px; }

@media (max-width: 1040px) {	

	.navItem.plus { width:16%;}
	.navItem.sml { width:8%;}
	.navItem { font-size:14px; }
	#HomePageTag {width:50%;}
}


@media (max-width: 920px) {	
	#header .connect { width:45%;}
	#header .connect .phone {margin-top:15px; padding:10px 15px 0 0; color: #282828;}
	#header .connect .phone a { text-decoration:none; color: #106bb5; font: 800 34px Lato, sans-serif;}
	#header .connect .phone .email {font-size:18px;}
	#header .connect .phone a.sml {font-size:18px;}
	

	.social .socialText {  font: 100 18px Open Sans, sans-serif; color: #282828; }
	.social .socialImg {vertical-align:middle; padding-bottom:7px;height:30px; width:auto; }
	.copyblock.services .tile {width:36vw; height:36vw; padding:10px; max-width:330px; max-height:330px;}
	.copyblock.services .overlay {width:36vw; height:36vw;  }
	.copyblock.team .tile {width:25vw; height:25vw;}
	#header .connect .testimonial { margin:5px 5px 5px 60px;}
	.navItem.plus { width:16%;}
	.navItem.sml { width:8%;}
	.navItem { font-size:14px; }
}
@media (max-width: 820px) {	
	#header .logo { width:45% !important; /*border:solid 1px lime  !important;*/}
	#header .logo img { width:100% !important; }
	#header .connect .social .socialText {  font: 100 18px Open Sans, sans-serif; color: #282828; }
	#header .connect .social .socialImg {vertical-align:middle; padding-bottom:7px; height:30px; width:auto; }
	#header .connect .testimonial { margin:5px 5px 5px 50px;}
	
	.overlay-content { color:#fff; font-family: Lato, sans-serif, arial; font-size:14px; line-height: 16px;}
	.overlay-content h3 {font-size:18px; line-height:20px; margin-bottom: 8px;}
	.overlay-content h4 {font-size:16px; line-height:20px; margin-bottom: 8px;}
	.copyblock.services .overlay { opacity: .6;  top:0px; }
	.copyblock .overlay { opacity: .6;  top:0px; }

	.mapWidget iframe { width:500px; height:400px; max-width:650px;}
}
@media (max-width: 720px) {	
	#footer address .adr { float:none !important; display:block; }
	#footer address .cert {  float:none !important; display:block; padding: 10px 0 0 0;}
	/** CONTENT AREAS ***********************************************/
	.copyblock {padding:0 20px;}
	.copyblock.left {float:none; width:auto; }
	.copyblock.right.hide {display:none;}
	.copyblock.team .tile {width:35vw; height:35vw;}
	

	.navItem.plus { width:16%;}
	.navItem.sml { width:8%;}
	.navItem { font-size:13px; }
	
	.mblshow {display:block;}
	.mblhide {display:none;}
	.revLogo {display:block; padding:5px 20px;}
}
@media (max-width: 600px) {	
	#header .logo { float:none; width:100% !important; text-align:center !important;}
	#header .logo img { width:80% !important; margin-right:13% !important;}
	#header .connect { width:100%; float:none; text-align:center; background-color:#fff; /*border:solid 1px lime;*/}
	#header .connect .social {display:none; height:0;}
	#header .connect .phone {margin-top:5px; padding:0 0 0 10px; font: 600 20px Lato, sans-serif; color: #282828;}
	#header .connect .testimonial { padding:5px 5px 5px 5px;}
	.navItem { font-size:12px; }
	#content { background-color:#fff;width:calc(100% - 20px)}
	.coupon.sml {width:70%; max-width:300px; height:auto;}
	
	.mapWidget iframe { width:350px; height:300px; max-width:650px;}
	
	.copyblock.services .tile {width:70vw; height:70vw; padding:10px; max-width:330px; max-height:330px;}
	.copyblock.services .overlay {width:70vw; height:70vw;  }
	
	.contactus h3 {font-size:16px; line-height:18px; margin-bottom: 6px;}
}

@media (max-width: 500px) {	
	.copyblock {padding:0 10px;}
	.mapWidget iframe { width:240px; height:350px; max-width:300px;}
	.contactus h2 {font-size:16px; line-height:18px; margin-bottom: 6px;}
	.contactus h3, .shrink {font-size:14px; line-height:16px; margin-bottom: 6px;}
}
@media only screen and (max-width: 480px) {	
	.wrap { width:100% !important;}
}
@media (max-width: 420px) {	
	.navItem, .navItem.sml, .navItem.plus { padding:5px !important; background-color:#0d65ac; display:block; width:calc(100% - 20px); max-width:none; line-height:18px; text-align:center; margin:9px auto; border:solid 1px #000;}
	.navItem:hover { border:solid 1px #fdbe0f; }
	#nav .hide {display:none;}

}