/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 
---------------FONTS
*/

@font-face {
	font-family: 'Campton';
	src: url('hinted-subset-Campton-Light.eot');
	src: url('hinted-subset-Campton-Light.eot?#iefix') format('embedded-opentype'),
		url('hinted-subset-Campton-Light.woff') format('woff'),
		url('hinted-subset-Campton-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Campton';
	src: url('hinted-subset-Campton-Bold.eot');
	src: url('hinted-subset-Campton-Bold.eot?#iefix') format('embedded-opentype'),
		url('hinted-subset-Campton-Bold.woff') format('woff'),
		url('hinted-subset-Campton-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Campton';
	src: url('hinted-subset-Campton-Book.eot');
	src: url('hinted-subset-Campton-Book.eot?#iefix') format('embedded-opentype'),
		url('hinted-subset-Campton-Book.woff') format('woff'),
		url('hinted-subset-Campton-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Campton';
	src: url('hinted-subset-Campton-SemiBold.eot');
	src: url('hinted-subset-Campton-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('hinted-subset-Campton-SemiBold.woff') format('woff'),
		url('hinted-subset-Campton-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
/* FONTS END */

body,h1,h2,h3,h4,h5,a,span,div,input,select,textarea{
	font-family:'Campton';
}


/*
---------------HEADER
*/
.home #header{
	-webkit-box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.75);
}
#header{
	position:relative;
	height:92px;
	z-index:5;
}
#header .inner{
	height:92px;
}
#hlogo{
	position:relative;
	top:50%;
	transform: translateY(-50%);
	height:57px;
	width:214px;
	margin-top:-8px;
	display:inline-block;
	background:url('../images/logo.png') no-repeat;
}
#hnav{
	float:right;
	display:inline-block;
	height:92px;
	font-size:0;
}
#hnav li{
	position:relative;
	display:inline-block;
}
#hnav li a{
	display:block;
	padding:0 13px;
	vertical-align:top;
	height:92px;
	font-size:24px;
	color:#696969;
	line-height:92px;
	text-decoration:none;
	transition:0.3s color;
}
#hnav li.active a{
	color:#12b33c;
}
#hnav li.active:before, #hnav li.active:after{
display:block;
width:100%;
content:"";
left:0;
position:absolute;
height:12px;
background:#dcdcdc;
}
#hnav li.active:before{
top:0;
}
#hnav li.active:after{
bottom:0;
}
#hnav li a:hover{
	color:#12b33c;
}
#mobilemenu{
	display:none;
}

/*
-------------FOOTER
*/

#footer{
	background:#282828;
}
#footer .inner{
	padding:40px 30px;
}
#flogo{
	vertical-align:middle;
	height:49px;
	width:180px;
	margin-top:-15px;
	display:inline-block;
	background:url('../images/logowhite.png') no-repeat;
}
#fnav{
	margin-left:30px;
	vertical-align:middle;
	display:inline-block;
	font-size:0;
}
#fnav li{
	display:inline-block;
}
#fnav li a{
	display:block;
	padding:15px 20px;
	font-size:18px;
	text-transform:uppercase;
	color:#FFFFFF;
	text-decoration:none;
	border-right:2px solid #12b33c;
	transition:0.3s color;
}
#fnav li a:hover{
	background:#383838;
}

#fnav li:last-child a{
	border-right:0;
}
#ftag{
	vertical-align:middle;
	display:inline-block;
	float:right;
	font-size:18px;
	color:#FFFFFF;
	margin-top:4px;
	width:220px;
}
#ftag strong{
	font-weight:700;
}
#copyright{
	text-align:center;
	font-size:16px;
	height:66px;
	color:#777777;
	line-height:66px;
	background:#121212;
}
#copyright .inner{
	padding:0 30px;
}
#copyright span{
	color:#12b33c;
	font-weight:600;
}
#copyright span span{
	font-weight:300;
	color:#FFFFFF;
}
.contact{
	display:inline-block;
	margin-left:30px;
}
.contact a{
	display:inline-block;
	margin-left:8px;
	color:#FFFFFF;
	text-decoration:none;
	position:relative;
}
.contact a:after{
	position:absolute;
	display:block;
	left:0;
	bottom:20px;
	content:"";
	width:0%;
	height:2px;
	background-color:#12b33c;
	transition:0.3s width ease;
}
.contact a:hover:after{
	width:100%;
}


