/* =colours */
/*#adc86c;*/
/* =font-sizes | =mixins */
/* =core | =layout */
body {
  background: white;
  color: #444444;
  font-family: 'museo-sans-rounded', sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6666;
  x-width: 320px; }

.max {
  position: relative; }

.entry-content {
  margin: 2em 0 0; }

figure img {
  display: block;
  max-width: 100%; }

/* =links */
a {
  color: #628f45;
  text-decoration: none; }

.entry-content .main a,
.entry-content aside p a {
  background: #f1f7d8;
  color: #444444; }

.no-js .head .menu a:hover,
.no-js #header a:hover,
.no-js .foot a:hover,
.no-touch .head .menu a:hover,
.no-touch #header a:hover,
.no-touch .foot a:hover {
  color: #eeffa6; }
.no-js .entry-content .main a:hover,
.no-js .entry-content aside p a:hover,
.no-touch .entry-content .main a:hover,
.no-touch .entry-content aside p a:hover {
  color: white;
  background: #b3ca39; }

/* =ofl */
.ofl,
.head .tel,
.head .vcard .delim,
.head .vcard .email,
.foot .vcard .delim,
#header cite .delim {
  position: absolute;
  left: -500em; }

/* =blog */
.blog #header time,
.blog #header a[rel="author"] {
  display: block;
  text-indent: 10px; }
  .blog #header time img,
  .blog #header a[rel="author"] img {
    position: absolute;
    bottom: 0;
    left: 80px; }
.blog #header time {
  margin-top: 130px; }
.blog #header a[rel="author"] {
  font-weight: bold;
  height: 30px; }

.blog .entry-content p:first-child:before {
  content: 'TUPE';
  position: fixed;
  top: 100px;
  left: 190px;
  font-size: 220px;
  font-weight: bold;
  letter-spacing: -0.05em;
  color: #f8f9ec;
  z-index: -1; }

/********** =clear **********/
.line {
  display: block; }

.line:before,
.line:after {
  content: ' ';
  display: table; }

.line:after {
  clear: both; }

ul.line, ol.line {
  margin: 0 auto;
  list-style: none; }

ul.line > li, ol.line > li {
  margin: 0; }

/********** =spacing **********/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
ul, ol, dl, p, blockquote,
figure, .figure,
.form_elem,
#disqus_thread {
  margin-left: 10px;
  margin-right: 10px; }

h1, h2, h3, h4, h5, h6, img {
  padding-bottom: 0px; }

pre {
  margin: 10px; }

table h1, table h2, table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {
  padding: 0; }

/* =typography | =headings */
h2, .h2, h3, .h3, h4, .h4 h5, .h5 {
  font-weight: bold;
  margin-bottom: 10px; }

h1, .h1 {
  font-weight: normal;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 0; }

h1 span, .h1 span {
  display: block; }

h1 em, .h1 em {
  font-style: normal;
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 1.1;
  display: block;
  text-indent: -2px; }
  h1 em:first-letter, .h1 em:first-letter {
    text-transform: uppercase; }

h1 em + span,
.h1 em + span {
  line-height: 1.6; }

h2, .h2 {
  font-size: 25px;
  font-size: 1.5rem;
  line-height: 1.2;
  margin-top: 1.6em;
  color: #cbdabc; }

h3, .h3 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-top: 0.75em; }

h4, .h4 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6666; }

