@import url(http://fonts.googleapis.com/css?family=Inconsolata:400,700);
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; }

* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern", "onum"; -moz-font-feature-settings: "liga=1, kern=1, onum=1"; -ms-font-feature-settings: "liga", "kern", "onum"; -o-font-feature-settings: "liga", "kern", "onum"; -webkit-font-feature-settings: "liga", "kern", "onum"; font-feature-settings: "liga", "kern", "onum"; }

button, input, textarea, input[type=submit] { margin: 0; padding: 0; border: none !important; background: transparent; -webkit-appearance: none; border-radius: 0; }
button:focus, input:focus, textarea:focus, input[type=submit]:focus { outline: none; }

img { display: block; }

pre { font-family: 'Inconsolata','Monaco',monospace; }

/***
Layout variables
***/
body { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; color: #000000; }

em, i { font-style: italic; }

strong, b { font-weight: 700; }

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

/* CSS Resets */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; padding: 0; }

article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object { display: block; }

a img { border: 0; }

figure { position: relative; }

figure img { width: 100%; }

/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */
.container { padding-left: 20px; padding-right: 20px; }

.row { width: 100%; max-width: 940px; min-width: 730px; margin: 0 auto; overflow: hidden; }

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin-right: 3.8%; float: left; min-height: 1px; }

.row .onecol { width: 4.85%; }

.row .twocol { width: 13.45%; }

.row .threecol { width: 22.05%; }

.row .fourcol { width: 30.75%; }

.row .fivecol { width: 39.45%; }

.row .sixcol { width: 48%; }

.row .sevencol { width: 56.75%; }

.row .eightcol { width: 65.4%; }

.row .ninecol { width: 74.05%; }

.row .tencol { width: 82.7%; }

.row .elevencol { width: 91.35%; }

.row .twelvecol { width: 100%; float: left; }

.last { margin-right: 0px; }

img, object, embed { max-width: 100%; }

img { height: auto; }

/* Smaller screens */
@media only screen and (max-width: 1023px) { body { font-size: 0.8em; line-height: 1.5em; } }
/* Mobile */
@media handheld, only screen and (max-width: 767px) { body { font-size: 16px; -webkit-text-size-adjust: none; }
  .row, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
  .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol { width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; } }
#mobilenav div > ul ul { margin: 30px 0 0; padding: 0; display: block; list-style: none; }
#mobilenav div > ul ul > li { width: 100%; display: block; padding: 5px 0 10px; text-align: center; }
#mobilenav div > ul ul > li a { text-decoration: none; font-weight: 600; color: #121212; display: block; font-size: 17px; font-weight: normal; padding-bottom: 10px; border-bottom: 1px solid #efefef; }
#mobilenav div > ul ul > li a:hover { color: #d2202f; }

#mobilenav { clip: rect(0 0 0 0); max-height: none; position: absolute; display: none; overflow: hidden; zoom: 1; background: #fff; -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15); }
#mobilenav > div { padding: 0px 20px 30px; }

#mobilenav { max-height: 0; overflow: hidden; -moz-transition: max-height 400ms ease-in-out; -webkit-transition: max-height 400ms ease-in-out; transition: max-height 400ms ease-in-out; }
#mobilenav.opened { max-height: 1000px; }

#mobilenav, #mobnav-toggle, .mob { display: none; }

@media only screen and (max-width: 1023px) { .mob { display: block; }
  #header .mob { position: absolute; top: 0; left: 0; width: 100%; }
  #header .mob #mobilenav { width: 100%; }
  .js #mobilenav { position: relative; display: block; left: 0; top: -34px; z-index: 10000; }
  .js #mobilenav.closed { max-height: none; }
  #nav-toggle { display: inline-block; float: right; width: 50px; height: 30px; color: #231f20; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; text-decoration: none; position: absolute; top: 40px; right: 30px; z-index: 10000000000; text-indent: -999999px; background: url("images/menu-open.png") no-repeat right center; background-size: 35px; }
  #nav-toggle.active { background: url("images/menu-close.png") no-repeat right center; background-size: 35px; }
  .desktop { display: none; } }
