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; }

/* Here be dragons - use with caution and don't blame Steve */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none; }

input, button, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

body {
  background: white; }

div.wrap {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  *zoom: 1;
  position: relative;
  padding: 0 40px;
  min-width: 320px; }
  div.wrap:after {
    content: " ";
    display: block;
    clear: both; }
  @media (max-width: 767px) {
    div.wrap {
      padding: 0 20px; } }

.no-mq div.wrap {
  width: 960px;
  margin: 0 auto; }

header {
  background: #0F9DD9;
  padding: 20px 0; }
  @media (min-width: 768px) {
    header h1 {
      width: 30.43478%;
      float: left;
      margin-right: 4.34783%; } }
  @media (max-width: 767px) {
    header h1 {
      width: 273px;
      margin: 0 auto; } }
  header h1 a {
    display: block;
    width: 273px;
    height: 70px;
    background: url(/i/logo@2x.png) no-repeat;
    background-size: 273px auto;
    text-indent: -1000em; }
  @media (min-width: 768px) {
    header nav {
      width: 65.21739%;
      float: right;
      margin-right: 0;
      text-align: right; } }
  @media (max-width: 767px) {
    header nav {
      text-align: center;
      padding: 10px 0 0 0; } }
  header nav ul {
    overflow: hidden;
    *zoom: 1;
    display: inline-block; }
    header nav ul li {
      display: inline-block;
      padding: 0 0 0 30px;
      font: 700 16px/70px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: white; }
      header nav ul li a {
        color: white;
        text-decoration: none; }
      header nav ul li.active a {
        color: black; }
      @media (max-width: 767px) {
        header nav ul li {
          font: 700 16px/120% "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
          padding: 0 5px; } }