.content h3,
.content .h3 {
  padding-left: 40px;
  border-top: 1px solid #e8f0c3; }

h4, .h4 {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.471;
  line-height: 1.18;
  margin-top: 0.59em; }

p, dl, ol, ul, blockquote {
  margin-top: 1em;
  margin-bottom: 1em; }

.amplify,
.entry-content .main p:first-child {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.5; }

h2:first-child, .h2:first-child,
h3:first-child, .h3:first-child,
h4:first-child, .h4:first-child,
h5:first-child, .h5:first-child,
p:first-child,
dl:first-child,
ol:first-child,
ul:first-child {
  margin-top: 0; }

/* =blockquote | =quote */
blockquote {
  position: relative;
  margin: 1em 0;
  padding: 0; }
  blockquote p {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.471;
    margin: 0.5em 10px; }
  blockquote p:before {
    content: '\275D';
    margin-right: 0.2em; }
  blockquote p:after {
    content: '\275E';
    margin-left: 0.2em; }
  blockquote cite {
    font-style: normal;
    display: block;
    margin: 0.5em 10px;
    color: #cbdabc; }
    blockquote cite .fn, blockquote cite .title, blockquote cite .org {
      display: inline-block; }

.wf-active blockquote p:before,
.wf-active blockquote p:after {
  font-family: Helvetica, sans-serif; }

cite,
a cite a,
#header a cite {
  color: #2a3d15; }

.quotes {
  background-image: url("/img/quotes.png"); }

/* =head | menu */
.head label,
#menu-toggle {
  display: none; }

.head {
  line-height: 1;
  background: #51782c url("/img/head2.jpg") no-repeat 0 70%; }
  .head nav figure {
    width: 250px;
    margin: 0;
    padding: 10px; }
  .head .menu {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: bold;
    color: white; }
    .head .menu * {
      display: block; }
    .head .menu a {
      color: #b3ca39; }
    .head .menu strong {
      cursor: default; }
  .head .vcard {
    list-style: none;
    position: absolute;
    top: 0;
    right: 10px;
    background: rgba(42, 61, 21, 0.25);
    border: 1px solid rgba(179, 202, 57, 0.4);
    border-top: 0;
    margin: 0;
    color: rgba(179, 202, 57, 0.6);
    /*
    &:hover {
    	background: $green-darkest;
    	color: $hover;
    	cursor: pointer;
    }
    */ }
    .head .vcard li {
      float: left;
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 1.471;
      line-height: 30px;
      margin: 10px;
      font-weight: bold; }
      .head .vcard li .locality.label:before {
        content: '';
        float: left;
        margin-right: 5px; }
      .head .vcard li .locality.label:before,
      .head .vcard li .mail {
        width: 15px;
        height: 28px;
        display: block;
        background: url("/img/call.png") no-repeat 0 4px; }
      .head .vcard li .mail {
        float: right;
        width: 24px;
        text-indent: -500em;
        background: url("/img/mail.png") no-repeat; }

/* =lists */
ol, ul, dl {
  margin: 1.3333em 10px;
  padding: 0; }

li {
  padding: 0;
  margin: 0.3333em 0 0.3333em 1.5em; }

ol li {
  margin-left: 2em; }

/* =aside */
.entry-content aside h2, .entry-content aside h3, .entry-content aside h4 {
  margin-bottom: 0; }
.entry-content aside ul {
  list-style: none;
  margin-top: 0; }
.entry-content aside li {
  margin: 0;
  line-height: 1.3333;
  border-bottom: 1px solid #e8f0c3; }
  .entry-content aside li a {
    display: block;
    padding: 5px 2px; }
    .entry-content aside li a:hover {
      background: #f1f7d8;
      color: #2a3d15; }
.entry-content aside .options li {
  border: 0;
  margin-bottom: 10px; }
  .entry-content aside .options li a {
    padding: 5px 30px 5px 10px;
    background: #b3ca39;
    color: white;
    font-weight: bold;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    line-height: 1.2;
    border-radius: 4px; }

.no-js .entry-content aside h2 a:hover, .no-js .entry-content aside h3 a:hover, .no-js .entry-content aside h4 a:hover,
.no-touch .entry-content aside h2 a:hover,
.no-touch .entry-content aside h3 a:hover,
.no-touch .entry-content aside h4 a:hover {
  color: #eeffa6; }
.no-js .entry-content aside h2 .btn, .no-js .entry-content aside h3 .btn, .no-js .entry-content aside h4 .btn,
.no-touch .entry-content aside h2 .btn,
.no-touch .entry-content aside h3 .btn,
.no-touch .entry-content aside h4 .btn {
  margin: 0;
  display: block; }

/* =panel */
.panel {
  background-color: #f8f9ec;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 2em 10px;
  padding: 10px;
  border: 1px solid #e8f0c3;
  border-radius: 4px; }
  .panel > h2, .panel > h3, .panel > h4 {
    color: #cbdabc;
    padding-top: 10px; }

/* =header | =foot */
#header {
  background: #628f45 url("/img/header2.jpg") no-repeat 0% 50%;
  background-size: cover;
  color: white;
  overflow: hidden;
  border-top: 1px solid rgba(179, 202, 57, 0.4);
  margin-top: -1px; }
  #header .max {
    padding: 50px 0 20px; }
  #header a {
    color: #b3ca39; }
  #header .path {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-left: 12px; }
  #header .cta p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5; }
  #header blockquote {
    margin: 1em 0 0 0; }
    #header blockquote p {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.5; }
    #header blockquote cite {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 1.539;
      line-height: 1.3333;
      color: rgba(255, 255, 255, 0.5); }
      #header blockquote cite .fn {
        display: block; }
    #header blockquote img {
      position: absolute;
      display: block;
      right: 0;
      bottom: -30px; }

