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

body {
		font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
		width: 100%;
		
}
.boxsurround {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.headbar {
	background: #8d837a;
	width: 100%;
	height: 10%;
}

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


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

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

 }

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

	
}

.maintext a {
	color:#e30b00;
	text-decoration:none;
}

.maintext a:hover {
	color:#6d0903;
}

.mainheader {
	width: 100%;
			font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
	font-size: 22px;
							color:#fff;
							text-align: center;
							padding-top: 2%;
							padding-bottom: 2%;
							position: relative;
    top: 50%;
    transform: translateY(-50%);

}

   @media only screen and (max-width : 650px) and (min-width : 0px) {

.mainheader {
	width: 100%;
			font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
	font-size: 4.5vw;
							color:#fff;
							text-align: center;
							padding-top: 2%;
							padding-bottom: 2%;
							position: relative;
    top: 50%;
    transform: translateY(-50%);

}
   }

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

}

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

}

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

}

b {
	color:#e30b00;
}



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


}
	
	/* nav */

.navwrap {
						background:#e30b00;
					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:#e30b00;


}

#primary_nav_wrap ul li a
{
	
					color: #fff;


}

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

#primary_nav_wrap ul li a:hover
{
	background:#ffcc01;
	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:#3b7629;
	color: #fff;


}

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


}

#primary_nav_wrap ul ul li a:hover
{
					background:#ffcc01;
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;
	position: relative;
}

/* serv divs */ 

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

#servdivs a {
	font-weight: bold;
	font-style: italic;
	text-align: right;
}


 
 #servdivs li font.price { 
font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
	color:#e30b00;
	text-align: right;
						
 }
 
#servdivs li { 
	border: 1px solid #CCC;
	margin-top: 1%;
	margin-bottom: 2%;
	width: 100%;
	float: left;
	      display: inline-block;


 }
 
#servdivs li div.images { 
width: 40%;
float: left;

display: inline-block;
      vertical-align:middle;

 }
 
  #servdivs li div.images img { 
width: 80%;
border: 2px #e30b00 solid;
margin-top: 3%;

margin-bottom: 3%;
 }
 
 
  #servdivs li div.text { 
width: 55%;
float: right;
text-align: left;
padding-left: 2%;
padding-left: 2%;


 }
 
 #servdivs li div.text ul { 
list-style: circle;
	padding-left: 15px;

 }
 
 #servdivs li div.text li {
	border: none;
	margin-top: 1%;
	margin-bottom: 2%;
	width: auto;
	float: none;
display: list-item;

 }
 
  #servdivs li div.text hr { 
width: 25%;
margin-left: 0;
	 border:none;

    border-top:1px dashed #CCC;
	
  color:#fff;
  background-color:#fff;
  height:1px;

 }
 
 
 .imageticker {
	 width: 100%;
	 padding-top: 2%;
 }
 
 
.imageticker img {
width: 23%;
border: 2px #e30b00 solid;
margin-top: 1%;

margin-bottom: 1%;
}
 
   @media only screen and (max-width : 650px) and (min-width : 0px) {
   
 
 #servdivs li div.images { 
width: 100%;
float: left;

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


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

    }
    .boxInner {
      position: absolute;
      left: 10px;
      right: 10px;
      top: 10px;
      bottom: 10px;
      overflow: hidden;
	  	  border: 2px #e30b00 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: -50%;
      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;
    }
	
	.titleBox b {
	color:#ffcc01;
}

	
    .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 #CCC solid; 
	margin: 0 auto;
	padding: 1%;
	}
	
	.contactform textarea {
		width: 80%;
		height: 200px;
		    resize: none;

	}
	
	.contactform input {
		width: 50%;
	}
	
	
	.listtable {
	
		padding: 2%;
		margin: 0;
		width: 100%;
		border-spacing: 0;
	}
	
	.listtable th {
		font-weight: bold;
		background-color:#e30b00;
		color: #fff;
		text-align: center;
	}

	.listtable tr:nth-child(even) {background: #FFF}
	
.listtable tr:nth-child(odd) {background: #f4f4f4}
		
		.listtable td {
			padding: 1%;
		}
		
		.listtable td.center {
			text-align: center;
			
		}
		
		.add {
			width: 70%;
			margin: 0 auto;
		}
		
		.add td input {
			width: 100%;
			margin: 0 auto;
			font-size: 16px;
			

		}
		
		.add td select {
			width: 100%;
			margin: 0 auto;
			font-size: 16px;
		}		
		.add td textarea {
			width: 100%;
			margin: 0 auto;
			    resize: none;
			font-size: 16px;
		}
		
		
		input[type=submit] {
    background-color: #e30b00; /* Green */
    border: none;
    color: white;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	border: #000 solid 1px;
}




button {
    background-color: #e30b00; /* Green */
    border: none;
    color: white;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	border: #000 solid 1px;
}

.refs {
	font-size: 9px;
}

.pagination {
	list-style:none;
	display: inline-block;
	padding:1%;
	margin: 1%;
}

.pagination li {
	display: inline-block;
	padding:0;
}


   .headerbutton {
	  position: absolute;
	  top: 5px;
	  right: 5px;
	  font-size: 10px;
   }
   
   #headershowhide {
	   position: absolute;
	   top: 45px;
	   right: 5px;
	   width: 25%;
	    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;
	  font-size: 14px;
   }
   
    #headershowhide a {
	  color:#e30b00;
	font-weight: bold;
   }


.admintable {
	margin: 0 auto;
	width: 45%;
}

.admintable td {
	text-align: center;
	padding: 2%;
}