@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

html,body {
			height:100%;
			font-family: 'Lato', sans-serif;
			font-size: 1em;
			color: #444;
			margin: 0 auto;
				
		}

		a{
			text-decoration: none;
			color: rgb(42, 162, 41);
		}
			
		a:hover{
				color: #666;
		}
			
		img {
			max-width: 100%;
		}
		
		p{
		line-height: 150%;
		font-size: 1em;
		padding:8px 0;
        margin-bottom:20px;}
hr {
    margin-bottom: 40px;
}
        i{
font-style: italic;
        }
		
blockquote {
    font-size:16px; 
    padding:18px 20px 1px 20px;
    margin-left:3px; 
    margin-bottom:40px;
    background:#f2f1f6;
}	

blockquote:before {
    color: rgb(42, 162, 41);
    font-size: 30px;
    line-height: 0.5em;
    margin-right: 0.27em;
    content: "\f10d";
    font-family: FontAwesome;
    float:left;
}

		h1{
        color:  rgb(42, 162, 41);
		font-weight: 300;
		font-size: 2em;
		text-align: center;
		margin: 10px  0 30px 0;
		padding-bottom: 10px;
		border-bottom: 1px solid rgb(42, 162, 41);}
		
		h2{
		font-weight: 300;
		font-size: 2em;
		text-align: center;
		margin: 30px 0;
		}
		
		h3{
		font-weight: 400;
		font-size: 1.5em;
		text-align: center;
		margin:20px 0;
		color: #0000FF;
		}
		
		
		h4{
		font-weight: 300;
		font-size: 1.3em;
		text-align: left;
		margin:20px 0;
		padding-bottom: 10px;
		border-bottom: 1px solid rgb(42, 162, 41);
		}

.container ul {
    list-style: disc;
    padding-left:20px;
    margin: 20px 0 40px 0;
}
.container ul li{
    margin: 10px 0;
}

.highlight {
    color: #0000FF;
}
strong {
    font-weight: 800;
}
.center {
    text-align: center;
}

.sig {
    margin-top:20px;
    display:block;
}

/* Layout Elements */

		.container {
			max-width: 980px;
			margin-left: auto;
			margin-right: auto;
			padding: 15px 5%;
		}	
		
		.wrapper{
		width: 80%;
		max-width: 100%;
		position: absolute;
		margin-left: 20%;
		height: 600px;
		top: 50px;
		background-color: #666;
		
	}
	
	.onethird{
	width: 29%;
	margin: 1%;
	padding: 1%;
	float: left;}
	
	
	.onethirdfooter{
	width: 25%;
	margin: 1%  1% 1% 3%;
	padding: 1%;
	float: left;}
	
.boxes{
	display: flex;
}

.greenbg{
    background: rgb(42, 162, 41);
    color: #fff;
    width: 46%;
    padding: 1%;
	margin: 1%;
	float: left;}

	.box{
	width: 80%;
	float: right;}
		
		.clearfix::after{
			content: '';
			display: table;
			clear: both;
		}

		.slidertwothirds{
		width: 64%;
		float: left;
		margin-right: 2%;
		}
		.twothirds{
		width: 64%;
		float: left;
		margin-right: 2%;
		}
		.center{
		margin: 0 auto;
		text-align: center;}
		
		.onehalf{
		width: 46%;
		padding: 1%;
		margin: 1%;
		float: left;}
		
		.border{
		border: 1px solid rgb(42, 162, 41);
		width: 75%;
		padding: 2%;
		margin: 0 auto;}
		
		.btn {
		  display: inline-block;
		  padding: 10px 18px;
		  margin: 10px 0 30px 0;
		  border: 2px solid rgb(42, 162, 41);
		  font-size: 12px;
		  font-weight: 700;
		  font-family: 'Lato', Sans-Serif;
		  letter-spacing: 1px;
		  color: #ff722b;
		  text-transform: uppercase;
		  -webkit-transition: background-color 0.2s;
		  -moz-transition: background-color 0.2s;
		  transition: background-color 0.2s;
		  text-align: center; 
		}


		.btn:hover {
		  background-color: rgb(42, 162, 41);
		  color: #fff;
		}
		
		
/* Typography */
		.topright{
		text-align:right;
		float: right;
		}
		
		.pagetitle{
		color: #fff;
		font-weight: 800;
		font-size: 1.8em;
		line-height: 150%;
		}	
			
		.peach{
		color: rgb(42, 162, 41);
		}
		
		.onehalf h3{
		text-align: left;}
		
		.onehalf li{
		line-height: 180%;}
		
		
		
		