.home #header blockquote p, .home #header blockquote cite {
  padding-right: 145px; }

.foot {
  background: #51782c;
  color: white; }
  .foot a {
    color: #b3ca39; }
  .foot .contact {
    padding: 20px 0; }
    .foot .contact p,
    .foot .contact ul.line {
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 1.471; }
    .foot .contact #offices {
      margin-top: -12px;
      margin-left: 10px; }
    .foot .contact .vcard a {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.5; }
    .foot .contact .tel {
      display: block;
      font-size: 25px;
      font-size: 1.5rem;
      line-height: 1.2; }

#subscribe li {
  margin: 0 6px 10px 0;
  display: inline-block; }
#subscribe a {
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -500em;
  background-image: url("/img/subscribe.svg");
  background-repeat: no-repeat;
  border-radius: 4px; }
#subscribe a[href="#signup"] {
  background-position: 0 0; }
  #subscribe a[href="#signup"]:hover {
    background-color: #2a3d15;
    background-position: 0 -50px; }
#subscribe a[href*="feed"] {
  background-position: -50px 0; }
  #subscribe a[href*="feed"]:hover {
    background-color: #f69f16;
    background-position: -50px -50px; }
#subscribe a[href*="linkedin"] {
  background-position: -100px 0; }
  #subscribe a[href*="linkedin"]:hover {
    background-color: #2672ae;
    background-position: -100px -50px; }
#subscribe a[href*="google"] {
  background-position: -150px 0; }
  #subscribe a[href*="google"]:hover {
    background-color: #d74733;
    background-position: -150px -50px; }
#subscribe a[href*="twitter"] {
  background-position: -200px 0; }
  #subscribe a[href*="twitter"]:hover {
    background-color: black;
    background-position: -200px -50px; }
#subscribe a[href*="facebook"] {
  background-position: -250px 0; }
  #subscribe a[href*="facebook"]:hover {
    background-color: #3b5998;
    background-position: -250px -50px; }

/*
.no-js, 
.no-touch {
	#subscribe a:hover {background: $link-pale;}
}
*/
.no-js #signup,
.js #signup {
  display: none; }

#ancillary {
  background: #2a3d15;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.539;
  padding: 0.5em 0; }
  #ancillary li {
    display: inline-block;
    margin: 0 3px 0 10px; }
  #ancillary a {
    display: block;
    padding-top: 0.5em; }

.opacity #ancillary ul {
  opacity: 0.5; }

.opacity.no-touch #ancillary:hover ul {
  opacity: 1; }

/* =btn */
button,
.btn,
.entry-content .main .btn,
#header .btn {
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.5;
  line-height: 1.25;
  margin: 0.5em 10px;
  border: 0;
  padding: 5px 30px 5px 10px;
  background: #b3ca39;
  color: white;
  border-radius: 4px; }