/*
-------------CONTENT
*/
#main{
	width: 1500px;
	x-height: 850px;
	position:relative;
}

.inner{
	margin:0 auto;
	padding:0 30px;
	max-width:940px;
}

#content{
	position:relative;
	z-index:3;
	font-size:12px;
	color:#747474;
}
#content>.inner{
	padding:60px 30px;
}
#content .inner .sec{
	float:left;
}
#content .inner h3{
	font-size:36px;
	font-weight:300;
	display:block;
	padding-bottom:24px;

}
#content .inner .sec h3{
	color:#383838;
	padding-left:50px;
	padding-bottom:24px;
	background:url('../images/icon-green.png') no-repeat;
}
#content .inner h3 span{
	font-weight:600;
}
#content .inner p{
	line-height:normal;
}

.per33{	width:33%;}
.per33mar{ width:29%; margin-right:4%;}
.per50{	width:50%;}
.per50mar{ width:46%; margin-right:4%;}
.per40{	width:40%;}
.per40mar{ width:36%; margin-right:4%;}
.per60{ width:60%;}
.per60mar{ width:56%; margin-right:4%;}

#content>.inner:after{
	display:block;
	content:"";
	clear:both;
}
#content .sectiongreen{
	padding:60px 30px;
	color:#FFFFFF;
	background:#12af3b url('../images/greenpat.jpg');
}

.clear{
	clear:both;
}

/*
-------------HOME
*/

#homeslide{
	height:372px;
	background:#021808 url('../images/greenbg.jpg') no-repeat;
	background-size:cover;
	background-position:center center;
	position:relative;
}
#homeslideinner{
	position:absolute;
	width:500px;
	height:121px;
	margin:auto;
	top:0;
	left:0;
	right:0;
	bottom:30px;
	font-size:0;
	line-height:normal;
}
#homelogo{
	background:url('../images/home-logo-part.png') no-repeat;
	background-position:0px 0px;	
	height:121px;
	position:relative;
	top:0;
	display:none;
	left:0;
	font-size:0;
	line-height:normal;
	
}
#homelogo li{
	opacity: 0;
	visibility: hidden;
	font-size:79px;
	color:#FFFFFF;
	font-weight:300;
	position:absolute;
	left:350px;
	line-height:normal;
	padding-top:18px;	
}
#homelogo li.slideextra{
	padding-top:30px;
}
#hometagline{
	font-size:22px;
	max-width:800px;
	position:absolute;
	top:70%;
	left:0;
	right:0;
	height:40px;
	margin:0 auto;
	text-align:center;
	padding:0 30px;
	color:#FFFFFF;
}
#hometagline span{
	font-weight:700;
}

/*
---------------SUBPAGE
*/
.subpagetop{
	x-padding-top:25px;
	x-background:#021808 url('../images/greenbg.jpg') no-repeat;
	x-background-size:cover;
	x-background-position:center center;
	x-position:relative;	
}
#content .subpagetop .sectiongreen{
	text-align:center;
	padding:10px 10px;
}
.subpagetop h2{
	font-size:24px;
	font-weight:300;
}
.subpagetop h2 span{
	font-weight:600;
}
.subsection{
	x-padding:10px 0;
	x-background:#ececec;
}
.subsection .inner{
	background:#FFFFFF;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.subsection .inner:after{
	display:block;
	content:"";
	clear:both;
}
#content .subsection .inner h3{
	font-size:28px;
	text-align:center;
	color:#12b33c;
	font-weight:normal;
	padding-top:30px;
}
#content .subsection .inner p{
	text-align:center;
}
#content .subsection .inner>form>div.formrow:last-child{
	padding-bottom:40px;
}
#content .subsection .formrow{
	margin-top:40px;
}
#content .subsection .formrow:last-child{
	text-align:center;
}
#content .subsection .formrow>div{
	float:left;
}

