@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format("woff"); }
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local("Quicksand Regular"), local("Quicksand-Regular"), url(https://fonts.gstatic.com/s/quicksand/v5/sKd0EMYPAh5PYCRKSryvW7O3LdcAZYWl9Si6vvxL-qU.woff) format("woff"); }
body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-color: black; }

h1, h2 {
  color: orange; }

.button {
  color: white;
  padding: 1em 3em;
  text-decoration: none;
  background-color: orange;
  display: inline-block;
  text-align: center; }

small {
  font-size: 75%; }

a {
  color: orange; }

section {
  margin-top: 5em; }

.callout.success {
  background-color: #FFF7ED;
  border: 1px solid rgba(10, 10, 10, 0.25);
  padding: 1rem; }

ul {
  list-style: circle; }
  ul li {
    margin-bottom: 1em; }

footer {
  background-color: #EEE;
  margin-top: 1em; }
  footer p.nav {
    text-align: right; }
  footer p {
    font-size: 8pt;
    color: gray; }
    footer p a {
      color: gray; }

@keyframes orangeblur {
  from {
    text-shadow: 0 0 5px white;
    color: transparent; }
  to {
    text-shadow: 0;
    color: white; } }
header {
  font-family: Quicksand, Helvetica, Arial, sans-serif;
  padding: 2em 0 2em 0;
  background-color: white;
  background-size: 100%;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 99; }
  header h1 {
    color: orange;
    font-weight: normal;
    font-size: 30px;
    line-height: 45px;
    padding: 0;
    margin: 0; }
    header h1 a {
      text-decoration: none;
      color: orange;
      transition: all 1s ease; }
      header h1 a:hover {
        color: transparent;
        text-shadow: 0 0 5px orange;
        transition: all 0.15s ease; }
  header nav {
    text-align: right;
    line-height: 45px; }
    header nav ul, header nav ul li {
      display: inline;
      list-style: none;
      margin: 0;
      padding: 0 0 0 1em; }
      header nav ul a:hover, header nav ul li a:hover {
        transition: all .2s ease-out;
        text-shadow: 0 0 5px orange; }
    header nav a {
      text-decoration: none;
      color: orange;
      transition: all 1s ease; }

ul.products {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.products a {
    text-decoration: none; }
    ul.products a:hover {
      text-decoration: underline; }

.feature {
  padding: 5em 0;
  background-color: orange; }
  .feature h1, .feature h2 {
    font-family: Quicksand, Helvetica, Arial, sans-serif;
    color: white;
    margin: 0;
    padding: 0; }
  .feature h2 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14pt; }
  .feature p {
    color: white; }
  .feature .button {
    margin-top: 1em;
    background-color: #84a1d0; }
    .feature .button:hover {
      background-color: #90b0e5; }
    .feature .button.success {
      background-color: #43AC6A; }
      .feature .button.success:hover {
        background-color: #5abf7f; }
  .feature.citrus {
    background: url(/assets/img/citrus-background.jpg) no-repeat bottom center;
    background-size: cover; }
  .feature.jzt {
    background-color: #777;
    background: repeating-radial-gradient(circle, #555, #555 20px, #5A5A5A 20px, #5A5A5A 40px); }

.content {
  margin-top: 2em;
  color: #555; }
  .content h2, .content h3 {
    font-family: Quicksand, Helvetica, Arial, sans-serif;
    color: orange; }
  .content h2 a, .content h3 a {
    text-decoration: none;
    color: orange; }
  .content img {
    margin: auto; }

.outside-references {
  font-size: 8pt; }

.feature.generic {
  background: url(/assets/img/sky-background.jpg) no-repeat bottom center;
  background-size: cover;
  padding: 2em 5em; }