* {
	margin: 0;
	padding: 0;
}

html {
    min-height: 100%;
    /*height: 100%;*/
}

html {
    overflow-y: scroll;
}

html {
    /*width: 100vh;*/
}

body
{
  min-height: 100%;

  color: white;
  background-color:black;
  /*background-image: linear-gradient(#0d2b13, #0a6e1e);*/
  /*background-image: linear-gradient(#0d4e1b, #0f4419);*/

  font: .9em/1.4 verdana, Verdana, Arial, Helvetica, sans-serif; 
  
  min-width: 400px;
  
}

/*
.bg-image
{ 
  position:absolute;

  width: 100%;
  height: 1000px;
  
  z-index: -1;
  
}
*/

.disabled .bg-images
{
  position:absolute;
  top: 0;
  right: 0;
  /*bottom: 0;*/
  left: 0;
  
  height:2200px;
  
}

.disabled .bg-image1
{ 
  position:relative;
  
  top: 0;
  right: 0;
  /*bottom: 0;*/
  left: 0;

  height:2200px;

  background: url('../images/test1/background2.jpg')  50% 0 no-repeat fixed;
  /*background-repeat: no-repeat;*/
  
  background-size: 100% auto;
  
  /*background-position: center -1000px;*/
  
  /*filter: blur(1px);*/
  
  /*transform: translateZ(-300px) scale(2);*/
  
  /*transform: translateZ(-1px) scale(2);*/
  
  z-index: -3;
}


.disabled .bg-image2
{ 
  position:relative;
  
  right: 0;
  left: 0;
  
  height:2200px;

  background: url('../images/test1/background3.jpg')  50% 0 no-repeat fixed;
  /*background-repeat: no-repeat;*/
  
  background-size: 100% auto;
  
  /*background-position: center -1000px;*/
  
  /*filter: blur(1px);*/
  
  /*transform: translateZ(-300px) scale(2);*/
  
  /*transform: translateZ(-1px) scale(2);*/
  
  z-index: -2;
}

.section
{
  padding: 30px;
  
  text-shadow: 1px 1px black;
  
  
  
}

.homePage .section p
{
  /*background-color: black;
  box-shadow: 1px 0px 10px 10px black;*/
  
}

.textWrap
{
  /*
  background-color: #0000007d;
  box-shadow: 1px 0px 5px 5px #0000007d;
  */
  
  background-color: #00000094;
  box-shadow: 1px 0px 5px 5px #00000094;
}

.homePage .textWrap
{
  /* lighter version on home page */
  background-color: #0000007d;
  box-shadow: 1px 0px 5px 5px #0000007d;
}

.homePage .quoteWrap
{
  display: table;
  margin: 0 auto;
  text-align: center;
}

.homePage .quoteWrap .quoteButton
{
  display: table;
  margin: 0 auto;
  text-align: center;
  float: none;
  /*max-width: 75%;*/
}


.contactPage .textWrap, .treeReportPage .textWrap, .quotePage .textWrap
{
  /*padding: 8px;*/
}



.homePage .section1
{
  background: url('../images/test1/background2_small.jpg')  50% 0 no-repeat fixed;
  /*background-size: cover auto;*/
  background-size: calc(max(100%, 1200px)) auto;
  
  padding-top: 50px;
  padding-bottom: 100px;
}

.homePage .section2
{
  background: url('../images/test1/background3_small.jpg')  50% 0 no-repeat fixed;
  background-size: calc(max(100%, 1200px)) auto;
  
  padding-top: 100px;
}


.contactPage .section1, .treeReportPage .section1,
.quotePage .section1, .termitePage .section1, .galleryPage .section1,
.detailsPage .section1
{
  background: url('../images/test1/background3_small.jpg')  50% 0 no-repeat fixed;
  background-size: calc(max(100%, 1200px)) auto;
  
  padding-top: 50px;
  padding-bottom: 100px;
  
  min-height:50vh;
  
  
}

.galleryPage .image
{
  background-color: black;
}

.homePage .section1, .homePage .section2
{
  /*background-size: 100% auto;*/
  /*background-size: calc(max(100%, 1200px)) auto;*/
  /*background-size: contain;*/
}

