* {
	margin: 0;
	padding: 0;
	border: 0;
}

html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 

}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
  }

}

@media screen and (max-width: 480px) {
	p, h2 {max-width: 100%;}
	.mobileright {float: right;}
	.mobilecenter {width: 266px; margin-left: 5%;}
    .mobiledisappear, #section4, #section4opossum, #section4snakes {display:none;}
    .onehunna, #section1, .sectiongray, #section5, #section7, #section8, #section9, .sectionwhite, #sectionrepairs, #sectionrestoration, #sectionanimals, #citybuttons, #sectionarmadillo, #sectionbat, #sectionbee, #sectionbird, #sectionlizard, #sectionmole, #sectionopossum, #sectionraccoon, #sectionrodent, #sectionsquirrel, #sectionsnake, #sectiondead, h1, .cityanimalwrapper, .cityanimalwrapper img {max-width: 100%; min-width: ; padding: 0px; margin: 0px;}
    .formonehunna {max-width: 100px;}
    form {min-width: 80%;}
    h1 {line-height: 95%;}
   	#section1, #section4, #section6, #section8 {
   		background-image: url(images/pattern.png); 
		}
	#section6, #section8 {
		color: white;
	}
	#homeform {
		width: 400px;
	}
}

@media screen and (min-width: 481px) {
	.mobileappear {display:none;}
	#section1 {
		background: url(images/snakes.png) no-repeat fixed; 
		background-position: center center;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#section4 {
		background-color: rgba(236,236,236,0.5);
		height: 400px;
			background: url(images/snakes.png) no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	}
	#section6, #section8 {
		background: url(images/snakes.png) no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		  color: white;
	}

	#section1 img {margin: 20px;}
	#homepagemap {
		display: inline-block;
		float: left;
		margin: 50px;
		width: 600px;
	}
	#homepagemapwrapper {
		width: 40%;
		float: right;
		display: inline-block;
	}
	#homepageform {
		width: 40%;
		min-width: 500px;
		display: inline-block;
	}

	#homeform {
		float: right;
		width: 420px;
		margin-left: 50px;
	}
}

#animalspageopossum {
	margin: auto;
	margin-left: 8%;
}

body {
	font-family: 'Cabin', sans-serif;
}

.bold {
	font-weight: bold;
}

.leftalign {
	text-align: left;
}

.center {
	text-align: center;
}

.center a {
	color: black;
}

@font-face {
    font-family: Voltaire;
    src: url(fonts/voltaire.ttf);
}

@font-face {
	font-family: Jolly;
	src: url(fonts/jollylodger.ttf);
}
.boldfont {
	font-size: 18px;
	font-weight: bold;
}

.padding {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: -10px;
}

@media screen and (max-width: 1620px) {

    .myImageClass {display:none;}

}

/*.shadow {
	box-shadow: 2px 2px 15px 5px rgba(236,236,236,0.7);
} */


#header {
	padding: 10px;
}

#headerwrapper {
	width: 750px;
	margin: auto;
}



/*navigation begins*/

#nav {
	background-color: #262626;
	width: 100%;
	position: fixed;
}
.main-navigation {
  /*position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;*/
  width: 100%;
  height: 51px;
}



ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #262626;
}


ul li {
  display: block;
  position: relative;
  float: left;
  background: #262626;
  vertical-align: bottom;
  	z-index: 9999;
}

li ul { display: none; }

ul li a {
  display: block;
  padding: 1em;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
}

ul li a:hover { background: #69A14F; }

li:hover > ul {
  display: block;
  position: absolute;
}

li:hover li { float: none; }

/*li:hover a { background: #262626; }*/

li:hover li a:hover { background: #69A14F; }

.main-navigation li ul li { border-top: 0; }

ul ul ul {
  left: 100%;
  top: 0;
}

ul:before,
ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

ul:after { clear: both; }

.right {
	float: right;
	margin-top: px;
}

ul img {
	margin: 5px;
}


.marginauto {
	margin: auto;
	display: block;
}

/*navigation ends*/

.attic {
	background: url(images/attic.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
	text-align: center;
}

.attic h2 {
	padding-top: 100px;
	text-transform: uppercase;
}

.roman {
	font-family: Jolly;
	font-size: 64px;
	color: #95e370;
	text-shadow: 3px 3px #262626;
	padding: 10px;
	letter-spacing: 10px;
}

.roman1 {
	font-family: Jolly;
	font-size: 72px;
	letter-spacing: 5px;
	color: #95e370;
	text-shadow: 3px 3px #262626;
	padding-top: 10px;
	text-align: center;
}

.roman2 {
	font-family: Jolly;
	font-size: 36px;
	letter-spacing: 2px;
	color: #95e370;
	text-shadow: 3px 3px #262626;
	padding-top: 10px;
	text-align: center;
	text-decoration: none;
}
.inbetween {
	font-size: 36px;
	color: white;
	text-shadow: 2px 2px #262626;
	padding-top: 20px;
	font-weight: 100;
	text-transform: uppercase;
}
h2 a {
	color: white;
}

#section1 {
	padding: 40px;
	height: 400px;
	text-align: center;
    color: white;
}


.sectiongreen {
	text-align: center;
	/*
	background-color: #78c961;*/
	background-color: #262626;
}

.sectiongray, #section6, #section8, #section9 {
	padding: 40px;
}

.sectiongray {
	background-color: rgba(236,236,236,0.5);
}

.sectiongray h1{
	text-align: center;
	width: 900px;
	margin: auto;
	padding-bottom: 20px;
}


.sectiongray p {
	width: 900px;
	margin: auto;
}

#section3 {
	background-color: white;
}