body { color: #6D6E71; font-family: 'proxima-nova', sans-serif; font-weight: 300; }

#header { background: #7ac143; height: 42px; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; }
#header .row { overflow: visible; }
#header.active h1 { height: 42px; background: #6D6E71; padding: 5px 35px 5px 50px; }
#header.active h1 a { width: 120px; height: 32px; background: url("images/logo-small.png") no-repeat; background-size: 92px; }
#header h1 { background: #fff; padding: 40px 40px 40px 25px; float: left; -moz-transition: height 400ms ease-in-out; -webkit-transition: height 400ms ease-in-out; transition: height 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -webkit-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; -moz-transition: padding 400ms ease-in-out; -webkit-transition: padding 400ms ease-in-out; transition: padding 400ms ease-in-out; }
#header h1 a { display: block; width: 148px; height: 96px; background: url("images/logo.png") no-repeat; background-size: 100%; text-indent: -99999px; -moz-transition: height 400ms ease-in-out; -webkit-transition: height 400ms ease-in-out; transition: height 400ms ease-in-out; -moz-transition: width 400ms ease-in-out; -webkit-transition: width 400ms ease-in-out; transition: width 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -webkit-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; }
#header ul { position: relative; float: right; }
#header ul li { display: inline-block; padding: 9px 25px 8px; }
#header ul li a { font-family: 'proxima-nova', sans-serif; text-transform: uppercase; font-size: 15px; font-weight: 600; color: #fff; }
#header ul li a:hover { text-decoration: none; }
#header ul li ul { display: none; position: absolute; margin-left: -25px; margin-top: 8px; }
#header ul li ul li { display: block; background: #7ac143; background: rgba(122, 193, 67, 0.9); margin-bottom: 1px; padding: 5px 20px; width: 170px; }
#header ul li ul li a { font-size: 13px; font-weight: 100; text-transform: none; }
#header ul li ul li a:hover { font-weight: bold; }
#header ul li:hover { background: #58595b; }
#header ul li:hover > ul { display: block; }

#headerimg { height: 439px; position: relative; }
#headerimg .twelvecol > div { font-family: 'Dobra Slab W01 Bold', serif; font-size: 35px; line-height: 40px; color: #fff; border: 2px solid #7ac143; padding: 10px 2%; text-align: center; background: #fff; background: rgba(50, 50, 50, 0.3); position: absolute; bottom: 40px; left: 50%; margin-left: -430px; width: 860px; }

#content .row { max-width: 820px; margin: 40px auto; }
#content .break { background: #cccdce; color: #fff; text-align: center; font-family: 'Dobra Slab W01 Bold', serif; font-size: 20px; line-height: 23px; padding: 20px 0; }
#content p { margin-bottom: 25px; }
#content h1 { color: #7ac143; font-size: 35px; line-height: 30px; font-family: 'Dobra Slab W01 Bold', serif; margin-bottom: 22px; }
#content h2 { color: #7ac143; font-family: 'Dobra Slab W01 Light'; font-size: 19px; line-height: 28px; margin-bottom: 20px; }
#content .intro h2 { color: #7ac143; font-family: 'Dobra Slab W01 Light'; font-size: 27px; line-height: 32px; margin-bottom: 40px; }
#content .intro h3 { font-size: 23px; }
#content .green { background: #7ac143; font-size: 17px; font-family: 'proxima-nova', sans-serif; font-weight: 100; color: #fff; }
#content .green > img { width: 100%; }
#content .green > div { padding: 15px; }
#content .green p { display: inline; }
#content .green span { float: right; padding-top: 6px; }
#content .grey { background: #808285; padding: 21px; color: #fff; font-family: 'proxima-nova', sans-serif; font-weight: bold; font-size: 18px; line-height: 20px; }
#content .grey ul { margin-left: 20px; }
#content .grey ul li { list-style-image: url("images/list-image.png"); margin-bottom: 23px; }
#content .grey ul li:last-child { margin-bottom: 0; }
#content .contact.last h3.bold { color: #7ac143; font-size: 34px; line-height: 30px; font-family: 'Dobra Slab W01 Bold', serif; margin-bottom: 22px; }
#content .contact.last > div { color: #58595b; font-family: 'proxima-nova', sans-serif; font-weight: 100; font-size: 16px; margin-bottom: 10px; }
#content .contact.last > div img { display: inline-block; width: 10%; margin-right: 10px; }
#content .contact.last > div:first-of-type { font-size: 18px; }
#content .contact.last > img { margin-top: 30px; }
#content .post.eightcol.last { margin-top: 60px; }
#content .post h2 { font-size: 28px; line-height: 34px; margin-bottom: 25px; font-family: 'Dobra Slab W01 Book', serif; }
#content .post ul { padding-left: 30px; list-style: disc; }
#content .post ol { padding-left: 30px; list-style: decimal; }
#content .testimonial { padding: 40px; }
#content .testimonial .sevencol { color: #7ac143; font-size: 17px; line-height: 22px; font-family: 'Dobra Slab W01 Light', serif; /*&:before, &:after {
	font-size: 44px;
	line-height: 12px;
	color: #7ac143;
	font-family:'Dobra Slab W01 Bold', serif;
	content: '"';
	position: relative;
	top: 17px;
}*/ }
#content .testimonial .sevencol p { display: block; margin-bottom: 20px; }
#content .testimonial h3 { color: #7ac143; font-size: 23px; line-height: 27px; font-family: 'Dobra Slab W01 Book', serif; }
#content .testimonial h3.grey { color: #bbb; padding: 0; background: transparent; }
#content .testimonial .threecol { color: #808285; font-size: 17px; font-weight: bold; }
#content .testimonial.even { background: #e8e8e8; }
#content .testimonial.even .threecol { text-align: right; }
#content .testimonial.even .sevencol { color: #58595b; }
#content .testimonial img { background: #fff; display: block; border: 1px solid #7ac143; text-align: center; }