.quotePage .quoteFormSection
{
  margin: 5px;
  float: right;
}



/*
.point img
{
  position:relative;
   z-index: 2;
  transform: translateZ(1px) scale(1);
}
*/

.wrapper
{
  /*height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  
  perspective: 1px;*/
}




.top-section
{
  background-color:#1c291f;
  position:relative;
}


.logo
{
  margin:15px;
  max-width:600px;
  margin:0 auto;
  
  width:30%;
  max-width: 400px;
  min-width: 200px;
  
  float:left;
  
  margin-left:5%;
}

.logo img
{
  display:block;
  width:100%;
  
  
}


.smallShadow
{
  box-shadow: 2px 2px 5px black;
}

.midShadow
{
  box-shadow: 0 0 18px 5px black;
}

.insetShadow
{
  box-shadow: inset 0 0 10px;
}

.panel
{
  /*width:97%;
  
  width:990px;*/
  
  /*width:990px;*/
  
  /*max-width:95%;*/
  
  
  margin:0 auto;
  
  
  position:relative;
}


.frontImageWrapper
{
  border-bottom: 1px solid gray;
  /*border-left: 1px solid gray;
  border-right: 1px solid gray;*/
  
  
  /*box-shadow: 0px 2px 5px gray;*/
  
  position:relative;
  
  background: black;
  
  min-height: 200px;
  
}

.frontImageWrapper img
{
  /*filter: blur(2px);*/
  /*opacity: 0.8;*/
  
  margin-bottom:-3px;
  
  transition: opacity 2s;
  
}

.frontImageWrapper .newImage
{
  z-index:1;
  position:absolute;
  top:0;
  left:0;
  
  /*display:none;*/
  opacity: 0;
  
  width:100%;
  min-height: 200px;
  object-fit: cover;
}

.frontImageWrapper .oldImage
{
  /*position:absolute;*/
  
  z-index:-1;
  
  display:block !important;
  width:100%;
  min-height: 200px;
  
  object-fit: cover;
}




.nav
{

  /*border-top: 1px solid gray;*/
  /*border-bottom: 1px solid gray;*/


  /*background-color:black;*/
  
  white-space: nowrap;
  
  /*border-right:1px gray solid;*/
  
  z-index: 2;
  position: relative;
  
  
  
  /*float:right;
  margin-top:50px;*/
  
  float:right;
  position:absolute;
  right:0;
  bottom:0;
  
  
  
  
  margin-right:3%;
  
  margin-bottom:5px;
}

.navOuter
{
  /*width:25%;*/
  float:left;
  margin-right:-1px;
}

.navItem
{
  display:block;

  text-decoration: none;

  color:white;
  
  text-align:center;
  padding:7px 14px ;
  
  /*border-left:1px gray solid;*/

  background-color:transparent;
  
  font-size:1.4em;
  font-weight:bold;
  
  min-height:20px;
  
  min-width: 80px;
  
  border-radius: 10px;
  
  
  margin:0 3px;
  
  transition: color .5s, background-color .5s, box-shadow .5s;
  
  color: #dcdada;
  
  
}

.active .navItem
{
  color: white;
  /*font-weight:bold;*/
  
  background-color:#0c5610;
  box-shadow: 2px 2px 2px black;
}

.navSpecial .navItem
{
  background-color:red;
  box-shadow: 2px 2px 2px black;
  
  padding-left: 15px;
  padding-right: 15px;
}
.navSpecial .navItem:hover
{
  background-color:red;
  box-shadow: 2px 2px 2px black;
}

.navItem:hover
{
    /*background-color:#290707;*/
    color: white;
    
   /* text-shadow: 0px 0px 7px #FFFFFF, 0px 0px 19px #FFFFFF;*/
    text-shadow: 0px 0px 7px #FFFFFF;
    
    /*box-shadow: 2px 2px 2px black, 0px 0px 8px #378644;*/
    
    background-color:#0c5610;
    box-shadow: 2px 2px 2px black;
    
}







@media screen and (max-width: 770px) {
  .logo
  {
    float:none;
    width:90%;
  }
  .nav
  {
    position:relative;
  }
}