#mapandlocations {
	width: 1300px;
	background: white;
	margin: auto;
}

#map {
	width: 800px;
	margin-top: 50px;
	margin-bottom: 30px;
	display: inline;
	float: left;
}


.alllocations {
	float: left;
	margin-left: 100px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.alllocations a {
	color: #69A14F;
	text-decoration: none;
}

.sectionwhite, #section5, #section7 {
	padding: 50px;
	margin: auto;
	background-color: white;
}

.sectionwhite p, .sectionwhite h2, .sectiongray p, .sectiongray h2, #section5 p, #section5 h2, #section6 p, #section6 h2, #section7 p, #section7 h2, #section8 p, #section8 h2, #section9 p, #section9 h2 {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 900px;
	margin: auto;
}

.cityanimalwrapper {
	width: 900px;
	margin: auto;
}
.animalleft {
	float: left;
	margin-right: 10px;
	margin-top: 12px;
	margin-bottom: 10px;
}


#circlecontainer {
	width: 1360px;
	margin: auto;
	padding-top: 30px;
}

.circle {
	width: 300px;
	height: 300px;
	border-radius: 50%;
	float: left;
	margin: 20px;
	background-color: white;
	color: black;
	/*box-shadow: 2px 2px 15px 2px rgba(236,236,236,0.7);*/
}

.circle:hover {
	background-color: rgba(105,161,79,0.8);
	color: black;
}

.circle img {
	margin-left: 100px;
	margin-top: 50px;
}


.circle p {
	text-align: center;
	font-size: 28px;
	margin: 20px;
	font-family: Voltaire;
	text-transform: uppercase;
}

#section5 {
	width: ;
	margin: auto;
	padding-left: 15%;
}

#section5 img {
	padding: 50px;
	margin-left: 100px;
}

#footer {
	background-color: #262626;
	padding: 25px;
	height: 160px;
	color: white;
	clear: both;
	text-align: center;
}

#footer p a {
	text-align: center;
	text-decoration: none;
	color: white;
}

#footer p a:hover {
	color: white;
}

.feed {
	border: 5px rgba(236,236,236,0.5) solid;
	width: 400px;
	height: 200px;
	display: block;
	float: right;
}

#footermiddle {
	margin-top: 5px;
	padding-top: 15px;
	float: left;
	text-align: center;
	width: 33%;
}

#footerlogo {
	height: 120px;
	width: 319.094px;
}

#googlereview {
	width: 450px;
	height: 362px;
	background-image: url(images/googlereview.png);

	margin-bottom: 30px;
	margin-top: 10px;
	float: right;
}

.fb-page {
	margin: 30px;
	padding-left: 100px;
}

#contactcontainer {
	height: 430px;
	width: 1100px;
	margin: auto;
}



#contactform {
	max-width: 500px;
	width: 500px;
	float: left;
}

#contactform h3 {
	margin-left: 18px;
}

#contactcontainer img {
	float: left;
	padding-left: 150px;
	padding-top: 90px;
}

form {
	margin-top: 30px;
	margin-bottom: 30px;
}

form h2 {
	padding-left: 150px;
}

.contactinput {
	position: relative;
	z-index: 1;
	display: block;
	margin: 1em;
	max-width: 400px;
	width: 400px;
	vertical-align: top;
		
}

.input {
	position: relative;
	z-index: 1;
	display: block;
	margin: 1em;
	max-width: 300px;
	width: 300px;
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: 400;
	-webkit-appearance: none; /* for box shadows to show on iOS */
	border-bottom: 1px solid black;
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: ;
	float: right;
	padding: 0 1em;
	width: ;
	color: #262626;
	font-weight: bold;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}


.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.icon {
	color: #ddd;
	font-size: 150%;
}

/* Individual styles */

