@charset "UTF-8";
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */
a { background: transparent; }

a:active, a:hover { outline: 0; }

/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */
abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */
img { border: 0; }

svg:not(:root) { overflow: hidden; }

/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */
figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

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: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

html { background-color: #f0f0f0; }

body { background-color: #fff; font-family: "proxima-nova","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif; line-height: 1.5em; color: #7e7e7e; }
body *, body *:before, body *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (min-width: 768px) { body { margin: 0; } }

a { color: #46b3ee; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

h1, h2, h3 { font-weight: bold; color: #3f3f3f; }

h2, h3 { font-size: 1.3em; color: #11a73f; }

.emphasis { color: #46b3ee; font-weight: bold; white-space: nowrap; }

p { margin: 0 0 2em; }

strong { font-weight: bold; }

ol { list-style: decimal; margin: 0.5em 0 2em 1.5em; }
ol li { margin-bottom: 1em; }

.button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 10px / 10px; -webkit-border-radius: 10px 10px; border-radius: 10px / 10px; display: block; color: #fff; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; margin: 1em .5em 0 0; padding: .6em 1em; border: 1px solid none; font-weight: normal; text-align: center; min-height: 2.5em; }
@media (min-width: 768px) { .button { display: inline-block; } }
.button.primary { background-color: #11a73f; }
.button.secondary { background-color: #46b3ee; }
.button.outline { position: relative; top: 1px; border: 1px solid #fff; background: none; }
.button.large { font-size: 1.1em; }
.button:hover { background-color: #fff; color: #286569; text-decoration: none; }
.button:active { background-color: #e2f5f6; -moz-box-shadow: 0 2px 2px -2px #000 inset; -webkit-box-shadow: 0 2px 2px -2px #000 inset; box-shadow: 0 2px 2px -2px #000 inset; }
.button.newsletter-submit { font-weight: bold; border: none; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0; border-radius: 0 10px 10px 0; }
.button.newsletter-submit:hover { background-color: #286569; color: #fff; }

footer { padding: 2em 1em; background-color: #f0f0f0; }
@media (min-width: 768px) { footer { padding-left: 0; padding-right: 0; } }

.footer-content { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; }
@media (min-width: 768px) { .footer-content { max-width: 70em; margin-left: auto; margin-right: auto; padding: 0; }
  .footer-content:after { content: " "; display: block; clear: both; } }

.footer-group-one, .footer-group-two { margin-bottom: 2em; }
@media (min-width: 768px) { .footer-group-one, .footer-group-two { margin-bottom: 0; } }
.footer-group-one div, .footer-group-two div { margin-bottom: 1em; }

.footer-group-one h1 { font-size: 1.3em; }
@media (min-width: 768px) { .footer-group-one h1 { font-size: 1em; } }
@media (min-width: 768px) { .footer-group-one { width: 41.66667%; float: right; padding-right: 2.08333%; } }

.footer-group-two { text-align: center; }
@media (min-width: 768px) { .footer-group-two { text-align: left; width: 58.33333%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; } }
@media (min-width: 1250px) { .footer-group-two .copyright { display: inline-block; } }

@media (min-width: 768px) { .footer-group-three { width: 50%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; } }

.footer-links { display: none; }
@media (min-width: 768px) { .footer-links { display: block; } }
@media (min-width: 768px) { .footer-links a { padding-right: 3em; } }

.standard-footer { font-size: .6em; }
@media (min-width: 768px) { .standard-footer { font-size: .7em; } }
.standard-footer a { border-right: 1px solid #bababa; padding: 0 1em; white-space: nowrap; }
.standard-footer a:last-child { border: none; }
.standard-footer a:first-of-type { padding-left: 0; }
@media (min-width: 768px) { .standard-footer a:first-of-type { padding-left: 1em; } }

.social { text-align: center; }
@media (min-width: 768px) { .social { text-align: left; } }
.social .item { display: inline-block; position: relative; background-color: #7e7e7e; color: #fff; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; width: 40px; height: 40px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; font-size: 1.5em; padding: .4em 0 0; margin-right: .5em; text-align: center; }
.social .item a { color: #fff; }
.social .item:hover { background-color: #46b3ee; }

.newsletter-signup { margin-top: 1em; }
.newsletter-signup .input-field { display: inline-block; height: 3em; width: 58.33333%; padding: .25em .75em; margin: 0; float: left; }

.newsletter-submit { width: 41.66667%; display: inline-block; height: 3em; margin: 0; padding: .65em 0; }

@media (min-width: 768px) { .lt-ie9 .home .hero-content { position: relative; top: 5em; left: 0; width: 100%; text-align: center; } }
@media (min-width: 768px) { .lt-ie9 .features .hero h2 { position: relative; top: 2.5em; left: 0; width: 100%; text-align: center; } }
.lt-ie9 .button { min-height: 1em; }
@media (min-width: 768px) { .lt-ie9 .features .features-track { background-position-x: 58%; background-position-y: 10em; } }
@media (min-width: 768px) { .lt-ie9 .features .features-monitor { background-position-y: 20em; } }
@media (min-width: 768px) { .lt-ie9 .features .features-reports { background-position-x: 58%; background-position-y: 3em; } }
.lt-ie9 .pricing .testimonials .featured-testimonials .image-wrapper img { border: none; padding: 0; }
@media (min-width: 768px) { .lt-ie9 .pricing .testimonials .featured-testimonials .image-wrapper img { width: 100%; margin-left: 0; } }
.lt-ie9 .buzz .featured-testimonials .image-wrapper img { border: none; width: 100%; padding: 0; }
@media (min-width: 768px) { .lt-ie9 .buzz .featured-testimonials .image-wrapper img { width: 100%; margin-left: 0; padding: 0; } }

/*------- Page Header -------*/
.page-header { background: url(/img/green-gradient.jpg) no-repeat center center fixed; -webkit-background-size: 150% 100%; -moz-background-size: 150% 100%; -o-background-size: 150% 100%; background-size: 150% 100%; padding-top: 1em; color: #fff; width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; }
@media (min-width: 768px) { .page-header { background-size: 100% 100%; } }
@media (min-width: 768px) { .page-header { padding-top: 1.8em; padding-bottom: .6em; } }
.page-header a { text-decoration: none; }

.page-header-content { max-width: 70em; margin-left: auto; margin-right: auto; }
.page-header-content:after { content: " "; display: block; clear: both; }
.page-header-content h1 { font-size: 1.25em; font-weight: bold; color: #fff; padding-bottom: .65em; line-height: 1.25em; font-family: "proxima-nova", sans-serif; width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; }
@media (min-width: 768px) { .page-header-content h1 { padding-bottom: 0; } }
@media (min-width: 768px) { .page-header-content h1 { font-size: 1.8rem; font-weight: normal; } }
@media (min-width: 768px) { .page-header-content h1 { width: 66.66667%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; } }

.page-header-actions { display: none; }
@media (min-width: 768px) { .page-header-actions { width: 33.33333%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; text-align: right; display: inline-block; } }
.page-header-actions .button { margin: -.5em 0 .5em; }

/*------- Hero -------*/
.hero { position: relative; background: url(/img/green-gradient.jpg) no-repeat center center fixed; -webkit-background-size: 150% 100%; -moz-background-size: 150% 100%; -o-background-size: 150% 100%; background-size: 150% 100%; color: #fff; text-align: center; padding: 1.8em 2em 0.6em; min-height: 26em; }
@media (min-width: 768px) { .hero { background-size: 100% 100%; } }

.hero-content h1 { font-size: 1.25em; font-weight: bold; color: #fff; padding-bottom: .65em; line-height: 1.25em; font-family: "proxima-nova", sans-serif; font-weight: 300; }
@media (min-width: 768px) { .hero-content h1 { padding-bottom: 0; } }
@media (min-width: 768px) { .hero-content h1 { font-size: 1.8rem; font-weight: normal; } }
@media (min-width: 768px) { .hero-content h1 { font-size: 3em; line-height: 1em; } }

.hero-actions { margin: 0 auto; }

.hero-footnote { margin: 4em 0 0; font-size: .8em; line-height: 1em; }
@media (min-width: 768px) { .hero-footnote { font-size: 1em; } }
.hero-footnote a { color: #46b3ee; display: block; }
@media (min-width: 768px) { .hero-footnote a { display: inline; } }
@media (min-width: 768px) { .hero-footnote { margin: 0; } }

/*--------- Closing CTA -------*/
.closing-call-to-action { background-color: #001c1f; position: relative; z-index: 1; padding: 1.5em 0; text-align: center; font-size: 1.2em; font-weight: 300; color: #fff; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 7px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 7px; box-shadow: rgba(0, 0, 0, 0.3) 0 2px 7px; }
@media (min-width: 768px) { .closing-call-to-action { font-size: 2.25em; } }
.closing-call-to-action a { color: #46b3ee; }
.closing-call-to-action a:hover { border-bottom: 1px solid #46b3ee; text-decoration: none; }

.global-header { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; background-color: #001c1f; padding: 1em 1em .7em; }
@media (min-width: 1250px) { .global-header { padding-left: 0; padding-right: 0; } }

.navigation-container { max-width: 70em; margin-left: auto; margin-right: auto; margin: 0 auto; }
.navigation-container:after { content: " "; display: block; clear: both; }

.global-logo { float: left; width: 80px; }
@media (min-width: 768px) { .global-logo { float: none; width: auto; width: 16.66667%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; } }
.global-logo img { width: 100%; }

@media (min-width: 768px) { .navigation-large, .navigation-small { margin-top: .5em; text-align: right; width: 83.33333%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; display: inline-block; } }
.navigation-large a, .navigation-small a { font-size: .9em; color: white; text-decoration: none; }
@media (min-width: 1250px) { .navigation-large a, .navigation-small a { font-size: 1em; }
  .navigation-large a:hover, .navigation-small a:hover { border-bottom: 1px solid #fff; }
  .navigation-large a:hover.button, .navigation-small a:hover.button { border-bottom: none; } }

.navigation-large { display: none; }
@media (min-width: 768px) { .navigation-large { display: block; } }
.navigation-large .button { margin: 0; }
.navigation-large li { display: inline-block; margin: 0 1.5em; }
.navigation-large li:last-of-type { margin-right: 0; }

/*---- Active Page ----*/
.features .nav-features a { border-bottom: 1px solid #fff; }

.buzz .nav-buzz a { border-bottom: 1px solid #fff; }

.help .nav-help a { border-bottom: 1px solid #fff; }

.blog .nav-blog a { border-bottom: 1px solid #fff; }

.navigation-small { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; background-color: #001c1f; padding: .4em 0; }
@media (min-width: 768px) { .navigation-small { display: none; } }
.navigation-small li { float: none; display: block; border-bottom: 1px solid #002327; }
.navigation-small li:last-child { border: none; }
.navigation-small li a { padding: .5rem 1em .5rem; display: block; }

.navigation-small-link { float: right; margin-top: .4rem; }
@media (min-width: 768px) { .navigation-small-link { display: none; } }

.interior-navigation-container-position-saver { width: 100%; height: 4em; display: none; }
@media (min-width: 768px) { .interior-navigation-container-position-saver { display: block; } }

.interior-navigation-container { display: none; }
@media (min-width: 768px) { .interior-navigation-container { display: block; background-color: #fff; height: 4em; width: 100%; }
  .interior-navigation-container.interior-navigation-fixed { position: fixed; left: 50%; transform: translate(-50%, 0); top: 0; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 15px; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0 15px; box-shadow: rgba(0, 0, 0, 0.25) 0 0 15px; } }

.interior-navigation { display: none; }
@media (min-width: 768px) { .interior-navigation { max-width: 70em; margin-left: auto; margin-right: auto; margin-left: -2em; padding-left: 2em; margin-right: -2em; padding-right: 2em; display: block; position: static; margin: 0 auto; text-align: center; width: 100%; height: 3em; background-color: #fff; }
  .interior-navigation:after { content: " "; display: block; clear: both; } }
.interior-navigation li { display: inline-block; margin: 1.3em 1.5em; }
.interior-navigation li:last-of-type { margin-right: 0; }

.wf-loading { visibility: hidden; }

.wf-active { visibility: visible; }

article { padding: 0 1em; }
article .feature { margin: 1.5 0; }
@media (min-width: 768px) { article { padding: 0; } }
article blockquote { font-size: 1.4em; color: #11a73f; font-style: oblique; margin: 0 1em 1.6em; line-height: 1.6em; quotes: "“" "”"; }
article blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0; margin-right: 0.25em; vertical-align: -0.4em; }
article ol { list-style: decimal; }
article ul { list-style: disc; margin: 0.5em 0 2em 1.5em; }
article h2, article h3, article h4, article h4 { font-weight: bold; }

.page-content { max-width: 70em; margin-left: auto; margin-right: auto; margin: 2em auto; }
.page-content:after { content: " "; display: block; clear: both; }
@media (min-width: 768px) { .page-content { margin: 3em auto 3em; } }
@media (min-width: 768px) { .page-content { min-height: 20em; } }

img.right { float: right; margin: 0 0 1.5em 1.5em; }
img.left { float: left; margin: 0 1.5em 1.5em 0; }

/*------- Blog --------*/
.blog .copy { font-size: 1.25em; }
.blog .copy .articleList, .blog .copy .article__header { margin: 0; }
.blog .copy .articleList li, .blog .copy .article__header li { margin: 3em 0; padding-bottom: 1em; border-bottom: 1px solid #cdcdcd; list-style: none; }
.blog .copy .articleList li:first-of-type, .blog .copy .article__header li:first-of-type { margin-top: 0; }
.blog .copy .articleList a, .blog .copy .article__header a { font-weight: normal; }
.blog .copy .articleList h3, .blog .copy .article__header h3 { font-size: 1.45em; font-weight: bold; line-height: 1.25em; color: #11a73f; }
@media (min-width: 768px) { .blog .copy .articleList h3, .blog .copy .article__header h3 { font-size: 2.25rem; } }
@media (min-width: 768px) { .blog .copy .articleList h3, .blog .copy .article__header h3 { font-weight: 300; } }
.blog .copy .articleList h3 a, .blog .copy .article__header h3 a { color: #11a73f; font-weight: bold; }
@media (min-width: 768px) { .blog .copy .articleList h3 a, .blog .copy .article__header h3 a { font-weight: 300; } }
.blog .copy .articleList h4, .blog .copy .article__header h4 { font-weight: bold; font-size: .9em; margin-bottom: 1em; }
.blog .copy .articleList .article_author, .blog .copy .article__header .article_author { margin-bottom: 0; }
.blog .copy .articleList .article__date, .blog .copy .article__header .article__date { margin-bottom: 1em; font-size: .6em; }
.blog .copy .article__header { margin-bottom: 2em; }
.blog .copy .article__main, .blog .copy .article__lead { line-height: 1.5em; }
.blog .copy .article__main img, .blog .copy .article__lead img { max-width: 100%; }
.blog .copy .article__main ol li, .blog .copy .article__lead ol li { margin-bottom: 3em; }
.blog .copy footer { background: none; padding: 0; }

/*---------- Buzz -----------*/
.buzz .featured-testimonials { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; padding: 0; }
.buzz .featured-testimonials li { margin: 1em 0 3em; width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; text-align: center; }
@media (min-width: 768px) { .buzz .featured-testimonials li { text-align: left; display: inline-block; width: 25%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; margin: 4em 0 2em; } }
.buzz .featured-testimonials li .image-wrapper { text-align: center; }
.buzz .featured-testimonials li .image-wrapper img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #fff; width: 50%; padding: .7em; }
@media (min-width: 768px) { .buzz .featured-testimonials li .image-wrapper img { width: 75%; margin-left: -1em; padding: 1em; } }
.buzz .featured-testimonials h2 { font-size: 1rem; color: #fff; margin-top: 1em; }
.buzz .page-content { text-align: center; }
@media (min-width: 768px) { .buzz .page-content .testimonials { margin: 1em auto; width: 50%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; } }
.buzz .page-content .testimonials li { text-align: left; padding: 1em; }
@media (min-width: 768px) { .buzz .page-content .testimonials li { padding: 0; margin: 2em 0; } }
.buzz .page-content .testimonials .testimonial-single { border: 1px solid #E7E7E7; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; padding: 2em; }
.buzz .page-content .testimonials .testimonial-author { display: block; margin: .5em 0; font-weight: bold; }

/*------ Case Studies -------*/
.case-studies { /* Other Articles */ }
.case-studies .article-header { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; font-size: 1.5em; }
@media (min-width: 768px) { .case-studies .article-header { width: 33.33333%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; } }
.case-studies .article-header h1 { color: #11a73f; margin: .5em 0 .3em; font-size: .8em; }
.case-studies .article-header .company-name { display: block; font-size: 2em; font-weight: 300; color: #001c1f; margin-top: .1em; line-height: .8em; }
.case-studies .article-header p { font-size: .8em; margin-top: .9em; }
.case-studies .entry-content { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; }
@media (min-width: 768px) { .case-studies .entry-content { width: 66.66667%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; } }
.case-studies article { font-size: 1.1rem; }
.case-studies article img { width: 100%; }
@media (min-width: 768px) { .case-studies article img { width: auto; } }
.case-studies aside { padding-top: 4em; font-size: .9em; }
.case-studies aside h2 { font-size: .9em; color: #808080; font-weight: normal; }
.case-studies aside li { border-bottom: 1px solid #DBDBDB; padding: .8em 0; }
.case-studies aside li:last-of-type { border: none; }

.features .hero { max-width: 70em; margin-left: auto; margin-right: auto; background: none; min-height: 18em; }
.features .hero:after { content: " "; display: block; clear: both; }
@media (min-width: 768px) { .features .hero { min-height: 26em; } }
.features .hero h2 { width: 83.33333%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; color: #fff; text-align: center; position: absolute; top: 52%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: 300; }
@media (min-width: 768px) { .features .hero h2 { font-size: 3em; line-height: 1em; } }
.features .features-section-container { -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 4px 7px -2px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 4px 7px -2px; box-shadow: rgba(0, 0, 0, 0.15) 0 4px 7px -2px; }
.features .features-section { max-width: 70em; margin-left: auto; margin-right: auto; padding: 3em 1em 1em; }
.features .features-section:after { content: " "; display: block; clear: both; }
@media (min-width: 768px) { .features .features-section { padding: 3em 0 1em; } }
.features .features-section h1 { color: #11a73f; font-weight: 300; font-size: 2em; margin-bottom: 1em; text-align: center; line-height: 1em; }
@media (min-width: 768px) { .features .features-section h1 { font-size: 4.5em; margin-bottom: .5em; } }
.features .features-section h2 { font-size: 1em; }
.features .features-section li { margin-bottom: 2em; }
.features .features-track { background-color: #f0f0f0; width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; }
@media (min-width: 768px) { .features .features-track { padding: 0; background: #f0f0f0 url(/img/features/add-income.png) no-repeat; background-position: right 42% top 10em; } }
.features .features-track .copy { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; padding-left: 0; }
@media (min-width: 768px) { .features .features-track .copy { width: 66.66667%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; } }
.features .features-track li { display: inline-block; vertical-align: top; float: none; }
@media (min-width: 768px) { .features .features-track li { width: 50%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; } }
@media (min-width: 768px) { .features .features-track li { width: 49%; } }
.features .features-monitor { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; background-color: #fff; }
@media (min-width: 768px) { .features .features-monitor { background: #fff url(/img/features/monitor-expenses.png) no-repeat; background-position: center top 20em; height: 43em; } }
.features .features-monitor li { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; }
@media (min-width: 768px) { .features .features-monitor li { width: 33.33333%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; } }
.features .features-configure { background-color: #f0f0f0; width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; }
@media (min-width: 768px) { .features .features-configure .features-section { max-width: 61em; margin-left: auto; margin-right: auto; }
  .features .features-configure .features-section:after { content: " "; display: block; clear: both; } }
.features .features-configure li { display: inline-block; vertical-align: top; float: none; }
@media (min-width: 768px) { .features .features-configure li { width: 50%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; } }
@media (min-width: 768px) { .features .features-configure li { width: 49%; } }
@media (min-width: 768px) { .features .features-configure li { width: 25%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; } }
.features .features-configure .image-wrapper { display: none; }
@media (min-width: 768px) { .features .features-configure .image-wrapper { display: block; max-width: 200px; max-height: 200px; overflow: hidden; border: 1px solid #B8B8B8; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 6px -2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 6px -2px; box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 6px -2px; margin-bottom: 1em; } }
.features .features-reports { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; background-color: #fff; }
@media (min-width: 768px) { .features .features-reports { background: url(/img/features/income-expenses.png) no-repeat; background-position: right 42% top 3em; } }
.features .features-reports .copy { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; }
@media (min-width: 768px) { .features .features-reports .copy { width: 66.66667%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; padding-left: 0; } }
.features .features-reports li { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; }
@media (min-width: 768px) { .features .features-reports li { padding: 0; } }
@media (min-width: 768px) { .features .features-reports li { width: 50%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; padding-left: 0; } }
@media (min-width: 768px) { .features .features-reports .features-section h1 { text-align: left; } }

/*---------- Homepage ----------*/
.home { background-color: #f0f0f0; }
@media (min-width: 768px) { .home .hero { height: 500px; } }
@media screen and (min-width: 768px) and (max-height: 50em) { .home .hero { min-height: 420px; height: 60vh; } }

.home .hero-content { padding-top: 2em; max-width: 70em; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .home .hero-content { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-top: 0; } }
.home .hero-content:after { content: " "; display: block; clear: both; }
@media (min-width: 768px) { .home .hero-content { width: 66.66667%; margin: 0 auto; } }
@media (min-width: 768px) { .home .hero-content h1 { padding-bottom: 1em; width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; } }
@media (min-width: 768px) { .home .hero-actions { padding: 6em 0 1.5em; } }
.home h2, .home h3 { color: #3f3f3f; }

@media (min-width: 768px) { .homepage-screenshots { margin-left: -30%; margin-top: -5em; height: auto; z-index: 1; position: relative; } }
@media (min-width: 768px) { .homepage-screenshots ul { white-space: nowrap; } }
@media (min-width: 768px) { .homepage-screenshots li { width: 40%; display: inline-block; } }
.homepage-screenshots img { display: none; width: 100%; }
@media (min-width: 768px) { .homepage-screenshots img.home-screen-two { z-index: 1; display: block; position: relative; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px; box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px; } }
.homepage-screenshots img.home-screen-one { display: none; }
@media (min-width: 768px) { .homepage-screenshots img.home-screen-one { display: block; margin: 0 0 5% 50%; width: 90%; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px; box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px; } }
.homepage-screenshots img.home-screen-three { display: none; }
@media (min-width: 768px) { .homepage-screenshots img.home-screen-three { display: block; margin: 0 0 5% -15%; width: 90%; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px; box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px; } }

.homepage-features { max-width: 70em; margin-left: auto; margin-right: auto; margin-top: 1em; width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; }
.homepage-features:after { content: " "; display: block; clear: both; }

.homepage-feature-item { text-align: center; margin: 1em 0 2em; }
@media (min-width: 768px) { .homepage-feature-item { width: 25%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; display: block; margin: .5em 0; height: 14em; }
  .homepage-feature-item img { margin-bottom: .5em; } }

.homepage-green-block-container { background: #1e4753; }

.homepage-green-block { color: #fff; width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; padding-top: 2em; padding-bottom: 2em; }
@media (min-width: 768px) { .homepage-green-block { max-width: 65em; margin-left: auto; margin-right: auto; margin: 0 auto; }
  .homepage-green-block:after { content: " "; display: block; clear: both; } }
.homepage-green-block h2 { font-size: 1.25em; font-weight: bold; color: #fff; padding-bottom: .65em; line-height: 1.25em; font-family: "proxima-nova", sans-serif; width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; }
@media (min-width: 768px) { .homepage-green-block h2 { padding-bottom: 0; } }
@media (min-width: 768px) { .homepage-green-block h2 { font-size: 1.8rem; font-weight: normal; } }

.homepage-green-block-content { margin-top: 1em; width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; }
.homepage-green-block-content h3 { color: #11a73f; margin: 0 0 .3em; }
@media (min-width: 768px) { .homepage-green-block-content { width: 50%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; } }

.homepage-green-block-item { margin-top: 2em; }

.homepage-green-block-testimonials { margin: 3em 0; }
.homepage-green-block-testimonials h3 { color: #11a73f; }
@media (min-width: 768px) { .homepage-green-block-testimonials { width: 41.66667%; float: left; margin-left: 8.33333%; margin-right: -100%; padding-left: 2.08333%; padding-right: 2.08333%; } }
.homepage-green-block-testimonials .homepage-green-block-item { margin: 2em 0 0; border-left: 4px solid #355a65; padding-left: 1.5em; }
.homepage-green-block-testimonials .homepage-green-block-item .author { font-weight: bold; }

.pricing .hero { display: none; }
@media (min-width: 768px) { .pricing .hero { display: block; } }
.pricing .hero-content h1 { margin: 1em auto; }
@media (min-width: 768px) { .pricing .hero-content { margin-bottom: -12em; } }
.pricing .pricing-plans { max-width: 70em; margin-left: auto; margin-right: auto; }
.pricing .pricing-plans:after { content: " "; display: block; clear: both; }
.pricing .pricing-plans table { width: 100%; margin-top: 2em; text-align: center; background: none; overflow: hidden; color: #001c1f; border-spacing: 2rem; border-collapse: collapse; }
.pricing .pricing-plans table td, .pricing .pricing-plans table th { text-align: center; border: 1px solid #e2e2e2; height: 3em; }
.pricing .pricing-plans table td strong, .pricing .pricing-plans table th strong { font-weight: bold; }
.pricing .pricing-plans table th { border: none; line-height: 1.7em; }
.pricing .pricing-plans table th.highlight { background-color: #001c1f; }
.pricing .pricing-plans table th.highlight .plan { font-weight: bold; }
.pricing .pricing-plans table td { background-color: #f0f0f0; }
.pricing .pricing-plans table thead { padding: 1em 0; background: none; }
.pricing .pricing-plans table thead .plan { color: #fff; font-size: 2em; display: block; margin-top: .2em; }
.pricing .pricing-plans table thead .price { font-weight: bold; color: #8d8d8d; }
.pricing .pricing-plans table thead .value-callout th { height: 2em; padding: 1em 0 0; color: #11a73f; font-weight: bold; position: relative; top: .5em; }
.pricing .pricing-plans table thead .value-callout .highlight { -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px; border-radius: 10px 10px 0 0; }
.pricing .pricing-plans table .table-heading { background-color: #3f3f3f; height: 6em; }
.pricing .pricing-plans table .table-top-left { -moz-border-radius: 10px 0 0; -webkit-border-radius: 10px; border-radius: 10px 0 0; }
.pricing .pricing-plans table .table-top-right { -moz-border-radius: 0 10px 0 0; -webkit-border-radius: 0; border-radius: 0 10px 0 0; }
.pricing .pricing-plans table .table-bottom-left { -moz-border-radius: 0 0 0 10px; -webkit-border-radius: 0; border-radius: 0 0 0 10px; }
.pricing .pricing-plans table .table-bottom-right { -moz-border-radius: 0 0 10px 0; -webkit-border-radius: 0; border-radius: 0 0 10px 0; }
.pricing .pricing-plans table tfoot { font-size: 1.2em; }
.pricing .pricing-plans table tfoot a { color: #3f3f3f; font-weight: normal; }
.pricing .pricing-plans table tfoot a:hover { border-bottom: 1px solid; text-decoration: none; }
.pricing .pricing-plans table tfoot .highlight { background-color: #11a73f; font-size: 1.3em; height: 1em; }
.pricing .pricing-plans table tfoot .highlight a { color: #fff; position: relative; top: .5em; }
.pricing .pricing-plans table tfoot td { border: none; background-color: #cccccc; }
.pricing .pricing-plans table tfoot .value-callout td { height: 1em; background: none; }
.pricing .pricing-plans table tfoot .value-callout .highlight { -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0; border-radius: 0 0 10px 10px; background-color: #11a73f; }
.pricing .page-content { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; padding: 0 2em; }
@media (min-width: 768px) { .pricing .page-content { padding: 0; } }
@media (min-width: 768px) { .pricing .pricing-plans-mobile { display: none; } }
.pricing .pricing-plans-mobile .pricing-plan { margin-bottom: 2em; }
.pricing .pricing-plans-mobile .accordion { text-align: center; background: none; overflow: hidden; color: #001c1f; }
.pricing .pricing-plans-mobile dt { background-color: #3f3f3f; color: #fff; padding: 1em 0; }
.pricing .pricing-plans-mobile dt a { color: #fff; }
.pricing .pricing-plans-mobile dt .plan { font-weight: 300; font-size: 2em; display: block; }
.pricing .pricing-plans-mobile dd { display: none; background-color: #f0f0f0; color: #001c1f; }
.pricing .pricing-plans-mobile dd li { text-align: center; border-bottom: 1px solid #e2e2e2; padding: 1em 0; }
.pricing .pricing-plans-mobile dd li.cta { background-color: #11a73f; }
.pricing .pricing-plans-mobile dd li.cta a { color: #fff; }
.pricing .footnote { color: #7e7e7e; font-size: .8em; margin: 1.5em 0; text-align: center; line-height: 1rem; }
@media (min-width: 768px) { .pricing .footnote { margin-bottom: 0; } }
@media (min-width: 768px) { .pricing .footnote { font-size: .9rem; } }
.pricing .footnote a { color: #46b3ee; }
@media (min-width: 768px) { .pricing .footnote a { display: inline; } }
.pricing .page-content { max-width: 70em; margin-left: auto; margin-right: auto; }
.pricing .page-content:after { content: " "; display: block; clear: both; }
@media (min-width: 768px) { .pricing .page-content { margin: 15em auto 1em; } }
.pricing .page-content h2 { font-size: 1.2em; }
.pricing .copy { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; text-align: center; font-size: 1.5em; font-weight: 300; line-height: 1em; }
@media (min-width: 768px) { .pricing .copy { margin-bottom: 1.5em; } }
@media (min-width: 768px) { .pricing .copy { font-size: 2em; } }
.pricing .frequently-asked-questions { margin-bottom: 3em; }
@media (min-width: 768px) { .pricing .frequently-asked-questions { width: 50%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; } }
.pricing .frequently-asked-questions .faq-title { margin-bottom: 1em; }
.pricing .frequently-asked-questions li { margin-bottom: 2em; }
.pricing .testimonials { display: none; width: 33.33333%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; margin-left: 16.66667%; }
@media (min-width: 768px) { .pricing .testimonials { display: block; } }
.pricing .testimonials .featured-testimonials li { margin: 1.5em 0 3em; }
.pricing .testimonials .featured-testimonials .image-wrapper { text-align: center; }
.pricing .testimonials .featured-testimonials .image-wrapper img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #11a73f; padding: 1em; }
@media (min-width: 768px) { .pricing .testimonials .featured-testimonials .image-wrapper img { width: 75%; margin-left: -1em; } }
.pricing .testimonials .featured-testimonials h2 { font-size: 1rem; color: #11a73f; margin-top: 1em; }

/*--------- Help --------*/
.help .help-section { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; float: none; padding: 0 1em; margin-bottom: 3em; }
@media (min-width: 768px) { .help .help-section { padding: 0 2.08333%; } }
.help .accordion { background-color: #fff; border: 1px solid #e7e7e7; padding: 1em 2em; margin: 1em 0; }
.help .accordion dt { border-bottom: 0; }
.help .accordion dt a { display: block; font-weight: bold; }
.help .accordion dd { border-top: 0; display: none; }

.login .copy, .about .copy, .terms .copy, .privacy .copy, .refund-policy .copy, .contact .copy, .blog .copy { width: 100%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; padding: 0 1em; float: none; }
@media (min-width: 768px) { .login .copy, .about .copy, .terms .copy, .privacy .copy, .refund-policy .copy, .contact .copy, .blog .copy { width: 66.66667%; float: left; padding-left: 2.08333%; padding-right: 2.08333%; margin-left: 16.66667%; } }
.login p, .about p, .terms p, .privacy p, .refund-policy p, .contact p, .blog p { margin: 0 0 2em; }
.login h2, .about h2, .terms h2, .privacy h2, .refund-policy h2, .contact h2, .blog h2 { font-size: 1.5em; font-weight: 300; line-height: 1em; margin: 1em 0; text-align: center; }
@media (min-width: 768px) { .login h2, .about h2, .terms h2, .privacy h2, .refund-policy h2, .contact h2, .blog h2 { font-size: 2.2em; margin: 1em 0 1.5em; } }
.login .highlight, .about .highlight, .terms .highlight, .privacy .highlight, .refund-policy .highlight, .contact .highlight, .blog .highlight { background-color: #ffffcc; padding: 0 .3em; }

.login h2 { font-size: 1.2em; }
@media (min-width: 768px) { .login h2 { font-size: 2.2em; } }

.privacy .copy ul, .refund-policy .copy ul { list-style: disc; margin: 0.5em 0 2em 1.5em; }