/* = Reset
----------------------------------------------------------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote, fieldset, form, label, legend, table, caption, tr, th, td { margin: 0; padding: 0; border: 0; }

footer, header { display: block; }

html { font-size: 62.5%; height: 100%; min-height: 100%; background:#f0f3f2; } 
body { min-height:100%; color: #2c2c2b; text-align: left; font-family: 'Lato', sans-serif; min-width: 1000px; }

h1, h2, h3 { margin-bottom: 10px; line-height: 110%; }
h1 { font-size: 36px; font-size: 3.6rem; color: #008c38; }
h2 { font-size: 24px; font-size: 2.4rem; }
h3 { font-size: 16px; font-size: 1.6rem; }

p { margin: 0 0 20px; font-size: 16px; font-size: 1.6rem; line-height: 150% }
.leader { font-size: 22px; font-size: 2.2rem; }


a { color: #008c38; text-decoration: none; }
a:hover { color: #008c38; text-decoration: underline; }

img { vertical-align: bottom; height: auto; -ms-interpolation-mode: bicubic; }

table { margin: 0 0 10px; border-spacing: 0; border-collapse: collapse; font-size: 15px; float: left; margin-right: 40px; }
th { padding: 10px; border: 1px solid #fff; color: #fff; background: #646466; }
td { padding: 10px; border-left: 1px solid #D8D8D8; }
td:first-child { border: 0; font-weight: bold; }
tr { background: #E6ECE9; }
tr:nth-child(even) { background-color: #fff; }
tfoot td { background: #f5f5f5; }
caption { text-align: left; caption-side: bottom; padding-top: 10px; font-style: italic;}

.hide { display: none; }
.hideText { text-indent: 100%; white-space: nowrap; overflow: hidden; }

.btn { display: inline-block; cursor: pointer; font-size: 14px; font-size: 1.4rem; font-weight: bold; padding: 7px 12px; color: #fff; border: 0; background: #ee3135; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; width: 100%; }
.btn:hover { color: #fff; background-color: #c82e31 ;}

label { width: 100%; float: left; padding: 10px 0 0; }
input.text, textarea, select { width: 100%; padding: 5px;  border: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #d0dce8;}
input { margin: 5px 0; background: #d0dce8; }
textarea { margin: 5px 0; height: 100px; }
.clr { clear: both; }

.inner, .main, .cols, .menu { zoom: 1; }
.inner:after, .main:after, .cols:after, .menu:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; overflow: hidden; }


/* = Framework
----------------------------------------------------------------------------------------------------------------- */

.header { border-top: 5px solid #008139; height: 230px; margin-bottom: -45px; background: #fff; width: 100%; }
.footer { margin: 0; padding: 0; }
.main { margin: 0; padding: 0; }
.inner { margin: 0 auto; width: 990px; }

.logo { width: 305px; height: 105px; display: block; margin: 15px auto;  background: url(/img/logo.png) no-repeat top left; }

.menu ul, .menu ul li { list-style: none; text-align: center; }
.menu ul li { display: inline; padding: 0 10px; font-weight: bold; font-size: 14px; font-size: 1.4rem; text-transform: uppercase;}
.menu ul li a { color: #2c2c2b; }
.menu ul li a:hover, .menu ul li.active a { color: #008c38; text-decoration: none;}

.hero { position: relative; }
.options { position: absolute; bottom: 0; left: 0; height: 68px; width: 100%; background: rgba(0,0,0,0.5);}
.options ul { list-style: none; margin: 0 40px; }
.options ul li { width: 33%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 10px 0 10px 15px; }
.options ul li:first-child { padding-left: 0; }
.options ul li a { float: left; width: 100%; height: 48px; line-height: 48px; text-align: center; color: #fff; font-size: 16px; background: #1aa758; /* Old browsers */
background: -moz-linear-gradient(top, #1aa758 0%, #01672e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1aa758), color-stop(100%,#01672e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1aa758 0%,#01672e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1aa758 0%,#01672e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1aa758 0%,#01672e 100%); /* IE10+ */
background: linear-gradient(to bottom, #1aa758 0%,#01672e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aa758', endColorstr='#01672e',GradientType=0 ); /* IE6-9 */ }
.options ul li a:hover { text-decoration: none;
background: -moz-linear-gradient(top, #18954f 0%, #005d29 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18954f), color-stop(100%,#005d29)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #18954f 0%,#005d29 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #18954f 0%,#005d29 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #18954f 0%,#005d29 100%); /* IE10+ */
background: linear-gradient(to bottom, #18954f 0%,#005d29 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18954f', endColorstr='#005d29',GradientType=0 ); /* IE6-9 */
}
.homeContent, .content { padding: 40px 0; }
.homeContent h1 { text-align: center; }
.homeContent .leader { margin-bottom: 40px; }
.colsThird .col { width: 31%; float: left; display: inline; }
.col { float: left; margin-left: 3.5%; }
.col:first-child { margin-left: 0; }

.col h2 { border-top: 2px solid #d0dbd7; padding: 15px 0 0; font-weight: normal; color: #008c38; }

.footer { margin: 50px 0 0; background: #2d2d2d; padding: 25px 0; color: #fff; text-align: center;  }
.footer ul, .footer ul li { list-style: none; }
.footer ul li { border-left: 1px solid #fff; padding: 0 20px; display: inline; font-size: 13px; }
.footer ul li:first-child { border-left: 0; }

.zone1 { float: left; width: 665px; text-align: left;}
.zone1 ul { margin-bottom: 20px; }
.zone1 ul li { font-size: 16px; font-size: 1.6rem; margin: 5px 0 0 17px; list-style-position: outside; line-height: 150%; }
.zone2 { float: right; width: 280px; font-size: 14px; }
.zone2 img { margin-bottom: 20px; }
.zone2 ul, .zone1 ul { list-style-position: outside; }
.zone2 ul li { margin: 5px 0 0 17px; list-style-position: outside; line-height: 150%; }
.flexslider h3 { padding: 10px 15px; background: #fff; color: #797979; font-size: 14px; height: 15px; font-size: 1.4rem; font-style: italic; }