/* Nao */
.input--nao {
	overflow: hidden;
	padding-top: 1em;
	padding-left: 100px;
}

.input__field--nao {
	padding: 0.5em 0em 0.25em;
	width: 100%;
	background: transparent;
	color: #9da8b2;
	font-size: 1.25em;
}

.input__label--nao {
	position: absolute;
	top: 0.95em;
	font-size: 0.85em;
	left: 0;
	display: block;
	width: 100%;
	text-align: left;
	padding: 0em;
	pointer-events: none;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: -webkit-transform 0.3s 0.1s, color 1s;
	transition: transform 0.3s 0.1s, color 1s;
	-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
	transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
}
.input_label {
	border-bottom: 1px solid black;
}
.graphic--nao {
	stroke: #92989e;
	pointer-events: none;
	-webkit-transition: -webkit-transform 0.7s, stroke 0.7s;
	transition: transform 0.7s, stroke 0.7s;
	-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
	transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
} 

.input__field--nao:focus + .input__label--nao,
.input--filled .input__label--nao {
	color: #333;
	-webkit-transform: translate3d(0, -1.25em, 0) scale3d(0.75, 0.75, 1);
	transform: translate3d(0, -1.25em, 0) scale3d(0.75, 0.75, 1);
}

.input__field--nao:focus ~ .graphic--nao,
.input--filled .graphic--nao {
	stroke: #7A6A53;
	-webkit-transform: translate3d(-66.6%, 0, 0);
	transform: translate3d(-66.6%, 0, 0);
}

textarea {
	font-family: 'Cabin', sans-serif;
}

#submit {
	float: right;
	padding: 10px;
	background-color: #69A14F;
	font-family: 'Cabin', sans-serif;
	color: white;
}

#submit:hover {
	background-color: #315421;
	color: white;
}




/* Animal Control */

#section4animal {
	background-color: rgba(236,236,236,0.5);
	height: 800px;
	}

#smallcirclecontainer {
	width: 960px;
	margin: auto;
	padding: 30px;
}

.smallcircle {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	float: left;
	margin: 20px;
	background-color: white;
	color: black;
	/*box-shadow: 2px 2px 15px 2px rgba(236,236,236,0.7);*/
}


.smallcircle img {
	margin-left: 100px;
	margin-top: 50px;
}


.smallcircle p {
	text-align: center;
	font-size: 28px;
	margin: 20px;
	margin-top: 60px;
	font-family: Voltaire;
	text-transform: uppercase;
}

.smallcircle:hover {
	color: transparent;
}


#armadillo:hover {
	background-image: url(images/sqarmadillo.png);
	background-size: 200px 200px;
}

#bat:hover {
	background-image: url(images/sqbat.png);
	background-size: 200px 200px;
}

#bee:hover {
	background-image: url(images/sqbee.png);
	background-size: 200px 200px;
}

#bird:hover {
	background-image: url(images/sqbird.png);
	background-size: 200px 200px;
}

#lizard:hover {
	background-image: url(images/sqlizard.png);
	background-size: 200px 200px;
}

#mole:hover {
	background-image: url(images/sqmole.jpg);
	background-size: 200px 200px;
}

#opossum:hover {
	background-image: url(images/opossum.png);
	background-size: 200px 200px;
}

#raccoon:hover {
	background-image: url(images/sqraccoon.jpg);
	background-size: 200px 200px;
}

#rat:hover {
	background-image: url(images/rat.png);
	background-size: 200px 200px;
}

#snake:hover {
	background-image: url(images/sqsnake.png);
	background-size: 200px 200px;
}

#squirrel:hover {
	background-image: url(images/squirrel.jpg);
	background-size: 200px 200px;
}

#dead:hover {
	background-image: url(images/sqdead.png);
	background-size: 200px 200px;
}

#other:hover {
	background-image: url(images/sqother.png);
	background-size: 200px 200px;
}




/* Contact */

#sectiongreen {
	background-color: #69A14F;
}

#sectiongreen p {
	width: 280px;
	margin: auto;
	padding: 30px;
	font-size: 28px;
	font-family: Voltaire;
}

#sectiongreen a {
	color: black;
	text-decoration: none;
}


#sectionservices {
	background: url(images/raccoonfight.png) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  height: 500px;
}

#sectionservices h1, #sectionrepairs h1, #sectionrestoration h1, #sectionanimals h1, #sectionbee h1, #sectionarmadillo h1, #sectionbat h1, #sectionbird h1, #sectionlizard h1, #sectionmole h1, #sectionopossum h1, #sectionraccoon h1, #sectionrodent h1, #sectionsnake h1, #sectionsquirrel h1, #sectiondead h1 {
		  text-align: center;
		  padding-top: 150px;
}

