/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'Roboto', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear:both; height:0px; margin:0;}
/***** END RESET *****/

.header, nav, article, section, .footer, img {display:block;}

html {height:100%;}
body {overflow-x: hidden; background:#000 url('../siteart/bg2.jpg') no-repeat center; background-size:cover; background-attachment:fixed; font-family:'Roboto', sans-serif; line-height: 1.5; -webkit-text-size-adjust:none;}
.clear-it:after {content:""; clear:both; display:block;}

.wrap {width:92%; margin:0 auto; max-width:1230px;}

.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left;}
.column1 {width:8.33333%;}
.column2 {width:16.66666%;}
.column3 {width:25%;}
.column4 {width:33.33333%;}
.column5 {width:41.66666%;}
.column6 {width:50%;}
.column7 {width:58.33333%;}
.column8 {width:66.66666%;}
.column9 {width:75%;}
.column10 {width:83.33333%;}
.column11 {width:91.66666%;}
.column12 {width:100%;}

.col-pad-lt {padding:0 0 0 2%;}
.col-pad-rt {padding:0 2% 0 0;}
.col-pad-center {padding:0 1%;}

.show-1024, .display-tablet, .show-480 {display:none;}

/*.contain {height:100%; display:block; position:relative; padding-bottom:104px;}*/


p {margin-bottom:16px;}
.no-margin {margin:0!important;}

h1, h2, h3, h4, h5, h6 {font-family:'Roboto', sans-serif; font-weight:700; line-height: 1.3;}
h1 {font-size:36px; margin-bottom:24px;}
h2 {font-size:28px; margin-bottom:16px;}
h3 {font-size:24px; margin-bottom:12px;}
h4 {font-size:22px; margin-bottom:10px;}
h5 {font-size:20px; margin-bottom:7px;}
h6 {font-size:18px; margin-bottom:5px;}

a {color:inherit; text-decoration:none;}
a:hover {color:inherit; text-decoration:underline;}

