@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,500,700,300italic,400italic,500italic,700italic|Bitter:400,700,400italic);
/* Reset =================================================== */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* Fonts =================================================== */
/*  Font Awesome
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: Lead Product Designer @ http://kyruus.com

    */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/Font-Awesome/fontawesome-webfont.eot");
  src: url("../fonts/Font-Awesome/fontawesome-webfont.eot?#iefix") format("eot"), url("../fonts/Font-Awesome/fontawesome-webfont.woff") format("woff"), url("../fonts/Font-Awesome/fontawesome-webfont.ttf") format("truetype"), url("../fonts/Font-Awesome/fontawesome-webfont.svg#FontAwesome") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Variables =================================================== */
/* Mixins =================================================== */
/**
 * Project Name DropKick theme
 *
 * Feel free to edit the default theme
 * or even add your own.
 *
 * See the readme for themeing help
 *
 */
/***** Begin Theme, feel free to edit in here! ******/
/* One container to bind them... */
.dk_container {
  background-color: white;
  font-family: "Ubuntu", Arial, sans-serif;
  font-weight: 100;
  line-height: 1.4em;
  margin-bottom: .5em;
  width: 100%;
  text-align: left; }

.dk_container:focus {
  outline: none;
  border: 1px solid #c5c5c5;
  background: white; }

.dk_container a {
  cursor: pointer;
  text-decoration: none;
  color: #5b6064;
  padding: .3em .5em; }

.dk_container ul {
  margin: 0;
  padding: 0; }

.dk_label {
  padding: .2em .5em .4em 0;
  display: block; }

