/* Hooper green #55A301 */
html, body {
	margin: 0;
	font-family: 'Quicksand', sans-serif;
	font-size: 100%;
	background-color: #333333;
	color: #333333;
	font-weight: 500
}
strong { font-weight: 700 }
img { margin: 0; margin-bottom: -4px; max-width: 100%; height: auto }
.skip { position: absolute; top: -1000px }

.pad { padding: 20px; box-sizing: border-box; transition: 0.5s }

h1, h2, h3, h4, h5, h6 { color: #55A301; font-weight: 300 }

.head { position: relative; z-index: 10 }

.head_contact { background-color: #55A301; color: white; display: table; width: 100% }
.head_contact div { display: table-cell; vertical-align: middle; white-space: nowrap }
.head_contact div:first-child { padding-left: 50px; text-align: left }
.head_contact div:last-child { padding-right: 50px; text-align: right; width: 100% }

.follow a, .follow a:visited { 
	height: 30px; width: 30px; background-position: center center; 
	background-size: cover; display: inline-block; vertical-align: middle; margin-left: 10px; border-radius: 3px
}
.follow a img { display: none }
.follow .facebook { background-image: url(/core/includes/follow/facebook-icon.png) }

.head_menu { position: relative; padding-left: 50px; padding-right: 50px; background-color: rgba(0, 0, 0, .7); color: rgba(0, 0, 0, .7);  }
.head_menu img { height: 45px; width: auto; transition: .5s }
.head_menu .menu { float: right }
.head_menu .menu img:last-child { display: none }

.head_menu nav {
	position: absolute;
	margin-top: 20px;
	right: 0;
	z-index: 10;
	background-color: rgba(0, 0, 0, .7);
	color: rgba(0, 0, 0, .7);
	box-sizing: border-box;
	display: none;
}
.head_menu nav a { display: block; padding: 10px 20px 10px 20px }
.head_menu nav a, .head_menu nav a:visited { color: #cccccc; text-decoration: none; transition: .5s }
.head_menu nav a:hover { background-color: #55A301; color: white }
.head_menu nav a:first-child { padding-top: 10px }
.head_menu nav a:last-child { padding-bottom: 10px }

.wrapper { position: relative; background-color: white; z-index: 3 }

.home_movie { position: relative; z-index: 9; overflow: hidden; text-shadow: 2px 2px #000000; width: 100%; height: 450px; margin-top: -90px }
.home_movie video { position: relative; width: 100%; height: auto; z-index: 1 }
.home_movie .curve { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: auto  }
.home_overlay { position: absolute; z-index: 3; left: 0; bottom: 0; right: 0; text-align: center; color: white; padding: 0 0 50px 0; font-size: 120% }
.home_overlay img, .home_overlay p { opacity: 0 }
.home_overlay img { width: 250px; height: auto }

.content { max-width: 1100px; margin: auto; position: relative; z-index: 2 }
.content h1:first-of-type { margin-top: 0 }

.curve_foot { transform: rotate(180deg); width: 100%; height: auto; margin-top: -2px; position: relative; z-index: 3 }

.footer .content { background-color: rgba(0,0,0,.7); margin: 5% 10% 5% 10%; border-radius: 10px }

.footer { color: #cccccc; text-align: center; position: relative; z-index: 2 }
.footer p:first-of-type { margin-top: 0 }
.footer a, .footer a:visited { color: #cccccc; text-decoration: none }

.background { position: fixed; z-index: 0; top: 0; right: 0; bottom: 0; left:0; background-position: center center; background-size: cover }

.service_box { box-sizing: border-box; }
.service_box a, .box a:visited {
	display: inline-block;
	border-left: 5px solid white;
	border-right: 5px solid white;
	box-sizing: border-box;
	color: inherit;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	transition: .5s
}
.service_box a:hover { transform: scale(0.9) }
.service_box a h2, .box a p { margin: 0 }
.service_box a h2 { margin: 5px 0 5px 0; font-size: 125% }
.service_box a p { margin: 0 0 5px 0 }
.service_box a:first-child { border-left: 10px solid white }
.service_box a:last-child { border-right: 10px solid white }
.service_box a img { width: 100%; height: auto }