#content .subsection .formrow .col1{
	margin:0 auto;
	width:100%;
	float:none;
}
#content .subsection .formrow .col1_60per{
	width:60%;
}
#content .subsection .formrow .col1_80per{
	width:80%;
}
#content .subsection .formrow .col2{
	width:47.5%;
	margin-right:5%;
}
#content .subsection .formrow .col4{
	width:21.25%;
	margin-right:5%;
}
#content .subsection .formrow .col4:last-child{
	width:21.25%;
	margin-right:0;
}
#content .subsection .formrow .col2:last-child{
	margin-right:0;
	width:47.5%;
}
#content .subsection .formrow:after{
	display:block;
	content:"";
	clear:both;
}
#content .subsection .formrow input,#content .subsection .formrow select,#content .subsection .formrow textarea{
	display:block;
	width: calc(100% - 42px);
	margin:0;
	border:1px solid #d5d5d5;
	padding:0;
	font-size:20px;
	padding:20px;
}
#content .subsection .formrow select{
	width:100%;
}
#content .subsection .formrow input[type="submit"]{
	width:auto;
	display:inline-block;
	margin:10px auto;
	background:#12b33c;
	color:#FFFFFF;
	font-size:18px;
	padding:3px 6px;
	cursor:pointer;
}
#content .subsection .formrow input:focus, #content .subsection .formrow select:focus{
	border:1px solid #12b33c;
}
#content .subsection .formrow label{
	display:block;
	padding:0 10px 8px;
	text-align:left;
}

#content .subsection .formrow label span{
	color:#12b33c;
	display:inline-block;
	float:right;
}
/*
2COL PAGE
*/
.subsection .inner.col2{
	background:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding:0 30px;
	max-width:1000px; /* should match .inner max-width+padding */
}
.subsection .inner.col2:after{
	display:block;
	content:"";
	clear:both;
}
.subsection .innercol2{
	background:#FFFFFF;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	padding:0;
	width:47.5%;
	margin-right:5%;
	float:left;
}
.subsection .innercol2:last-child{
	margin-right:0;
}
.innercol2pad{
	padding:30px;
}
#content .subsection .inner .innercol2 h3{
	padding-top:0;
}

/*
SMALL SINGLE COL PAGE
*/

.subsection .inner.small{
	max-width:580px;
	padding:0 60px;
	

}


/*
STEP PROCESS
*/
#content .subsection #stepprocess:after{
	display:block;
	content:"";
	clear:both;
}
#content .subsection #stepprocess h3{
	text-align:left;
	font-size:24px;
	padding:0;
	line-height:normal;
}

#content .subsection #stepprocess h3 span{
	color:#767676;
	font-weight:normal;
}

#content .subsection #searchform{
	display:block;
	width:290px;
	float:left;
}
#content .subsection #searchletter{
	display:block;
	margin-top:30px;
	margin-left:320px;
}
#content .subsection #searchform .formrow{
	font-size:0;
	text-align:left;
	margin:0;
}
#content .subsection #searchform label{
	padding:0;
	color:#12b33c;
	font-size:24px;
	margin-bottom:10px;
	line-height:normal;
}
#content .subsection #searchform input[type="text"]{
	width: calc(100% - 100px);
	display:inline-block;
	vertical-align:top;
	font-size:20px;
	padding:14px;
}
#content .subsection #searchform input[type="submit"]{
	width:70px;
	height:58px;
	vertical-align:top;
	font-size:0px;
	padding:0;
	margin:0;
	border:0;
	background:#12b33c url('../images/icon-search.png') no-repeat;
	background-position:center center;
}
#content .subsection #searchform input[type="submit"]:hover{
	background-color:#0d872d;
}
#content .subsection #searchletter h3{
	padding:0;
	margin-bottom:10px;
}
#content .subsection #searchletter ul{
	line-height:normal;
	font-size:0px;
	margin-right:-10px;
}
#content .subsection #searchletter li{
	display:inline-block;
	width:auto;
}
#content .subsection #searchletter li a{
	padding:6px 0;
	display:inline-block;
	width:40px !important;
	text-align:center;
	font-size:20px;
	border:1px solid #0d872d;
	background-color:#12b33c;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:5px;
	margin-bottom:5px;
	font-weight:600;
}
#content .subsection #searchletter li a:hover{
	background-color:#0d872d;
}

