html, body {
  margin: 0;
  padding: 0;
  border: 0; }

html, body, div, span, 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 {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

h1, h2, h3, h4, h5, h6 {
  font-family: inherit; }

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

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

body, textarea {
  font-size: 20px;
  font-weight: 400;
  line-height: 35px; }
  @media (max-width: 1279px) {
    body, textarea {
      font-size: 14px; } }

body.site {
  font-family: "Open Sans", Arial, Helvetica, Helvetica Neue, sans-serif; }

a {
  text-decoration: none; }

h2 {
  clear: both; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: 700; }

.formatted-text p {
  margin: 0;
  line-height: 1.3em;
  opacity: 0;
  transition: opacity 1.5s ease; }
  .formatted-text p.come-in {
    opacity: 1; }
.formatted-text .oswald {
  font-family: "Oswald", sans-serif; }
.formatted-text .open-sans {
  font-family: "Open Sans", Arial, Helvetica, Helvetica Neue, sans-serif; }
.formatted-text .light {
  font-weight: 300; }
.formatted-text .bold {
  font-weight: 700; }
.formatted-text .extrabold {
  font-weight: 800; }
.formatted-text .italic {
  font-style: italic; }
.formatted-text .uppercase {
  text-transform: uppercase; }
.formatted-text .dark-blue {
  color: #012835; }
.formatted-text .light-blue {
  color: #004259; }
.formatted-text .px10 {
  font-size: 10px; }
.formatted-text .px11 {
  font-size: 11px; }
.formatted-text .px12 {
  font-size: 12px; }
.formatted-text .px13 {
  font-size: 13px; }
.formatted-text .px14 {
  font-size: 14px; }
.formatted-text .px15 {
  font-size: 15px; }
.formatted-text .px16 {
  font-size: 16px; }
.formatted-text .px17 {
  font-size: 17px; }
.formatted-text .px18 {
  font-size: 18px; }
  @media (max-width: 1279px) {
    .formatted-text .px18 {
      font-size: 12.6px; } }
.formatted-text .px19 {
  font-size: 19px; }
  @media (max-width: 1279px) {
    .formatted-text .px19 {
      font-size: 13.3px; } }
.formatted-text .px20 {
  font-size: 20px; }
  @media (max-width: 1279px) {
    .formatted-text .px20 {
      font-size: 14px; } }
.formatted-text .px21 {
  font-size: 21px; }
  @media (max-width: 1279px) {
    .formatted-text .px21 {
      font-size: 14.7px; } }
.formatted-text .px22 {
  font-size: 22px; }
  @media (max-width: 1279px) {
    .formatted-text .px22 {
      font-size: 15.4px; } }
.formatted-text .px23 {
  font-size: 23px; }
  @media (max-width: 1279px) {
    .formatted-text .px23 {
      font-size: 16.1px; } }
.formatted-text .px24 {
  font-size: 24px; }
  @media (max-width: 1279px) {
    .formatted-text .px24 {
      font-size: 16.8px; } }
.formatted-text .px25 {
  font-size: 25px; }
  @media (max-width: 1279px) {
    .formatted-text .px25 {
      font-size: 17.5px; } }
.formatted-text .px26 {
  font-size: 26px; }
  @media (max-width: 1279px) {
    .formatted-text .px26 {
      font-size: 18.2px; } }
.formatted-text .px27 {
  font-size: 27px; }
  @media (max-width: 1279px) {
    .formatted-text .px27 {
      font-size: 18.9px; } }
.formatted-text .px28 {
  font-size: 28px; }
  @media (max-width: 1279px) {
    .formatted-text .px28 {
      font-size: 19.6px; } }
.formatted-text .px29 {
  font-size: 29px; }
  @media (max-width: 1279px) {
    .formatted-text .px29 {
      font-size: 20.3px; } }
.formatted-text .px30 {
  font-size: 30px; }
  @media (max-width: 1279px) {
    .formatted-text .px30 {
      font-size: 21px; } }
.formatted-text .px31 {
  font-size: 31px; }
  @media (max-width: 1279px) {
    .formatted-text .px31 {
      font-size: 21.7px; } }
.formatted-text .px32 {
  font-size: 32px; }
  @media (max-width: 1279px) {
    .formatted-text .px32 {
      font-size: 22.4px; } }
.formatted-text .px33 {
  font-size: 33px; }
  @media (max-width: 1279px) {
    .formatted-text .px33 {
      font-size: 23.1px; } }
.formatted-text .px34 {
  font-size: 34px; }
  @media (max-width: 1279px) {
    .formatted-text .px34 {
      font-size: 23.8px; } }
.formatted-text .px35 {
  font-size: 35px; }
  @media (max-width: 1279px) {
    .formatted-text .px35 {
      font-size: 24.5px; } }
.formatted-text .px36 {
  font-size: 36px; }
  @media (max-width: 1279px) {
    .formatted-text .px36 {
      font-size: 25.2px; } }
.formatted-text .px37 {
  font-size: 37px; }
  @media (max-width: 1279px) {
    .formatted-text .px37 {
      font-size: 25.9px; } }
.formatted-text .px38 {
  font-size: 38px; }
  @media (max-width: 1279px) {
    .formatted-text .px38 {
      font-size: 26.6px; } }
.formatted-text .px39 {
  font-size: 39px; }
  @media (max-width: 1279px) {
    .formatted-text .px39 {
      font-size: 27.3px; } }
.formatted-text .px40 {
  font-size: 40px; }
  @media (max-width: 1279px) {
    .formatted-text .px40 {
      font-size: 28px; } }
.formatted-text .px41 {
  font-size: 41px; }
  @media (max-width: 1279px) {
    .formatted-text .px41 {
      font-size: 28.7px; } }
.formatted-text .px42 {
  font-size: 42px; }
  @media (max-width: 1279px) {
    .formatted-text .px42 {
      font-size: 29.4px; } }
.formatted-text .px43 {
  font-size: 43px; }
  @media (max-width: 1279px) {
    .formatted-text .px43 {
      font-size: 30.1px; } }
.formatted-text .px44 {
  font-size: 44px; }
  @media (max-width: 1279px) {
    .formatted-text .px44 {
      font-size: 30.8px; } }
.formatted-text .px45 {
  font-size: 45px; }
  @media (max-width: 1279px) {
    .formatted-text .px45 {
      font-size: 31.5px; } }
.formatted-text .px46 {
  font-size: 46px; }
  @media (max-width: 1279px) {
    .formatted-text .px46 {
      font-size: 32.2px; } }
.formatted-text .px47 {
  font-size: 47px; }
  @media (max-width: 1279px) {
    .formatted-text .px47 {
      font-size: 32.9px; } }
.formatted-text .px48 {
  font-size: 48px; }
  @media (max-width: 1279px) {
    .formatted-text .px48 {
      font-size: 33.6px; } }
.formatted-text .px49 {
  font-size: 49px; }
  @media (max-width: 1279px) {
    .formatted-text .px49 {
      font-size: 34.3px; } }
.formatted-text .px50 {
  font-size: 50px; }
  @media (max-width: 1279px) {
    .formatted-text .px50 {
      font-size: 35px; } }
.formatted-text .px51 {
  font-size: 51px; }
  @media (max-width: 1279px) {
    .formatted-text .px51 {
      font-size: 35.7px; } }
.formatted-text .px52 {
  font-size: 52px; }
  @media (max-width: 1279px) {
    .formatted-text .px52 {
      font-size: 36.4px; } }
.formatted-text .px53 {
  font-size: 53px; }
  @media (max-width: 1279px) {
    .formatted-text .px53 {
      font-size: 37.1px; } }
.formatted-text .px54 {
  font-size: 54px; }
  @media (max-width: 1279px) {
    .formatted-text .px54 {
      font-size: 37.8px; } }
.formatted-text .px55 {
  font-size: 55px; }
  @media (max-width: 1279px) {
    .formatted-text .px55 {
      font-size: 38.5px; } }
.formatted-text .px56 {
  font-size: 56px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px56 {
      font-size: 33.6px; } }
.formatted-text .px57 {
  font-size: 57px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px57 {
      font-size: 34.2px; } }
.formatted-text .px58 {
  font-size: 58px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px58 {
      font-size: 34.8px; } }
.formatted-text .px59 {
  font-size: 59px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px59 {
      font-size: 35.4px; } }
.formatted-text .px60 {
  font-size: 60px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px60 {
      font-size: 36px; } }
.formatted-text .px61 {
  font-size: 61px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px61 {
      font-size: 36.6px; } }
.formatted-text .px62 {
  font-size: 62px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px62 {
      font-size: 37.2px; } }
.formatted-text .px63 {
  font-size: 63px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px63 {
      font-size: 37.8px; } }
.formatted-text .px64 {
  font-size: 64px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px64 {
      font-size: 38.4px; } }
.formatted-text .px65 {
  font-size: 65px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px65 {
      font-size: 39px; } }
.formatted-text .px66 {
  font-size: 66px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px66 {
      font-size: 39.6px; } }
.formatted-text .px67 {
  font-size: 67px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px67 {
      font-size: 40.2px; } }
.formatted-text .px68 {
  font-size: 68px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px68 {
      font-size: 40.8px; } }
.formatted-text .px69 {
  font-size: 69px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px69 {
      font-size: 41.4px; } }
.formatted-text .px70 {
  font-size: 70px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px70 {
      font-size: 42px; } }
.formatted-text .px71 {
  font-size: 71px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px71 {
      font-size: 42.6px; } }
.formatted-text .px72 {
  font-size: 72px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px72 {
      font-size: 43.2px; } }
.formatted-text .px73 {
  font-size: 73px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px73 {
      font-size: 43.8px; } }
.formatted-text .px74 {
  font-size: 74px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px74 {
      font-size: 44.4px; } }
.formatted-text .px75 {
  font-size: 75px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px75 {
      font-size: 45px; } }
.formatted-text .px76 {
  font-size: 76px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px76 {
      font-size: 45.6px; } }
.formatted-text .px77 {
  font-size: 77px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px77 {
      font-size: 46.2px; } }
.formatted-text .px78 {
  font-size: 78px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px78 {
      font-size: 46.8px; } }
.formatted-text .px79 {
  font-size: 79px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px79 {
      font-size: 47.4px; } }
.formatted-text .px80 {
  font-size: 80px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px80 {
      font-size: 48px; } }
.formatted-text .px81 {
  font-size: 81px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px81 {
      font-size: 48.6px; } }
.formatted-text .px82 {
  font-size: 82px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px82 {
      font-size: 49.2px; } }
.formatted-text .px83 {
  font-size: 83px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px83 {
      font-size: 49.8px; } }
.formatted-text .px84 {
  font-size: 84px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px84 {
      font-size: 50.4px; } }
.formatted-text .px85 {
  font-size: 85px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px85 {
      font-size: 51px; } }
.formatted-text .px86 {
  font-size: 86px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px86 {
      font-size: 51.6px; } }
.formatted-text .px87 {
  font-size: 87px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px87 {
      font-size: 52.2px; } }
.formatted-text .px88 {
  font-size: 88px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px88 {
      font-size: 52.8px; } }
.formatted-text .px89 {
  font-size: 89px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px89 {
      font-size: 53.4px; } }
.formatted-text .px90 {
  font-size: 90px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px90 {
      font-size: 54px; } }
.formatted-text .px91 {
  font-size: 91px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px91 {
      font-size: 54.6px; } }
.formatted-text .px92 {
  font-size: 92px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px92 {
      font-size: 55.2px; } }
.formatted-text .px93 {
  font-size: 93px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px93 {
      font-size: 55.8px; } }
.formatted-text .px94 {
  font-size: 94px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px94 {
      font-size: 56.4px; } }
.formatted-text .px95 {
  font-size: 95px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px95 {
      font-size: 57px; } }
.formatted-text .px96 {
  font-size: 96px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px96 {
      font-size: 57.6px; } }
.formatted-text .px97 {
  font-size: 97px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px97 {
      font-size: 58.2px; } }
.formatted-text .px98 {
  font-size: 98px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px98 {
      font-size: 58.8px; } }
.formatted-text .px99 {
  font-size: 99px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px99 {
      font-size: 59.4px; } }
.formatted-text .px100 {
  font-size: 100px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px100 {
      font-size: 60px; } }
.formatted-text .px101 {
  font-size: 101px;
  letter-spacing: 2px; }
  @media (max-width: 1279px) {
    .formatted-text .px101 {
      font-size: 60.6px; } }
.formatted-text .px102 {
  font-size: 102px;
  letter-spacing: 2px;
  line-height: 1.2em; }
  @media (max-width: 1279px) {
    .formatted-text .px102 {
      font-size: 64px; } }
.formatted-text .no-ls {
  letter-spacing: 0; }
.formatted-text .margin-bottom {
  margin-bottom: 0.5em; }
.formatted-text .big-margin-bottom {
  margin-bottom: 2.5em; }
.formatted-text .big-margin {
  margin: 2em 0 3em 0; }
.formatted-text .green-borders {
  margin: 32px 0; }
  .formatted-text .green-borders span {
    padding: 11px 5px;
    border-top: solid 3px #08a3aa;
    border-bottom: solid 3px #08a3aa; }
@media (min-width: 1280px) {
  .formatted-text .green-borders-on-desktop {
    margin: 32px 0; }
    .formatted-text .green-borders-on-desktop span {
      padding: 11px 5px;
      border-top: solid 3px #08a3aa;
      border-bottom: solid 3px #08a3aa; } }
.old-ie .formatted-text .green-borders-on-desktop {
  margin: 32px 0; }
  .old-ie .formatted-text .green-borders-on-desktop span {
    padding: 11px 5px;
    border-top: solid 3px #08a3aa;
    border-bottom: solid 3px #08a3aa; }
.formatted-text ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left; }
  .formatted-text ul li {
    padding-left: 45px;
    font-family: "Open Sans", Arial, Helvetica, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #ffffff;
    height: 1.3em;
    line-height: 1.3em; }
  .formatted-text ul li:before {
    content: "-";
    padding-right: 5px;
    color: #ffffff; }

html, body {
  height: 100%; }

body {
  background-color: #ffffff;
  color: #ffffff; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

@media (min-width: 1280px) {
  .pull-left-desktop {
    float: left; } }
.old-ie .pull-left-desktop {
  float: left; }

@media (min-width: 1280px) {
  .pull-right-desktop {
    float: right; } }
.old-ie .pull-right-desktop {
  float: right; }

@media (min-width: 1280px) {
  .pull-left-tablet {
    float: left; } }
.old-ie .pull-left-tablet {
  float: left; }

@media (min-width: 1280px) {
  .pull-right-tablet {
    float: right; } }
.old-ie .pull-right-tablet {
  float: right; }

@media (max-width: 1279px) {
  .mobile-hide {
    display: none; } }

@media (min-width: 1280px) {
  .mobile-only {
    display: none; } }
.old-ie .mobile-only {
  display: none; }

@media (max-width: 1279px) {
  .desktop-only {
    display: none; } }

@media (min-width: 1280px) {
  .not-desktop {
    display: none; } }
.old-ie .not-desktop {
  display: none; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #000000; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000000;
  opacity: 1; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000000;
  opacity: 1; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #000000; }

.noselect {
  user-select: none; }

.grid {
  *zoom: 1;
  display: block; }
  .grid:before, .grid:after {
    content: " ";
    display: table; }
  .grid:after {
    clear: both; }
  .grid .col-1, .grid .col-2, .grid .col-3, .grid .col-4, .grid .col-5, .grid .col-6, .grid .col-7, .grid .col-8, .grid .col-9, .grid .col-10, .grid .col-11, .grid .col-12 {
    float: left; }
  .grid .col-1 {
    box-sizing: border-box;
    width: 8.33333%; }
  .grid .col-offset-1 {
    margin-left: 8.33333%; }
  .grid .col-2 {
    box-sizing: border-box;
    width: 16.66667%; }
  .grid .col-offset-2 {
    margin-left: 16.66667%; }
  .grid .col-3 {
    box-sizing: border-box;
    width: 25%; }
  .grid .col-offset-3 {
    margin-left: 25%; }
  .grid .col-4 {
    box-sizing: border-box;
    width: 33.33333%; }
  .grid .col-offset-4 {
    margin-left: 33.33333%; }
  .grid .col-5 {
    box-sizing: border-box;
    width: 41.66667%; }
  .grid .col-offset-5 {
    margin-left: 41.66667%; }
  .grid .col-6 {
    box-sizing: border-box;
    width: 50%; }
  .grid .col-offset-6 {
    margin-left: 50%; }
  .grid .col-7 {
    box-sizing: border-box;
    width: 58.33333%; }
  .grid .col-offset-7 {
    margin-left: 58.33333%; }
  .grid .col-8 {
    box-sizing: border-box;
    width: 66.66667%; }
  .grid .col-offset-8 {
    margin-left: 66.66667%; }
  .grid .col-9 {
    box-sizing: border-box;
    width: 75%; }
  .grid .col-offset-9 {
    margin-left: 75%; }
  .grid .col-10 {
    box-sizing: border-box;
    width: 83.33333%; }
  .grid .col-offset-10 {
    margin-left: 83.33333%; }
  .grid .col-11 {
    box-sizing: border-box;
    width: 91.66667%; }
  .grid .col-offset-11 {
    margin-left: 91.66667%; }
  .grid .col-12 {
    box-sizing: border-box;
    width: 100%; }
  .grid .col-offset-12 {
    margin-left: 100%; }

@media (min-width: 1280px) {
  .desktop-grid {
    *zoom: 1;
    display: block; }
    .desktop-grid:before, .desktop-grid:after {
      content: " ";
      display: table; }
    .desktop-grid:after {
      clear: both; }
    .desktop-grid .col-1 {
      float: left;
      box-sizing: border-box;
      width: 8.33333%; }
    .desktop-grid .col-offset-1 {
      margin-left: 8.33333%; }
    .desktop-grid .col-2 {
      float: left;
      box-sizing: border-box;
      width: 16.66667%; }
    .desktop-grid .col-offset-2 {
      margin-left: 16.66667%; }
    .desktop-grid .col-3 {
      float: left;
      box-sizing: border-box;
      width: 25%; }
    .desktop-grid .col-offset-3 {
      margin-left: 25%; }
    .desktop-grid .col-4 {
      float: left;
      box-sizing: border-box;
      width: 33.33333%; }
    .desktop-grid .col-offset-4 {
      margin-left: 33.33333%; }
    .desktop-grid .col-5 {
      float: left;
      box-sizing: border-box;
      width: 41.66667%; }
    .desktop-grid .col-offset-5 {
      margin-left: 41.66667%; }
    .desktop-grid .col-6 {
      float: left;
      box-sizing: border-box;
      width: 50%; }
    .desktop-grid .col-offset-6 {
      margin-left: 50%; }
    .desktop-grid .col-7 {
      float: left;
      box-sizing: border-box;
      width: 58.33333%; }
    .desktop-grid .col-offset-7 {
      margin-left: 58.33333%; }
    .desktop-grid .col-8 {
      float: left;
      box-sizing: border-box;
      width: 66.66667%; }
    .desktop-grid .col-offset-8 {
      margin-left: 66.66667%; }
    .desktop-grid .col-9 {
      float: left;
      box-sizing: border-box;
      width: 75%; }
    .desktop-grid .col-offset-9 {
      margin-left: 75%; }
    .desktop-grid .col-10 {
      float: left;
      box-sizing: border-box;
      width: 83.33333%; }
    .desktop-grid .col-offset-10 {
      margin-left: 83.33333%; }
    .desktop-grid .col-11 {
      float: left;
      box-sizing: border-box;
      width: 91.66667%; }
    .desktop-grid .col-offset-11 {
      margin-left: 91.66667%; }
    .desktop-grid .col-12 {
      float: left;
      box-sizing: border-box;
      width: 100%; }
    .desktop-grid .col-offset-12 {
      margin-left: 100%; } }
.old-ie .desktop-grid {
  *zoom: 1;
  display: block; }
  .old-ie .desktop-grid:before, .old-ie .desktop-grid:after {
    content: " ";
    display: table; }
  .old-ie .desktop-grid:after {
    clear: both; }
  .old-ie .desktop-grid .col-1 {
    float: left;
    box-sizing: border-box;
    width: 8.33333%; }
  .old-ie .desktop-grid .col-offset-1 {
    margin-left: 8.33333%; }
  .old-ie .desktop-grid .col-2 {
    float: left;
    box-sizing: border-box;
    width: 16.66667%; }
  .old-ie .desktop-grid .col-offset-2 {
    margin-left: 16.66667%; }
  .old-ie .desktop-grid .col-3 {
    float: left;
    box-sizing: border-box;
    width: 25%; }
  .old-ie .desktop-grid .col-offset-3 {
    margin-left: 25%; }
  .old-ie .desktop-grid .col-4 {
    float: left;
    box-sizing: border-box;
    width: 33.33333%; }
  .old-ie .desktop-grid .col-offset-4 {
    margin-left: 33.33333%; }
  .old-ie .desktop-grid .col-5 {
    float: left;
    box-sizing: border-box;
    width: 41.66667%; }
  .old-ie .desktop-grid .col-offset-5 {
    margin-left: 41.66667%; }
  .old-ie .desktop-grid .col-6 {
    float: left;
    box-sizing: border-box;
    width: 50%; }
  .old-ie .desktop-grid .col-offset-6 {
    margin-left: 50%; }
  .old-ie .desktop-grid .col-7 {
    float: left;
    box-sizing: border-box;
    width: 58.33333%; }
  .old-ie .desktop-grid .col-offset-7 {
    margin-left: 58.33333%; }
  .old-ie .desktop-grid .col-8 {
    float: left;
    box-sizing: border-box;
    width: 66.66667%; }
  .old-ie .desktop-grid .col-offset-8 {
    margin-left: 66.66667%; }
  .old-ie .desktop-grid .col-9 {
    float: left;
    box-sizing: border-box;
    width: 75%; }
  .old-ie .desktop-grid .col-offset-9 {
    margin-left: 75%; }
  .old-ie .desktop-grid .col-10 {
    float: left;
    box-sizing: border-box;
    width: 83.33333%; }
  .old-ie .desktop-grid .col-offset-10 {
    margin-left: 83.33333%; }
  .old-ie .desktop-grid .col-11 {
    float: left;
    box-sizing: border-box;
    width: 91.66667%; }
  .old-ie .desktop-grid .col-offset-11 {
    margin-left: 91.66667%; }
  .old-ie .desktop-grid .col-12 {
    float: left;
    box-sizing: border-box;
    width: 100%; }
  .old-ie .desktop-grid .col-offset-12 {
    margin-left: 100%; }

@media (max-width: 1279px) {
  .mobile-grid {
    *zoom: 1;
    display: block; }
    .mobile-grid:before, .mobile-grid:after {
      content: " ";
      display: table; }
    .mobile-grid:after {
      clear: both; }
    .mobile-grid .col-1 {
      float: left;
      box-sizing: border-box;
      width: 8.33333%; }
    .mobile-grid .col-offset-1 {
      margin-left: 8.33333%; }
    .mobile-grid .col-2 {
      float: left;
      box-sizing: border-box;
      width: 16.66667%; }
    .mobile-grid .col-offset-2 {
      margin-left: 16.66667%; }
    .mobile-grid .col-3 {
      float: left;
      box-sizing: border-box;
      width: 25%; }
    .mobile-grid .col-offset-3 {
      margin-left: 25%; }
    .mobile-grid .col-4 {
      float: left;
      box-sizing: border-box;
      width: 33.33333%; }
    .mobile-grid .col-offset-4 {
      margin-left: 33.33333%; }
    .mobile-grid .col-5 {
      float: left;
      box-sizing: border-box;
      width: 41.66667%; }
    .mobile-grid .col-offset-5 {
      margin-left: 41.66667%; }
    .mobile-grid .col-6 {
      float: left;
      box-sizing: border-box;
      width: 50%; }
    .mobile-grid .col-offset-6 {
      margin-left: 50%; }
    .mobile-grid .col-7 {
      float: left;
      box-sizing: border-box;
      width: 58.33333%; }
    .mobile-grid .col-offset-7 {
      margin-left: 58.33333%; }
    .mobile-grid .col-8 {
      float: left;
      box-sizing: border-box;
      width: 66.66667%; }
    .mobile-grid .col-offset-8 {
      margin-left: 66.66667%; }
    .mobile-grid .col-9 {
      float: left;
      box-sizing: border-box;
      width: 75%; }
    .mobile-grid .col-offset-9 {
      margin-left: 75%; }
    .mobile-grid .col-10 {
      float: left;
      box-sizing: border-box;
      width: 83.33333%; }
    .mobile-grid .col-offset-10 {
      margin-left: 83.33333%; }
    .mobile-grid .col-11 {
      float: left;
      box-sizing: border-box;
      width: 91.66667%; }
    .mobile-grid .col-offset-11 {
      margin-left: 91.66667%; }
    .mobile-grid .col-12 {
      float: left;
      box-sizing: border-box;
      width: 100%; }
    .mobile-grid .col-offset-12 {
      margin-left: 100%; } }

.fluid-layout, .half-fluid-layout, .fluid-25-layout, .fluid-50-layout, .fluid-75-layout, .fluid-layout-padded, .fluid-layout-swipe {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.half-fluid-layout {
  width: 50%; }

.fluid-25-layout {
  width: 2500%; }

.fluid-50-layout {
  width: 5000%; }

.fluid-75-layout {
  width: 7500%; }

.fluid-layout-padded {
  padding-left: 30px;
  padding-right: 30px; }

.fluid-layout-swipe {
  overflow: hidden;
  position: relative; }

.fixed-layout, .fixed-layout-padded {
  width: 1280px;
  margin: auto;
  overflow-y: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 1279px) {
    .fixed-layout, .fixed-layout-padded {
      width: 100%;
      padding-left: 0;
      padding-right: 0; } }

.fixed-layout-padded {
  padding: 0 40px; }
  @media (max-width: 1279px) {
    .fixed-layout-padded {
      padding: 0 20px; } }

.full-height, .full-height-scroll {
  height: 100%;
  position: relative;
  overflow: hidden; }

.full-height-scroll {
  overflow-y: auto; }

.vertical {
  height: 100%;
  width: 100%;
  display: table; }
  .vertical .vertical-content {
    display: table-cell;
    vertical-align: middle; }

body.site {
  background: #ffffff url("/static/img/default/bg.png") repeat center top;
  color: #012835; }
  @media (max-width: 1279px) {
    body.site {
      background: #ffffff url("/static/img/default/bg.png") repeat center -98px; } }

.content {
  margin-top: 75px; }
  @media (max-width: 1279px) {
    .content {
      margin-top: 60px; } }

div.header {
  background-color: #016d74;
  height: 75px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  transition: all 0.4s ease; }
  @media (max-width: 1279px) {
    div.header {
      height: 60px; } }
  @media (max-width: 1279px) {
    div.header .desktop-grid .col-3.logo-container {
      width: 100%;
      height: 60px; } }
  @media (min-width: 1280px) {
    div.header.header-collapsed {
      height: 55px;
      transition: all 0.4s ease; }
      div.header.header-collapsed a.logo {
        margin: 10px 0 19px 80px;
        transition: all 0.4s ease; }
      div.header.header-collapsed .menu .menu-item, div.header.header-collapsed .menu .menu-item-social {
        margin: 10px 0 0 0;
        transition: all 0.4s ease; } }
  .old-ie div.header.header-collapsed {
    height: 55px;
    transition: all 0.4s ease; }
    .old-ie div.header.header-collapsed a.logo {
      margin: 10px 0 19px 80px;
      transition: all 0.4s ease; }
    .old-ie div.header.header-collapsed .menu .menu-item, .old-ie div.header.header-collapsed .menu .menu-item-social {
      margin: 10px 0 0 0;
      transition: all 0.4s ease; }
  div.header a.logo {
    display: block;
    width: 155px;
    height: 42px;
    margin: 20px 0 25px 80px;
    background: transparent url("/static/img/default/logo.png") no-repeat 0 0;
    text-indent: -9999px;
    transition: all 0.4s ease; }
    @media (max-width: 1279px) {
      div.header a.logo {
        margin: 0 auto;
        background: transparent url("/static/img/default/logo.png") no-repeat center center;
        padding: 13px 0; } }
  div.header .menu {
    *zoom: 1;
    padding: 0;
    float: right;
  }
    div.header .menu:before, div.header .menu:after {
      content: " ";
      display: table; }
    div.header .menu:after {
      clear: both; }
    @media (max-width: 1279px) {
      div.header .menu {
        background-color: #07a4aa;
        width: 100%;
        margin: 0; } }
    div.header .menu .menu-item, div.header .menu .menu-item-social {
      float: left;
      margin: 20px 0 0 0;
      min-width: 80px;
      text-align: center;
      list-style: none;
      transition: all 0.4s ease; }
      @media (max-width: 1279px) {
        div.header .menu .menu-item, div.header .menu .menu-item-social {
          width: 100%;
          margin: 10px 0; } }
      div.header .menu .menu-item.long-txt, div.header .menu .long-txt.menu-item-social {
        min-width: 100px; }
      div.header .menu .menu-item .menu-item-a, div.header .menu .menu-item-social .menu-item-a {
        display: inline-block;
        color: #ffffff;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        padding: 2px 10px;
        text-transform: uppercase;
        -moz-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in; }
        div.header .menu .menu-item .menu-item-a:hover, div.header .menu .menu-item-social .menu-item-a:hover, div.header .menu .menu-item .menu-item-a.active, div.header .menu .menu-item-social .menu-item-a.active {
          color: #b2f9ff; }
    div.header .menu .menu-item-social {
      width: 90%;
      border-top: solid 1px #ffffff;
      border-bottom: solid 1px #ffffff;
      margin: 30px 5% 25px 5%; }
      div.header .menu .menu-item-social .mobile-menu-social {
        display: inline-block;
        width: 19px;
        height: 19px;
        padding: 3px 25px;
        text-indent: -9999px;
        margin: 12px 0 14px 0; }
      div.header .menu .menu-item-social .facebook {
        background: transparent url("/static/img/default/social-icons/mobile-top-menu/facebook.png") no-repeat center center; }
      div.header .menu .menu-item-social .twitter {
        background: transparent url("/static/img/default/social-icons/mobile-top-menu/twitter.png") no-repeat center center; }
      div.header .menu .menu-item-social .pinterest {
        background: transparent url("/static/img/default/social-icons/mobile-top-menu/pinterest.png") no-repeat center center; }
      div.header .menu .menu-item-social .instagram {
        background: transparent url("/static/img/default/social-icons/mobile-top-menu/instagram.png") no-repeat center center; }
  div.header .menu-trigger {
    width: 28px;
    height: 25px;
    background: transparent url("/static/img/default/mobile-menu.png") no-repeat 0 0;
    position: absolute;
    top: 17px;
    right: 13px;
    text-indent: -9999px; }
    div.header .menu-trigger.open {
      background: transparent url("/static/img/default/mobile-menu-open.png") no-repeat 0 0; }

.site-footer {
  background: #ffffff; }
  .site-footer .footer-top {
    height: 160px;
    background: #ffffff;
    text-align: center;
    padding: 40px 10px 0 10px;
    color: #004259; }
  .site-footer .footer-bottom {
    height: 265px;
    padding: 0 0 30px 0;
    color: #012835;
    font-family: "Open Sans", Arial, Helvetica, Helvetica Neue, sans-serif; }
    @media (max-width: 1279px) {
      .site-footer .footer-bottom {
        height: auto; } }
    .site-footer .footer-bottom .instagram-box, .site-footer .footer-bottom .twitter-box {
      height: 100%;
      border-right: solid 1px #012835;
      padding: 0 40px; }
      @media (max-width: 1279px) {
        .site-footer .footer-bottom .instagram-box, .site-footer .footer-bottom .twitter-box {
          height: 255px;
          border-right: none; } }
      .site-footer .footer-bottom .instagram-box h4, .site-footer .footer-bottom .twitter-box h4 {
        font-weight: 300;
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        margin: 0 0 10px 0; }
        .site-footer .footer-bottom .instagram-box h4 .tag, .site-footer .footer-bottom .twitter-box h4 .tag {
          text-transform: none;
          font-weight: 700; }
    .site-footer .footer-bottom .instagram-box .pictures {
      max-width: 340px;
    }
    .site-footer .footer-bottom .instagram-box .pictures img {
      max-width: 100px;
    }
    @media (max-width: 1279px) {
      .site-footer .footer-bottom .twitter-box {
        margin-top: 50px; } }
    .site-footer .footer-bottom .twitter-box .tweets {
      height: 168px; }
      .site-footer .footer-bottom .twitter-box .tweets .tweet {
        font-family: "Open Sans", Arial, Helvetica, Helvetica Neue, sans-serif;
        font-size: 10px;
        font-weight: 600;
        line-height: 14px;
        color: #012835;
        background: transparent url("/static/img/default/social-icons/twitter-small-logo.png") no-repeat 0 3px;
        padding: 0 0 15px 25px; }
        .site-footer .footer-bottom .twitter-box .tweets .tweet a {
          padding: 0 5px 0 0;
          color: #012835; }
          .site-footer .footer-bottom .twitter-box .tweets .tweet a:hover {
            color: #07a4aa; }
    .site-footer .footer-bottom .twitter-box .copyright {
      text-align: center;
      font-weight: 400;
      font-size: 12px; }
    .site-footer .footer-bottom .footer-contact {
      height: 100%;
      padding: 0 40px;
      font-weight: 400;
      font-size: 12px;
      border-right: none; }
      @media (max-width: 1279px) {
        .site-footer .footer-bottom .footer-contact {
          margin-top: 50px;
          padding: 0 20px;
          border-right: none; } }
      .site-footer .footer-bottom .footer-contact .footer-menu {
        height: 70px;
        border-bottom: solid 1px #012835; }
        .site-footer .footer-bottom .footer-contact .footer-menu .menu {
          *zoom: 1;
          margin: 0;
          padding: 0; }
          .site-footer .footer-bottom .footer-contact .footer-menu .menu:before, .site-footer .footer-bottom .footer-contact .footer-menu .menu:after {
            content: " ";
            display: table; }
          .site-footer .footer-bottom .footer-contact .footer-menu .menu:after {
            clear: both; }
          @media (max-width: 1279px) {
            .site-footer .footer-bottom .footer-contact .footer-menu .menu {
              width: 280px;
              margin: 0 auto; } }
          .site-footer .footer-bottom .footer-contact .footer-menu .menu .menu-item, .site-footer .footer-bottom .footer-contact .footer-menu div.header .menu .menu-item-social, div.header .site-footer .footer-bottom .footer-contact .footer-menu .menu .menu-item-social {
            float: left;
            margin: 20px 0 0 0;
            text-align: center;
            list-style: none; }
            .site-footer .footer-bottom .footer-contact .footer-menu .menu .menu-item .menu-item-a, .site-footer .footer-bottom .footer-contact .footer-menu div.header .menu .menu-item-social .menu-item-a, div.header .site-footer .footer-bottom .footer-contact .footer-menu .menu .menu-item-social .menu-item-a {
              display: inline-block;
              color: #012835;
              font-size: 12px;
              font-weight: 600;
              line-height: 14px;
              padding: 2px 20px;
              text-transform: uppercase; }
              @media (max-width: 1279px) {
                .site-footer .footer-bottom .footer-contact .footer-menu .menu .menu-item .menu-item-a, .site-footer .footer-bottom .footer-contact .footer-menu div.header .menu .menu-item-social .menu-item-a, div.header .site-footer .footer-bottom .footer-contact .footer-menu .menu .menu-item-social .menu-item-a {
                  font-size: 11px;
                  padding: 2px 12px; } }
              .site-footer .footer-bottom .footer-contact .footer-menu .menu .menu-item .menu-item-a:hover, .site-footer .footer-bottom .footer-contact .footer-menu div.header .menu .menu-item-social .menu-item-a:hover, div.header .site-footer .footer-bottom .footer-contact .footer-menu .menu .menu-item-social .menu-item-a:hover, .site-footer .footer-bottom .footer-contact .footer-menu .menu .menu-item .menu-item-a.active, .site-footer .footer-bottom .footer-contact .footer-menu div.header .menu .menu-item-social .menu-item-a.active, div.header .site-footer .footer-bottom .footer-contact .footer-menu .menu .menu-item-social .menu-item-a.active {
                color: #004259; }
            .site-footer .footer-bottom .footer-contact .footer-menu .menu .menu-item:first-child a, .site-footer .footer-bottom .footer-contact .footer-menu div.header .menu .menu-item-social:first-child a, div.header .site-footer .footer-bottom .footer-contact .footer-menu .menu .menu-item-social:first-child a {
              padding-left: 0; }
            .site-footer .footer-bottom .footer-contact .footer-menu .menu .menu-item:last-child a, .site-footer .footer-bottom .footer-contact .footer-menu div.header .menu .menu-item-social:last-child a, div.header .site-footer .footer-bottom .footer-contact .footer-menu .menu .menu-item-social:last-child a {
              padding-right: 0; }
      .site-footer .footer-bottom .footer-contact .social {
        height: 22px;
        padding: 26px 0;
        text-align: center;
        border-bottom: solid 1px #012835; }
        .site-footer .footer-bottom .footer-contact .social .facebook, .site-footer .footer-bottom .footer-contact .social .twitter, .site-footer .footer-bottom .footer-contact .social .pinterest, .site-footer .footer-bottom .footer-contact .social .instagram, .site-footer .footer-bottom .footer-contact .social .store-logos .nongmoproject, .site-footer .footer-bottom .footer-contact .store-logos .social .nongmoproject, .site-footer .footer-bottom .footer-contact .social .store-logos .whole-trade, .site-footer .footer-bottom .footer-contact .store-logos .social .whole-trade, .site-footer .footer-bottom .footer-contact .social .store-logos .usda-organic, .site-footer .footer-bottom .footer-contact .store-logos .social .usda-organic, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .icon-1, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .icon-1, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .icon-2, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .icon-2, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .icon-3, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .icon-3, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .icon-4, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .icon-4 {
          display: block;
          width: 22px;
          height: 22px;
          text-indent: -9999px;
          background-color: transparent;
          background-repeat: no-repeat;
          background-position: 0 0;
          margin: 0 auto; }
        .site-footer .footer-bottom .footer-contact .social .facebook {
          background-image: url("/static/img/default/social-icons/facebook.png"); }
        .site-footer .footer-bottom .footer-contact .social .twitter {
          background-image: url("/static/img/default/social-icons/twitter.png"); }
        .site-footer .footer-bottom .footer-contact .social .pinterest {
          background-image: url("/static/img/default/social-icons/pinterest.png"); }
        .site-footer .footer-bottom .footer-contact .social .instagram {
          background-image: url("/static/img/default/social-icons/instagram.png"); }
      .site-footer .footer-bottom .footer-contact .store-logos {
        height: 53px;
        padding: 25px 0 0 0;
        text-align: center; }
        .site-footer .footer-bottom .footer-contact .store-logos .social .facebook, .site-footer .footer-bottom .footer-contact .social .store-logos .facebook, .site-footer .footer-bottom .footer-contact .store-logos .social .twitter, .site-footer .footer-bottom .footer-contact .social .store-logos .twitter, .site-footer .footer-bottom .footer-contact .store-logos .social .pinterest, .site-footer .footer-bottom .footer-contact .social .store-logos .pinterest, .site-footer .footer-bottom .footer-contact .store-logos .social .instagram, .site-footer .footer-bottom .footer-contact .social .store-logos .instagram, .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject, .site-footer .footer-bottom .footer-contact .store-logos .whole-trade, .site-footer .footer-bottom .footer-contact .store-logos .usda-organic, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .icon-1, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .icon-1, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .icon-2, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .icon-2, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .icon-3, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .icon-3, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .icon-4, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .icon-4 {
          display: block;
          width: 58px;
          height: 53px;
          text-indent: -9999px;
          background-color: transparent;
          background-repeat: no-repeat;
          background-position: 0 0;
          margin: 0 auto; }
        .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject {
          background-image: url("/static/img/default/store-logos/nongmoproject.png");
		  background-size: 72px 52px;
		  background-position: 4px 14px;
		  width: 80px;
		  height: 80px;
		}
        .site-footer .footer-bottom .footer-contact .store-logos .usda-organic {
          background-image: url("/static/img/default/store-logos/usda_organic_seal.png");
		  background-size: 60px 60px;
		  background-position: 10px 10px;
		  width: 80px;
		  height: 80px;
		}
		.site-footer .footer-bottom .footer-contact .copyright {
			clear: both;
			text-align: center;
			font-weight: 400;
			font-size: 12px;
		}

@-webkit-keyframes water-drops {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  12% {
    -webkit-transform: translate(0px, 2px);
    transform: translate(0px, 2px); }
  25% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  37% {
    -webkit-transform: translate(2px, 0px);
    transform: translate(2px, 0px); }
  50% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  62% {
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px); }
  75% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  87% {
    -webkit-transform: translate(-2px, 0px);
    transform: translate(-2px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }
@keyframes water-drops {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  12% {
    -webkit-transform: translate(0px, 2px);
    transform: translate(0px, 2px); }
  25% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  37% {
    -webkit-transform: translate(2px, 0px);
    transform: translate(2px, 0px); }
  50% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  62% {
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px); }
  75% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  87% {
    -webkit-transform: translate(-2px, 0px);
    transform: translate(-2px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }

a#shop-button.hidden {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 1s, opacity 1s;
}
a#shop-button-header.hidden {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 1s, opacity 1s;
}
a#shop-button.visible {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s linear 0s, opacity 1s;
}
@media (min-width: 1280px) {
	a#shop-button-header {
		border: 2px solid white;
		color: white;
		display: block;
		font-size: 13px;
		font-weight: bold;
		margin: 8px 80px 0px 0px;
		padding: 0px 36px;
		position: absolute;
		top: 0px;
		right: 0px;
		text-transform: uppercase;
	}
	a#shop-button-header.visible {
		visibility: visible;
		opacity: 1;
		transition: visibility 0s linear 0s, opacity 1s;
		transition-delay: 300ms;
	}
	ul#menu-top.default {
		margin: 0 65px 0 0;
		transition: margin 1s;
		transition-delay: 500ms;
	}
	ul#menu-top.moved {
		margin: 0 325px 0 0;
		transition: margin 1s;
	}
}
@media (max-width: 1279px) {
	a#shop-button-header {
		display: none;
	}
}

@media (min-width: 1280px) {
	.home {
		background: transparent url("/static/img/default/product.png") no-repeat 15% 0;
	}

	a#shop-button {
		background: #56a33b;
		color: white;
		padding: 20px 60px;
		text-transform: uppercase;
	}
}
@media (max-width: 1279px) {
	a#shop-button {
		display: none;
	}
}
.home .preloader {
  position: absolute;
  left: -9999px;
  top: -9999px; }
.home .preloader img {
  display: block; }
.home .box-1 .product {
  height: 767px;
}
  @media (max-width: 1279px) {
    .home .box-1 .product {
      background: transparent url("/static/img/default/product-mobile.png") no-repeat top center;
      height: 374px; } }
.home .box-1 .text {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: 83px;
  color: #012835;
  line-height: 100px;
  text-transform: uppercase;
  padding-top: 1.1em;
  letter-spacing: 4px; }
  @media (max-width: 1279px) {
    .home .box-1 .text {
      height: 120px;
      font-size: 28px;
      line-height: 36px;
      text-transform: uppercase;
      padding-top: 0;
      letter-spacing: 0;
      text-align: center; } }
.home .box-2 {
  text-align: center; }
  @media (max-width: 1279px) {
    .home .box-2 {
      padding: 0 10px; } }
  .home .box-2 .inner-container {
    width: 1120px;
    height: 385px;
    border: solid 3px #08a3aa;
    margin: 53px auto 0 auto;
    background: #ffffff url("/static/img/default/arrow-border.png") no-repeat top left; }
    @media (max-width: 1279px) {
      .home .box-2 .inner-container {
        width: 100%;
        height: auto;
        background: #ffffff;
        border: none;
        margin: 0; }
        .home .box-2 .inner-container hr {
          width: 100%;
          height: 3px;
          background-color: #08a3aa;
          border: none; } }
    .home .box-2 .inner-container img {
      margin-top: 61px; }
      @media (max-width: 1279px) {
        .home .box-2 .inner-container img {
          margin-top: 40px; } }
    .home .box-2 .inner-container h3 {
      font-family: "Oswald", sans-serif;
      font-weight: 700;
      font-size: 40px;
      color: #07a4aa;
      line-height: 60px;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin: 0;
      padding: 10px 0 0 0; }
    .home .box-2 .inner-container p {
      font-family: "Open Sans", Arial, Helvetica, Helvetica Neue, sans-serif;
      font-weight: 400;
      font-size: 19px;
      color: #07a4aa;
      line-height: 24px;
      font-style: italic;
      margin: 0;
      padding: 10px 0 0 0; }
      @media (max-width: 1279px) {
        .home .box-2 .inner-container p {
          margin-bottom: 50px; } }
.home .box-3 {
  text-align: center;
  margin-top: 100px; }
  @media (max-width: 1279px) {
    .home .box-3 {
      padding: 0 10px; } }
  .home .box-3 hr {
    width: 100%;
    height: 3px;
    background-color: #08a3aa;
    border: none;
    margin: 20px auto; }
.home .box-4 {
  height: 785px;
  text-align: center;
  margin-top: 100px;
  padding: 0;
  color: #ffffff; }
  .home .box-4 .top-cut {
    width: 100%;
    height: 23px;
    background: transparent url("/static/img/default/top-cut-blurred.png") no-repeat center top;
    margin: 0 0 107px 0; }
    @media (max-width: 1279px) {
      .home .box-4 .top-cut {
        margin: 0 0 68px 0; } }
  @media (max-width: 1279px) {
    .home .box-4 {
      height: 550px;
      margin-top: 20px;
      padding: 0 10px 0 10px; } }
  .home .box-4 .margin-bottom {
    margin-bottom: 0.3em; }
  .home .box-4 .learn-more-btn {
    display: inline-block;
    color: #ffffff;
    font-family: "Open Sans", Arial, Helvetica, Helvetica Neue, sans-serif;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    border: solid 4px #ffffff;
    padding: 10px 48px;
    margin-top: 110px;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in; }
    .home .box-4 .learn-more-btn:hover {
      color: #012835;
      background-color: #ffffff; }
    @media (max-width: 1279px) {
      .home .box-4 .learn-more-btn {
        font-size: 16px;
        padding: 3px 20px;
        margin-top: 77px; }
        .home .box-4 .learn-more-btn:hover {
          margin-top: 75px; } }
.home .box-5 {
  height: 1195px;
  text-align: center;
  margin-top: 100px;
  background: transparent url("/static/img/default/benefits-product.png") no-repeat center 340px; }
  @media (max-width: 1279px) {
    .home .box-5 {
      background: none;
      height: auto;
      margin: 40px 0 0 0; } }
  .home .box-5 .margin-bottom {
    margin-bottom: 0.3em; }
  .home .box-5 .bubbles {
    height: 757px; }
    .home .box-5 .bubbles .nr-1 span.normal, .home .box-5 .bubbles .nr-2 span.normal, .home .box-5 .bubbles .nr-3 span.normal, .home .box-5 .bubbles .nr-4 span.normal, .home .box-5 .bubbles .nr-5 span.normal, .home .box-5 .bubbles .nr-6 span.normal, .home .box-5 .bubbles .nr-7 span.normal, .home .box-5 .bubbles .nr-8 span.normal, .home .box-5 .bubbles .nr-1 span.hover, .home .box-5 .bubbles .nr-2 span.hover, .home .box-5 .bubbles .nr-3 span.hover, .home .box-5 .bubbles .nr-4 span.hover, .home .box-5 .bubbles .nr-5 span.hover, .home .box-5 .bubbles .nr-6 span.hover, .home .box-5 .bubbles .nr-7 span.hover, .home .box-5 .bubbles .nr-8 span.hover {
      position: absolute;
      top: 0px;
      left: 0px;
      display: block;
      width: 95%;
      padding-top: 40px;
      line-height: 1.2em; }
    .home .box-5 .bubbles .nr-1, .home .box-5 .bubbles .nr-2, .home .box-5 .bubbles .nr-3, .home .box-5 .bubbles .nr-4, .home .box-5 .bubbles .nr-5, .home .box-5 .bubbles .nr-6, .home .box-5 .bubbles .nr-7, .home .box-5 .bubbles .nr-8 {
      display: block;
      width: 224px;
      height: 185px;
      cursor: pointer;
      font-family: "Oswald", sans-serif;
      font-weight: 700;
      font-size: 22px;
      color: #ffffff;
      text-transform: uppercase;
      overflow: visible;
      z-index: 10;
      -webkit-animation-name: water-drops;
      animation-name: water-drops;
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
      .home .box-5 .bubbles .nr-1 span.normal, .home .box-5 .bubbles .nr-2 span.normal, .home .box-5 .bubbles .nr-3 span.normal, .home .box-5 .bubbles .nr-4 span.normal, .home .box-5 .bubbles .nr-5 span.normal, .home .box-5 .bubbles .nr-6 span.normal, .home .box-5 .bubbles .nr-7 span.normal, .home .box-5 .bubbles .nr-8 span.normal {
        opacity: 1;
        transition: visibility 0s, opacity 0.5s linear; }
      .home .box-5 .bubbles .nr-1 span.hover, .home .box-5 .bubbles .nr-2 span.hover, .home .box-5 .bubbles .nr-3 span.hover, .home .box-5 .bubbles .nr-4 span.hover, .home .box-5 .bubbles .nr-5 span.hover, .home .box-5 .bubbles .nr-6 span.hover, .home .box-5 .bubbles .nr-7 span.hover, .home .box-5 .bubbles .nr-8 span.hover {
        font-size: 16px;
        padding-top: 60px;
        width: 85%;
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear; }
      .home .box-5 .bubbles .nr-1:hover span.normal, .home .box-5 .bubbles .nr-2:hover span.normal, .home .box-5 .bubbles .nr-3:hover span.normal, .home .box-5 .bubbles .nr-4:hover span.normal, .home .box-5 .bubbles .nr-5:hover span.normal, .home .box-5 .bubbles .nr-6:hover span.normal, .home .box-5 .bubbles .nr-7:hover span.normal, .home .box-5 .bubbles .nr-8:hover span.normal {
        opacity: 0; }
      .home .box-5 .bubbles .nr-1:hover span.hover, .home .box-5 .bubbles .nr-2:hover span.hover, .home .box-5 .bubbles .nr-3:hover span.hover, .home .box-5 .bubbles .nr-4:hover span.hover, .home .box-5 .bubbles .nr-5:hover span.hover, .home .box-5 .bubbles .nr-6:hover span.hover, .home .box-5 .bubbles .nr-7:hover span.hover, .home .box-5 .bubbles .nr-8:hover span.hover {
        opacity: 1; }
    .home .box-5 .bubbles .nr-1 {
      position: relative;
      top: -20px;
      left: 260px; }
      .home .box-5 .bubbles .nr-1:hover:before {
        background-image: url("/static/img/default/bubbles/green-hover.png"); }
      .home .box-5 .bubbles .nr-1:before {
        content: "";
        position: absolute;
        width: 224px;
        height: 185px;
        top: 0;
        left: 0;
        z-index: -1;
        background: transparent url("/static/img/default/bubbles/green.png") no-repeat right center;
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        transform: rotate(36deg);
        transition: background-image 0.5s; }
    .home .box-5 .bubbles .nr-2 {
      width: 190px;
      height: 160px;
      position: relative;
      top: -20px;
      left: 146px;
      -webkit-animation-delay: 0.1s;
      animation-delay: 0.1s; }
      .home .box-5 .bubbles .nr-2 span.normal {
        padding: 65px 0 0 5px; }
      .home .box-5 .bubbles .nr-2:hover:before {
        background-image: url("/static/img/default/bubbles/big-blue-hover.png"); }
      .home .box-5 .bubbles .nr-2:before {
        content: "";
        position: absolute;
        width: 190px;
        height: 160px;
        top: 0;
        left: 0;
        z-index: -1;
        background: transparent url("/static/img/default/bubbles/big-blue.png") no-repeat right center;
        transition: background-image 0.5s; }
    .home .box-5 .bubbles .nr-3 {
      width: 182px;
      height: 148px;
      position: relative;
      top: 25px;
      left: 150px;
      -webkit-animation-delay: 0.4s;
      animation-delay: 0.4s; }
      .home .box-5 .bubbles .nr-3 span.normal {
        padding: 60px 0 0 0; }
      .home .box-5 .bubbles .nr-3 span.hover {
        padding: 55px 0 0 5px; }
      .home .box-5 .bubbles .nr-3:hover:before {
        background-image: url("/static/img/default/bubbles/light-green-hover.png"); }
      .home .box-5 .bubbles .nr-3:before {
        content: "";
        position: absolute;
        width: 182px;
        height: 148px;
        top: 0;
        left: 0;
        z-index: -1;
        background: transparent url("/static/img/default/bubbles/light-green.png") no-repeat right center;
        transition: background-image 0.5s; }
    .home .box-5 .bubbles .nr-4 {
      width: 157px;
      height: 156px;
      position: relative;
      top: 100px;
      left: 210px;
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s; }
      .home .box-5 .bubbles .nr-4 span.normal {
        padding: 45px 0 0 22px; }
      .home .box-5 .bubbles .nr-4 span.hover {
        padding: 48px 0 0 14px;
        font-size: 14px; }
      .home .box-5 .bubbles .nr-4:hover:before {
        background-image: url("/static/img/default/bubbles/small-green-hover.png"); }
      .home .box-5 .bubbles .nr-4:before {
        content: "";
        position: absolute;
        width: 157px;
        height: 156px;
        top: 0;
        left: 0;
        z-index: -1;
        background: transparent url("/static/img/default/bubbles/small-green.png") no-repeat right top;
        transition: background-image 0.5s; }
    .home .box-5 .bubbles .nr-5 {
      width: 190px;
      height: 160px;
      position: relative;
      top: -700px;
      left: 800px;
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s; }
      .home .box-5 .bubbles .nr-5 span.normal {
        padding: 32px 0 0 9px; }
      .home .box-5 .bubbles .nr-5 span.hover {
        padding: 12px 0 0 28px; }
      .home .box-5 .bubbles .nr-5:hover:before {
        background-image: url("/static/img/default/bubbles/big-blue-hover.png"); }
      .home .box-5 .bubbles .nr-5:before {
        content: "";
        position: absolute;
        width: 190px;
        height: 160px;
        top: 0;
        left: 0;
        z-index: -1;
        background: transparent url("/static/img/default/bubbles/big-blue.png") no-repeat right center;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        transition: background-image 0.5s; }
    .home .box-5 .bubbles .nr-6 {
      width: 190px;
      height: 160px;
      position: relative;
      top: -691px;
      left: 886px;
      -webkit-animation-delay: 0.8s;
      animation-delay: 0.8s; }
      .home .box-5 .bubbles .nr-6 span.normal {
        padding: 59px 0 0 33px; }
      .home .box-5 .bubbles .nr-6:before {
        content: "";
        position: absolute;
        width: 224px;
        height: 185px;
        top: 0;
        left: 0;
        z-index: -1;
        background: transparent url("/static/img/default/bubbles/green.png") no-repeat right center;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
      .home .box-5 .bubbles .nr-6:hover span.normal {
        opacity: 1; }
    .home .box-5 .bubbles .nr-7 {
      width: 180px;
      height: 151px;
      position: relative;
      top: -662px;
      left: 856px;
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s; }
      .home .box-5 .bubbles .nr-7 span.normal {
        padding: 58px 0 0 0; }
      .home .box-5 .bubbles .nr-7 span.hover {
        padding: 51px 0 0 28px;
        font-size: 14px; }
      .home .box-5 .bubbles .nr-7:hover:before {
        background-image: url("/static/img/default/bubbles/blue-hover.png"); }
      .home .box-5 .bubbles .nr-7:before {
        content: "";
        position: absolute;
        width: 180px;
        height: 151px;
        top: 0;
        left: 0;
        z-index: -1;
        background: transparent url("/static/img/default/bubbles/blue.png") no-repeat right center;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        transition: background-image 0.5s; }
    .home .box-5 .bubbles .nr-8 {
      width: 182px;
      height: 148px;
      position: relative;
      top: -658px;
      left: 783px;
      -webkit-animation-delay: 0.7s;
      animation-delay: 0.7s; }
      .home .box-5 .bubbles .nr-8 span.normal {
        padding: 65px 0 0 12px; }
      .home .box-5 .bubbles .nr-8 span.hover {
        padding: 36px 0 0 26px;
        font-size: 14px; }
      .home .box-5 .bubbles .nr-8:hover:before {
        background-image: url("/static/img/default/bubbles/light-green-hover.png"); }
      .home .box-5 .bubbles .nr-8:before {
        content: "";
        position: absolute;
        width: 182px;
        height: 148px;
        top: 0;
        left: 0;
        z-index: -1;
        background: transparent url("/static/img/default/bubbles/light-green.png") no-repeat right center;
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
        transition: background-image 0.5s; }
  .home .box-5 .mobile-bubbles {
    min-height: 400px;
    padding: 0 0 30px 10px;
    margin: 80px 0 30px 0; }
    .home .box-5 .mobile-bubbles div.nr {
      font-family: "Oswald", sans-serif;
      font-weight: bold;
      font-size: 17px;
      color: #0198a0;
      text-transform: uppercase;
      line-height: 1.2em;
      text-align: left;
      border-bottom: solid 1px #0198a0;
      background: transparent url("/static/img/default/mobile-benefits-cross.png") no-repeat right center; }
      .home .box-5 .mobile-bubbles div.nr.open {
        background-image: url("/static/img/default/mobile-benefits-line.png"); }
      .home .box-5 .mobile-bubbles div.nr.no-plus {
        background: none; }
      .home .box-5 .mobile-bubbles div.nr .text {
        margin: 7px 0; }
        .home .box-5 .mobile-bubbles div.nr .text .hover {
          display: none;
          font-size: 14px;
          font-weight: 400; }
  .home .box-5 .benefits-product {
    margin: 80px 0 0 0;
    height: 400px;
    background: transparent url("/static/img/default/benefits-product-mobile.png") no-repeat center center; }
  .home .box-5 .usda {
    margin-bottom: 2em; }
.home .box-6 {
  text-align: center;
  padding-top: 60px;
  background: #ffffff;
  overflow: hidden; }
  @media (max-width: 1279px) {
    .home .box-6 {
      padding: 0 10px 0 10px;
      overflow: visible; } }
  .home .box-6 .icons {
    margin: 0 0 55px 0; }
    .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic, .home .box-6 .icons .icon-1, .home .box-6 .icons .icon-2, .home .box-6 .icons .icon-3, .home .box-6 .icons .icon-4 {
      display: block;
      width: 24%;
      min-width: 270px;
      height: 85px;
      padding: 190px 0 0 0;
      float: left;
      clear: none;
      border-right: solid 3px #07a4aa; }
      @media (max-width: 1279px) {
        .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic, .home .box-6 .icons .icon-1, .home .box-6 .icons .icon-2, .home .box-6 .icons .icon-3, .home .box-6 .icons .icon-4 {
          width: 100%;
          border-right: none;
          border-bottom: solid 3px #07a4aa; } }
      .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook a, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook a, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter a, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter a, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest a, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest a, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram a, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram a, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject a, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject a, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade a, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade a, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic a, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic a, .home .box-6 .icons .icon-1 a, .home .box-6 .icons .icon-2 a, .home .box-6 .icons .icon-3 a, .home .box-6 .icons .icon-4 a {
        font-family: "Oswald", sans-serif;
        font-weight: 700;
        color: #004259;
        font-size: 42px;
        text-transform: uppercase; }
      @media (min-width: 1280px) {
        .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook:hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook:hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter:hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter:hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest:hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest:hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram:hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram:hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject:hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject:hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade:hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade:hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic:hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic:hover, .home .box-6 .icons .icon-1:hover, .home .box-6 .icons .icon-2:hover, .home .box-6 .icons .icon-3:hover, .home .box-6 .icons .icon-4:hover {
          cursor: pointer; }
          .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook:hover a, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook:hover a, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter:hover a, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter:hover a, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest:hover a, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest:hover a, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram:hover a, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram:hover a, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject:hover a, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject:hover a, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade:hover a, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade:hover a, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic:hover a, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic:hover a, .home .box-6 .icons .icon-1:hover a, .home .box-6 .icons .icon-2:hover a, .home .box-6 .icons .icon-3:hover a, .home .box-6 .icons .icon-4:hover a {
            color: #07a4aa; } }
      .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook:hover, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .facebook:hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter:hover, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .twitter:hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest:hover, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .pinterest:hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram:hover, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .instagram:hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject:hover, .site-footer .footer-bottom .footer-contact .store-logos .old-ie .home .box-6 .icons .nongmoproject:hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade:hover, .site-footer .footer-bottom .footer-contact .store-logos .old-ie .home .box-6 .icons .whole-trade:hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic:hover, .site-footer .footer-bottom .footer-contact .store-logos .old-ie .home .box-6 .icons .usda-organic:hover, .old-ie .home .box-6 .icons .icon-1:hover, .old-ie .home .box-6 .icons .icon-2:hover, .old-ie .home .box-6 .icons .icon-3:hover, .old-ie .home .box-6 .icons .icon-4:hover {
        cursor: pointer; }
        .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook:hover a, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .facebook:hover a, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter:hover a, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .twitter:hover a, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest:hover a, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .pinterest:hover a, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram:hover a, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .instagram:hover a, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject:hover a, .site-footer .footer-bottom .footer-contact .store-logos .old-ie .home .box-6 .icons .nongmoproject:hover a, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade:hover a, .site-footer .footer-bottom .footer-contact .store-logos .old-ie .home .box-6 .icons .whole-trade:hover a, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic:hover a, .site-footer .footer-bottom .footer-contact .store-logos .old-ie .home .box-6 .icons .usda-organic:hover a, .old-ie .home .box-6 .icons .icon-1:hover a, .old-ie .home .box-6 .icons .icon-2:hover a, .old-ie .home .box-6 .icons .icon-3:hover a, .old-ie .home .box-6 .icons .icon-4:hover a {
          color: #07a4aa; }
      .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook .hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter .hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest .hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram .hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject .hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade .hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic .hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic .hover, .home .box-6 .icons .icon-1 .hover, .home .box-6 .icons .icon-2 .hover, .home .box-6 .icons .icon-3 .hover, .home .box-6 .icons .icon-4 .hover {
        display: block;
        width: 870px;
        height: 290px;
        padding: 30px 0px;
        background-color: #07a4aa;
        position: relative;
        top: -270px;
        left: -870px;
        color: #ffffff;
        transition: left 0.5s ease; }
        @media (min-width: 1280px) {
          .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook .hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter .hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest .hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram .hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject .hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade .hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic .hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic .hover, .home .box-6 .icons .icon-1 .hover, .home .box-6 .icons .icon-2 .hover, .home .box-6 .icons .icon-3 .hover, .home .box-6 .icons .icon-4 .hover {
            left: -870px; }
            .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook .hover.slide-in, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook .hover.slide-in, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter .hover.slide-in, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter .hover.slide-in, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest .hover.slide-in, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest .hover.slide-in, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram .hover.slide-in, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram .hover.slide-in, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject .hover.slide-in, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject .hover.slide-in, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade .hover.slide-in, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade .hover.slide-in, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic .hover.slide-in, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic .hover.slide-in, .home .box-6 .icons .icon-1 .hover.slide-in, .home .box-6 .icons .icon-2 .hover.slide-in, .home .box-6 .icons .icon-3 .hover.slide-in, .home .box-6 .icons .icon-4 .hover.slide-in {
              left: 55px; } }
        .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook .hover, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .facebook .hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter .hover, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .twitter .hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest .hover, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .pinterest .hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram .hover, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .instagram .hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject .hover, .site-footer .footer-bottom .footer-contact .store-logos .old-ie .home .box-6 .icons .nongmoproject .hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade .hover, .site-footer .footer-bottom .footer-contact .store-logos .old-ie .home .box-6 .icons .whole-trade .hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic .hover, .site-footer .footer-bottom .footer-contact .store-logos .old-ie .home .box-6 .icons .usda-organic .hover, .old-ie .home .box-6 .icons .icon-1 .hover, .old-ie .home .box-6 .icons .icon-2 .hover, .old-ie .home .box-6 .icons .icon-3 .hover, .old-ie .home .box-6 .icons .icon-4 .hover {
          left: -870px; }
          .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook .hover.slide-in, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .facebook .hover.slide-in, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter .hover.slide-in, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .twitter .hover.slide-in, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest .hover.slide-in, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .pinterest .hover.slide-in, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram .hover.slide-in, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .instagram .hover.slide-in, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject .hover.slide-in, .site-footer .footer-bottom .footer-contact .store-logos .old-ie .home .box-6 .icons .nongmoproject .hover.slide-in, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade .hover.slide-in, .site-footer .footer-bottom .footer-contact .store-logos .old-ie .home .box-6 .icons .whole-trade .hover.slide-in, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic .hover.slide-in, .site-footer .footer-bottom .footer-contact .store-logos .old-ie .home .box-6 .icons .usda-organic .hover.slide-in, .old-ie .home .box-6 .icons .icon-1 .hover.slide-in, .old-ie .home .box-6 .icons .icon-2 .hover.slide-in, .old-ie .home .box-6 .icons .icon-3 .hover.slide-in, .old-ie .home .box-6 .icons .icon-4 .hover.slide-in {
            left: 55px; }
        .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject .hover .close-hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade .hover .close-hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic .hover .close-hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic .hover .close-hover, .home .box-6 .icons .icon-1 .hover .close-hover, .home .box-6 .icons .icon-2 .hover .close-hover, .home .box-6 .icons .icon-3 .hover .close-hover, .home .box-6 .icons .icon-4 .hover .close-hover {
          display: block;
          width: 22px;
          height: 22px;
          background: transparent url("/static/img/default/close-hover-cross-desktop.png") no-repeat center center;
          z-index: 1000; }
          @media (min-width: 1280px) {
            .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject .hover .close-hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade .hover .close-hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic .hover .close-hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic .hover .close-hover, .home .box-6 .icons .icon-1 .hover .close-hover, .home .box-6 .icons .icon-2 .hover .close-hover, .home .box-6 .icons .icon-3 .hover .close-hover, .home .box-6 .icons .icon-4 .hover .close-hover {
              position: absolute;
              right: 10px;
              top: 10px; } }
          .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .facebook .hover .close-hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .twitter .hover .close-hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .pinterest .hover .close-hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .old-ie .home .box-6 .icons .instagram .hover .close-hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject .hover .close-hover, .site-footer .footer-bottom .footer-contact .store-logos .old-ie .home .box-6 .icons .nongmoproject .hover .close-hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade .hover .close-hover, .site-footer .footer-bottom .footer-contact .store-logos .old-ie .home .box-6 .icons .whole-trade .hover .close-hover, .old-ie .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic .hover .close-hover, .site-footer .footer-bottom .footer-contact .store-logos .old-ie .home .box-6 .icons .usda-organic .hover .close-hover, .old-ie .home .box-6 .icons .icon-1 .hover .close-hover, .old-ie .home .box-6 .icons .icon-2 .hover .close-hover, .old-ie .home .box-6 .icons .icon-3 .hover .close-hover, .old-ie .home .box-6 .icons .icon-4 .hover .close-hover {
            position: absolute;
            right: 10px;
            top: 10px; }
        @media (max-width: 1279px) {
          .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook .hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter .hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest .hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram .hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject .hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade .hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade .hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic .hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic .hover, .home .box-6 .icons .icon-1 .hover, .home .box-6 .icons .icon-2 .hover, .home .box-6 .icons .icon-3 .hover, .home .box-6 .icons .icon-4 .hover {
            width: 100%;
            height: auto;
            top: -238px;
            left: -105%; }
            .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook .hover.slide-in, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook .hover.slide-in, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter .hover.slide-in, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter .hover.slide-in, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest .hover.slide-in, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest .hover.slide-in, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram .hover.slide-in, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram .hover.slide-in, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject .hover.slide-in, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject .hover.slide-in, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade .hover.slide-in, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade .hover.slide-in, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic .hover.slide-in, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic .hover.slide-in, .home .box-6 .icons .icon-1 .hover.slide-in, .home .box-6 .icons .icon-2 .hover.slide-in, .home .box-6 .icons .icon-3 .hover.slide-in, .home .box-6 .icons .icon-4 .hover.slide-in {
              left: 0%; }
            .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram .hover .close-hover, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject .hover .close-hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade .hover .close-hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade .hover .close-hover, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic .hover .close-hover, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic .hover .close-hover, .home .box-6 .icons .icon-1 .hover .close-hover, .home .box-6 .icons .icon-2 .hover .close-hover, .home .box-6 .icons .icon-3 .hover .close-hover, .home .box-6 .icons .icon-4 .hover .close-hover {
              position: absolute;
              right: 0px;
              bottom: 20px;
              width: 100%; } }
        .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook .hover div, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook .hover div, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter .hover div, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter .hover div, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest .hover div, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest .hover div, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram .hover div, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram .hover div, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject .hover div, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject .hover div, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade .hover div, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade .hover div, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic .hover div, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic .hover div, .home .box-6 .icons .icon-1 .hover div, .home .box-6 .icons .icon-2 .hover div, .home .box-6 .icons .icon-3 .hover div, .home .box-6 .icons .icon-4 .hover div {
          border-right: solid 2px #ffffff;
          height: 290px;
          padding: 0 10px; }
          .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook .hover div:last-child, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook .hover div:last-child, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter .hover div:last-child, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter .hover div:last-child, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest .hover div:last-child, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest .hover div:last-child, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram .hover div:last-child, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram .hover div:last-child, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject .hover div:last-child, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject .hover div:last-child, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade .hover div:last-child, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade .hover div:last-child, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic .hover div:last-child, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic .hover div:last-child, .home .box-6 .icons .icon-1 .hover div:last-child, .home .box-6 .icons .icon-2 .hover div:last-child, .home .box-6 .icons .icon-3 .hover div:last-child, .home .box-6 .icons .icon-4 .hover div:last-child {
            border-right: none; }
          @media (max-width: 1279px) {
            .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook .hover div, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook .hover div, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter .hover div, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter .hover div, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest .hover div, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest .hover div, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram .hover div, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram .hover div, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject .hover div, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject .hover div, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade .hover div, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade .hover div, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic .hover div, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic .hover div, .home .box-6 .icons .icon-1 .hover div, .home .box-6 .icons .icon-2 .hover div, .home .box-6 .icons .icon-3 .hover div, .home .box-6 .icons .icon-4 .hover div {
              border-right: none;
              border-bottom: none;
              height: auto;
              padding: 0 10px 40px 10px; }
              .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .facebook .hover div:last-child, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .facebook .hover div:last-child, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .twitter .hover div:last-child, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .twitter .hover div:last-child, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .pinterest .hover div:last-child, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .pinterest .hover div:last-child, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .social .instagram .hover div:last-child, .site-footer .footer-bottom .footer-contact .social .home .box-6 .icons .instagram .hover div:last-child, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .nongmoproject .hover div:last-child, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .nongmoproject .hover div:last-child, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .whole-trade .hover div:last-child, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .whole-trade .hover div:last-child, .home .box-6 .icons .site-footer .footer-bottom .footer-contact .store-logos .usda-organic .hover div:last-child, .site-footer .footer-bottom .footer-contact .store-logos .home .box-6 .icons .usda-organic .hover div:last-child, .home .box-6 .icons .icon-1 .hover div:last-child, .home .box-6 .icons .icon-2 .hover div:last-child, .home .box-6 .icons .icon-3 .hover div:last-child, .home .box-6 .icons .icon-4 .hover div:last-child {
                border-bottom: none;
                padding: 0 10px 15px 10px; } }
    .home .box-6 .icons .icon-1 {
      background: transparent url("/static/img/default/icon-1.png") no-repeat center 45px; }
      .home .box-6 .icons .icon-1 .hover div:first-child {
        padding: 0 10px 10px 10px; }
      .home .box-6 .icons .icon-1 .hover div.formatted-text .big-margin {
        margin: 1em 0 3em 0; }
    .home .box-6 .icons .icon-2 {
      background: transparent url("/static/img/default/icon-2.png") no-repeat center 45px; }
      @media (min-width: 1280px) {
        .home .box-6 .icons .icon-2 .hover {
          left: -1180px; }
          .home .box-6 .icons .icon-2 .hover.slide-in {
            left: 3px; } }
      .old-ie .home .box-6 .icons .icon-2 .hover {
        left: -1180px; }
        .old-ie .home .box-6 .icons .icon-2 .hover.slide-in {
          left: 3px; }
      @media (min-width: 1280px) {
        .home .box-6 .icons .icon-2 .hover div:first-child {
          padding: 0 10px 10px 10px; } }
      .old-ie .home .box-6 .icons .icon-2 .hover div:first-child {
        padding: 0 10px 10px 10px; }
      .home .box-6 .icons .icon-2 .hover div.formatted-text .big-margin {
        margin: 1em 0 3em 0; }
    .home .box-6 .icons .icon-3 {
      background: transparent url("/static/img/default/icon-3.png") no-repeat center 45px;
      height: 105px;
      padding: 170px 0 0 0; }
      @media (min-width: 1280px) {
        .home .box-6 .icons .icon-3 .hover {
          left: 660px;
          top: -296px; }
          .home .box-6 .icons .icon-3 .hover.slide-in {
            left: -565px; } }
      .old-ie .home .box-6 .icons .icon-3 .hover {
        left: 660px;
        top: -296px; }
        .old-ie .home .box-6 .icons .icon-3 .hover.slide-in {
          left: -565px; }
      @media (max-width: 1279px) {
        .home .box-6 .icons .icon-3 .hover {
          top: -268px; } }
      .home .box-6 .icons .icon-3 .hover div:first-child {
        padding: 10px 10px; }
      .home .box-6 .icons .icon-3 .hover .margin-bottom {
        margin-bottom: 1.3em; }
    .home .box-6 .icons .icon-4 {
      background: transparent url("/static/img/default/icon-4.png") no-repeat center 45px;
      border: none; }
      @media (min-width: 1280px) {
        .home .box-6 .icons .icon-4 .hover {
          left: 350px; }
          .home .box-6 .icons .icon-4 .hover.slide-in {
            left: -618px; } }
      .old-ie .home .box-6 .icons .icon-4 .hover {
        left: 350px; }
        .old-ie .home .box-6 .icons .icon-4 .hover.slide-in {
          left: -618px; }
      .home .box-6 .icons .icon-4 .hover div:first-child {
        padding: 0 10px 10px 10px; }
      .home .box-6 .icons .icon-4 .hover .margin-bottom {
        margin-bottom: 1.3em; }
      .home .box-6 .icons .icon-4 .hover .big-margin {
        margin: 2em 0; }
  @media (max-width: 1279px) {
    .home .box-6 .formatted-text.important-info .px18 {
      font-size: 15px; } }
.home .box-7 {
  height: 639px;
  text-align: center;
  padding: 0;
  margin: 100px 0 0 0;
  color: #ffffff; }
  .home .box-7 .top-cut {
    width: 100%;
    height: 23px;
    background: transparent url("/static/img/default/top-cut-blurred.png") no-repeat center top;
    margin: 0 0 107px 0; }
    @media (max-width: 1279px) {
      .home .box-7 .top-cut {
        margin: 0 0 84px 0; } }
  @media (max-width: 1279px) {
    .home .box-7 {
      height: 491px;
      margin-top: 120px;
      padding: 0px 10px 0 10px; } }
  .home .box-7 .margin-bottom {
    margin-bottom: 0.3em; }
  .home .box-7 .learn-more-btn {
    display: inline-block;
    color: #ffffff;
    font-family: "Open Sans", Arial, Helvetica, Helvetica Neue, sans-serif;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    border: solid 4px #ffffff;
    padding: 10px 48px;
    margin-top: 110px;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in; }
    .home .box-7 .learn-more-btn:hover {
      color: #012835;
      background-color: #ffffff; }
    @media (max-width: 1279px) {
      .home .box-7 .learn-more-btn {
        font-size: 16px;
        padding: 3px 20px;
        margin-top: 77px; }
        .home .box-7 .learn-more-btn:hover {
          margin-top: 75px; } }

.philosophy .box-1 {
  height: 450px;
  text-align: center;
  padding: 120px 0 0 0;
  color: #ffffff; }
  .philosophy .box-1 .top-cut {
    width: 100%;
    height: 23px;
    background: transparent url("/static/img/default/top-cut-blurred.png") no-repeat center top;
    margin: 0 0 52px 0; }
.philosophy .box-2 {
  height: 480px;
  background: transparent;
  text-align: center;
  padding: 100px 0 0 0;
  color: #012835; }
.philosophy .box-2b {
  height: auto;
  background: transparent;
  text-align: center;
  padding: 0 0 30px 0;
  color: #012835; }
  .philosophy .box-2b hr {
    width: 55%;
    height: 2px;
    background-color: #08a3aa;
    border: none;
    margin: 0 auto 80px auto; }
.philosophy .box-3 {
  height: 499px;
  text-align: center;
  padding: 0;
  color: #012835; }
  .philosophy .box-3 .top-cut {
    width: 100%;
    height: 23px;
    background: transparent url("/static/img/default/top-cut-blurred.png") no-repeat center top;
    margin: 0 0 72px 0; }
  .philosophy .box-3 img {
    margin-bottom: 20px; }
  .philosophy .box-3 .spec-line-height {
    line-height: 1.2em; }
.philosophy .box-4 {
  height: auto;
  background: transparent;
  text-align: center;
  padding: 65px 70px 100px 70px;
  color: #012835; }
  @media (max-width: 1279px) {
    .philosophy .box-4 {
      height: auto;
      padding: 50px 10px 20px 10px; } }
  .philosophy .box-4 .green-border-outer {
    padding: 0 8px; }
    @media (max-width: 1279px) {
      .philosophy .box-4 .green-border-outer {
        padding: 30px 0;
        border-bottom: solid 2px #07a4aa; }
        .philosophy .box-4 .green-border-outer:first-child {
          border-top: solid 2px #07a4aa; } }
    .philosophy .box-4 .green-border-outer .green-border {
      height: 385px;
      border: solid 2px #07a4aa;
      padding: 50px; }
      @media (max-width: 1279px) {
        .philosophy .box-4 .green-border-outer .green-border {
          height: auto;
          border: none;
          padding: 5px 0; } }
  .philosophy .box-4 p {
    line-height: 1.2em; }
  .philosophy .box-4 .spec-line-height {
    line-height: 1.4em; }
  .philosophy .box-4 .spec-margin-bottom {
    margin-bottom: 0.3em; }
.philosophy .box-5 {
  height: auto;
  background: transparent;
  text-align: center;
  padding: 90px 0 100px 0;
  color: #012835; }
  @media (max-width: 1279px) {
    .philosophy .box-5 {
      height: auto;
      padding: 40px 0 100px 0; } }
  .philosophy .box-5 img {
    margin-bottom: 10px; }
  .philosophy .box-5 .spec-margin-bottom {
    margin-bottom: 0.3em; }
.philosophy .box-6 {
  height: 289px; }
  .philosophy .box-6 .top-cut {
    width: 100%;
    height: 23px;
    background: transparent url("/static/img/default/top-cut-blurred.png") no-repeat center top; }

@-webkit-keyframes tree-water-fill {
  from {
    background-position: center 710px; }
  to {
    background-position: center 220px; } }
@keyframes tree-water-fill {
  from {
    background-position: center 710px; }
  to {
    background-position: center 220px; } }
@-webkit-keyframes tree-water-drops {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  12% {
    -webkit-transform: translate(0px, 2px);
    transform: translate(0px, 2px); }
  25% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  37% {
    -webkit-transform: translate(2px, 0px);
    transform: translate(2px, 0px); }
  50% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  62% {
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px); }
  75% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  87% {
    -webkit-transform: translate(-2px, 0px);
    transform: translate(-2px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }
@keyframes tree-water-drops {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  12% {
    -webkit-transform: translate(0px, 2px);
    transform: translate(0px, 2px); }
  25% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  37% {
    -webkit-transform: translate(2px, 0px);
    transform: translate(2px, 0px); }
  50% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  62% {
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px); }
  75% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  87% {
    -webkit-transform: translate(-2px, 0px);
    transform: translate(-2px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }
@-webkit-keyframes tree-one-water-drop {
  from {
    top: 140px;
    opacity: 1;
    filter: alpha(opacity=100); }
  to {
    top: 280px;
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes tree-one-water-drop {
  from {
    top: 140px;
    opacity: 1;
    filter: alpha(opacity=100); }
  to {
    top: 280px;
    opacity: 1;
    filter: alpha(opacity=100); } }
@-webkit-keyframes tree-glass-fill {
  0% {
    background-image: url("/static/img/default/tree/glass/glass-1.png"); }
  25% {
    background-image: url("/static/img/default/tree/glass/glass-2.png"); }
  50% {
    background-image: url("/static/img/default/tree/glass/glass-3.png"); }
  75% {
    background-image: url("/static/img/default/tree/glass/glass-4.png"); }
  100% {
    background-image: url("/static/img/default/tree/glass/glass-5.png"); } }
@keyframes tree-glass-fill {
  0% {
    background-image: url("/static/img/default/tree/glass/glass-1.png"); }
  25% {
    background-image: url("/static/img/default/tree/glass/glass-2.png"); }
  50% {
    background-image: url("/static/img/default/tree/glass/glass-3.png"); }
  75% {
    background-image: url("/static/img/default/tree/glass/glass-4.png"); }
  100% {
    background-image: url("/static/img/default/tree/glass/glass-5.png"); } }
@-webkit-keyframes tree-water-fill-mobile {
  from {
    background-position: center 267px; }
  to {
    background-position: center 2px; } }
@keyframes tree-water-fill-mobile {
  from {
    background-position: center 267px; }
  to {
    background-position: center 2px; } }
@-webkit-keyframes tree-water-drops-mobile {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  12% {
    -webkit-transform: translate(0px, 1px);
    transform: translate(0px, 1px); }
  25% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  37% {
    -webkit-transform: translate(1px, 0px);
    transform: translate(1px, 0px); }
  50% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  62% {
    -webkit-transform: translate(0px, -1px);
    transform: translate(0px, -1px); }
  75% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  87% {
    -webkit-transform: translate(-1px, 0px);
    transform: translate(-1px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }
@keyframes tree-water-drops-mobile {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  12% {
    -webkit-transform: translate(0px, 1px);
    transform: translate(0px, 1px); }
  25% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  37% {
    -webkit-transform: translate(1px, 0px);
    transform: translate(1px, 0px); }
  50% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  62% {
    -webkit-transform: translate(0px, -1px);
    transform: translate(0px, -1px); }
  75% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  87% {
    -webkit-transform: translate(-1px, 0px);
    transform: translate(-1px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }
@-webkit-keyframes tree-one-water-drop-mobile {
  from {
    top: 32px;
    opacity: 1;
    filter: alpha(opacity=100); }
  to {
    top: 100px;
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes tree-one-water-drop-mobile {
  from {
    top: 32px;
    opacity: 1;
    filter: alpha(opacity=100); }
  to {
    top: 100px;
    opacity: 1;
    filter: alpha(opacity=100); } }
@-webkit-keyframes tree-glass-fill-mobile {
  0% {
    background-image: url("/static/img/default/tree/glass/glass-mobile-1.png"); }
  25% {
    background-image: url("/static/img/default/tree/glass/glass-mobile-2.png"); }
  50% {
    background-image: url("/static/img/default/tree/glass/glass-mobile-3.png"); }
  75% {
    background-image: url("/static/img/default/tree/glass/glass-mobile-4.png"); }
  100% {
    background-image: url("/static/img/default/tree/glass/glass-mobile-5.png"); } }
@keyframes tree-glass-fill-mobile {
  0% {
    background-image: url("/static/img/default/tree/glass/glass-mobile-1.png"); }
  25% {
    background-image: url("/static/img/default/tree/glass/glass-mobile-2.png"); }
  50% {
    background-image: url("/static/img/default/tree/glass/glass-mobile-3.png"); }
  75% {
    background-image: url("/static/img/default/tree/glass/glass-mobile-4.png"); }
  100% {
    background-image: url("/static/img/default/tree/glass/glass-mobile-5.png"); } }
.process .box-1 {
  height: 1010px;
  text-align: center;
  color: #012835;
  background: transparent url("/static/img/default/tree/process-bg-1.png") repeat-x center 658px; }
  @media (max-width: 1279px) {
    .process .box-1 {
      height: 407px;
      background: transparent url("/static/img/default/tree/process-bg-1-mobile.png") repeat-x center 231px; } }
  .process .box-1 .tree-outer {
    height: 1010px;
    text-align: center;
    color: #012835;
    background: #ffffff url("/static/img/default/tree/tree-water-bg.png") no-repeat center 220px;
    -webkit-animation-name: tree-water-fill;
    animation-name: tree-water-fill;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }
    @media (max-width: 1279px) {
      .process .box-1 .tree-outer {
        height: 407px;
        background: #ffffff url("/static/img/default/tree/tree-water-bg-mobile.png") no-repeat center 2px;
        max-width: 640px;
        -webkit-animation-name: tree-water-fill-mobile;
        animation-name: tree-water-fill-mobile; } }
  .process .box-1 .tree {
    height: 1010px;
    background: transparent url("/static/img/default/tree/tree-bg.png") no-repeat center top; }
    @media (max-width: 1279px) {
      .process .box-1 .tree {
        height: 407px;
        background: transparent url("/static/img/default/tree/tree-bg-mobile.png") no-repeat center top; } }
    .process .box-1 .tree .preloader {
      position: absolute;
      left: -9999px;
      top: -9999px; }
    .process .box-1 .tree .preloader img {
      display: block; }
  @media (max-width: 1279px) {
    .process .box-1 .tree-parts {
      width: 320px;
      height: auto;
      margin: 0 auto; } }
  .process .box-1 .drops {
    width: 518px;
    height: 123px;
    position: relative;
    top: 580px;
    left: 378px; }
    @media (max-width: 1279px) {
      .process .box-1 .drops {
        width: 259px;
        height: 62px;
        position: relative;
        top: 252px;
        left: 29px; } }
    .process .box-1 .drops .p1 {
      background: transparent url("/static/img/default/tree/drops-p1.png") no-repeat center top;
      /*
                      -webkit-animation-name: tree-water-drops;
                      animation-name: tree-water-drops;
                      -webkit-animation-duration: 1.3s;
                      animation-duration: 1.3s;
                      -webkit-animation-timing-function: ease;
                      animation-timing-function: ease;
                      -webkit-animation-iteration-count: infinite;
                      animation-iteration-count: infinite;
      */
      width: 518px;
      height: 123px;
      position: absolute;
      top: 0px;
      left: 0px; }
      @media (max-width: 1279px) {
        .process .box-1 .drops .p1 {
          width: 259px;
          height: 62px;
          background: transparent url("/static/img/default/tree/drops-mobile-p1.png") no-repeat center top;
          /*
                              animation-name: tree-water-drops-mobile;
                              -webkit-animation-name: tree-water-drops-mobile;
          */ } }
    .process .box-1 .drops .p2 {
      background: transparent url("/static/img/default/tree/drops-p2.png") no-repeat center top;
      /*
                      -webkit-animation-name: tree-water-drops;
                      animation-name: tree-water-drops;
                      -webkit-animation-duration: 1.3s;
                      animation-duration: 1.3s;
                      -webkit-animation-timing-function: ease;
                      animation-timing-function: ease;
                      -webkit-animation-iteration-count: infinite;
                      animation-iteration-count: infinite;
                      -webkit-animation-delay: 0.6s;
                      animation-delay: 0.6s;
      */
      width: 518px;
      height: 123px;
      position: absolute;
      top: 0px;
      left: 0px; }
      @media (max-width: 1279px) {
        .process .box-1 .drops .p2 {
          width: 259px;
          height: 62px;
          background: transparent url("/static/img/default/tree/drops-mobile-p2.png") no-repeat center top;
          /*
                              -webkit-animation-name: tree-water-drops-mobile;
                              animation-name: tree-water-drops-mobile;
          */ } }
  .process .box-1 .drop {
    width: 18px;
    height: 22px;
    background: transparent url("/static/img/default/tree/drop.png") no-repeat center top;
    position: relative;
    top: 140px;
    left: 668px;
    opacity: 0;
    -webkit-animation-name: tree-one-water-drop;
    animation-name: tree-one-water-drop;
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
    @media (max-width: 1279px) {
      .process .box-1 .drop {
        width: 9px;
        height: 11px;
        background: transparent url("/static/img/default/tree/drop-mobile.png") no-repeat center top;
        position: relative;
        top: 32px;
        left: 174px;
        opacity: 0;
        -webkit-animation-name: tree-one-water-drop-mobile;
        animation-name: tree-one-water-drop-mobile; } }
  .process .box-1 .elements {
    width: 615px;
    height: 115px;
    position: relative;
    top: -366px;
    left: 323px; }
    @media (max-width: 1279px) {
      .process .box-1 .elements {
        width: 308px;
        height: 58px;
        top: 47px;
        left: 1px; } }
    .process .box-1 .elements .el-1, .process .box-1 .elements .el-2, .process .box-1 .elements .el-3, .process .box-1 .elements .el-4, .process .box-1 .elements .el-5, .process .box-1 .elements .el-6, .process .box-1 .elements .el-7, .process .box-1 .elements .el-8, .process .box-1 .elements .el-9 {
      width: 47px;
      height: 47px;
      background: transparent no-repeat center center;
      background-size: 100% 100%;
      position: relative;
      top: 0px;
      left: 0px;
      opacity: 0;
      transition: opacity 0.2s ease;
      -webkit-animation-name: tree-water-drops;
      animation-name: tree-water-drops;
      -webkit-animation-duration: 1.3s;
      animation-duration: 1.3s;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
      @media (max-width: 1279px) {
        .process .box-1 .elements .el-1, .process .box-1 .elements .el-2, .process .box-1 .elements .el-3, .process .box-1 .elements .el-4, .process .box-1 .elements .el-5, .process .box-1 .elements .el-6, .process .box-1 .elements .el-7, .process .box-1 .elements .el-8, .process .box-1 .elements .el-9 {
          width: 24px;
          height: 24px;
          -webkit-animation-name: tree-water-drops-mobile;
          animation-name: tree-water-drops-mobile; } }
    .process .box-1 .elements .el-1 {
      background-image: url("/static/img/default/tree/element/k.png");
      top: 9px;
      left: 10px; }
      @media (max-width: 1279px) {
        .process .box-1 .elements .el-1 {
          top: 4px;
          left: 5px; } }
    .process .box-1 .elements .el-2 {
      background-image: url("/static/img/default/tree/element/na.png");
      top: 11px;
      left: 78px;
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s; }
      @media (max-width: 1279px) {
        .process .box-1 .elements .el-2 {
          top: 6px;
          left: 39px; } }
    .process .box-1 .elements .el-3 {
      background-image: url("/static/img/default/tree/element/ca.png");
      top: -82px;
      left: 147px;
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s; }
      @media (max-width: 1279px) {
        .process .box-1 .elements .el-3 {
          top: -41px;
          left: 74px; } }
    .process .box-1 .elements .el-4 {
      background-image: url("/static/img/default/tree/element/p.png");
      top: -75px;
      left: 217px;
      -webkit-animation-delay: 0.7s;
      animation-delay: 0.7s; }
      @media (max-width: 1279px) {
        .process .box-1 .elements .el-4 {
          top: -38px;
          left: 109px; } }
    .process .box-1 .elements .el-5 {
      width: 66px;
      height: 67px;
      background-image: url("/static/img/default/tree/element/vitamins.png");
      top: -189px;
      left: 281px; }
      @media (max-width: 1279px) {
        .process .box-1 .elements .el-5 {
          width: 33px;
          height: 34px;
          top: -95px;
          left: 141px; } }
    .process .box-1 .elements .el-6 {
      background-image: url("/static/img/default/tree/element/mg.png");
      top: -190px;
      left: 366px;
      -webkit-animation-delay: 0.1s;
      animation-delay: 0.1s; }
      @media (max-width: 1279px) {
        .process .box-1 .elements .el-6 {
          top: -95px;
          left: 183px; } }
    .process .box-1 .elements .el-7 {
      background-image: url("/static/img/default/tree/element/mn.png");
      top: -290px;
      left: 434px;
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s; }
      @media (max-width: 1279px) {
        .process .box-1 .elements .el-7 {
          top: -145px;
          left: 217px; } }
    .process .box-1 .elements .el-8 {
      background-image: url("/static/img/default/tree/element/zn.png");
      top: -289px;
      left: 505px;
      -webkit-animation-delay: 1.1s;
      animation-delay: 1.1s; }
      @media (max-width: 1279px) {
        .process .box-1 .elements .el-8 {
          top: -145px;
          left: 253px; } }
    .process .box-1 .elements .el-9 {
      background-image: url("/static/img/default/tree/element/fe.png");
      top: -394px;
      left: 564px;
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s; }
      @media (max-width: 1279px) {
        .process .box-1 .elements .el-9 {
          top: -197px;
          left: 282px; } }
  .process .box-1 .glass {
    width: 72px;
    height: 118px;
    background: transparent url("/static/img/default/tree/glass/glass-1.png") no-repeat center top;
    position: relative;
    top: 191px;
    left: 656px;
    -webkit-animation-name: tree-glass-fill;
    animation-name: tree-glass-fill;
    -webkit-animation-delay: 8.5s;
    animation-delay: 8.5s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
    @media (max-width: 1279px) {
      .process .box-1 .glass {
        width: 36px;
        height: 59px;
        background: transparent url("/static/img/default/tree/glass/glass-mobile-1.png") no-repeat center top;
        position: relative;
        top: 57px;
        left: 168px;
        -webkit-animation-name: tree-glass-fill-mobile;
        animation-name: tree-glass-fill-mobile; } }
  .process .box-1 .text-1 {
    width: 180px;
    height: 120px;
    text-align: left;
    position: relative;
    top: 50px;
    left: 120px;
    color: #089ca8; }
  .process .box-1 .text-2 {
    width: 295px;
    height: 120px;
    text-align: left;
    position: relative;
    top: 120px;
    left: 120px;
    color: #004259; }
    @media (max-width: 1279px) {
      .process .box-1 .text-2 {
        top: 168px;
        left: 25px;
        width: 120px;
        height: 60px; }
        .process .box-1 .text-2 .px48 {
          font-size: 18px; } }
  .process .box-1 .text-3 {
    width: 280px;
    height: 165px;
    text-align: left;
    position: relative;
    top: -70px;
    left: 785px;
    color: #004259; }
    @media (max-width: 1279px) {
      .process .box-1 .text-3 {
        top: -80px;
        left: 200px;
        width: 120px;
        height: 60px; }
        .process .box-1 .text-3 .px48 {
          font-size: 18px; } }
  .process .box-1 .bubble-1 {
    width: 266px;
    height: 205px;
    background: transparent url("/static/img/default/tree/tree-bubble-1.png") no-repeat 0 0;
    text-align: center;
    position: relative;
    top: -276px;
    left: 180px;
    color: #ffffff;
    padding: 53px 40px 0 0; }
  .process .box-1 .bubble-2 {
    width: 239px;
    height: 159px;
    background: transparent url("/static/img/default/tree/tree-bubble-2.png") no-repeat 0 0;
    text-align: center;
    position: relative;
    top: -330px;
    left: 864px;
    color: #ffffff;
    padding: 76px 0 0 40px; }
.process .box-2 {
  height: 170px;
  text-align: center;
  background: linear-gradient(to bottom, #1a0304 0%, #0d0812 100%); }
  .process .box-2 a {
    display: block;
    width: 200px;
    height: 80px;
    margin: 0 auto;
    font-family: "Open Sans", Arial, Helvetica, Helvetica Neue, sans-serif;
    font-weight: 600;
    color: #079ba5;
    text-transform: uppercase;
    font-size: 21px;
    background: transparent url("/static/img/default/tree/tree-next-arrow.png") no-repeat center bottom; }
.process .box-3 {
  height: 225px;
  text-align: center;
  background: linear-gradient(to bottom, #0d0812 0%, #001c2e 100%);
  color: #ffffff; }
  @media (max-width: 1279px) {
    .process .box-3 {
      height: auto;
      background: linear-gradient(to bottom, #1a0304 0%, #001c2e 100%);
      padding: 0 10px 60px 10px; } }
  .process .box-3 div > div {
    height: 225px;
    padding: 10px 0 0 0;
    border-right: solid 3px #079ba5; }
    @media (max-width: 1279px) {
      .process .box-3 div > div {
        height: auto;
        border: none; } }
    .process .box-3 div > div:last-child {
      border-right: none; }
  .process .box-3 hr {
    width: 65%;
    height: 3px;
    background-color: #08a3aa;
    border: none;
    margin: 20px auto; }
.process .box-4 {
  height: 560px;
  text-align: center;
  background: linear-gradient(to bottom, #001c2e 0%, #5a93a8 100%);
  color: #ffffff;
  padding: 105px 0 0 0; }
  @media (max-width: 1279px) {
    .process .box-4 {
      height: auto;
      padding: 45px 0;
      color: #079ba5;
      background: #ffffff; }
      .process .box-4 p {
        padding: 0 12px; } }
.process .box-5 {
  height: 672px;
  text-align: center;
  background: transparent url("/static/img/default/tree/process-bg-2.png") no-repeat center top;
  color: #ffffff; }
  @media (max-width: 1279px) {
    .process .box-5 {
      height: auto;
      background: linear-gradient(to bottom, #001c2e 0%, #5a93a8 100%);
      padding: 40px 10px; } }
  .process .box-5 div > div {
    height: 235px;
    padding: 10px 0 0 0;
    border-right: solid 3px #079ba5; }
    @media (max-width: 1279px) {
      .process .box-5 div > div {
        height: auto;
        border: none; } }
    .process .box-5 div > div:last-child {
      border-right: none; }
  .process .box-5 hr {
    width: 65%;
    height: 3px;
    background-color: #08a3aa;
    border: none;
    margin: 20px auto; }
.process .box-6 {
  height: 439px;
  background: transparent url("/static/img/default/tree/process-bg-2-mobile.png") no-repeat center top; }

.get-editor {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url("/static/img/icons/pencil.png") no-repeat 0 0;
  text-indent: -9999px; }

.get-bg-editor {
  display: block;
  width: 16px;
  height: 16px;
  background: transparent url("/static/img/icons/image_edit.png") no-repeat 0 0;
  text-indent: -9999px;
  float: right;
  margin: 10px 10px -16px 0; }

#bg-editor-form label, #bg-editor-form input,
#editor-form label,
#editor-form input {
  display: block; }
#bg-editor-form textarea,
#editor-form textarea {
  width: 600px;
  height: 190px; }
#bg-editor-form fieldset,
#editor-form fieldset {
  padding: 0;
  border: 0;
  margin-top: 25px; }
#bg-editor-form h1,
#editor-form h1 {
  font-size: 1.2em;
  margin: .6em 0; }
#bg-editor-form .ui-dialog .ui-state-error,
#editor-form .ui-dialog .ui-state-error {
  padding: .3em; }
#bg-editor-form .validateTips,
#editor-form .validateTips {
  border: 1px solid transparent;
  padding: 0.3em; }

@keyframes blink {
  0% {
    border-radius: 50%;
    transform: scaleY(1); }
  10% {
    border-radius: 30%;
    transform: scaleY(0.8); }
  20% {
    border-radius: 25%;
    transform: scaleY(0.3); }
  25% {
    border-radius: 50%;
    transform: scaleY(1); }
  100% {
    border-radius: 50%;
    transform: scaleY(1); } }

/*# sourceMappingURL=style.css.map */