/* Menu */
		.menu{
		width: 14%;
		position: fixed;
		max-width: 20%;
		background-color: rgb(42, 162, 41);
		padding: 10px 40px;
		z-index: 999;
		height: 900px;
        color: #fff;
		}

		.menu a{
		color: #fff;}

		.menu a:hover{
		color: #dedede;}

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

		.menu li{
		padding: 10px 0;}

		.icons {
		font-size: 1.4em;
		color: #fff;
		margin-top: 20px;}
		
		.mobilemenu{
		display: inline-block;
		width: 95%;
		background-color: rgb(42, 162, 41);
		padding: 10px 0 10px 5%;
		z-index: 999;
		
		}
		
		.mobilemenu ul {
		margin-top: 30px;}
		
		.mobilemenu li {
		display: inline;
		margin: 10px 10px 10px 0;
		line-height: 180%;}
		
		.mobilemenu a{
		color: #fff;}

		.mobilemenu a:hover{
		color: #dedede;}
		

	.facebook {
		padding: 10px 5px 10px 0;
		font-size: 1.5em;
		color: #fff;
		}
	
	.facebook:hover{
		color: #3b5998;
		}
	
	.twitter{
		padding: 10px 5px;
		font-size: 1.5em;
		color: #fff;
		}
	
	.twitter:hover {
		color:#00aced;
		}
		
	.pinterest{
		padding: 10px 5px;
		font-size: 1.5em;
		color: #fff;
		}
	
	.pinterest:hover {
		color:#cb2027;
		}

	.googleplus{
		padding: 10px 5px;
		font-size: 1.5em;
		color: #fff;
		}
	
	.googleplus:hover {
		color:#cb2027;
		}
		
	.instagram{
		padding: 10px 5px;
		font-size: 1.5em;
		color: #fff;
		}
	
	.instagram:hover {
		color:#517fa4;
		}
	

		.headerNavButton {
				float: right;
				display: inline-block;
				height: 20%;
				position: absolute;
				right: 1em;
				top: 100px;
			}

            .headerNavButton a {
                text-decoration: none;
                color: #fff;
                margin-left: 0.5em;
                line-height: 0px;
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            }

                #hamburger-icon {
                    position: relative;
                    top: 30%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-65%);
					
					
                }

                #hamburgerMenu {
                    position: relative;
                    top:40%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
					
					

                }
				
		
    #hamburger-icon {
        width:25px;
        height:12px;
        position:relative;
        display:block;
        /*margin: 25px auto 12px auto;*/
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

        #hamburger-icon .line {
            display:block;
            background: #333;
            width:25px;
            height:2px;
            position:absolute;
            left:0;
            border-radius: 4px;
            transition: all 0.4s;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
        }
        
            #hamburger-icon .line.line-1 {
                top:0;
            }
            #hamburger-icon .line.line-2 {
                top:50%;
            }
            #hamburger-icon .line.line-3 {
                top:100%;
            }

        #hamburger-icon:hover .line-1, #hamburger-icon:focus .line-1 {
            transform: translateY(-4px);
            -webkit-transform: translateY(-4px);
            -moz-transform: translateY(-4px);
        }
        #hamburger-icon:hover .line-3, #hamburger-icon:focus .line-3 {
            transform: translateY(4px);
            -webkit-transform: translateY(4px);
            -moz-transform: translateY(4px);
        }

        #hamburger-icon.active .line-1 {
            transform: translateY(6px) translateX(0) rotate(45deg);
            -webkit-transform: translateY(6px) translateX(0) rotate(45deg);
            -moz-transform: translateY(6px) translateX(0) rotate(45deg);
        }
        #hamburger-icon.active .line-2 {
            opacity:0;
        }
        #hamburger-icon.active .line-3 {
            transform: translateY(-6px) translateX(0) rotate(-45deg);
            -webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
            -moz-transform: translateY(-6px) translateX(0) rotate(-45deg);
        }

        
        .headerNav {
            display: none;
            font-family: 'Lato', sans-serif;
            
        }

        .headerNav.active {
            display: block;
        }

        .headerNav a {
            text-decoration: none;
            color: #ccc;
            width: 100%;
            display: block;
            padding: 1em 0;
			font-weight:400;
   
        }

        .headerNav ul {
            list-style: none;
        }
			
        .headerNav>ul {
             margin: 0;
            padding: 0;
        }
                
		.headerNav ul li {
			padding-right: 60px;
        }
				
		.headerNav ul li  ul li{
            border-right: none;
					
        }


	/* Slider */
	
	.banner {
		position: relative;
		width: 100%;
		overflow: auto;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		color: rgba(255,255,255,.6);
	}
	
	.banner ul {
		list-style: none;
		width: 300%;
	}
	.banner ul li {
		display: block;
		float: left;
		width: 33%;
		height: 450px;
		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	}
	
	.banner h1, .banner h2 {
		font-size: 2.2em;
		font-family: 'Lato', sans-serif;
		line-height: 52px;
		margin-top: 10%;
		text-align: center;
		color: #fff;
		padding: 0 8%;
		text-shadow:  0 1px 2px rgba(0,0,0,.9);
		font-weight: 700;
	}
		
		
		.banner .btn{
		color: #df6326;
		background-color: rgba(255,255,255,.5); }
		
		.banner .btn:hover{
		color: #fff;
		background-color:  rgb(42, 162, 41);}
		
 .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}
	
	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 10px;
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			text-indent: -999em;
			border: 2px solid #333;
			border-radius: 6px;
			cursor: pointer;
			opacity: .4;
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}
	
	
/* Form */		

		input, select{
		  width:38%;
		  background:#fff;
		  margin-bottom:4%;
		  border:1px solid #ccc;
		  padding: 3%;
		  font-family:'Lato',sans-serif;
		  font-size:95%;
		  color:#444;
		  margin-right: 15px;
		}
		
		textarea{
		  width:89%;
		  background:#fff;
		  margin-bottom:4%;
		  border:1px solid #ccc;
		  padding:3%;
		  font-family:'Lato',sans-serif;
		  font-size:95%;
		  color:#444;
		}

		select{
		  width:45%;
		  background:#fff;
		  margin-bottom:4%;
		  border:1px solid #ccc;
		  padding:3%;
		  font-family:'Lato',sans-serif;
		  font-size:95%;
		  color:#666;
		}


		input[type="submit"]{
		  width:33%;
		  border: 2px solid rgb(42, 162, 41);
		  padding:3%;
		  font-family:'Lato',sans-serif;
		  font-size: 12px;
		  letter-spacing: 1px;
		  color:rgb(42, 162, 41);
		  text-transform: uppercase;
		  font-weight: 700;
		  cursor:pointer;
		  transition:background .3s;
		  -webkit-transition:background .3s;
		}

		input[type="submit"]:hover{
		  background:rgb(42, 162, 41);
		  color: #fff;
		}	
	
	
		
		