.green {color:#578c3e;}
.drk-green {color:#2f5928}
.black {color:#000;}
.white {color:#fff;}

.caps {text-transform:uppercase;}
.shadowed {text-shadow:3px 3px 3px rgba(0,0,0,.8);}

.text-center {text-align:center;}
.text-right {text-align:right;}


/**** header/nav styles **/
.header {width:100%; /*background:rgba(255,255,255,0.7);*/ background:#fff url('../siteart/header-bg-30.jpg') no-repeat center 60%; background-size:cover; padding:50px 0;}
.address {width:23%; float:left; margin:0 1%;}
.main-logo {width:48%; float:left; margin:5px 1% 0 1%;}
.main-logo img {width:100%; height:auto; margin:0 auto; max-width:333px;}

nav {width:100%; background:rgba(87,140,62,0.75);}
nav ul {width:100%; text-align:center; margin:0 auto;}
nav li {position:relative; display:inline-block;}
nav a {display:block; text-decoration:none; cursor: pointer; color:#fff; line-height:44px; font-size:18px; font-weight:700; padding:0 10px;}
nav a:hover {text-decoration:none; background:rgba(87,140,62,1.0);}

nav ul ul {display:none; position:absolute; z-index:99999; top:44px; left:0; width:220px; background:#578c3e; text-align:left;}
nav ul ul ul {position:absolute; left:100%; top:0;}
nav ul li:hover > ul {display:block; z-index:99999;}
nav ul ul li {float:none; position:relative; display:block;}
nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited {font-size:16px; line-height:18px; padding:10px 0px 10px 10px; border-bottom:1px solid #2f5928;}
nav ul ul li a:hover {background:#2f5928; color:#fff; transition: .3s ease-in-out all;}

/** mobile nav styles **/
#mobile-nav-wrapper .close-nav-btn {width:100%; display:block; height:35px; line-height:35px; text-align:right; color:#fff; border-bottom:1px #2f5928 solid; cursor: pointer;}
#mobile-nav-wrapper .close-nav-btn i {font-size:18px; color:#fff; margin-right:15px;}

#mobile-nav-wrapper {display:none; position:fixed; top:0; height:100%;  z-index:9999; width:260px; overflow-x:none; overflow-y:auto; font-size:15px; background:#578c3e; color:#fff; margin:0!important; -moz-box-shadow:2px 0px 3px rgba(0,0,0,.4); -webkit-box-shadow:2px 0px 3px rgba(0,0,0,.4); box-shadow:2px 0px 3px rgba(0,0,0,.4);}
#mobile-nav-wrapper ul {clear:both; display:block; padding:0;}
#mobile-nav-wrapper ul li {display:block; margin:0; line-height:40px; position:relative; border-bottom:1px solid #2f5928;}
#mobile-nav-wrapper ul li a, #mobile-nav-wrapper ul li span {padding:0 15px; display:block; font-weight:700; text-decoration:none; color:#fff;}
#mobile-nav-wrapper ul li a:hover {background:#2f5928; color:#fff; transition: .3s ease-in-out all;}

#mobile-nav-wrapper ul li.expandable .end {position:absolute; top:0px; right:0px; width:40px; height:40px; line-height:40px; text-align:center; display:block;}
#mobile-nav-wrapper ul li.expandable .end i {font-size:18px; color:#fff; text-align:center;}
#mobile-nav-wrapper ul li.expandable .end.rotate {-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
#mobile-nav-wrapper ul ul.collapsed {display:none;}
#mobile-nav-wrapper ul ul.expanded {display:block!important;}

#mobile-nav-wrapper ul li ul {border-bottom:none; margin:0; background:#000;}
#mobile-nav-wrapper ul li ul li {line-height:40px; font-size:14px;}
#mobile-nav-wrapper ul li ul li:last-child {border-bottom:none;}
#mobile-nav-wrapper ul li ul li a, #mobile-nav-wrapper ul li ul li span {color:#fff; padding-left:30px;}
#mobile-nav-wrapper ul li ul li a:hover {background:#2f5928; color:#fff;}



/**** content styles **/
article {width:100%; padding:35px 0;}

.link-box {width:100%; display:block; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:3px #578c3e solid; /*margin-bottom:35px;*/}
.link-box:hover {cursor:pointer;}
.link-box img {width:100%; height:auto; position:relative; z-index:1;}
.link-box .shaded {position:absolute; top:0; left:0; z-index:3; background:rgba(0,0,0,0.3); height:100%; width:100%; display:block;}
.link-box span {line-height: 1.3; text-align:center; width:96%; padding:0 2%; position:absolute; top:50%; left:0; z-index:5; text-transform:uppercase; color:#fff; font-weight:700; font-size:28px; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); text-shadow:2px 2px 2px rgba(0,0,0,.5);}
.link-box:hover .shaded {background:none; transition: .4s ease-in-out all;}
.opt-links {display:none; background:#000; color:#fff; text-align:center; font-weight:700; font-size:16px; width:100%; height:100%; position:absolute; top:0; left:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; z-index:10;}
.opt-links ul {padding-top:10%;}
.opt-links li {padding:5px 0;}

.trans-box {background:rgba(255,255,255,0.9); padding:25px 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:3px #578c3e solid;}
.inv-box {background:#fff; margin: 2em auto; width: 100%; padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:3px #578c3e solid;}
.inv-box iframe {width:100%; min-height:1000px; display:block;}

.map-box iframe {width:100%; height:300px; display:block; border:3px #578c3e solid; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.state-map {width:100%;}
.state-map img {width:100%; height:auto; max-width:326px; margin:0 auto;}

.finance-img {max-width:100%}
.finance-img img {margin:0 auto; width:100%; height:auto; max-width:400px;}
.finance-row {
    display: flex;
    justify-content: center;
    gap: 40px; /* space between them */
    flex-wrap: wrap; /* allows stacking on small screens */
}

.finance-item {
    max-width: 400px;
}

.finance-item img {
    width: 100%;
    height: auto;
    display: block;
}

.staff {width:100%; display:flex; flex-direction:row; justify-content: center; flex-wrap:wrap;}
.staff div {width:23%; margin:0 5% 20px 5%; text-align:center;}
.staff img {width:100%; height:auto; margin:0 auto 7px auto; max-width:200px; border:1px #999 solid; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

.about-spacer {display:block; width:100%; padding:2% 0;}


/**** footer styles **/
.footer {width:100%; background:rgba(47,89,40,0.8); padding:1.25em 0; position:relative; display: block;}
.copyright {width:100%; text-align:center; font-size:12px; color:#fff;}


/**** form styles **/
#formpage label {display:block; margin-bottom:3px;}
#formpage input {width:calc(100% - 12px); padding:6px 5px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; border:1px solid #999; color:#000; font-size:14px; margin-bottom:12px;}
#formpage textarea {width:calc(100% - 12px); padding:6px 5px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; border:1px solid #999; color:#000; font-size:14px; height:120px; margin-bottom:12px;}
#formpage select {width:calc(100% - 2px); -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; border:1px solid #999; color:#000; vertical-align:middle; font-size:14px; line-height:normal; padding:5px; margin-bottom:12px;}
#formpage input.checkbox {padding:0; border:0; margin:0 5px 0 0; width:13px; height:13px; display:inline; background-color:#fff;}
#formpage input.radio {padding:0; border:0; margin:0 5px 0 0; width:15px; height:15px; display:inline;}

/* focus states of various types of fields */
#formpage input:focus, #formpage textarea:focus, #formpage select:focus {color:#333; border:1px solid #2f5928; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; outline-style:none;}
#formpage input.radio:focus, #formpage input.checkbox:focus {background:none; border:0; outline-style:none;}

#formpage input.button, #formpage input.button:focus {width:100%;  margin:0; padding:7px 0; background:#458029; border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; font-size:16px; line-height:16px; font-weight:bold; color:#fff; -webkit-appearance:none; cursor: pointer;}
#formpage input.button:hover {background:#2f5928; color:#fff;}

/*control the Captcha */
.CaptchaPanel {margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align:center; line-height:normal !important;}
.CaptchaImagePanel {margin:0 0 0 0; padding:0 0 0 0;}
.CaptchaImagePanel img {width:100%; height:auto; max-width:160px; margin:0 auto;}
.CaptchaMessagePanel {padding:0 0 0 0 !important; margin:0 0 0 0 !important; font-weight:normal !important; font-size:12px; line-height:14px;}
.CaptchaAnswerPanel {margin:0 0 0 0; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 8px 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}


/**** responsive styles **/
@media screen and (max-width:1100px) {
	.link-box span {font-size:22px;}
}
@media screen and (max-width:1024px) {
	.hide-1024 {display:none!important;}
	.show-1024 {display:block;}
	
	.column1-ht {width:8.33333%;}
	.column2-ht {width:16.66666%;}
	.column3-ht {width:25%;}
	.column4-ht {width:33.33333%;}
	.column5-ht {width:41.66666%;}
	.column6-ht {width:50%;}
	.column7-ht {width:58.33333%;}
	.column8-ht {width:66.66666%;}
	.column9-ht {width:75%;}
	.column10-ht {width:83.33333%;}
	.column11-ht {width:91.66666%;}
	.column12-ht {width:100%;}
	
	.col-pad-lt-ht {padding:0 0 0 2%;}
	.col-pad-rt-ht {padding:0 2% 0 0;}
	.col-pad-center-ht {padding:0 1%;}
	.col-pad-clear-ht {padding:0;}
	
	body {font-size:14px;}
	p {margin-bottom:14px;}
	
	h1 {font-size:32px; margin-bottom:20px;}
	h2 {font-size:26px; margin-bottom:12px;}
	h3 {font-size:22px; margin-bottom:10px;}
	h4 {font-size:20px;}
	h5 {font-size:18px;}
	h6 {font-size:16px;}
	
	.address {width:28%;}
	.main-logo {width:38%;}
	
	nav a {font-size:14px; padding:0 6px;}
	nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited {font-size:14px; line-height:16px;}
}
@media screen and (max-width:860px) {
	.link-box span {font-size:20px;}
}
@media screen and (min-width:769px) {
	#mobile-nav-wrapper {display:none!important;}
}
@media screen and (max-width:768px) {
	.display-tablet {display:block;}
	.hide-tablet {display:none!important;}
	
	.column1-vt {width:8.33333%;}
	.column2-vt {width:16.66666%;}
	.column3-vt {width:25%;}
	.column4-vt {width:33.33333%;}
	.column5-vt {width:41.66666%;}
	.column6-vt {width:50%;}
	.column7-vt {width:58.33333%;}
	.column8-vt {width:66.66666%;}
	.column9-vt {width:75%;}
	.column10-vt {width:83.33333%;}
	.column11-vt {width:91.66666%;}
	.column12-vt {width:100%;}
	
	.col-pad-lt-vt {padding:0 0 0 2%;}
	.col-pad-rt-vt {padding:0 2% 0 0;}
	.col-pad-center-vt {padding:0 1%;}
	.col-pad-clear-vt {padding:0;}
	
	.main-logo {width:100%; margin:0 0 10px 0;}
	.head-contact {width:100%; text-align:center;}
	.head-contact a {width:auto; display:inline-block; margin:0 3.5%;}
	.head-contact i {color:#000;}
	
	#formpage .column6-vt {width: 100%;}
	#formpage label {margin-bottom: 3px;}
	#formpage .col-pad-lt-vt, #formpage .col-pad-rt-vt, #formpage .col-pad-rt {padding: 0;}
	
	#simple-nav {float:left; height:36px; width:80px; line-height:36px; color:#fff; font-size:16px; font-weight:700; display:block; cursor:pointer;}
	
	.header {padding:25px 0;}
	.link-box {margin-bottom:20px;}
	.map-box {margin:15px 0 30px 0;}
	.map-box iframe {height:250px;}
	
	article {padding:25px 0;}
}
@media screen and (max-width:640px) {
	.column1-hp {width:8.33333%;}
	.column2-hp {width:16.66666%;}
	.column3-hp {width:25%;}
	.column4-hp {width:33.33333%;}
	.column5-hp {width:41.66666%;}
	.column6-hp {width:50%;}
	.column7-hp {width:58.33333%;}
	.column8-hp {width:66.66666%;}
	.column9-hp {width:75%;}
	.column10-hp {width:83.33333%;}
	.column11-hp {width:91.66666%;}
	.column12-hp {width:100%;}
	
	.col-pad-lt-hp {padding:0 0 0 2%;}
	.col-pad-rt-hp {padding:0 2% 0 0;}
	.col-pad-center-hp {padding:0 1%;}
	.col-pad-clear-hp {padding:0;}
	
    .staff div {width:48%;}
    
	.footer {padding:20px 0;}
	.copyright {font-size:12px;}
}
@media screen and (max-width:480px) {
	.show-480 {display:block;}
	.hide-480 {display:none!important;}
	
	.column1-vp {width:8.33333%;}
	.column2-vp {width:16.66666%;}
	.column3-vp {width:25%;}
	.column4-vp {width:33.33333%;}
	.column5-vp {width:41.66666%;}
	.column6-vp {width:50%;}
	.column7-vp {width:58.33333%;}
	.column8-vp {width:66.66666%;}
	.column9-vp {width:75%;}
	.column10-vp {width:83.33333%;}
	.column11-vp {width:91.66666%;}
	.column12-vp {width:100%;}
	
	.col-pad-lt-vp {padding:0 0 0 2%;}
	.col-pad-rt-vp {padding:0 2% 0 0;}
	.col-pad-center-vp {padding:0 1%;}
	.col-pad-clear-vp {padding:0;}
	
	h1 {font-size:28px;}
	h2 {font-size:24px; margin-bottom:10px;}
	h3 {font-size:20px; margin-bottom:8px;}
	
	.main-logo img {max-width:270px;}
	
	.link-box span {font-size:16px;}
	.trans-box {padding:15px;}
}
@media screen and (max-width:375px) {
	.staff div {width:100%; margin:0 0 20px 0;}
}
@media screen and (max-width:320px) {
	
}