#section4snakes {
	background: url(images/snakes.png) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
	}


#sectionrepairs {
	background: url(images/repairs.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  height: 500px;
}

#sectionrestoration {
	background: url(images/attic.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  height: 500px;
}

#section4opossum {
	background: url(images/house.png) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
	}

#sectionarmadillo {
	background: url(images/armadillo.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
}

#sectionbat {
	background: url(images/bat.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
}

#sectionbee {
	background: url(images/bee.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
}

#sectionbird {
	background: url(images/bird.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
}

#sectionlizard {
	background: url(images/lizard.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
}

#sectionmole {
	background: url(images/mole.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
}

#sectionopossum {
	background: url(images/opossum.png) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
}

#sectionraccoon {
	background: url(images/raccoon.png) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
}

#sectionrodent {
	background: url(images/rat.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
}

#sectionsnake {
	background: url(images/snakes.png) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
}

#sectionsquirrel {
	background: url(images/squirrel.jpg) no-repeat fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
}

#sectiondead {
	background: url(images/skull.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
}

#sectionanimals {
	background: url(images/animalsbkgd.jpg) no-repeat top center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 400px;
}


/* Cities */


#citybuttons {
	width: 900px;
	margin: auto;
	padding: 10px;
}

.cities {
	height: 23px;
	width: 200px;
	padding: 10px;
	margin: auto;
	background-color: #69A14F;
	color: white;
	display: inline-block;
	    border-bottom: 1px solid #fff;
}

.cities:hover {
	background-color: #315421;
}


.corylauren {
	width: 1000px;
	margin: auto;
	padding-top: 50px;
}

.corylauren img {
	height: 200px;
}

#corylaurenright {
	float: right;
	width: 150px;
	height: 300px;
	margin-left: 15px;
}

#corylaurenleft {
	float: left;
	width: 150px;
	margin-right: 15px;
	padding-right: 20px;
	height: 300px;
}

#corylaurenleft img, #corylaurenright img {
	width: 150px;
	margin: 15px;
	border: #262626 5px solid;
}

#corylaurenmiddle {
	width: 700px;
	text-align: center;
	margin: auto;
}

#corylaurenmiddle h1, #corylaurenmiddle p, #corylaurenmiddle a {
	width: 660px;
	margin: 20px;
	padding-left: 20px;
	color: black;
}

.sectiongraya {
	background-color: ;
}

.howtovideos {
	margin: auto;
	width: 700px;
}

.thirstycoon {
	width: 320px;
	display: inline-block;
	padding-top: 30px;
	padding-bottom: 30px;
}


.blogheadpics {
	padding-bottom: 15px;
	padding-top: 15px;
}







.directory {
	max-width: 1000px;
	margin: auto;
	display: block;
	padding: 20px;
}

.directory .directory-map {
	width: 30%;
	float: right;
	padding-left: 20px;
	margin-left: 20px;
	border-left: 1px solid black;
}

.directory-left {
	width: 60%;
	float: left;
}


.listofcities {
	float: right;
	width: 40%;
	margin-top: 40px;
}

.homepagelocations a {
	color: #69A14F;
	text-decoration: underline;
	font-weight: bold;
	font-size: 18px;
}

svg {
	width: 100%;
    margin: auto;
    display: block;
    max-width: 1000px;
}



/*-----ACCORDION-------*/


/*  Basic stucture
=====================*/
#accordion{    margin: auto;
    margin-bottom: 50px;
    width: 200px;
    text-align: center;}
#accordion ul{list-style:none;margin:0;padding:0;}
.accordion{display:none;}
.accordion:target{display:block;}
#accordion ul li a{text-decoration:none;display:block;padding:10px;}
.accordion{padding:4px;}





/*  Colors 
====================*/
#accordion ul{
    display:block;
}
#accordion ul li {
	display: block;
	width:100%;
	    border-bottom: 1px solid white;
}
#accordion ul li a{
border-bottom:1px solid black;
color:#000;
}
#accordion ul li a:last-child{
border-bottom: none;
color:#000;
}
.accordion{
background:#fff;
}
.accordion:target{
border-top:3px solid black;
}
.accordion a {
	background-color: white;
}
.accordion a:hover {
	background-color: #69A14F;
	color: white;
}
.acc-green{
	background:#69A14F;
}
.acc-green:hover{
	background: #497037;
}

footer ul {
	text-align:center;
}

footer ul li {
	display: inline;
	margin: auto;
}

footer ul li a {
	color: white;
}

@media screen and (max-width:650px) {
	footer ul li {
		width:100%;
	}
	footer ul li a {
		text-align: center;
		    background: #69A14F;
		    border-bottom: 1px solid black;
	}
}