/* Opens the dropdown and holds the menu label */
.dk_toggle {
  /**
   * Help: Arrow image not appearing
   * Try updating this property to your correct dk_arrows.png path
   */
  background-image: url("../img/select-arrow.png");
  background-repeat: no-repeat;
  background-position: right center;
  border: 1px solid #dedede;
  -webkit-transition: border-color .5s;
  -moz-transition: border-color .5s;
  -o-transition: border-color .5s;
  transition: border-color .5s;
  width: 100% !important;
  padding: .3em .5em;
  color: #5b6064;
  font-size: 14.4px;
  font-size: 0.9rem;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.dk_toggle:hover {
  border-color: white;
  color: #e89838;
  border: 1px solid #c5c5c5; }

/* Applied when the dropdown is focused */
.dk_focus .dk_toggle {
  border-color: #dedede; }

/* Applied whenever the dropdown is open */
.dk_open {
  /**
   * Help: Dropdown menu is covered by something
   * Try setting this value higher
   */
  z-index: 10; }

.dk_open .dk_toggle {
  background-color: white;
  border-color: #dedede;
  color: #5b6064; }

/* The outer container of the options */
.dk_options {
  font-size: 19.2px;
  font-size: 1.2rem; }

.dk_options a {
  background-color: #fff;
  border-bottom: 1px solid #dedede;
  display: block;
  font-family: "Ubuntu", Arial, sans-serif;
  font-style: normal;
  font-size: 14.4px;
  font-size: 0.9rem;
  color: #e89838; }

.dk_options li:last-child a {
  border-bottom: none; }

.dk_options a:hover,
.dk_option_current a {
  background-color: white;
  border-bottom-color: #dedede;
  color: #60baa3;
  text-decoration: none; }

.dk_option_current a {
  color: #5b6064; }

/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
  border: 1px solid #dedede;
  border-bottom-width: 2px;
  border-bottom-color: #dedede;
  color: #5b6064;
  max-height: 250px;
  list-style: none;
  margin: 0;
  padding: 0; }
  .dk_options_inner li {
    display: block; }
    .dk_options_inner li a {
      padding: .5em .5em;
      display: block; }

/* Set a max-height on the options inner */
.dk_options_inner,
.dk_touch .dk_options {
  max-height: 250px; }

/******  End Theme ******/
/***** Critical to the continued enjoyment of working dropdowns ******/
.dk_container {
  display: none;
  float: left;
  position: relative; }

.dk_container a {
  outline: none; }

.dk_toggle {
  display: block;
  position: relative;
  zoom: 1; }

.dk_open {
  position: relative; }

.dk_open .dk_options {
  display: block; }

.dk_open .dk_label {
  color: inherit; }

.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%; }

.dk_options a,
.dk_options a:link,
.dk_options a:visited {
  display: block; }

.dk_options_inner {
  overflow: auto;
  position: relative; }

.dk_touch .dk_options {
  overflow: hidden; }

.dk_touch .dk_options_inner {
  max-height: none;
  overflow: visible; }

.dk_fouc select {
  position: relative;
  top: -99999em;
  visibility: hidden; }

/***** End Critical to the continued enjoyment of working dropdowns ******/
/* Smallest ========================================= */
html {
  font-size: 16px;
  width: 100%;
  -webkit-text-size-adjust: none;
  background: #787776; }

body {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2em;
  font-family: "Ubuntu", Arial, sans-serif;
  font-weight: 100;
  width: 100%;
  min-width: 1280px;
  color: #5b6064;
  background: white;
  float: left; }
  body * {
    -webkit-transition: 0.1s all;
    -moz-transition: 0.1s all;
    -ms-transition: 0.1s all;
    -o-transition: 0.1s all;
    transition: 0.1s all; }

a {
  text-decoration: none;
  color: #e89838;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -ms-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all; }
  a:hover {
    color: #60baa3; }

.content-width {
  width: 1140px;
  margin: 0 auto; }

a.button,
button,
input[type='submit'] {
  border: 1px solid #e99f4b;
  background: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  padding: 1em 1.7em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 100; }
  a.button:hover,
  button:hover,
  input[type='submit']:hover {
    background: #e99f4b;
    color: white;
    cursor: pointer; }
  a.button.secondary,
  button.secondary,
  input[type='submit'].secondary {
    border-color: #60baa3;
    color: #60baa3; }
    a.button.secondary:hover,
    button.secondary:hover,
    input[type='submit'].secondary:hover {
      background: #60baa3;
      color: white; }
  a.button.tertiary,
  button.tertiary,
  input[type='submit'].tertiary {
    background: #60baa3;
    color: white;
    border-color: #60baa3; }
    a.button.tertiary:hover,
    button.tertiary:hover,
    input[type='submit'].tertiary:hover {
      border-color: #e99f4b;
      background: #e99f4b; }

fieldset input[type='text'],
fieldset input[type='email'],
fieldset input[type='password'],
fieldset input[type='tel'],
fieldset input[type='fax'] {
  display: block;
  background: white;
  border: 1px solid #dedede;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: "Ubuntu", Arial, sans-serif;
  padding: 1em 1.7em;
  font-weight: 100;
  color: #5b6064;
  font-weight: 100; }

a.logo {
  display: block; }
  a.logo h1 {
    font-family: Georgia, Times, "Times New Roman";
    font-size: 30.4px;
    font-size: 1.9rem;
    color: white;
    font-weight: 100;
    text-transform: uppercase; }
    a.logo h1 span {
      font-style: italic;
      text-transform: lowercase;
      color: #faf4c6; }

.icon {
  z-index: 1000;
  display: block;
  width: 120px;
  height: 120px;
  border: 2px solid white;
  background: #f3f2ef;
  position: absolute;
  -webkit-border-radius: 120px;
  -moz-border-radius: 120px;
  border-radius: 120px;
  top: -60px;
  left: 50%;
  margin-left: -60px;
  text-align: center; }
  .icon img {
    z-index: 1000;
    position: relative;
    width: 100px;
    margin: 7px 0 0 0; }
  .icon:after {
    content: "";
    z-index: 1;
    width: 108px;
    height: 108px;
    background: white;
    position: absolute;
    left: 4px;
    top: 4px;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
    border-radius: 120px; }

header[role='main'],
header.main {
  background: transparent url(../img/main-bkg.jpg) no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main-bkg.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main-bkg.jpg', sizingMethod='scale')";
  position: relative;
  min-height: 200px;
  overflow: hidden; }
  header[role='main'] a.logo,
  header.main a.logo {
    display: block;
    float: left;
    margin-top: 2.1em; }
    header[role='main'] a.logo:hover h1,
    header.main a.logo:hover h1 {
      color: #faf4c6; }
  header[role='main'] nav,
  header.main nav {
    float: right;
    margin-top: 2em; }
    header[role='main'] nav ul,
    header.main nav ul {
      float: left;
      list-style: none; }
      header[role='main'] nav ul li,
      header.main nav ul li {
        float: left;
        margin-left: 2em; }
        header[role='main'] nav ul li a,
        header.main nav ul li a {
          color: white;
          text-transform: uppercase;
          font-size: 14.4px;
          font-size: 0.9rem; }
          header[role='main'] nav ul li a:hover,
          header.main nav ul li a:hover {
            color: #faf4c6; }
          header[role='main'] nav ul li a.current,
          header.main nav ul li a.current {
            color: #faf4c6; }
  header[role='main'] span.hr,
  header.main span.hr {
    height: 0;
    border: none;
    border-top: 1px solid white;
    position: absolute;
    width: 100%;
    right: 50%;
    margin-right: 30px;
    top: 100px; }
    header[role='main'] span.hr:before,
    header.main span.hr:before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      border-top: 1px solid white;
      height: 0;
      left: 100%;
      margin-left: 20px;
      top: -1px; }
    header[role='main'] span.hr:after,
    header.main span.hr:after {
      content: "";
      display: block;
      position: absolute;
      height: 15px;
      left: 100%;
      width: 0;
      border: none;
      border-left: 1px solid white;
      margin-left: 10px;
      top: -7px; }
  header[role='main'] .content-width,
  header.main .content-width {
    position: relative; }
  header[role='main'] h2,
  header.main h2 {
    font-family: Georgia, Times, "Times New Roman";
    font-weight: 100;
    color: white;
    font-size: 40px;
    font-size: 2.5rem;
    position: absolute;
    left: 0;
    top: 2.3em;
    padding-right: 40%;
    line-height: .95em; }
    header[role='main'] h2.page-title,
    header.main h2.page-title {
      text-align: center;
      margin: 1.1em auto 0;
      float: none;
      padding: 0;
      display: block;
      width: 100%; }
    header[role='main'] h2 a,
    header.main h2 a {
      color: white; }
      header[role='main'] h2 a:hover,
      header.main h2 a:hover {
        color: #faf4c6; }

.home header[role='main'],
.home header.main {
  min-height: 670px;
  background-position: center bottom; }
  .home header[role='main'] h2,
  .home header.main h2 {
    font-size: 96px;
    font-size: 6rem;
    position: absolute;
    left: 0;
    top: 2.3em;
    padding-right: 40%;
    line-height: .95em; }

.introduction {
  background: #f3f2ef;
  padding: 3em 0;
  float: left;
  clear: both;
  width: 100%; }
  .introduction .overview {
    width: 50%;
    float: left;
    border-top: 3px solid #e89838;
    padding-top: 2em;
    color: #5c6063;
    padding-right: 1.5em; }
    .introduction .overview h2 {
      font-family: "Bitter", Georgia, Times, "Times New Roman";
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.8em;
      font-weight: 700;
      margin-bottom: 1.5em; }
    .introduction .overview p {
      margin-bottom: 2em; }
  .introduction .how-we-work {
    width: 40%;
    float: right;
    text-align: center;
    padding-top: 2.3em;
    position: relative; }
    .introduction .how-we-work h2 {
      font-size: 24px;
      font-size: 1.5rem; }
    .introduction .how-we-work ul.slider {
      list-style: none;
      margin-top: 80px; }
      .introduction .how-we-work ul.slider li.slide {
        border: 2px solid white;
        position: relative;
        padding-top: 80px;
        padding: 80px 1.5em 2em;
        width: 100%;
        min-height: 15em; }
        .introduction .how-we-work ul.slider li.slide h1 {
          color: #60baa3;
          font-size: 22.4px;
          font-size: 1.4rem; }
        .introduction .how-we-work ul.slider li.slide p {
          font-size: 17.6px;
          font-size: 1.1rem; }
    .introduction .how-we-work .slides_nav {
      background: transparent url(../img/slider-arrows.png) no-repeat left center;
      height: 16px;
      width: 13px;
      overflow: hidden;
      display: block;
      text-indent: -9999em;
      text-align: left;
      position: absolute;
      left: 1.2em;
      top: 10.5em;
      z-index: 1000; }
      .introduction .how-we-work .slides_nav.next {
        background-position: right center;
        left: auto;
        right: 1.2em; }
    .introduction .how-we-work .slides_tabs {
      list-style: none;
      width: 100%;
      text-align: center;
      padding-top: .7em;
      clear: both; }
      .introduction .how-we-work .slides_tabs li {
        display: inline-block;
        margin: 0 5px; }
        .introduction .how-we-work .slides_tabs li a {
          display: block;
          width: 10px;
          height: 10px;
          background: white;
          text-align: left;
          text-indent: -9999em;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px; }
        .introduction .how-we-work .slides_tabs li.slides_here a {
          background: #60baa3; }

.who-we-support {
  clear: both;
  text-align: center; }
  .who-we-support h1 {
    font-size: 25.6px;
    font-size: 1.6rem;
    text-align: center;
    padding: 2em 0;
    margin-bottom: .5em; }
  .who-we-support .listing {
    float: left;
    width: 100%;
    margin-bottom: 4em;
    clear: both;
    padding-top: 5%; }
    .who-we-support .listing a.preview {
      display: inline-block;
      float: none;
      width: 30%;
      margin-right: 4%;
      border: 1px solid #dedede;
      background: #f3f2ef;
      margin-bottom: 5%; }
      .who-we-support .listing a.preview article h1 {
        font-size: 17.6px;
        font-size: 1.1rem;
        padding: 1em 0;
        color: #e89838; }
      .who-we-support .listing a.preview article img {
        max-width: 100%;
        border: none;
        border-bottom: 1px solid #dedede; }
      .who-we-support .listing a.preview:nth-child(3n+3), .who-we-support .listing a.preview:last-child {
        margin-right: 0; }
      .who-we-support .listing a.preview:hover {
        background: #e89838; }
        .who-we-support .listing a.preview:hover article h1 {
          color: white; }
        .who-we-support .listing a.preview:hover article img {
          border-color: #e89838; }

.home .who-we-support .listing {
  padding-top: 0; }
  .home .who-we-support .listing a.preview {
    margin-bottom: 0; }

.content {
  position: relative;
  margin-top: 4em; }
  .content .icon {
    width: 150px;
    height: 150px;
    left: 0;
    top: 2.7em;
    margin: 0 0 3em 0;
    background: white;
    border: 2px solid #f3f2ef; }
    .content .icon img {
      margin: 22px 0 0 0; }
    .content .icon:after {
      background: #f3f2ef;
      width: 138px;
      height: 138px; }
  .content .page-content {
    padding: 3em 0;
    margin: 0 200px 3em;
    border-top: 3px solid #e89838; }
    .content .page-content h1, .content .page-content h2, .content .page-content h3 {
      font-family: "Bitter", Georgia, Times, "Times New Roman"; }
    .content .page-content h4, .content .page-content h5, .content .page-content h6 {
      font-family: "Ubuntu", Arial, sans-serif; }
    .content .page-content h1 {
      font-size: 20.8px;
      font-size: 1.3rem;
      color: #e89838;
      margin-bottom: .5em; }
    .content .page-content h2 {
      font-size: 17.6px;
      font-size: 1.1rem;
      color: #60baa3; }
    .content .page-content h3 {
      font-size: 13.6px;
      font-size: 0.85rem;
      line-height: 1.8em;
      margin-bottom: 1em;
      color: #8e9296; }
    .content .page-content h4 {
      color: #e89838;
      font-size: 14.4px;
      font-size: 0.9rem;
      font-weight: 700; }
    .content .page-content h5 {
      color: #60baa3;
      font-size: 11.2px;
      font-size: 0.7rem;
      font-weight: 700;
      text-transform: uppercase; }
    .content .page-content h6 {
      color: #8e9296;
      font-size: 11.2px;
      font-size: 0.7rem;
      font-weight: 700; }
    .content .page-content p {
      margin-bottom: 1.5em; }
    .content .page-content ul, .content .page-content ol {
      padding-left: 1.25em; }
    .content .page-content figure,
    .content .page-content img {
      display: block;
      float: right;
      margin: 0 -200px 1.5em 1.5em;
      position: relative;
      border: 1px solid #dedede; }
      .content .page-content figure img,
      .content .page-content img img {
        margin: 0;
        border: none;
        display: block;
        float: none; }
      .content .page-content figure figcaption,
      .content .page-content img figcaption {
        font-style: italic;
        font-size: 12.8px;
        font-size: 0.8rem;
        line-height: 1.7em;
        background: #f3f2ef;
        padding: .5em 1em .5em;
        color: #8e9296;
        display: block; }
  .content.who-we-support {
    margin-top: 0; }

.get-involved-banner {
  background: #f3f2ef;
  border: 1px solid #dedede;
  border-bottom: none;
  position: relative;
  padding: 2em 350px 2em 200px;
  clear: both; }
  .get-involved-banner .icon {
    left: 2em;
    top: 50%;
    margin: -60px 0 0 0; }
  .get-involved-banner h3 {
    color: #60baa3;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 1.7em; }
  .get-involved-banner a.button {
    position: absolute;
    top: 3em;
    right: 4em; }

footer[role='main'],
footer.main {
  clear: both;
  background: #787776;
  padding: 0 0 1.8em;
  float: left;
  width: 100%; }
  footer[role='main'] .sign-up,
  footer.main .sign-up {
    background: #e9e9e7;
    margin-bottom: 1.8em;
    padding: 1.8em 0;
    float: left;
    width: 100%; }
    footer[role='main'] .sign-up h2,
    footer.main .sign-up h2 {
      font-weight: 100;
      float: left;
      font-size: 27.2px;
      font-size: 1.7rem;
      line-height: 2em;
      color: #60baa3; }
    footer[role='main'] .sign-up .form-container,
    footer.main .sign-up .form-container {
      float: right; }
      footer[role='main'] .sign-up .form-container input,
      footer.main .sign-up .form-container input {
        float: left;
        margin-right: 10px;
        font-size: 16px;
        font-size: 1rem;
        width: 18em; }
      footer[role='main'] .sign-up .form-container button,
      footer.main .sign-up .form-container button {
        font-size: 16px;
        font-size: 1rem; }
  footer[role='main'] ul.nav,
  footer.main ul.nav {
    float: left;
    list-style: none;
    padding-top: .1em; }
    footer[role='main'] ul.nav li,
    footer.main ul.nav li {
      float: left;
      margin-right: 2em; }
      footer[role='main'] ul.nav li a,
      footer.main ul.nav li a {
        text-transform: uppercase;
        color: white;
        font-size: 14.4px;
        font-size: 0.9rem; }
        footer[role='main'] ul.nav li a:hover,
        footer.main ul.nav li a:hover {
          color: #60baa3; }
  footer[role='main'] a.logo,
  footer.main a.logo {
    float: right; }
    footer[role='main'] a.logo h1,
    footer[role='main'] a.logo h1 span,
    footer.main a.logo h1,
    footer.main a.logo h1 span {
      color: #8d8d8d; }
    footer[role='main'] a.logo:hover,
    footer.main a.logo:hover {
      color: #60baa3; }
      footer[role='main'] a.logo:hover h1,
      footer[role='main'] a.logo:hover h1 span,
      footer.main a.logo:hover h1,
      footer.main a.logo:hover h1 span {
        color: #60baa3; }

@media print {
  /* Print =================================================== */
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  @page {
    margin: 0.5cm; }

  h2, h3 {
    orphans: 3;
    widows: 3;
    page-break-after: avoid; }

  p {
    orphans: 3;
    widows: 3; }

  pre, blockquote {
    border: 1px solid gray;
    page-break-inside: avoid; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  img {
    max-width: 100% !important;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr {
    page-break-inside: avoid; } }
/*! http://responsiveslides.com v1.32 by @viljamis */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0; }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0; }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left; }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0; }