#content .subsection #searchresults{
	width:52%;
	float:left;
	margin-right:2%;
	margin-top:30px;
}
#content .subsection #selecteditems{
	width:46%;
	float:left;
	margin-top:30px;
}
#content .subsection #stepprocess ul.greybox{
	height:400px;
	background:#ececec;
	border:1px solid #d5d5d5;
	margin-bottom:40px;
	margin-top:10px;
	overflow-y:auto;
}
#content .subsection #stepprocess ul.greybox li{
	display:block;
	background:#FFFFFF;
	border:1px solid #d5d5d5;
	padding:18px;
	margin:6px 6px 0 6px;
	cursor:pointer;
	position:relative;
	font-size:16px;
	overflow:hidden;
	transition:all 0.2s ease;
}
#content .subsection #stepprocess ul.greybox li:last-child{
	margin-bottom:6px;
}
#content .subsection #stepprocess ul.greybox li a{
	position:absolute;
	right:7px;
	top:7px;
	display:inline-block;
	width:37px;
	height:37px;
	text-decoration:none;
	font-weight:700;
	text-align:center;
	color:#FFFFFF;
	border:1px solid #0d872d;
}
#content .subsection #stepprocess #searchresults ul.greybox li a{
	background:#12b33c;
	font-size:36px;
	line-height:34px;
}
#content .subsection #stepprocess #searchresults ul.greybox li:hover {
	border:1px solid #12b33c;
	color:#313131;
	

}
#content .subsection #stepprocess #searchresults ul.greybox li:hover a{
	background:#0d872d;
	border:1px solid #000000;
}

#content .subsection #stepprocess #selecteditems ul.greybox li{
	background:#12b33c;
	color:#FFFFFF;	
	border:1px solid #0d872d;
	font-weight:600;
}
#content .subsection #stepprocess #selecteditems ul.greybox li a{
	font-size:22px;
	line-height:34px;

}

#content .subsection #stepprocess #selecteditems ul.greybox li:hover{
	

}
#content .subsection #stepprocess #selecteditems ul.greybox li:hover a{
	background:#b31212;
	border:1px solid #000000;

}
#content .subsection #stepprocess>form>.formrow>.col1{
	padding-bottom:30px;
}


/*
-------------MOBILE
*/
@media(max-width:1075px){
	#content .sectiongreen{
		padding:60px 0;
	}
}


@media(max-width:1010px){
	#hnav li a{
		font-size:20px;
	}
}

@media(max-width:1060px){
	.subsection .inner{
		max-width:none;
		margin:0 30px;
	}
	.subsection .inner.small{
		margin:0 auto;
	}
}

@media(max-width:980px){
	#content .inner .sec{
		float:none;
		margin-bottom:40px;
	}
	#content .inner .sec:last-child{
		margin-bottom:0;	
	}
	#content .inner h3{
		font-size:30px;
	
	}
	.per60mar,.per40{
		width:auto;
		margin-right:0;
	}
	#flogo{
		display:none;
	}
	#homeslide{
		height:300px;
	}
	#content .subsection #stepprocess h3,#content .subsection #searchform label{
		font-size:18px;
	}
	#content .subsection #searchform input[type="text"]{
		font-size:18px;
		padding:13px;
	}
	#content .subsection #searchform input[type="submit"]{
		height:54px;
		width:54px;
		background-size:50%;
	
	}
	#content .subsection #searchform{
		width:250px;
	}
	#content .subsection #searchletter{
		margin-left:280px;
	}
}

@media(max-width:900px){

	#mobilemenu{
		display:inline-block;
		vertical-align:top;
		width:92px;
		height:92px;
		position:absolute;
		right:0;
		top:0;
		cursor:pointer;
		background:url('../images/icon-menu.png') no-repeat;
		background-position:center center;
		background-size:50%;
	}
	#header .inner{
		padding:0;
	}
	#hnav{
		position:absolute;
		top:92px;
		width:100%;
		left:0;
		height:0%;
		overflow-y:hidden;
		transition:0.1s height ease;
	}
	#hnav.mobile{
		border-top:2px solid #12b33c;
		height:auto;		
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
	}
	#hnav li{
		display:block;
	}
	#hnav li a{
		background:#FFFFFF;
		height:auto;
		padding:15px 20px;
		line-height:normal;
		border-bottom:1px solid #c3c3c3;
	}
	#hnav li.active::before, #hnav li.active::after{
		display:none;
	}
	#content .subsection .formrow{
		margin-top:0;
	}
	#content .subsection .formrow .col2,#content .subsection .formrow .col2:last-child,#content .subsection .formrow .col4,#content .subsection .formrow .col4:last-child,#content .subsection .formrow .col1{
		width:auto;
		margin-right:0;
	}
	#content .subsection .formrow > div{
		float:none;
	}
	#content .subsection .formrow label{
		padding:0;
		margin-bottom:10px;
	}
	#content .subsection .formrow input, #content .subsection .formrow select, #content .subsection .formrow textarea{
		margin-bottom:30px;
		display:block;
		padding:10px;
	}
	#content .subsection .formrow input[type="submit"]{
		font-size:23px;
	}
	#content .subsection .inner p{
		margin-bottom:30px;
	}
	.subsection .inner{
		padding:0 40px;
	}
	.subsection .innercol2{
		float:none;
		margin-right:0;
		width:auto;
		margin-bottom:30px;
	}
	.subsection .inner.col2{
		padding:0;
	}
}