#footer { padding: 60px 0 15px; background: #7ac143 url("images/footer-bg.png") no-repeat center center; font-family: 'proxima-nova', sans-serif; font-weight: 100; color: #fff; font-size: 17px; line-height: 26px; }
#footer .linkedin { position: absolute; right: 0; bottom: 0; }
#footer .row { max-width: 820px; margin: 0 auto; float: none; position: relative; }

#credit { padding: 5px 0; background: #808285; color: #fff; font-size: 11px; font-family: 'proxima-nova', sans-serif; font-weight: 100; }
#credit .row { max-width: 820px; margin: 0 auto; float: none; }

.alignleft { float: left; margin: 0 5% 5% 0; }

.alignright { float: right; margin: 0 0 5% 5%; }

.aligncenter { float: none; margin: 0 auto 5%; }

.alignnone { float: none; margin: 0 5% 5%; }

#people img { display: block; margin-bottom: 40px; }
#people h2 { color: #58595b; text-transform: uppercase; font-family: 'Dobra Slab W01 Book', serif; font-size: 28px; line-height: 32px; margin-bottom: 0px; }
#people h3 { color: #7ac143; font-size: 19px; line-height: 24px; font-family: 'Dobra Slab W01 Light', serif; margin-bottom: 25px; }
#people h4 { font-family: 'proxima-nova', sans-serif; font-weight: bold; color: #7ac143; font-size: 17px; line-height: 19px; }
#people h5 { color: #6D6E71; font-size: 13px; line-height: 19px; font-family: 'Dobra Slab W01 Light', serif; margin-bottom: 30px; }

#sidebar { font-size: 19px; color: #7ac143; font-family: 'Dobra Slab W01 Light', serif; }
#sidebar .green { margin-top: 40px; }
#sidebar .green li { padding: 15px; }
#sidebar .green li a { font-size: 26px; font-family: 'Dobra Slab W01 Book', serif; }
#sidebar .green li:hover, #sidebar .green li.current_page_item { background: #86C64E; }
#sidebar .green li:hover a, #sidebar .green li.current_page_item a { text-decoration: none; font-weight: bold; }