footer div.wrap {
  background: #3C9143; }
  @media (max-width: 767px) {
    footer div.wrap {
      padding-top: 30px;
      padding-bottom: 30px; } }
footer div.email {
  font: 700 22px/100px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white; }
  footer div.email a {
    color: white;
    text-decoration: none; }
  @media (min-width: 768px) {
    footer div.email {
      width: 30.43478%;
      float: left;
      margin-right: 4.34783%; } }
  @media (max-width: 767px) {
    footer div.email {
      font: 700 22px/140% "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
      padding: 0 0 10px 0; } }
footer div.accred {
  font: 600 14px/100px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white; }
  @media (min-width: 768px) {
    footer div.accred {
      width: 65.21739%;
      float: right;
      margin-right: 0;
      text-align: right; } }
  @media (max-width: 767px) {
    footer div.accred {
      font: 600 14px/140% "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; } }

section.small {
  padding: 30px 0; }
  section.small p {
    text-align: center;
    font: 500 14px/140% "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444; }
    section.small p a {
      color: #444; }

section.test div.responsive ul li {
  display: none; }
  @media (min-width: 5121px) {
    section.test div.responsive ul li.else {
      display: block; } }
  @media (min-width: 2881px) and (max-width: 5120px) {
    section.test div.responsive ul li.imac-retina {
      display: block; } }
  @media (min-width: 2561px) and (max-width: 2880px) {
    section.test div.responsive ul li.macbook-retina {
      display: block; } }
  @media (min-width: 1921px) and (max-width: 2560px) {
    section.test div.responsive ul li.imac-27 {
      display: block; } }
  @media (min-width: 1441px) and (max-width: 1920px) {
    section.test div.responsive ul li.screen-huge {
      display: block; } }
  @media (min-width: 1367px) and (max-width: 1440px) {
    section.test div.responsive ul li.screen-large {
      display: block; } }
  @media (min-width: 1281px) and (max-width: 1366px) {
    section.test div.responsive ul li.screen-air {
      display: block; } }
  @media (min-width: 1025px) and (max-width: 1280px) {
    section.test div.responsive ul li.screen-wide {
      display: block; } }
  @media (min-width: 961px) and (max-width: 1024px) {
    section.test div.responsive ul li.ipad-wide {
      display: block; } }
  @media (min-width: 769px) and (max-width: 960px) {
    section.test div.responsive ul li.screen {
      display: block; } }
  @media (min-width: 737px) and (max-width: 768px) {
    section.test div.responsive ul li.ipad {
      display: block; } }
  @media (min-width: 668px) and (max-width: 736px) {
    section.test div.responsive ul li.iphone-plus-wide {
      display: block; } }
  @media (min-width: 569px) and (max-width: 667px) {
    section.test div.responsive ul li.iphone-wide {
      display: block; } }
  @media (min-width: 415px) and (max-width: 568px) {
    section.test div.responsive ul li.iphone4-wide {
      display: block; } }
  @media (min-width: 376px) and (max-width: 414px) {
    section.test div.responsive ul li.iphone-plus {
      display: block; } }
  @media (min-width: 321px) and (max-width: 375px) {
    section.test div.responsive ul li.iphone {
      display: block; } }
  @media (max-width: 320px) {
    section.test div.responsive ul li.mobile {
      display: block; } }

section.home {
  background: #E1E2E1; }
  @media (max-width: 768px) {
    section.home {
      background-size: 768px auto; } }
  section.home div.hero div.flexslider div.overlay {
    text-align: center;
    z-index: 5;
    position: absolute;
    width: 170px;
    left: 0;
    right: 0;
    bottom: 80px;
    margin: 0 auto;
    color: white;
    font: 700 20px/120% "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    @media (max-width: 767px) {
      section.home div.hero div.flexslider div.overlay {
        bottom: 40px; } }
    section.home div.hero div.flexslider div.overlay a {
      display: block;
      padding: 15px 0;
      background: #3C9143;
      color: white;
      text-decoration: none; }
  section.home div.hero div.flexslider ul.slides li {
    height: 450px;
    text-align: center;
    padding-top: 200px; }
    section.home div.hero div.flexslider ul.slides li p {
      display: inline-block;
      background: rgba(0, 0, 0, 0.6);
      font: 300 42px/120% "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: white;
      padding: 5px 10px; }
    @media (max-width: 767px) {
      section.home div.hero div.flexslider ul.slides li {
        height: 300px;
        padding-top: 50px; } }
  section.home div.main {
    overflow: hidden;
    *zoom: 1; }
    section.home div.main div.wrap {
      background: white;
      padding-top: 40px;
      padding-bottom: 40px; }
    @media (min-width: 768px) {
      section.home div.main div.col {
        width: 47.82609%;
        float: left;
        margin-right: 4.34783%; }
        section.home div.main div.col:nth-of-type(2n) {
          float: right;
          margin-right: 0; } }
    section.home div.main div.intro p {
      font: 600 18px/160% "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #3C9143; }
      section.home div.main div.intro p a {
        color: #3C9143; }
      section.home div.main div.intro p b, section.home div.main div.intro p strong {
        font-weight: bold; }
      section.home div.main div.intro p em, section.home div.main div.intro p i {
        font-style: italic; }
    @media (max-width: 767px) {
      section.home div.main div.intro {
        padding: 0 0 20px 0; } }
    section.home div.main div.copy p {
      font: 400 16px/180% "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #444; }
      section.home div.main div.copy p a {
        color: #444; }
      section.home div.main div.copy p b, section.home div.main div.copy p strong {
        font-weight: bold; }
      section.home div.main div.copy p em, section.home div.main div.copy p i {
        font-style: italic; }

section.page-title {
  background: #E1E2E1; }
  section.page-title div.wrap {
    background: #3C9143; }
  section.page-title h2 {
    color: white;
    font: 500 30px/160% "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 10px 0; }
    @media (max-width: 767px) {
      section.page-title h2 {
        font: 500 26px/160% "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; } }

section.page {
  background: #E1E2E1; }
  section.page div.wrap {
    background: white;
    padding-top: 30px;
    padding-bottom: 30px; }
  @media (min-width: 768px) {
    section.page div.sidebar {
      width: 21.73913%;
      float: left;
      margin-right: 4.34783%; } }
  @media (max-width: 767px) {
    section.page div.sidebar ul {
      border-bottom: 1px solid #3C9143;
      margin-bottom: 30px; } }
  section.page div.sidebar ul li {
    font: 600 15px/140% "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 0 20px 0; }
    section.page div.sidebar ul li a {
      color: #3C9143;
      text-decoration: none; }
  @media (min-width: 768px) {
    section.page div.copy {
      width: 73.91304%;
      float: right;
      margin-right: 0; } }
  section.page div.copy div.photo {
    padding: 0 0 30px 0; }
    section.page div.copy div.photo img {
      display: block;
      width: 100%; }
  section.page div.copy h3 {
    color: #3C9143;
    font: 600 18px/160% "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 10px 0 0 0; }
  section.page div.copy p {
    font: 400 16px/180% "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
    padding: 0 0 20px 0; }
    section.page div.copy p strong, section.page div.copy p b {
      font-weight: bold; }
    section.page div.copy p em, section.page div.copy p i {
      font-style: italic; }
    section.page div.copy p a {
      color: #444; }