.entry-content .amplify .btn,
.home .entry-content .main .btn {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.1;
  font-weight: normal;
  background: #628f45 url("/img/header2") no-repeat 50% 50%;
  padding: 10px 40px 10px 10px; }

.no-js button:hover,
.no-js .btn:hover,
.no-js .entry-content .main .btn:hover,
.no-js #header .btn:hover,
.no-touch button:hover,
.no-touch .btn:hover,
.no-touch .entry-content .main .btn:hover,
.no-touch #header .btn:hover {
  background: #2a3d15;
  color: #eeffa6; }

h2 .btn,
h3 .btn,
h4 .btn {
  margin: 0;
  display: block; }

/* =forms */
fieldset {
  margin: 0;
  padding: 0;
  border: 0; }
  fieldset p {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.471; }

label {
  cursor: pointer; }

legend span {
  position: absolute; }

input {
  display: block; }

#signup label {
  float: left; }

/* =includes */
/* Google AdWords image */
body > img[height="1"] {
  position: absolute;
  bottom: 0; }

/* 
@import 'landscape';
*/
/********** =smart (portrait) | <=480px (40rem) **********/
@media only screen and (max-width: 480px) {
  /* =home */
  .home #header blockquote p {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.471; }
  .home #header blockquote p, .home #header blockquote cite {
    padding-right: 135px; } }
/* =end /=smart <=480px */
/********** =narrow (portrait) | <=639px (40rem) **********/
@media only screen and (max-width: 639px) {
  .head label, .head .menu {
    position: fixed; }
  .head label {
    display: block;
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px;
    background: #b3ca39;
    border-radius: 2px;
    text-indent: -500em;
    z-index: 100;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); }
    .head label b {
      position: absolute;
      left: 5px;
      top: 8px;
      width: 20px;
      height: 2px;
      background: #2a3d15; }
    .head label b:nth-of-type(2) {
      top: 14px; }
    .head label b:nth-of-type(3) {
      top: 20px; }
  .head .menu {
    left: -500em; }
    .head .menu * {
      padding: 10px;
      border-right: 6px solid transparent;
      border-top: 1px solid rgba(179, 202, 57, 0.4); }
    .head .menu strong {
      border-right: 6px solid #b3ca39; }
  .head #menu-toggle:checked + .menu {
    top: 0;
    right: 0;
    left: 0;
    padding-top: 92px;
    background: #2a3d15;
    z-index: 99; }
  .head .vcard {
    display: none; }

  x.head nav figure, x.head .vcard,
  .head.is-fixed nav figure,
  .head.is-fixed .vcard {
    position: fixed; }
  x.head nav figure,
  .head.is-fixed nav figure {
    z-index: 100; }
  x.head .vcard,
  .head.is-fixed .vcard {
    top: 398px;
    left: 0;
    right: 0;
    z-index: 99; }

  .entry-content .main {
    margin-bottom: 2em; }

  .entry-content aside {
    margin-top: 2em;
    background: #f1f7d8;
    padding: 2em 0; }

  #subscribe {
    margin-top: 1em;
    border-top: 1px solid rgba(179, 202, 57, 0.4);
    padding-top: 1em; }
    #subscribe ul {
      margin: 0 10px; }

  #ancillary ul {
    margin: 0 0 10px; } }