/* Footer */
		.footer{
		border-top: 1px solid #ccc;
		padding: 20px 0;
		text-align: center;
		}
	
/* Back to Top */
	.cd-top {
	  display: inline-block;
	  height: 50px;
	  width: 50px;
	  position: fixed;
	  bottom: 30px;
	  right: 20px;
	  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	  /* image replacement properties */
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
	  background: rgba(246, 146, 96, 0.9) url(../img/top-arrow.png) no-repeat center 50%;
	  visibility: hidden;
	  opacity: 0;
	  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
	  -moz-transition: opacity .3s 0s, visibility 0s .3s;
	  transition: opacity .3s 0s, visibility 0s .3s;
	  z-index: 1;
	}
	.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
	  -moz-transition: opacity .3s 0s, visibility 0s 0s;
	  transition: opacity .3s 0s, visibility 0s 0s;
	}
	.cd-top.cd-is-visible {
	  visibility: visible;
	  opacity: 1;
	}
	.cd-top.cd-fade-out {
	  opacity: .7;
	}
	.no-touch .cd-top:hover {
	  background-color: rgb(42, 162, 41);
	  opacity: 1;
	}

	
		
/* Media Queries */


@media only screen and (min-width: 901px) {
			
			
			.mobilemenu {
			display: none;}
			
    .headerNavButton {
        display:none;
    }
    #hamburger-icon {
        display:none;
    }
    .headerNav.active {
        display:none;
    }

	}	

@media only screen and (max-width: 900px) {
			.onefourth{
			width: 45%;
			max-width: 50%;}
			
			.menu {
			display: none;}
    
            .mobilemenu p {
			color: #fff;}
    
			.box{
			margin: 0 auto;
			width: 100%;}
    
    .headerNav {
				position: absolute;
			/*	right: 16px; */
				width: 60%;
				z-index: 1337;
				padding: 0 2em;
				border-bottom: solid 2px #0000FF;
				background-color: #000;
				margin-top: 100px;
			}

			.headerNav a {
				border-top: solid 1px #0000FF;
				color: #fff;
				font-weight: 300;
							
			}
						
			.headerNav a:hover {
				color: #0000FF;
			}
						
			.headerNav ul li ul li  a{
				border-top: solid 1px #333;		
			}

	}	

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

	}
		
	@media only screen and (max-width: 680px) {
			.onefourth{
			width: 100%;
			max-width: 100%;}
			
            .twothirds{
			width: 100%;
			max-width: 100%;}
        
			.onethird {
			width: 94%;
			padding: 0 2%;
			max-width: 100%;}
			
			.onethirdfooter{
			width: 90%;}
        
        .greenbg{
    background: rgb(42, 162, 41);
    color: #fff;
            height: auto;
    width: 100%;
    padding: 1%;
	margin: 1%;
	float: none;}

.boxes{
	display: block;
}

	}
	
	@media only screen and (max-width: 680px) and (min-width: 500px){

		.onethird img{
		margin-left: 20%;}
	
	}
	
	@media only screen and (max-width: 680px){
	
	.slidertwothirds {
					width: 100%;}
					}
	
	
	@media only screen and (max-width: 480px) {
	.onehalf{
				width: 95%;
				max-width: 100%;}
				
				input,textarea {	
					width: 95%;}
					
					select {
					width: 100%;}
					
					

				}
					
					
				
	@media only screen and (max-width: 1350px) and (min-width: 700px){

input,textarea {
width: 95%;}

select {
width: 100%;}

h1{
/* margin: -60px  0 30px 0; */
text-align: left;}



				}
@media only screen and (min-width: 1300px){
.banner{
margin-top: 20px;}}