@charset "UTF-8";
/* CSS Document */

body {
		font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
		width: 100%;
		
}

.button {
  background-color: #016b41; /* Green */
  border: none;
  color: #fff;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
.button a {
	color: #fff;
}

tr:nth-child(even) {background-color: #f2f2f2;}
table { 
border-spacing: 0;
border-collapse: collapse;
}
.boxsurround {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.headbar {
	background: #add6c6;
	width: 100%;
	height: 23%;
}

.headimage {
	background:url(header.png);
	background-repeat: none;
	width: 100%;
	background-size:cover;
	min-height: 150px;
	background-position: top;
	
}


.maintext {
	padding-bottom: 2%;
		padding-left: 4%;
	padding-right: 4%;
font-size: 14px;
	
}

 .maintext img { 
border: 2px #016b41 solid;
margin: 3%;

 }

.maintext ul {
	list-style-image: url('ul.png');

	
}

.maintext a {
	color:#016b41;
}

.maintext a:hover {
	color:#014027;
}

.mainheader {
	color: #016b41;
	
	padding-top: 2%;
	margin: 0 auto;
	background-image:url(header.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 85%;
	margin-bottom: 50px;
	 
}

.subheader {
	width: 100%;
			font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
	font-size: 22px;
							color:#016b41;
							text-align: center;
							padding-top: 2%;

}

b {
	color:#016b41;
}

.footer {
	position: relative;
	bottom: 0;
	left: 0;
	height: auto;
	background: #016b41;
	width: 100%;
	text-align: center;
	font-size: 9px;
	color: 	#add6c6;
	padding: 4px;

}

.footer a {
	
	font-size: 9px;
	color: 	#add6c6;
	padding: 4px;

}

#error {
	
	margin:0 auto;
	color:#4d4948;
	background-color:#ffbebe;
	border: 1px solid #cbcbcb;
	width: 70%;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
		padding-bottom: 3px;
		text-align: center;
}

#success {

	margin:0 auto;
	color:#4d4948;
	background-color:#bce9b5;
	border: 1px solid #7ace6c;
		width: 70%;
			margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
		padding-bottom: 3px;
		text-align: center;

}
	
	/* nav */

.navwrap {
						background:#016b41;
					width: 100%;
}

#primary_nav_wrap
{
		margin: 0 auto;
		Text-align:center;
					width: 100%;


}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
display: inline-block;
	padding:0;
			margin: 0;


}

#primary_nav_wrap ul a
{
	display:block;
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	line-height:32px;
	padding:0 15px;
	font-family:'Nunito Sans', Helvetica, Arial, sans-serif;

}

#primary_nav_wrap ul li
{
	position:relative;
	float: none;
	display: inline-block;
	padding:0;
				background:#016b41;


}

#primary_nav_wrap ul li a
{
	
					color: #fff;


}

#primary_nav_wrap ul li.current-menu-item
{
	background:#014027;
	color: #fff;
}

#primary_nav_wrap ul li a:hover
{
	background:#014027;
	color: #fff;

}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
					color: #333;



}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px;
			background:#014027;
	color: #fff;


}

#primary_nav_wrap ul ul li a
{
					color: #333;


}

#primary_nav_wrap ul ul li a:hover
{
					background:#016b41;
color: #333;


}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

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

#primary_nav_wrap ul li:hover > ul
{
	display:block;
	color: #333;

	
}

.parallax-window {
    min-height: 300px;
    background: transparent;
}

/* serv divs */ 

#servdivs {
	list-style: none;
	list-style-image: none;
	padding-left:0;
    list-style-type: none;
}

#servdivs li { 
margin-bottom: 2%;
margin-top: 2%;
padding: 2%;
border: 1px #e2f6dc solid; 
text-align: right;
 }
 
 #servdivs li div.images { 
width: 25%;
float: right;
 }
  #servdivs li div.images img { 
width: 100%;
border: 2px #016b41 solid;
margin-bottom: 3%;

 }
 
 
 #servdivs li div.text { 
width: 73%;
float: left;
 }
 
 #servdivs li font.price { 
font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
	font-size: 22px;
	color:#016b41;
	text-align: right;
						
 }
 
#servdivs li:nth-child(odd) { 
text-align: left;
 }
 
#servdivs li:nth-child(odd) div.images { 
width: 25%;
float: left;

 }
 
  #servdivs li:nth-child(odd) div.images img { 
width: 100%;
border: 2px #016b41 solid;
margin-bottom: 3%;
 }
 
 
  #servdivs li:nth-child(odd) div.text { 
width: 73%;
float: right;
 }
 
   @media only screen and (max-width : 650px) and (min-width : 0px) {
    #servdivs li { 
text-align: center;
 }
	
	   #servdivs li div.images { 
width: 100%;
float: right;
 }
 
 #servdivs li div.images img { 
width: 80%;
margin: 0 auto;
margin-bottom: 3%;

 }
 #servdivs li div.text { 
width: 100%;
float: left;
 }
 
 #servdivs li:nth-child(odd) div.images { 
width: 100%;
float: left;

 }
 
  #servdivs li:nth-child(odd) div.images img { 
width: 80%;
margin: 0 auto;
margin-bottom: 3%;


 }
 
  #servdivs li:nth-child(odd) div.text { 
width: 100%;
float: right;
 }
 
 #servdivs li:nth-child(odd) { 
text-align: center;
 }
    }
 
 /* gallery */
 
  .wrap {
      overflow: hidden;
      margin: 10px;
    }
    .box {
      float: left;
      position: relative;
      width: 20%;
      padding-bottom: 20%;
	  

    }
    .boxInner {
      position: absolute;
      left: 10px;
      right: 10px;
      top: 10px;
      bottom: 10px;
      overflow: hidden;
	  	  border: 2px #016b41 solid;


    }
    .boxInner img {
      width: 100%;
	  height: 100%;
	  object-fit: cover;
	  border: none;
	  margin: 0;

    }
    .boxInner .titleBox {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin-bottom: -50px;
      background: #000;
      background: rgba(0, 0, 0, 0.5);
      color: #FFF;
      padding: 10px;
      text-align: center;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
      margin-bottom: 0;
    }
    @media only screen and (max-width : 480px) {
      /* Smartphone view: 1 tile */
      .box {
        width: 100%;
        padding-bottom: 100%;
      }
    }
    @media only screen and (max-width : 650px) and (min-width : 481px) {
      /* Tablet view: 2 tiles */
      .box {
        width: 50%;
        padding-bottom: 50%;
      }
    }
    @media only screen and (max-width : 1050px) and (min-width : 651px) {
      /* Small desktop / ipad view: 3 tiles */
      .box {
        width: 33.3%;
        padding-bottom: 33.3%;
      }
    }
    @media only screen and (max-width : 1290px) and (min-width : 1051px) {
      /* Medium desktop: 4 tiles */
      .box {
        width: 25%;
        padding-bottom: 25%;
      }
    }
	
	
	/* contact email page */
	
	.contactform {
		text-align: center;
		width: 80%;
		border: 1px #e2f6dc solid; 
	margin: 0 auto;
	}
	
	.contactform textarea {
		width: 80%;
		height: 200px;
		    resize: none;

	}
	
	.contactform input {
		width: 50%;
	}