/* =end /=narrow <=639px */
/********** =tablet (portrait) | >=640px (40rem) **********/
@media only screen and (min-width: 640px) {
  .max {
    margin: 0 10px; }

  ul.line > li, ol.line > li {
    float: left; }

  /********** =grid **********/
  .unit {
    float: left; }

  .runit {
    float: right; }

  .s1o1 {
    float: none; }

  .s1o2, .s2o4, .s3o6 {
    width: 50%; }

  .s1o3, .s2o6 {
    width: 33.33333%; }

  .s2o3, .s4o6 {
    width: 66.66666%; }

  .s1o4 {
    width: 25%; }

  .s3o4 {
    width: 75%; }

  .s1o5 {
    width: 20%; }

  .s2o5 {
    width: 40%; }

  .s3o5 {
    width: 60%; }

  .s4o5 {
    width: 80%; }

  .s1o6 {
    width: 16.666%; }

  .s5o6 {
    width: 83.33333%; }

  .has-2 > * {
    float: left;
    width: 50%; }

  .has-3 > * {
    float: left;
    width: 33.3333%; }

  /* =applied */
  .entry-content {
    padding: 2em 0 4em; }

  .entry-content .main,
  .foot .contact {
    width: 66.6666%; }

  .entry-content > aside {
    width: 33.3333%; }

  .head nav figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 286px;
    padding: 10px 10px 0; }
  .head .menu {
    padding-top: 95px; }
    .head .menu * {
      float: left;
      margin-left: 0.75em;
      padding: 10px 0;
      border-bottom: 3px solid transparent; }
      .head .menu *:first-child {
        margin-left: 10px; }
    .head .menu strong {
      border-bottom: 3px solid #b3ca39; }

  .wf-active .head .menu * {
    margin-left: 1em; }

  .wf-active .head .menu *:first-child {
    margin-left: 10px; }

  h1 em, .h1 em {
    font-size: 85px;
    font-size: 5.3125rem;
    line-height: 0.95;
    text-indent: -5px;
    letter-spacing: -0.05em; }

  .blog h1 em, .blog .h1 em {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 0.95;
    width: 66.6666%; }

  .foot .contact {
    padding: 30px 0 40px; }
  .foot .vcard {
    width: 50%; }

  #subscribe {
    position: absolute;
    top: 30px;
    right: 0;
    width: 33.3333%; }

  #ancillary {
    padding: 0.5em 0 1.5em; }

  blockquote p {
    text-indent: -0.8em; }

  #header p a,
  #header p a:hover {
    color: white;
    cursor: text; }

  .home #header blockquote {
    width: 66.6666%;
    padding-top: 40px; }
    .home #header blockquote img {
      right: 10px; }

  /* =blog */
  .blog #header time,
  .blog #header a[rel="author"] {
    position: absolute;
    bottom: 0;
    left: 66.6666%; }
    .blog #header time img,
    .blog #header a[rel="author"] img {
      left: 0; }
  .blog #header time {
    bottom: 220px;
    margin-top: 0; }
  .blog #header a[rel="author"] {
    height: 220px; } }
/* =end /=tablet >=640px */
/********** =desktop | >=1000px (62.5rem) **********/
@media only screen and (min-width: 1000px) {
  .max {
    margin: 0 auto;
    max-width: 960px; }

  /* =ofl */
  /* =head */
  .head nav figure {
    padding: 35px 10px 10px 10px; }
  .head .menu {
    padding-top: 0;
    margin-left: 310px; }
    .head .menu * {
      padding: 70px 0 30px; }
  .head .vcard {
    top: 0;
    width: calc(33.3333% - 20px); }

  .foot .vcard {
    width: 33.3333%; }

  #subscribe {
    top: 55px;
    top: calc(30px + 1.6666em); }

  /* =header */
  #header .cta {
    position: absolute;
    top: 50px;
    right: 0;
    width: 33.3333%; }
    #header .cta .btn {
      font-size: 25px;
      font-size: 1.5rem;
      line-height: 1.2; }
  #header blockquote {
    position: absolute;
    margin: 0;
    right: 0;
    bottom: 0;
    width: 33.3333%; }

  .home #header .max {
    min-height: 150px; }
    .home #header .max blockquote {
      width: 33.3333%; }
      .home #header .max blockquote p {
        font-size: 17px;
        font-size: 1.0625rem;
        line-height: 1.471; }
      .home #header .max blockquote img {
        bottom: 0; }

  /* =sizes */
  h1 span, .h1 span {
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 1.1;
    line-height: 1.1; } }
/* =end /=tablet >=1000px */
/* 
@import 'maximal';
@import 'animate';
@import 'helpers';
@import 'magnific-popup';
@import 'animate';
@import 'ie-legacy';
@import 'print';
*/