@media screen and (max-width: 550px) {
  .navItem
  {
    font-size:1.2em;
    padding:7px 5px ;
  }
}

@media screen and (max-width: 450px) {
  .navItem
  {
    font-size:1.0em;
    padding:7px 2px ;
    margin: 0;
    
    min-width: 70px;
  }
}

@media screen and (max-width: 400px) {
  .navItem
  {
    font-size:0.9em;
    padding:7px 2px ;
    margin: 0;
    
    min-width: 60px;
  }
}

.content
{
/*
   -moz-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
*/

/*
  -o-box-shadow:      inset 0px 2px 5px gray;
	-icab-box-shadow:   inset 0px 2px 5px gray;
	-khtml-box-shadow:  inset 0px 2px 5px gray;
	-moz-box-shadow:    inset 0px 2px 5px gray;
	-webkit-box-shadow: inset 0px 2px 5px gray;
	box-shadow:         inset 0px 2px 5px gray;
*/

 
  /*background-color:#ffffffa8;*/
  
  color:white;

}




.content h1
{
 /*color:#b50000;*/
 color:#d40026;
 text-shadow: 1px 1px 2px #333;
}

.content p
{
  padding:5px;
  
  font-size:1.2em;
}








.clear
{
  clear:both;
}



.images
{
  border:0;
}


.images img
{
  border:0;
}



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

  .quotePage .leftSection,
  .quotePage .leftSection.small
  {
    float: none;
    /*width: 90%;*/
    margin: 0 auto;
    max-width: 90%;
    margin-bottom: 30px;
  }
  
}


.quotePage form
{
  padding:5px;
}


.quotePage .field
{
  padding:4px;
}


.quotePage .field label
{
  width:6em;
  float:left;

}


.quotePage .field label.autowidth
{
  width:auto;
  float:left;

}


.quotePage textarea
{
  margin:5px;

}


.quotePage .submitButton
{
  margin-left:60px;
  padding:4px 5px;
}



.errorMessage
{
 background:#ffbebe;
 font-weight:bold;
 
 margin:2px;


}

.errorMessage p
{
 display: list-item;
 list-style-type:disc;

  list-style-position:inside;
}



.footer
{
  
  margin: 10px auto;
  text-align:center;
}

#lightboxImage
{
    width:100% !important;
}



.phoneNumber
{
  color: #149c03;
  
  text-decoration: none;
  font-weight:bold;
  font-size: 150%;

  background-image: url('/images/call.png');
  background-position: left; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain;
  
  /*display: inline-block;*/
  
  padding-left:1.4em;
  
  padding-top:1px;
  padding-bottom:1px;
  
  white-space: nowrap;
  
}


.phoneNumber:hover
{
  text-decoration: underline;
  
  
}



.points
{
  /*border-bottom: 2px solid black;*/
  
  background-color: #0c1b0d;
  
  
  box-shadow: 1px 0px 10px 10px #0c1b0d;
  position: relative;
  
}

.points .point img
{
  
  text-align: center;
  display: block;
  margin: 0 auto;
  
  filter: invert(50%) sepia(100%) hue-rotate(60deg) saturate(160%) brightness(90%) drop-shadow(2px 2px 1px #5556);
  
  
}

.points .point
{
  float:left;
  width:32%;
}

.points .point .title
{
  font-weight:bold;
  text-align: center;
  
  font-size: 1.5em;
  
  text-shadow: 1px 1px black;
}

.points .point .info
{
  text-align: center;
  color: white;
  font-size: 80%;
  
  text-shadow: 1px 1px black;
}


#fixed-top-section
{
  display:block !important;
 
  z-index:5;
  position:fixed;
  top:-80px;
  left:0;
  right:0;
  
  /*height:0px;*/
  max-height:80px;
  overflow: hidden;
  
  background-color:#1c291f;
  box-shadow: 2px 2px 5px black;
  transition: .5s;
  
}

#fixed-top-section.shown
{
  display:block !important;
  height:auto;
  
  max-height:160px;
  
  top:0px;
}

#fixed-top-section .logo {
  width:10%;
}


.points .point img
{
  margin-top:10px;
}

.points .point img.inViewport
{
  margin-top:0;
}

 
.homeImage
{
  margin:20px;
  float:right;
  
  width:250px;
}

