/* = 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; font-size: 100%; }

/* = HTML5 Elements
----------------------------------------------------------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; }

/* = Body
----------------------------------------------------------------------------------------------------------------- */
body { color: #1e1e1e; font-size: 0.8em; text-align: left; font-family: 'Open Sans', Arial, Helvetica, sans-serif; background: #fff; }

/* = Text-Level
----------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; color: #09290e; font-weight: normal; }
h1 { font-size: 3.4em; font-family: 'PT Serif', serif; color: #7a828b; }
h2 { font-size: 2.9em; font-family: 'PT Serif', serif; }
h3 { font-size: 2.1em; font-family: 'PT Serif', serif; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; font-weight: bold; color: #1e1e1e; }
h6 { font-size: 1.3em; font-weight: bold; color: #1e1e1e; }

p { margin: 0 0 20px; line-height: 1.5em; }

blockquote { margin: 0 0 20px; padding: 0 0 0 28px; font-size: 1.6em; color: #7a828b; font-family: 'PT Serif', serif; font-style: italic; background: url(../images/quotes.png) no-repeat top left; }
blockquote p { line-height: 1.4em; margin-bottom: 0; }

a { color: #7c3639; text-decoration: none; }
a:hover { color: #9b5356; text-decoration: none; }

img { vertical-align: bottom; height: auto; -ms-interpolation-mode: bicubic; }
hr { margin: 20px 0; height: 1px; border: 0; border-top: 3px solid #d9e0e7; }
small { font-size: 0.8em; }
address { font-style: normal; }

sub, sup { line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { margin: 0; }
code { font-size: 1.5em; }

/* = Lists
----------------------------------------------------------------------------------------------------------------- */
ul { margin: 0 0 20px 15px; }
ul li { margin: 0 0 10px; }
ul li ul { margin-top: 20px; margin-left: 30px; list-style-type: circle; }

ol { margin: 0 0 20px 18px; }
ol li { margin: 0 0 10px; }
ol li ol { margin-top: 20px; margin-left: 30px; list-style-type: lower-latin; }

dl { margin: 0 0 20px; }
dt { color: #111; font-weight: bold; }
dd { margin: 0 0 20px; }

.inline { margin-left: 0; list-style: none; }
.inline li { display: inline; margin: 0 15px 0 0; }

/* = Figures
----------------------------------------------------------------------------------------------------------------- */
figure { margin: 0 0 20px; }
figcaption { padding-top: 10px; text-transform: uppercase; color: #777; font-size: 0.8em; }
.figLeft { float: left; margin-right: 20px; }
.figRight { float: right; margin-left: 20px; }

/* = Tables
----------------------------------------------------------------------------------------------------------------- */
table { width: 100%; margin: 0 0 20px; border-spacing: 0; border-collapse: collapse; }
th { color: #fff; padding: 15px 10px; border: 1px solid #7a828b; background: #7a828b; }
td { padding: 7px 20px; background: #fff; }
tfoot td { color: #fff; background: #7a828b; }
caption { text-align: left; caption-side: bottom; padding-top: 10px; font-style: italic; }

.rowItemAlt td { background: #d9e0e7; }
.rowItemStandout td { color: #fff; background: #7a828b; }
.rowItemDisabled td { color: #7a828b; }

/* = Screen Messages
----------------------------------------------------------------------------------------------------------------- */
.msg { margin: 0 0 20px; padding: 20px; background: #d9e0e7; }
.msg p { margin-bottom: 0; }
.msg ul { margin-bottom: 0; }
.msg ul li { margin-bottom: 5px; }

.msgImp { padding-left: 60px; color: #fff; background: #7a828b url(../images/important.svg) no-repeat 25px center; }
.msgImp a { color: #fff; font-weight: bold; }
.msgError { padding-left: 60px; color: #fff; background: #7c3639 url(../images/error.svg) no-repeat 15px center; }
.msgSuccess { padding-left: 60px; color: #fff; background: #b5cdbe url(../images/success.svg) no-repeat 15px center; }
.msgAssist { background-color: #d9e0e7; }

/* = Content Splits
----------------------------------------------------------------------------------------------------------------- */
.colsHalf .col { width: 48%; float: left; margin-right: 4%; }
.colsThird .col { width: 32%; float: left; margin-right: 2%; }
.colsFourth .col { width: 22%; float: left; margin-right: 4%; }
.colsFifth .col { width: 16.8%; float: left; margin-right: 4%; }
.cols .endCol { margin-right: 0; }

/* = Content Modules
----------------------------------------------------------------------------------------------------------------- */
.mod { margin: 0 0 20px; border: 1px solid #d9e0e7; }
.mod .modTitle { color: #373f48; margin: 0 0 10px; padding: 10px 20px; font-size: 1.3em; font-family: 'Open Sans', Arial, Helvetica, sans-serif; background: #d9e0e7; }
.mod .modInner { padding: 0 20px; }

.modStandout { border-color: #09290e; }
.modStandout .modTitle { color: #fff; border-color: #09290e; background: #09290e; }

/* = UI Kit > Buttons
----------------------------------------------------------------------------------------------------------------- */
.btn { display: inline-block; cursor: pointer; padding: 12px; color: #fff; font-weight: bold; font-family: 'Open Sans', Arial, Helvetica, sans-serif; border: 0; background: #09290e; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.btn:hover { color: #fff; background: #2f5134; }

.btnImpact { color: #fff; background: #7c3639; }
.btnImpact:hover { color: #fff; background: #9b5356; }

/* = Forms
----------------------------------------------------------------------------------------------------------------- */
.webForm div { margin: 0 0 20px; }
.webForm div em { display: block; margin-left: 25%; margin-top: 10px; }
label { width: 25%; float: left; padding: 10px 0; font-weight: bold; }
input.text, textarea, select { width: 75%; padding: 10px; font-family: Arial, 'Helvetica Neue', Helvetica, Sans-Serif; border: 1px solid #d9e0e7; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.formList { display: inline-block; padding: 8px 0; line-height: 1.5em; }
.formList label { width: auto; padding: 0 10px 0 0; float: none; font-weight: normal; }
.formList input { width: auto; margin: 0 10px 0 0; padding: 0; border: 0; }

.checkbox { display: inline-block; padding: 12px 0 0; }
.checkbox input { float: left; margin: 0; padding: 0; border: 0; }

/* = Pagination
----------------------------------------------------------------------------------------------------------------- */
.pagination { margin: 0 0 20px; }
.pagination li { display: inline; }
.pagination li.det { padding-right: 10px; }
.pagination li a { display: inline-block; font-weight: bold; padding: 6px 12px; color: #1e1e1e; background: #d9e0e7; }
.pagination li a:hover { color: #fff; background: #7a828b; }
.pagination li a.on { color: #fff; background: #7c3639; }

/* = Media Object (Extend freely but change with caution)
----------------------------------------------------------------------------------------------------------------- */
.medObj { margin: 0 0 20px; }
.medObj, .medObj .cont { overflow: hidden; _overflow: visible; _zoom: 1; }
.medObj .thumb { float: left; margin: 0 20px 0 0; max-width: 50%; }
.medObj .thumb img { display: block; max-width: 100%; }

.medObjs { margin: 0; }
.medObjs li { margin: 0 0 20px; }
.medObjs li, .medObjs li .cont { overflow: hidden; _overflow: visible; _zoom: 1; }
.medObjs li .thumb { float: left; margin: 0 20px 0 0; max-width: 50%; }
.medObjs li .thumb img { display: block; max-width: 100%; }
.medObjs li .cont h4 { margin-bottom: 5px; }

/* = Breadcrumb
----------------------------------------------------------------------------------------------------------------- */
.breadcrumb ul { margin-left: 0; list-style: none; }
.breadcrumb li { display: inline; margin: 0 10px 0 0; }

/* = Helper Classes
----------------------------------------------------------------------------------------------------------------- */
.floatLeft { float: left; }
.floatRight { float: right; }
.hide { display: none; }
.hideText { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.clr { clear: both; }
.leader { font-size: 1.3em; }
.textLeft { text-align: left; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.highlight { color: #763d3f; }
.marked { background: #e0e6ec; }
.meta { color: #666; font-style: italic; font-size: 0.9em; margin-bottom: 10px; }

/* = SVG ie Fallbacks
----------------------------------------------------------------------------------------------------------------- */
.no-svg .msgImp { background-image: url(../images/important.png); }
.no-svg .msgError { background-image: url(../images/error.png); }
.no-svg .msgSuccess { background-image: url(../images/success.png); }
.no-svg .logo { background-image: url(../images/logo.png); }
.no-svg .menu ul li:hover,
.no-svg .menu ul li.liOn { background-image: url(../images/tip.png); }
.no-svg .cookie .cookieClose { background-image: url(../images/close.png); }
.no-svg .accordion .panel { background-image: url(../images/off-date.png); }
.no-svg .accordion .panel h3,
.no-svg .accordion .panel p { background-image: url(../images/dots.png); }
.no-svg .accordion .panel h2:hover,
.no-svg .accordion .on { background-image: url(../images/on-date.png); }

/* = Clearing
----------------------------------------------------------------------------------------------------------------- */
.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 { background: #09290e url(../images/header.jpg) no-repeat center top }
.strip { margin-bottom: 30px; padding-top: 20px; padding-bottom: 10px; background: #e0e6ec; }
.strip h1 { margin-bottom: 15px;}
.main { margin-bottom: 20px; }
.footer { padding-top: 20px; border-top: 3px solid #d9e0e7; }
.inner { width: 900px; margin: 0 auto; }

/* = Page Templates
----------------------------------------------------------------------------------------------------------------- */
.templateHomepage h1 { font-size: 2.1em; color: #09290e; }

/* = Zones
----------------------------------------------------------------------------------------------------------------- */
.zoneOne { float: left; width: 60%; }
.zoneTwo { float: right; width: 33%; }

/* = Logo
----------------------------------------------------------------------------------------------------------------- */
.logo { width: 676px; height: 85px; float: left; margin-top: 25px; padding-bottom: 25px; background: url(../images/logo.svg) no-repeat top left; }

/* = Menu
----------------------------------------------------------------------------------------------------------------- */
.menu { background: #fff; }
.menu ul { margin: 0; list-style: none; display: flex;  align-items: center;  }
.menu ul li {  margin: 0 24px 0 0; font-size: 1.25em; letter-spacing: -0.1px; }
.menu ul li:last-child { margin-right: 0;}
.menu ul li a { display: flex; align-items: center;  padding: 15px 0; min-height: 22px; color: #1e1e1e; }
.menu ul li a:hover { color: #7a828b; }
.menu ul li a.on { text-decoration: underline }

.menu ul li:hover,
.menu ul li.liOn { background: url(../images/tip.svg) no-repeat bottom center; }

.nav-home span { display: none;}
.nav-home svg { width: 15px; height: 15px; fill: #325e42; }

/* = Images
----------------------------------------------------------------------------------------------------------------- */
.zoneTwo img { padding: 3px; background: #ccc; border: 1px #59745e solid;}

/* = Banners
----------------------------------------------------------------------------------------------------------------- */
.banner img { margin-bottom: 10px; max-width: 100%; }
.featureBanner img { margin-top: 10px; }
.featureBanner p { margin-bottom: 10px; text-align: right; }

/* = Accordion
----------------------------------------------------------------------------------------------------------------- */
.accordion { margin: 0 0 20px; }
.accordion .panel { background: url(../images/off-date.svg) no-repeat top left; }
.accordion .panel h2 { display: block; color: #84a18f; margin: 0; padding: 0 0 0 125px; font-size: 2em; cursor: pointer; }
.accordion .panel h2:hover { color: #7c3639; }
.accordion .panel h3 { display: block; margin: 0; padding: 0 0 20px 125px; font-size: 1.2em; font-family: 'Open Sans', Arial, Helvetica, sans-serif; background: url(../images/dots.svg) repeat-y 14px 3px; }
.accordion .panel p { margin: 0; padding: 0 0 20px 125px; background: url(../images/dots.svg) repeat-y 14px 3px; }
.accordion .panel h2:hover,
.accordion .on { background: url(../images/on-date.svg) no-repeat left top; }
.accordion .on h2 { color: #7c3639; }

/* = Flexslider
----------------------------------------------------------------------------------------------------------------- */
.flexslider { margin: 0 auto; position: relative; background: url(../images/loader.gif) no-repeat center center; }
.flexslider .slides { display: block; margin: 0; list-style: none; }
.flexslider .slides li { margin: 0; display: none; position: relative; }
.flexslider .slides li img { max-width: 100%; }
.flexslider .slides li:first-child { display: block; }
.flexslider .slides li .content { padding: 10px; position: absolute; bottom: 15px; left: 15px; background: url(../images/lens.png) repeat top left; }
.flexslider .slides li .content h2 { font-size: 1.2em; margin: 0; color: #e07e00; }
.flexslider .slides li .content p { margin: 0; color: #fff; }

.flex-direction-nav { display: none; }

/* = Cookie
----------------------------------------------------------------------------------------------------------------- */
.cookie { display: none; color: #fff; background: #84a18f; }
.cookie p { margin-bottom: 0; padding: 15px; }
.cookie p a { color: #fff; font-weight: bold; text-decoration: underline; }
.cookie .cookieClose { width: 21px; height: 21px; float: right; font-size: 0; background: url(../images/close.svg) no-repeat top left; }