.h1 { font-size: 4.5rem; font-family: Verdana, Geneva, Tahoma, sans-serif; line-height: 1.2; color: #222; margin: auto; margin-bottom: 4rem; text-align: left; }

@media (max-width: 56.25em) { .h1 { font-size: 4rem; margin-bottom: 2rem; } }

@media (max-width: 34.375em) { .h1 { font-size: 3.3rem; margin-bottom: 2rem; } }

.h1--incentives { font-size: 5rem; text-align: center; }

@media (max-width: 34.375em) { .h1--incentives { font-size: 3.3rem; } }

.h1--news { margin-bottom: 0px; }

h2 { line-height: 1.2; font-size: 3.5rem; margin: 1.5rem 0; margin-top: 3rem; color: #000; }

@media (max-width: 56.25em) { h2 { font-size: 3rem; } }

@media (max-width: 34.375em) { h2 { font-size: 2.5rem; margin-bottom: 1rem; } }

h3 { font-size: 2.5rem; line-height: 1.5; color: #000; margin: 1.5rem 0; margin-top: 3rem; }

h3 .month { font-style: italic; font-size: 1.75rem; font-weight: normal; color: #bb9b70; }

.h3--bg { margin: 1rem -1rem; background: #eee; padding: 1rem; }

*, *::before, *::after { margin: 0; padding: 0; box-sizing: inherit; }

html { font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }

@media (max-width: 56.25em) { html { font-size: 56.25%; } }

@media (max-width: 34.375em) { html { font-size: 50%; } }

body { box-sizing: border-box; background: #faf9f4; }

.header { width: 100%; font-size: 1.6rem; margin: 0px auto; background: #fff; background: -moz-linear-gradient(top, #a0d8ef 0%, #d5eaf2 0%, #feffff 39%, #feffff 39%, #feffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a0d8ef), color-stop(0%, #d5eaf2), color-stop(39%, #feffff), color-stop(39%, #feffff), color-stop(100%, #feffff)); background: -webkit-linear-gradient(top, #a0d8ef 0%, #d5eaf2 0%, #feffff 39%, #feffff 39%, #feffff 100%); background: -o-linear-gradient(top, #a0d8ef 0%, #d5eaf2 0%, #feffff 39%, #feffff 39%, #feffff 100%); background: -ms-linear-gradient(top, #a0d8ef 0%, #d5eaf2 0%, #feffff 39%, #feffff 39%, #feffff 100%); background: linear-gradient(to bottom, #a0d8ef 0%, #d5eaf2 0%, #feffff 39%, #feffff 39%, #feffff 100%); }

@media (max-width: 34.375em) { .header { height: 90px; } }

.header__container { max-width: 980px; display: flex; flex-wrap: nowrap; margin: 0 auto; }

@media (min-width: 34.375em) { .header__container { min-height: 95px; } }

.header__logo { width: 150px; align-self: flex-end; min-width: 100px; }

@media (max-width: 34.375em) { .header__logo { min-width: 75px; margin-right: 10px; } }

.header__logo img { width: 100%; height: auto; position: relative; top: 6px; z-index: 3; }

@media (max-width: 34.375em) { .header__logo img { width: 95%; top: 5px; } }

.header__nav--desktop { display: flex; padding-top: 1vw; flex-direction: column; justify-content: space-between; margin-left: 1rem; margin-right: 1rem; }

@media (max-width: 34.375em) { .header__nav--desktop { display: none; } }

.header__nav--desktop--tagline img { width: 70%; }

.header__nav--desktop ul { list-style: none; display: flex; }

.header__nav--desktop ul li { padding: 7px 10px; border: 1px solid #e0dfdf; border-bottom: 0px; margin-right: 2px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background: #eee; background: linear-gradient(180deg, #eee 37%, #ddd 100%); transition: all 0.2s ease; }

@media (max-width: 56.25em) { .header__nav--desktop ul li { font-size: 1.8vw; padding: 3px 5px; } }

.header__nav--desktop ul li#current_area { background: #4d967b; border: none; }

.header__nav--desktop ul li#current_area a { color: #fff; }

.header__nav--desktop ul li:hover { background: #ddd; background: linear-gradient(180deg, #ddd 37%, #ccc 100%); }

.header__nav--desktop ul li a { text-decoration: none; font-weight: bold; color: #333; font-family: Helvetica, arial; transition: color 0.2s ease; }

.header__story { display: flex; align-items: center; width: 265px; min-width: 180px; margin-left: auto; align-self: flex-end; }

.header__story include small { min-width: 150px; margin-top: 10px; }

.header__story .storytext { min-width: 150px; }

.header__story .storytext img { width: 100%; height: auto; }

.header__story .storyprofile { max-width: 65px; min-width: 50px; margin-right: 5px; }

.header__story .storyprofile img { width: 100%; height: auto; }

.header__bar { position: relative; width: 100%; z-index: 2; height: 30px; background: #4d967b; }

@media (max-width: 34.375em) { .header__bar { display: none; } }

.header__email { max-width: 980px; padding-top: 0.5rem; padding-right: 1rem; text-align: right; margin: 0 auto; }

.header__email--btn { background-color: #59c39c; text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.37); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #fff; display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; text-decoration: none; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid #3f8269; white-space: nowrap; padding: 6px 12px; font-size: 14px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

@media (max-width: 56.25em) { .header__email--btn { font-size: 1.8vw; } }

.header__nav--mobile { width: 100%; margin-top: 0.3rem; background: #fff; display: none; }

@media (max-width: 34.375em) { .header__nav--mobile { display: block; position: sticky; top: 0px; opacity: 0.9; z-index: 10; } }

.header__nav--mobile ul { list-style: none; display: flex; }

.header__nav--mobile ul li { padding: 7px 10px; flex-grow: 1; text-align: center; font-family: helvetica, arial; font-weight: bold; font-size: 3.5vw; margin-right: 3px; background: #eee; background: -moz-linear-gradient(top, #dddddd 0%, #eeeeee 37%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bdd7e0), color-stop(37%, #e0e9f1)); background: gradient(linear, left top, left bottom, color-stop(0%, #bdd7e0), color-stop(37%, #e0e9f1)); }

.header__nav--mobile ul li a { color: #000; text-decoration: none; }

.header__nav--mobile ul li#current_area { background: #4d967b; border-bottom: 3px solid #305d4c; }

.header__nav--mobile ul li#current_area a { color: #fff; }

.header__nav--mobile ul li:last-child { margin-right: 0; }

.article { max-width: 980px; position: relative; padding: 4rem; margin: 0px auto; font-size: 2rem; color: #444; background: #fff; -webkit-box-shadow: 1px 0px 10px 0px #faf9f3, 1px 0px 10px 0px #ccc9b4; -moz-box-shadow: 1px 0px 10px 0px #faf9f3, 1px 0px 10px 0px #ccc9b4; box-shadow: 1px 0px 10px 0px #faf9f3, 1px 0px 10px 0px #ccc9b4; }

@media (max-width: 56.25em) { .article { font-size: 1.6rem; } }

@media (max-width: 34.375em) { .article { padding: 2rem; font-size: 2rem; } }

.article__crumbs { margin-bottom: 2rem; }

.article__crumbs span { margin: 0 2rem; }

@media (max-width: 34.375em) { .article__crumbs span { margin: 0 1rem; } }

.article__crumbs a { font-weight: normal !important; text-decoration: none !important; }

.article__text { line-height: 1.75; }

.article__text b { background: #eff2fa; }

.article__date { font-style: italic; font-size: 1.75rem; font-family: arial; border-top: 1px solid #4d967b; margin-top: 1.5rem; margin-bottom: 2rem; }

.article__welcome { margin: 2rem 0; border-top: 1px dotted #000; padding-top: 2rem; }

.article__about { margin: 4rem 0; font-size: 1.6rem; }

.article__updated { font-style: italic; font-weight: 200; font-size: 1.5rem; margin-bottom: 1.5rem; }

.article__links ul { margin-left: 3rem; }

@media (max-width: 34.375em) { .article__links ul { list-style: none; margin-left: 0; } }

.article__links ul li { line-height: 1.5; }

.article__links ul li a { font-weight: normal; }

.article p { margin-bottom: 2rem; }

@media (max-width: 56.25em) { .article p { margin-bottom: 1.5rem; } }

.article a { font-weight: bold; color: #046cdb; }

.article a:hover { color: #034790; }

.article ul, .article ol { padding-left: 4rem; }

.article--disclaimer { font-size: 1.4rem; font-style: italic; padding: .5rem 0; }

.i-image { max-width: 100px; max-height: 75px; padding-top: 1rem; float: left; margin-right: 2rem; margin-bottom: 1rem; }

.chapBox { padding: 2rem; text-align: center; width: 100%; margin: auto; }

.chapBox h3 { font-size: 25px; font-weight: bold; color: #000; margin-bottom: 1rem; border-top: 1px solid #000; text-align: center; padding-top: 2rem; }

.chapFloat { width: 47%; display: inline-block; padding: 20px; text-align: left; vertical-align: top; }

@media (max-width: 34.375em) { .chapFloat { min-width: 320px; margin: auto; padding: 0px; } }

.bookBox { text-align: center; }

.book { text-align: left; }

.book h2 { color: #000; font-size: 2.5rem; background: #eee; padding: 1rem; border-top: 1px solid #000; border-bottom: 1px solid #000; }

.book h2 a:hover { text-decoration: underline; }

.book ol, .book ul { margin-left: 5rem; }

@media (max-width: 34.375em) { .book ol, .book ul { margin-left: 2.5rem; } }

.book ol li a { color: #000; font-weight: bold; font-size: 2rem; padding-top: 7px; }

.book ul li a { font-size: 1.6rem; font-weight: normal; color: #046cdb; }

.articleLeft { padding-right: 15px; width: 199px; position: absolute; top: 5rem; left: -200px; }

@media (max-width: 85em) { .articleLeft { left: 0; padding-right: 2.5rem; padding-left: 2.5rem; } }

@media (max-width: 56.25em) { .articleLeft { position: relative; top: 20; left: 0; width: 100%; } }

@media (max-width: 85em) { .article-right { padding-left: 200px; } }

@media (max-width: 56.25em) { .article-right { padding-left: 0; } }

/* Single Page Guide */
.article-full { width: 100%; margin-top: -20px; }

.article-full h1 { font-family: 'Dosis', arial; font-weight: bold; font-size: 55px; padding-top: 20px; color: #0D2168; }

.indexLBtitle { font: bold 20px arial; padding: 3px; margin-bottom: 10px; padding-left: 0px; color: #0B2D1E; }

.indexLBtitle a { color: #000; }

.indexLBtitle a:hover { color: #903; }

.indexLBlinks { padding-left: 15px; line-height: 166%; margin-top: -8px; margin-bottom: 25px; }

.home-mt { margin-top: 1rem !important; }

.indexLBlinks a { color: #2f6192; text-decoration: none; font-size: 15px; }

.indexLBlinks a:hover { text-decoration: underline; }

.indexLBlinks ol { margin-left: 10px; padding-left: 0px; }

.comments { padding: 25px; background: #F5FAF8; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; border: 1px solid #bce8f1; border-bottom: 0px; }

.comments h5 { padding: 0px; margin: 0px; margin-top: -10px; font: bold 27px arial; color: #063; }

.related { padding: 10px; margin-top: 0px; background: #f9f9f9; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; }

@media (max-width: 34.375em) { .related ul { margin-left: 1.5rem !important; list-style: square; } }

.related a { color: #039; font-size: 15px; }

.relatedTitle { color: #000; font-size: 24px; background: #dff0d8; margin: -10px; padding: 10px; box-shadow: none; margin-bottom: 10px; border-top: 2px solid #d6e9c6; border-bottom: 2px solid #d6e9c6; }

.subheads { overflow: auto; color: #000; margin-bottom: 0px; margin-top: 15px; padding: 3px; padding-left: 10px; font-weight: bold; line-height: 100%; }

.tocjump { height: 8rem; }

.tocLink { background: #E8E8E2; padding: 7px; text-align: center; display: block; border-radius: 10px; font-weight: bold; margin-bottom: 15px; }

@media (max-width: 56.25em) { .toc { width: 100%; } }

.toc-x { position: sticky; text-align: right; top: 11rem; display: none; flex-direction: row-reverse; }

@media (max-width: 56.25em) { .toc-x { display: flex !important; } }

.toc-x .circle { display: flex; align-items: center; justify-content: center; background: #eee; width: 30px; height: 30px; border-radius: 50%; }

.toc-x .circle a { text-decoration: none; }

.tocLink, .toc, .tocjump { display: none !important; }

@media (max-width: 56.25em) { .tocLink, .toc, .tocjump { display: block !important; } }

.clearfix { clear: both; overflow: auto; }

/* Left Float Box */
.indexLB { padding-right: 15px; width: 199px; position: absolute; top: 5rem; left: -200px; }

@media (max-width: 85em) { .indexLB { left: 0; padding-right: 2.5rem; padding-left: 2.5rem; } }

@media (max-width: 56.25em) { .indexLB { position: relative; top: 20; left: 0; width: 100%; } }

/* Right Float Box */
.indexRB h1 { font: bold 4.5rem tahoma, helvetica, arial; padding-bottom: 5px; padding-top: 15px; margin: 0px; color: #000; text-shadow: 1px 1px 1px #cccccc; filter: dropshadow(color=#cccccc, offx=1, offy=1); }

.indexRB .subtitle { margin: 0px; font-weight: bold; font-style: italic; color: #000; }

.indexRB h2 { display: block; margin-bottom: 10px; font: bold 2.5rem helvetica; color: maroon; text-shadow: 1px 1px 1px #cccccc; }

.indexRB h3 { display: block; margin-bottom: 10px; font: bold 3.1rem helvetica; color: #900; text-shadow: 1px 1px 1px #cccccc; }

.indexRB h4 { display: block; color: #000; font-size: 150%; text-shadow: 1px 1px 1px #cccccc; }

.indexRB h5 { color: #000; margin: 0px; padding-bottom: 5px; font-size: 100%; text-shadow: 1px 1px 1px #cccccc; }

.indexRB hr { border: 2px solid #7aa03d; margin-top: 0px; margin-bottom: 35px; }

.indexRB .top { float: right; display: inline; background: #7aa03d; font: 11px arial; color: #fff; padding: 4px; margin-top: -38px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px; }

.indexRB .top a { color: #fff; }

.indexRB .padding { padding-bottom: 45px; }

@media (max-width: 85em) { .indexRB { padding-left: 200px; } }

@media (max-width: 56.25em) { .indexRB { padding-left: 0; } }

@media (max-width: 34.375em) { .indexRB img { max-width: 100%; max-height: 100%; } }

/* More Articles Box */
.articleBox { float: right; font-family: arial; font-size: 13px; background: #f4f2f2; border: 0px solid #ddd; margin-left: 25px; margin-bottom: 25px; margin-top: 12px; margin-right: 15px; padding: 10px; -moz-box-shadow: 4px 4px 4px #bbb; -webkit-box-shadow: 4px 4px 4px #bbb; box-shadow: 4px 4px 4px #bbb; -moz-border-radius: 8px; border-radius: 8px; background-image: linear-gradient(bottom, #ededed 0%, #f7f7f7 100%); background-image: -o-linear-gradient(bottom, #ededed 0%, #f7f7f7 100%); background-image: -moz-linear-gradient(bottom, #ededed 0%, #f7f7f7 100%); background-image: -webkit-linear-gradient(bottom, #ededed 0%, #f7f7f7 100%); background-image: -ms-linear-gradient(bottom, #ededed 0%, #f7f7f7 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ededed), color-stop(1, #f7f7f7)); }

@media (max-width: 43.75em) { .articleBox { float: none; } }

@media (max-width: 34.375em) { .articleBox { margin-left: 0; margin-right: 0; } }

.articleBox a { color: #039; font-weight: bold; }

.articleBox a:hover { text-decoration: underline; }

.articleBoxTitle { font: 140% bold "Trebuchet MS", helvetica, arial; overflow: auto; background: green; color: #fff; text-shadow: 1px 1px 1px #000; filter: dropshadow(color=#000, offx=1, offy=1); padding: 6px; margin: -10px; margin-bottom: 10px; line-height: 100%; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px px px; border-radius: 5px 5px 0px 0px; }

.articleBox ol { margin-left: 2.5rem; padding: 1.5rem; }

/* Recommended Resources Tip Box */
.tipBox { font: normal 12px arial; color: #000; font-style: italic; border: 0px solid #eee; padding: 5px; margin-bottom: 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #FDEAA0; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -moz-box-shadow: 4px 4px 4px #bbb; -webkit-box-shadow: 4px 4px 4px #bbb; box-shadow: 4px 4px 4px #bbb; background: #FEF7C5; }

.tipBoxpadding { padding: 10px; }

.tipBox a { padding: 2px; font-size: 17px; font-style: normal; font-weight: bold; color: #039; }

.tipBox a:hover { background: #F2F9FF; }

.tipBoxLeft { float: left; width: 45%; padding: 10px; padding-right: 15px; border-right: 3px solid #FDEAA0; }

.tipBoxRight { float: left; width: 45%; padding: 10px; padding-left: 25px; }

.tipImg { margin-left: 0px; padding-bottom: 10px; }

.backto { padding: 3px; padding-left: 15px; font-size: 12px; margin-top: 5px; }

.backto a { color: #000; font-weight: bold; }

/*  5 Steps Process */
.stepContainer { padding: 6rem; padding-top: 3rem; }

@media (max-width: 34.375em) { .stepContainer { padding: 3rem 2rem; } }

.stepBox { width: 191px; background: #ccc; font: bold 24px Arial, Helvetica, sans-serif; color: #fff; text-align: center; padding: 5px; border: 1px solid #666; }

.r { background: #FC9; border: 2px solid #fff; text-align: right; font-weight: bold; vertical-align: top; padding: 5px; }

.i { background: #eee; border: 2px solid #fff; padding: 5px; }

.stepsSub { font-size: 22px; margin: 0px; margin-bottom: 20px; color: #000; }

.stepsh2 { font-size: 3rem; color: #900; background: #eee; padding: 8px; border-top: 1px solid #bce8f1; border-bottom: 1px solid #bce8f1; -moz-box-shadow: 4px 4px 4px #ccc; -webkit-box-shadow: 4px 4px 4px #ccc; box-shadow: 0px 4px 3px #ccc; }

@media (max-width: 34.375em) { .stepsh2 { font-size: 2rem; } }

.stepsRightBox { float: right; margin-left: 20px; font: 11px arial,helvetica; color: #604035; padding: 10px; background: #eee; border: 1px solid #ccc; -moz-box-shadow: 4px 4px 4px #ddd; -webkit-box-shadow: 4px 4px 4px #ddd; box-shadow: 4px 4px 4px #ddd; -moz-border-radius: 8px; border-radius: 8px; }

.FBshare { padding: 5px; background: #000; font: 12px Verdana, Geneva, sans-serif; color: #fff; }

.FBshare a { color: #ffcc00; }

#steplinks ul { display: flex; margin: 0; padding: 0px; list-style: none; }

#steplinks li { width: 20%; margin: 2px; margin-top: 0px; padding: 10px; margin-bottom: -1px; line-height: 19px; text-align: center; color: #000; font-size: 2rem; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; background: #d9edf7; /* old browsers */ background-image: linear-gradient(bottom, #c3dce8 6%, #d9edf7 53%, #e6f3fa 78%); background-image: -o-linear-gradient(bottom, #c3dce8 6%, #d9edf7 53%, #e6f3fa 78%); background-image: -moz-linear-gradient(bottom, #c3dce8 6%, #d9edf7 53%, #e6f3fa 78%); background-image: -webkit-linear-gradient(bottom, #c3dce8 6%, #d9edf7 53%, #e6f3fa 78%); background-image: -ms-linear-gradient(bottom, #c3dce8 6%, #d9edf7 53%, #e6f3fa 78%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.06, #c3dce8), color-stop(0.53, #d9edf7), color-stop(0.78, #e6f3fa)); }

@media (max-width: 34.375em) { #steplinks li { font-size: 1.5rem; } }

#steplinks li a { font: bold 1.5rem Arial, Helvetica, sans-serif; }

#steplinks li#current_area { background: #dff0d8; padding-bottom: 25px; line-height: normal; font-weight: bold; border-top: 0px; background-image: linear-gradient(bottom, #c8d9c3 6%, #def0d8 53%, #e7f5e7 78%); background-image: -o-linear-gradient(bottom, #c8d9c3 6%, #def0d8 53%, #e7f5e7 78%); background-image: -moz-linear-gradient(bottom, #c8d9c3 6%, #def0d8 53%, #e7f5e7 78%); background-image: -webkit-linear-gradient(bottom, #c8d9c3 6%, #def0d8 53%, #e7f5e7 78%); background-image: -ms-linear-gradient(bottom, #c8d9c3 6%, #def0d8 53%, #e7f5e7 78%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.06, #c8d9c3), color-stop(0.53, #def0d8), color-stop(0.78, #e7f5e7)); }

#steplinks li#current_area a { color: #000; }

.no-padding { padding: 0px !important; }

/* Homepage CSS */
.homeMessage { background: #444; text-align: center; padding: 1rem; }

.homeMessage a { color: #fff; text-decoration: none; font-size: 1.8rem; }

.homeMessage a:hover { color: #eee; }

.homeBox { display: flex; align-items: flex-start; background: white; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, white 51%, #e3eff2 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(51%, white), color-stop(100%, #e3eff2)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, white 51%, #e3eff2 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, white 51%, #e3eff2 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, white 51%, #e3eff2 100%); /* IE10+ */ background: radial-gradient(ellipse at center, white 51%, #e3eff2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3eff2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding: 3rem; padding-top: 0px; padding-bottom: 5rem; border-bottom: 5px solid #ccc; }

@media (max-width: 43.75em) { .homeBox { flex-direction: column; } }

@media (max-width: 34.375em) { .homeBox { padding: 1rem; } }

.homeBox__tips { align-self: flex-start; padding: 2rem; margin-left: 15px; min-width: 300px; }

.homeBox__tips li { font-size: 1.7rem; }

@media (max-width: 34.375em) { .homeBox__tips li { font-size: 2rem; } }

@media (max-width: 34.375em) { .homeBox__tips { padding: 2rem 1rem; } }

.homeBox__tips h1 { font-family: 'Dosis', arial; font-weight: bold; font-size: 4rem; padding-bottom: 0px; line-height: 1; margin-bottom: 3rem; margin-top: 0px; color: #000; }

@media (max-width: 34.375em) { .homeBox__tips h1 { font-size: 3.5rem; } }

.homeBox__tools { border-right: 3px solid #eee; padding: 2rem; }

@media (max-width: 43.75em) { .homeBox__tools { width: 100%; border-right: none; border-bottom: 3px solid #eee; } }

.homeBox__tools h1 { font-family: 'Dosis', arial; font-weight: bold; font-size: 4rem; padding-bottom: 0px; line-height: 1; margin-bottom: 3rem; margin-top: 0px; color: #000; }

@media (max-width: 34.375em) { .homeBox__tools h1 { font-size: 3.5rem; } }

.homeBox__flex { display: flex; }

.homeBox__flex1 { max-width: 110px; }

@media (max-width: 34.375em) { .homeBox__flex1 { display: none; } }

.homeBox__flex2 { min-width: 200px; margin-left: 3rem; }

@media (max-width: 34.375em) { .homeBox__flex2 { margin-left: 1.5rem; } }

.newsBox { padding: 3rem; border-bottom: 1px solid #444; }

.newsBox h1 { font-family: 'Dosis', arial; font-weight: bold; font-size: 4rem; padding-bottom: 0px; line-height: 1; margin-bottom: 3rem; margin-top: 0px; color: #000; }

@media (max-width: 34.375em) { .newsBox h1 { font-size: 3rem; } }

#featured { width: 100%; display: flex; }

.flex1 { min-width: 350px; margin-left: 4rem; font-size: 2rem; }

.flex1 ul li { margin: 1.5rem 0; }

@media (max-width: 34.375em) { .flex1 ul li { margin: .75rem 0; } }

@media (max-width: 43.75em) { .flex1 { min-width: 285px; } }

@media (max-width: 34.375em) { .flex1 { margin-left: 2rem; } }

@media (max-width: 34.375em) { .flex2 { display: none; } }

.chapter { font-size: 3rem; font-weight: bold; }

@media (max-width: 34.375em) { .chapter { background: #eee; } }

.howTitle a { margin: 1rem 0; }

.chapterContainer { float: left; min-width: 27%; margin: 0 2rem; }

@media (max-width: 34.375em) { .chapterContainer { float: none; margin: 0; width: 100%; } }

.tocContainer { width: 90%; margin-left: 10%; }

@media (max-width: 34.375em) { .tocContainer { width: 100%; margin-left: 0; } }

.quicksteps { font-size: 16px; font-weight: bold; color: #000; width: 100%; padding: 0px; }

.tasks { background: #fcf8e3; border: 1px solid #F1DE7E; padding: 10px; width: 750px; margin: 10px; margin-left: 50px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; border-radius: 6px; }

@media (max-width: 43.75em) { .tasks { width: unset; margin-left: 0; } }

.tasks2 { margin-left: 35px; width: 700px; margin-top: -22px; color: #000; }

@media (max-width: 43.75em) { .tasks2 { width: unset; } }

.quickcheck { margin-right: 10px; }

del { text-decoration: line-through; color: green; }

/*	-------------------------------------------------- Reveal Modals -------------------------------------------------- */
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.8); z-index: 100; display: none; top: 0; left: 0; }

.reveal-modal { visibility: hidden; top: 100px; left: 50%; margin-left: -300px; max-width: 520px; background: #eee; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }

.reveal-modal.small { width: 200px; margin-left: -140px; }

.reveal-modal.medium { width: 400px; margin-left: -240px; }

.reveal-modal.large { width: 600px; margin-left: -340px; }

.reveal-modal.xlarge { width: 800px; margin-left: -440px; }

.reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #000; text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; }

.footer { margin: 4rem auto 0px; padding: 0px; font: 1.3rem Arial, Helvetica, sans-serif; overflow: hidden; z-index: 100; position: absolute; width: 100%; border-top: 2px solid #333; background: #242d36; color: #425868; }

.footer__copyright { margin-bottom: 2rem; }

.footer a { color: #a5cfdd; }

.footer__content { display: flex; flex-wrap: wrap; justify-content: space-between; }

.footer__container { max-width: 980px; padding: 2rem; margin: 0px auto; }

.footer__title { padding-bottom: 5px; font-size: 1.6rem; font-weight: bold; color: #eee; }

.footer__tile { margin-bottom: 3rem; flex-basis: 25%; }

@media (max-width: 34.375em) { .footer__tile { flex-basis: 33%; } }

.footer__tile a { display: block; margin: 1rem 0; }

.footer__tile--4 { flex-grow: 3; }

.table-container { overflow: scroll; margin-right: -1.5rem; margin-left: -1rem; padding-right: 1rem; margin-bottom: 3rem; }

.table-container table { border: 1px solid #6f8cab; width: 100%; font-family: arial; }

.table-container th { font-size: 2rem; padding: 1rem 1px !important; color: #20549e; background: #eff5f7; border-bottom: 1px solid #6f8cab !important; }

.table-container th:first-child { padding-left: 1rem !important; }

@media (max-width: 34.375em) { .table-container th { font-size: 1.5rem; } }

.table-container td { font-size: 1.8rem; border-right: 1px solid rgba(61, 100, 158, 0.144); padding: 0.7rem !important; }

@media (max-width: 34.375em) { .table-container td { font-size: 1.4rem; } }

@media (max-width: 34.375em) { table.dataTable.compact thead th, table.dataTable.compact thead td { line-height: 1.2; padding-top: 1rem; padding-bottom: 1rem; } }

#Finance td { height: 5rem; }

#Incentives-home td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

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

.plusrebate { font-size: 1.6rem; font-weight: normal; color: #079606e0; }

@media (max-width: 34.375em) { .plusrebate { font-size: 1rem; } }

.tableizer-table { font-family: Arial, Helvetica, sans-serif; font-size: 1.8rem; line-height: 1.2; color: #000; border-collapse: collapse; width: 100%; }

.tableizer-table th { background: #f5f5f5; vertical-align: bottom; padding: 1rem !important; }

.tableizer-table td { padding: 2px 5px 2px; border-bottom: 1px solid rgba(61, 100, 158, 0.144); padding: 7px; margin: 0px; }

.tableizer-table td:last-child { border-right: 1px solid #6f8cab; }

.tableizer-table td .trim { font-style: italic; font-size: 1.5rem; }

.tableizer-table tr:last-child td { border-bottom: 1px solid #6f8cab; }

.value { color: #fff !important; font-weight: bold; text-align: center; }

.Excellent { background: #1B9149 !important; }

.Good { background: #7FB94A !important; }

.Okay, .OK { background: #FDCB31 !important; }

.Poor { background: #EC482E !important; }

.Terrible { background: #BA232B !important; }

.vehicle { white-space: nowrap; color: #000; }

@media (max-width: 34.375em) { .vehicle { white-space: normal; } }

.engine { color: #14ad37; font-style: italic; font-size: .8em; }

.deals { text-align: center; background: #fdfad2; font-weight: bold; }

.deals a { color: #067b15; }

.hybrid { font-weight: normal; font-style: italic; color: #555; }

.rebate, .vehicle { font-weight: bold; vertical-align: middle; }

.rebate { font-size: 2rem !important; color: #03458a; }

@media (max-width: 34.375em) { .rebate { font-size: 1.6rem !important; } }

.none { text-align: center; color: #1f549e !important; font-size: 2rem; font-weight: bold; }

@media (max-width: 34.375em) { .none { font-size: 1.6rem; } }

.dataTables_filter { float: left !important; text-align: left !important; background: #eee; width: 100%; padding: 10px; border-radius: 5px; }

.dataTables_filter input { background: #fff !important; }

@media (max-width: 34.375em) { .dataTables_wrapper .dataTables_filter { text-align: center !important; } }

.dataTables_wrapper .dataTables_filter input { font-size: 16px; }

#Prices .rebate { color: #000; font-size: 1.8rem !important; }

@media (max-width: 34.375em) { #Prices .rebate { font-size: 1.5rem !important; } }

#Prices th { color: #20549e; background: #eff5f7; border: 1px solid #dedede; border-bottom: 3px solid #6f8cab !important; }

#Prices td { border: 1px solid rgba(61, 100, 158, 0.28); }

.seperator { border-right: 1px solid #000 !important; }

.seperator-light { border-right: 1px solid #555; }

.col1, .col1-2 { background: #f3f7f2; font-size: 14px; }

.col2, .col2-2 { background: #ececed; font-size: 14px; }

.col1-2, .col2-2 { font-size: 18px; }

.none { color: #999 !important; }

.year1 { background: #498a48; color: #fff; }

.year1-bg { background: #ddeadd; color: #000; }

.year2 { background: #4f488a; color: #fff; }

.year2-bg { background: #dfddea; color: #000; }

.btn { -moz-box-shadow: 3px 4px 0px 0px #1564ad; -webkit-box-shadow: 3px 4px 0px 0px #1564ad; box-shadow: 3px 4px 0px 0px #1564ad; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5)); background: -moz-linear-gradient(top, #79bbff 5%, #378de5 100%); background: -webkit-linear-gradient(top, #79bbff 5%, #378de5 100%); background: -o-linear-gradient(top, #79bbff 5%, #378de5 100%); background: -ms-linear-gradient(top, #79bbff 5%, #378de5 100%); background: linear-gradient(to bottom, #79bbff 5%, #378de5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0); background-color: #79bbff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #337bc4; display: inline-block; cursor: pointer; color: #ffffff !important; font-size: 1.8rem; font-weight: bold; padding: .75rem 2rem; text-decoration: none; text-shadow: 0px 1px 0px #528ecc; white-space: nowrap; }

.btn:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #71afee), color-stop(1, #3486d8)); background: -moz-linear-gradient(top, #71afee 5%, #3486d8 100%); background: -webkit-linear-gradient(top, #71afee 5%, #3486d8 100%); background: -o-linear-gradient(top, #71afee 5%, #3486d8 100%); background: -ms-linear-gradient(top, #71afee 5%, #3486d8 100%); background: linear-gradient(to bottom, #71afee 5%, #3486d8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71afee', endColorstr='#3486d8',GradientType=0); background-color: #378de5; }

.btn:active { position: relative; top: 1px; }

.btn--danger { background: linear-gradient(to bottom, #ff7979 5%, #e53737 100%); border: 1px solid #c43333; text-shadow: 0px 1px 0px #cc5252; box-shadow: 3px 4px 0px 0px #ad1515; }

.btn--danger:hover { background: linear-gradient(to bottom, #ee7171 5%, #d83434 100%); }

.offer { margin: 3rem -1rem; }

.offer__header { background: #4d967b; width: 100%; display: flex; align-items: center; padding: 1rem; border-top-right-radius: .5rem; border-top-left-radius: .5rem; }

.offer__header h3 { color: #ffffff; margin: 0px; margin-left: .5rem; font: bold 2rem helvetica; }

.offer__body { display: flex; width: 100%; background: #cbe4db; background: linear-gradient(#fdfefe, #badccf); padding: 1.5rem 2rem; line-height: 3rem; -moz-border-radius-bottomright: .5rem; -moz-border-radius-bottomleft: .5rem; border-bottom-right-radius: .5rem; border-bottom-left-radius: .5rem; color: #000; }

@media (max-width: 34.375em) { .offer__body { flex-direction: column; line-height: 2rem; } }

.offer__alert { height: 32px; float: left; padding-right: 5px; }

.offer__text a { font-weight: bold; color: #046cdb; }

.offer__text a:hover { color: #034790; }

.offer__button { padding: 1rem; align-self: center; }

.message { font-size: 1.65rem; line-height: 2.5rem; border-radius: .5rem; margin: 2.5rem -1rem; }

.message a { color: #046cdb; }

.message a:hover { color: #034790; }

.message--success { background: #e3feed; color: #01250f; padding: 1rem; border: 1px solid #04d454; border-left: 0.5rem solid #04d454; }

.message--highlight { background: #fef7e9; color: #000; padding: 1rem; border-left: 0.5rem solid #f8af1e; }

.message--danger { background: #fef3f1; color: #5d1005; padding: 1rem; border-left: 0.5rem solid #ef290c; }

.message--no-margin { margin: 0; }

.links { padding: 20px; border-radius: 20px; padding-left: 60px; line-height: 2; font-size: 1.6rem; margin: auto; margin-top: 1rem; column-count: 3; column-gap: 25px; column-rule: solid 1px #acb5ac; background: #fffef9; box-shadow: 0 0 3px rgba(39, 44, 49, 0.02), 0 5px 22px -6px rgba(39, 44, 49, 0.34); }

@media (max-width: 34.375em) { .links { padding: 2rem; margin-left: -1rem; margin-right: -1rem; padding-left: 2rem; column-count: 2; column-gap: 3rem; } }

.links ul { list-style: none; }

.links a { color: #444; }

.links a:hover { font-weight: bold; }

.links li:hover { background: #f1e9bd; }

.recommendBox { color: #555; line-height: 2.5rem; padding: 2rem; background: #ffffcc; border: 3px solid #060; border-radius: 10px; }

.recommendBox h2 { font-size: 2.5rem; margin-bottom: 2.5rem; color: #000; }

.recommendBox a { font-weight: bold; color: #046cdb; }

.recommendBox a:hover { color: #034790; }

.fixed__container { width: 300px; height: 100px; background: #d7ffd4; border: 1px solid #222322; box-shadow: 5px 5px 8px 0px #999; z-index: 50000; position: fixed; border-radius: 9px; font-size: 1.6rem; bottom: 25px; right: 25px; }

.fixed__title { padding: 5px; font-size: 2rem; font-weight: bold; }

.modal__overlay { position: fixed; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; }

.modal__container { background-color: #fff; position: relative; padding: 30px; max-width: 700px; max-height: 100vh; border-radius: 4px; box-sizing: border-box; }

@media (max-width: 43.75em) { .modal__container { max-width: 90%; } }

.modal__header { display: flex; justify-content: space-between; align-items: center; }

.modal__title { font-size: 2.7rem; margin-bottom: 1rem; font-weight: bold; color: maroon; }

.modal__close { background: #f9f6f6; border: 2px solid #cac9c9; height: 30px; font-size: 2.5rem; font-weight: bold; width: 30px; border-radius: 50%; position: absolute; top: 3px; right: 3px; }

.modal__content { margin-top: 2rem; margin-bottom: 2rem; font-size: 2rem; line-height: 1.5; color: rgba(0, 0, 0, 0.8); }

.modal__content ul { margin-left: 3.5rem; margin-top: 1rem; font-weight: bold; font-style: italic; list-style-type: none; }

@media (max-width: 34.375em) { .modal__content ul { margin-left: .5rem; margin-right: .5rem; list-style-type: disc; } }

.modal__content ul li { margin-bottom: 6px; }

.modal__content ul li:before { content: "\2714\0020"; color: #0ab30a; margin-right: 1rem; }

@media (max-width: 34.375em) { .modal__content ul li:before { content: ""; } }

.modal__btn { font-size: 1rem; float: right; position: relative; bottom: -15px; right: -15px; padding-left: 1rem; padding-right: 1rem; padding-top: .5rem; padding-bottom: .5rem; background-color: #e6e6e6; color: rgba(0, 0, 0, 0.8); border-radius: .25rem; border-style: none; border-width: 0; cursor: pointer; -webkit-appearance: button; text-transform: none; overflow: visible; line-height: 1.15; margin: 0; will-change: transform; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out,-webkit-transform .25s ease-out; }

.modal__btn:focus, .modal__btn:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }

.modal__btn-primary { background-color: #00449e; color: #fff; }

.modal__disclaimer { font-size: 1.35rem; color: #807a7a; padding: 9px; }

.modal input[type='text'] { font-size: 2rem; border: 2px solid #333; height: 40px; margin-right: 1rem; position: relative; padding-left: 7px; top: 2px; }

@media (max-width: 34.375em) { .modal input[type='text'] { margin-right: 0; } }

.modal input[type='submit'] { font-size: 2rem; }

@media (max-width: 34.375em) { .modal input[type='submit'] { width: 85%; margin-top: 1rem; } }

/**************************\ Demo Animation Style \**************************/
@keyframes mmfadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes mmfadeOut { from { opacity: 1; }
  to { opacity: 0; } }

@keyframes mmslideIn { from { transform: translateY(155%); }
  to { transform: translateY(0); } }

@keyframes mmslideOut { from { transform: translateY(0); }
  to { transform: translateY(-50%); } }

.micromodal-slide { display: none; }

.micromodal-slide.is-open { display: block; }

.micromodal-slide[aria-hidden="false"] .modal__overlay { animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="false"] .modal__container { animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal__overlay { animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal__container { animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; }

.reveal-modal2 { position: relative; width: 100%; z-index: 101; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); background: #fff; background: linear-gradient(#ddf8c4, #ffffff); font-size: 1.6rem; line-height: 2.5rem; text-align: left; padding: 15px; max-width: 900px; border: 3px solid #000; }

.reveal-modal2 ul { margin-left: 3.5rem; font-weight: bold; font-style: italic; }

@media (max-width: 34.375em) { .reveal-modal2 ul { margin-left: .5rem; margin-right: .5rem; list-style: none; } }

.reveal-modal2 ul li { line-height: 1.6rem; margin-bottom: 1rem; }

.reveal-modal2 .close { display: none; font-size: 3.2rem; line-height: 0.5; position: absolute; top: 8px; right: 11px; color: #000; text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; }

.reveal-modal2 input[type='text'] { font-size: 2rem; border: 2px solid #333; height: 40px; margin-right: 1rem; position: relative; padding-left: 7px; top: 2px; }

.reveal-modal2 input[type='submit'] { font-size: 2rem; }

@media (max-width: 34.375em) { .reveal-modal2 input[type='submit'] { width: 60%; margin-top: .5rem; } }

.modal-header { font-size: 2.7rem; margin-bottom: 1rem; font-weight: bold; color: maroon; }

.g__rectangle { width: 336px; height: 280px; float: right; margin-left: 2rem; }

@media (max-width: 56.25em) { .g__rectangle { display: none; } }

.g__side { position: absolute; left: -200px; width: 180px; height: 900px; }

@media (max-width: 85em) { .g__side { display: none; } }

.g__left-vertical { position: absolute; left: -200px; top: 20px; width: 180px; }

@media (max-width: 85em) { .g__left-vertical { display: none; } }

.g__right-vertical { position: absolute; right: -200px; top: 20px; width: 180px; }

@media (max-width: 85em) { .g__right-vertical { display: none; } }

/*# sourceMappingURL=newcss.css.map */