.frontImageWrapper
{
/*float:left;*/

box-shadow: 1px 1px 13px 2px black;
}



.features
{
  position: absolute;
  bottom:10px;
  right:50px;
  z-index:2;
  
  color: white;
  
  font-size: 28px;
  font-size: calc(10px + 2.2vw);
  
  /*font-size: 3vw;*/
  /*font-size: 18em;*/
  
  text-shadow: 1px 1px 3px #000000, 0 0 8px black;
  
  margin-top: 30px;
  
  
}

.features a
{
  text-decoration: none;
  color: white;
}
.features a:hover
{
  text-decoration: underline;
  
  
}

@media screen and (min-width: 1000px) {
  .features
  {
     /*font-size: 28px;*/
  }
}

.feature:before
{
  color: #93fc93;
  content: '\2713';
  display:inline-block;
  
}

.contentImage
{
	width:40%;
	float:right;
	margin: 5px;
	
	box-shadow: 2px 2px 5px black;
  
  margin-left: -200px;
}

.firstContentImage
{
  /*width:30%;*/
  /*margin-bottom: -120px;*/
}

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

  .contentImage
  {
    width: 400px;
    max-width:70%;
    float:right;
  }
}

.margin-top
{
  margin-top:30px;
}


.contentImageLeft
{
  max-width:50%;
	width:40%;
	float:left;
	margin: 10px;
	
	box-shadow: 2px 2px 5px black;
}

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

  .contentImageLeft
  {
    min-width:300px;
    max-width:60%;
  }
}

.contentImageLeftSmall
{
	width:20%;
	float:left;
	padding: 5px;
}

.rightSection
{
  text-align:right;
  max-width:700px;
  
  float:right;
  
  
}

.leftSection
{
  text-align:left;
  width:700px;
  max-width:70%;
  
  float:left;
  
  z-index: 1;
  position: relative;
}

.leftSection.medium
{
  width:500px;
  
  max-width:50%;
  min-width: 200px;
}

.leftSection.small
{
  max-width:300px;
}



@media screen and (max-width: 1300px) {
  .rightSection
  {
    width:500px;
    max-width:70%;
  }
}

@media screen and (max-width: 800px) {
  .rightSection
  {
    width:400px;
    max-width:70%;
  }
}

.sectionGroup
{
  /*display: flex;*/
  
  position: relative;
}


.sectionGroup .contentImageLeft
{
  margin-right:-200px;
  
}

.sectionGroup .rightSection
{
  position: relative;
  z-index:1;
}

.sectionGroup .rightSection2
{
   /*flex-grow: 1;*/
   max-width: none;
   
   width:60%;
   position: absolute;
   right:0;
   top:0;
   float:none;
   
   z-index:1;
}

/*
.sectionGroup .leftImage
{
   width:50%;
   float:left;
   
}
.sectionGroup .contentImageLeft
{
   width:100%;
   / *margin-right:10%;* /
}
*/





.termiteImageSet
{
  clear:both;
  text-align:right;
  float:right;
}

.termiteImageSet img
{
  height: 300px;
}

@media screen and (max-width: 1000px) {
  .termiteImageSet
  {
     float:none;
     text-align:left;
  }
  
  .termiteImageSet img
  {
    height: 250px;
  }
}

@media screen and (max-width: 700px) {
  .termiteImageSet img
  {
    height: 200px;
  }
}


.buttonLink
{
  display:inline-block;
  text-decoration: none;
  text-align:center;
  
  font-size:1.0em;
  font-weight:bold;
  
  border-radius: 10px;
  
  transition: color .5s, background-color .5s, box-shadow .5s;
  
  color: #dcdada;
  
  padding:5px 8px;
  
  
  box-shadow: 1px 1px 2px black;
  
  background-color: #096509;
}

.buttonLink:hover
{
  
  background-color: #0e8a0e;
  
}


.serviceLinks h2
{
  /*display: block;*/
  margin-top: 10px;
}

.serviceLinks p
{
  font-size: 90%;
  margin-top: 0px;
  padding-top: 0px;
  /*line-height: 90%;*/
  /*max-width: 700px;*/
}