@media(max-width:800px){
	
	#hometagline{
		font-size:18px;
	}
	#homeslide{
		height:250px;
	}
	#homeslideinner{
		height:91px;
	}
	#homelogo{
		background-size:258px 100%;
		height:91px;
	}
	#homelogo li{
		padding-top:14px;
		font-size:58px;
		left:260px;
	}
	#homelogo li.slideextra{
		padding-top:22px;
	}

	#fnav{
		margin-left:0;
		display:block;
		text-align:center;
		margin-bottom:30px;
	}
	#fnav li{
		display:block;
	}
	#fnav li a{
		border-right:4px solid #12b33c !important;
		border-left:4px solid #12b33c !important;
		border-bottom:1px solid #3d3d3d;
	}
	#fnav li:last-child a{
		border-bottom:0;
	}
	#ftag{
		float:none;
		width:auto;
		display:block;
		margin:0 auto;
		text-align:center;
		line-height:normal;
	}
	#copyright{
		height:auto;
		padding:30px;
		font-size:14px;
		line-height:normal;
	}
	#copyright .contact{
	
		font-size:16px;
		display:block;
		margin:20px auto 0;
	}
	#copyright  .contact a:after{
		bottom:0;
	}
	.innercol2pad{
		padding:30px 40px;
	}
	.subsection .inner.small{
		margin:0 30px;
		max-width:none;
		padding:0 40px;
	}
	#content .subsection .formrow label span{
		display:block;
		float:none;
		margin-top:10px;
	}
	#content .subsection #searchform{
		float:none;
		width:auto;
	}
	
	#content .subsection #searchletter{
		margin-left:0;
		margin-top:0;
	}
	#content .subsection #searchresults{
		float:none;
		margin-right:0;
		width:auto;
	}
	#content .subsection #selecteditems{
		width:auto;
		float:none;
		padding-bottom:40px;
		
	}
	
	#content .subsection #selecteditems ul.greybox{
		height:auto;
		margin-bottom:0;
	}
}

@media(max-width:600px){
	#content .inner .sec h3{
		padding-left:30px;
		background-size:21px 23px;
		background-position:0px 5px;
		margin-left:-10px;
		margin-right:-20px;
	}
	#content .sectiongreen{
		padding:60px 0;
	}
	#homeslide{
		overflow:hidden;
		height:200px;
	}
	#homeslideinner{
		height:73px;
		bottom:20px;
	}
	#homelogo{
		background-size:206px 100%;
		height:73px;
	}
	#homelogo li{
		padding-top:12px;
		font-size:45px;
		left:210px;
	}
	#homelogo li.slideextra{
		padding-top:18px;
	}
}

@media(max-width:500px){

	#hometagline{
		padding:0px;
		font-size:14px;
	}
	#homeslide{
		height:180px;
	}
	#homeslideinner{
		height:60px;
		bottom:20px;
	}
	#homelogo{
		background-size:172px 100%;
		height:60px;
	}
	#homelogo li{
		padding-top:9px;
		font-size:38px;
		left:178px;
	}
	#homelogo li.slideextra{
		padding-top:14px;
	}
}

@media(max-width:400px){

	#hometagline{
		padding:0 60px;
	}
}

.login-verbiage {
	font-size: 16px !important;
	text-align: left !important;
}

.login-input {
	padding: 4px !important;
}

.login {
	background-color: #ffffff; 
	padding: 20px 20px 20px 20px;
}

.login .formrow:last-child {
	padding-bottom: 10px !important;
}

.section-verbiage {
	font-size: 16px !important;
	text-align: left !important;
	padding-bottom: 6px;
}