.contact { color: #58595b; font-size: 19px; font-family: 'Dobra Slab W01 Book', serif; line-height: 36px; }
.contact strong { color: #7ac143; font-weight: bold; }

.form .gform_wrapper { margin-right: 0 !important; width: 100% !important; margin-top: 40px !important; max-width: 100% !important; }
.form .gform_wrapper li.gfield { width: 49%  !important; margin: 0 1% 2% 0 !important; float: left !important; clear: none; }
.form .gform_wrapper li.gfield#field_1_4 { float: right !important; margin-right: 0 !important; }
.form .gform_wrapper input, .form .gform_wrapper textarea { width: 100% !important; background: #cae6b4 !important; padding: 10px !important; height: 45px !important; }
.form .gform_wrapper input[type="submit"], .form .gform_wrapper textarea[type="submit"] { float: right !important; width: 140px !important; font-size: 16px !important; line-height: 16px !important; font-family: 'Dobra Slab W01 Book', serif; color: #58595b !important; }
.form .gform_wrapper .gform_footer.top_label { float: right !important; margin-top: -80px; }
.form .gform_wrapper textarea { width: 100% !important; height: 106px !important; }

::-webkit-input-placeholder { font-size: 16px !important; line-height: 16px !important; font-family: 'Dobra Slab W01 Book', serif; color: #58595b !important; }

::-moz-placeholder { font-size: 19px !important; line-height: 16px !important; font-family: 'Dobra Slab W01 Book', serif; color: #58595b !important; }

/* firefox 19+ */
:-ms-input-placeholder { font-size: 19px !important; line-height: 16px !important; font-family: 'Dobra Slab W01 Book', serif; color: #58595b !important; }

/* ie */
input:-moz-placeholder { font-size: 19px !important; line-height: 16px !important; font-family: 'Dobra Slab W01 Book', serif; color: #58595b !important; }

@media only screen and (min-width: 1px) and (max-width: 768px) { #header { display: none; }
  .mob { background: #7ac143; color: #fff; height: 40px; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; overflow: visible !important; }
  .mob h1 { background: #fff; padding: 20px 20px 20px 5px; float: left; position: relative; z-index: 1000; }
  .mob h1 a { display: block; width: 88px; height: 66px; background: url("images/logo.png") no-repeat; background-size: 100%; text-indent: -99999px; }
  .mob #nav-toggle { top: 10px; right: 20px; width: 25px; height: 20px; background-size: 100%; cursor: pointer; }
  .mob #mobilenav { top: -66px; }
  .mob #mobilenav ul { padding-top: 30px; }
  .mob #mobilenav li { text-align: center; border-bottom: 1px solid #f4f4f4; padding: 5px; }
  .mob #mobilenav li a { color: #58595b; }
  #headerimg .twelvecol > div { width: 90%; margin-left: -45%; font-size: 19px; line-height: 24px; }
  #content .testimonial { padding: 40px 0px 20px; }
  #content .testimonial div { margin-bottom: 30px; }
  #content .testimonial.even .threecol { text-align: left !important; }
  #content .green { padding-bottom: 20px; }
  #content .grey, #content .contact { padding: 40px 20px; }
  #content .alignright, #content .alignleft, #content .alignnone, #content .aligncenter { float: none !important; margin: 5% 0 !important; width: 100% !important; }
  #people .sixcol { padding: 0; margin: 20px auto; }
  #footer .linkedin { position: relative; top: 0; left: 0; display: block; margin: 30px 0; }
  #credit { line-height: 15px; }
  .form .gform_wrapper li.gfield, .form .gform_wrapper input[type="submit"], .form .gform_footer.top_label, .form .gform_wrapper li.gfield#field_1_4 { float: none !important; width: 100% !important; margin-top: 0 !important; margin-bottom: 15px !important; }
  .form .gform_wrapper li.gfield input, .form .gform_wrapper li.gfield textarea, .form .gform_wrapper input[type="submit"] input, .form .gform_wrapper input[type="submit"] textarea, .form .gform_footer.top_label input, .form .gform_footer.top_label textarea, .form .gform_wrapper li.gfield#field_1_4 input, .form .gform_wrapper li.gfield#field_1_4 textarea { margin-bottom: 0 !important; }
  #sidebar { margin-bottom: 50px; } }