@import "normalize.css";
@import "ss-social.css";
@import "ss-standard.css";
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  margin: 0 0 20px;
}
.grid:after {
  content: "";
  display: table;
  clear: both;
}
.grid [class*="col"] {
  float: left;
  padding: 0 20px;
  min-height: 1px;
}
.grid .grid {
  margin: 0 -20px 20px;
}
.grid .grid [class*="col"] {
  padding: 0 20px;
}
.grid .grid:last-child {
  margin-bottom: 0;
}
.col-1-12 {
  width: 8.33333333333333%;
}
.col-2-12 {
  width: 16.66666666666667%;
}
.col-3-12 {
  width: 25%;
}
.col-4-12 {
  width: 33.33333333333333%;
}
.col-5-12 {
  width: 41.66666666666667%;
}
.col-6-12 {
  width: 50%;
}
.col-7-12 {
  width: 58.33333333333333%;
}
.col-8-12 {
  width: 66.66666666666667%;
}
.col-9-12 {
  width: 75%;
}
.col-10-12 {
  width: 83.33333333333333%;
}
.col-11-12 {
  width: 91.66666666666667%;
}
.col-12-12 {
  width: 100%;
  margin-bottom: 10px;
}
.grid-pad {
  padding: 20px 0 20px 20px;
}
.grid-pad [class*="col"]:last-of-type {
  padding-right: 20px;
}
.flow [class*="col"] {
  margin-bottom: 20px;
}
.module {
  padding: 20px;
}
.indent-1-12 {
  margin-left: 8.333%;
}
.indent-2-12 {
  margin-left: 16.667%;
}
.indent-3-12 {
  margin-left: 25%;
}
.outdent-1-12 {
  margin-right: 8.333%;
}
.outdent-2-12 {
  margin-left: 16.667%;
}
.outdent-3-12 {
  margin-left: 25%;
}
@media only screen and (max-width: 700px) {
  .grid {
    margin: 0;
  }
  .grid .grid {
    margin: 40px -20px 20px;
  }
  [class*="col"] {
    width: 100%;
    margin: 0 auto 20px;
  }
  [class*="col"] [class*="col"]:last-of-type {
    margin-bottom: 0;
  }
  html[class*="col"] {
    margin: 0 auto 0;
  }
  .indent-1-12,
  .outdent-1-12 {
    margin: 0;
  }
}
html {
  font-size: 62.5%;
}
.default-text {
  font-family: Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  line-height: 20px !important;
  font-style: normal !important;
}
a {
  color: #0066cc;
  text-decoration: none;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a .ss-icon:hover {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
  margin: 0 0 20px;
  font-family: Georgia, Times New Roman, serif;
  font-weight: 400;
  line-height: 20px;
}
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  line-height: 10px;
}
p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ol + h1,
ol + h2,
ol + h3,
ol + h4,
ol + h5 {
  margin: 40px 0 20px;
}
p {
  font-family: Helvetica, Arial, sans-serif;
}
p button,
p .button,
p .btn {
  margin-top: 5px;
}
p button.small,
p .button.small,
p .btn.small {
  margin-top: 0;
}
p ul,
p ol {
  margin-bottom: 0;
}
ul,
ol {
  margin: 0 0 20px;
  padding: 0 0 0 20px;
  font-family: Helvetica, Arial, sans-serif;
}
ul li,
ol li {
  margin: 10px 0;
}
ul.list-style-none,
ol.list-style-none {
  padding-left: 0;
  list-style-type: none;
}
strong,
.strong {
  font-weight: bold;
}
em,
.em {
  font-style: italic;
}
blockquote {
  margin: 0 0 20px;
  padding: 10px;
  border: 1px solid #d4d4d4;
  border-color: #e9e9e9;
  border-left: 8px solid #99ccff;
  background: #f5faff;
}
blockquote p,
blockquote cite {
  display: block;
  font-family: Georgia, Times New Roman, serif;
}
blockquote p {
  margin: 0 0 10px 30px;
  position: relative;
  top: -40px;
}
blockquote:before {
  color: #3399ff;
  content: "“";
  font-size: 4em;
  line-height: 1em;
}
blockquote cite {
  color: #3399ff;
  text-align: right;
  font-style: italic;
  margin: -40px 10px 20px 0;
}
blockquote.image-right {
  padding: 10px;
  margin-left: 20px;
}
cite:before {
  content: "- ";
}
sup {
  vertical-align: super;
  font-size: 9px;
  font-size: 0.9rem;
}
dl dt {
  margin: 20px 0 0;
}
hr {
  clear: both;
  margin: 20px 0;
  border: 1px solid #d4d4d4;
  border-color: #eeeeee;
}
.sans {
  font-family: Helvetica, Arial, sans-serif !important;
}
.serif {
  font-family: Georgia, Times New Roman, serif !important;
}
.caps {
  text-transform: uppercase;
}
.intro {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 30px;
  font-family: Georgia, Times New Roman, serif;
  font-style: italic;
  font-weight: normal;
}
.centered {
  text-align: center;
}
.normal {
  font-style: normal;
}
.underlined {
  text-decoration: underline;
}
.justify {
  text-align: justify;
}
.dark {
  color: #222222;
}
.light {
  color: #ffffff;
  -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
.subtle-text {
  color: #bbbbbb;
}
.note {
  border: 1px solid #d4d4d4;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #ebf5ff;
  border-color: #99ccff;
  padding: 10px;
  margin: 0 0 20px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #0066cc;
  position: relative;
}
.note a {
  color: #0052a3;
  text-decoration: underline;
}
.note a.button {
  text-decoration: none;
}
.note a:hover {
  color: #003d7a;
  background: rgba(255, 255, 255, 0.2);
}
.note .close {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@ieValue)";
  opacity: 0.5;
}
.note .close:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@ieValue)";
  opacity: 0.8;
  text-decoration: none;
}
p .note,
span.note {
  padding: 2px;
  font-size: 12px;
  font-size: 1.2rem;
}
p .note .close,
span.note .close {
  display: none;
}
.drop-cap {
  float: left;
  color: #006b3f;
  font-size: 64px;
  font-size: 6.4rem;
  line-height: 60px;
  padding: 0 10px 0 0;
  font-family: Georgia, Times New Roman, serif !important;
  font-style: normal !important;
}
.warning {
  color: #483501;
  background: #fff7e3;
  border-color: #c8b98f;
}
.success {
  color: #003821;
  background: #e5fff4;
  border-color: #00c775;
}
.failure {
  color: #8f0000;
  background: #fff0f0;
  border-color: #ffa3a3;
}
.facebook:hover,
.twitter:hover,
.google-plus:hover,
.linked-in:hover {
  text-decoration: none;
}
.facebook {
  color: #3b5998;
}
.facebook:hover {
  color: #2a3f6c;
}
.twitter {
  color: #4099ff;
}
.twitter:hover {
  color: #0378ff;
}
.google-plus {
  color: #ce4231;
}
.google-plus:hover {
  color: #9d3225;
}
.pinterest {
  color: #cb2027;
}
.pinterest:hover {
  color: #96181d;
}
.linked-in {
  color: #2e8dd7;
}
.linked-in:hover {
  color: #206ca8;
}
h1,
.tera {
  font-weight: 400;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 40px;
}
h2,
.giga {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 30px;
}
h3,
.mega {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
}
h4,
.kilo {
  font-size: 21px;
  font-size: 2.1rem;
}
h5,
.hecto {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
}
h6,
.deca {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
}
h1.big,
.bigger,
.biggest {
  line-height: 1;
}
h1.big {
  font-size: 48px;
  font-size: 4.8rem;
}
h1.bigger {
  font-size: 60px;
  font-size: 6rem;
}
h1.biggest {
  font-size: 72px;
  font-size: 7.2rem;
}
small,
.small {
  font-size: 11px;
  font-size: 1.1rem;
}
.smaller,
.smallest {
  line-height: 10px;
}
.smaller {
  font-size: 9px;
  font-size: 0.9rem;
}
.smallest {
  font-size: 8px;
  font-size: 0.8rem;
}
.fancy {
  display: table;
  width: 100%;
  white-space: nowrap;
}
.fancy:before,
.fancy:after {
  background: -webkit-linear-gradient(transparent 40%, #222222 42%, #222222 42%, transparent 42%, transparent 58%, #222222 58%, #222222 58%, transparent 60%);
  background: -moz-linear-gradient(transparent 40%, #222222 42%, #222222 42%, transparent 42%, transparent 58%, #222222 58%, #222222 58%, transparent 60%);
  background: -ms-linear-gradient(transparent 40%, #222222 42%, #222222 42%, transparent 42%, transparent 58%, #222222 58%, #222222 58%, transparent 60%);
  background: -o-linear-gradient(transparent 40%, #222222 42%, #222222 42%, transparent 42%, transparent 58%, #222222 58%, #222222 58%, transparent 60%);
  background: linear-gradient(transparent 40%, #222222 42%, #222222 42%, transparent 42%, transparent 58%, #222222 58%, #222222 58%, transparent 60%);
  content: '';
  display: table-cell;
  width: 50%;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding;
}
.fancy:after {
  border-left: 10px solid transparent;
}
.fancy:before {
  border-right: 10px solid transparent;
}
.ribbon {
  position: relative;
  background: #006b3f;
  color: #eee;
  height: 40px;
  line-height: 40px !important;
  text-align: center;
  margin: 0 20px 20px;
}
.ribbon:before,
.ribbon:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0px;
  border: 20px solid #006b3f;
}
.ribbon:before {
  left: -20px;
  border-right-width: 10px;
  border-left-color: transparent;
}
.ribbon:after {
  right: -20px;
  border-left-width: 10px;
  border-right-color: transparent;
}
.ribbon.action,
.ribbon.action:hover {
  background: gold;
  color: #222;
}
.ribbon.action:before,
.ribbon.action:after {
  border-color: gold;
}
.ribbon.action:before {
  border-left-color: transparent;
}
.ribbon.action:after {
  border-right-color: transparent;
}
.ribbon.subtle,
.ribbon.subtle:hover {
  background: #eee;
  color: #222;
}
.ribbon.subtle:before,
.ribbon.subtle:after {
  border-color: #eee;
}
.ribbon.subtle:before {
  border-left-color: transparent;
}
.ribbon.subtle:after {
  border-right-color: transparent;
}
@media only screen and (max-width: 700px) {
  h1,
  .tera {
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
  }
  h2,
  .giga {
    font-size: 21px;
    font-size: 2.1rem;
  }
  h3,
  .mega {
    font-size: 18px;
    font-size: 1.8rem;
  }
  h4,
  .kilo {
    font-size: 16px;
    font-size: 1.6rem;
  }
  h5,
  .hecto {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.vcard {
  padding: 10px;
  border: 1px solid #d4d4d4;
  list-style-type: none;
}
.vcard .fn {
  font-weight: bold;
}
.vcard li {
  margin: 0;
}
img {
  max-width: 100%;
  height: auto !important;
  -ms-interpolation-mode: bicubic;
}
figure {
  margin-bottom: 20px;
}
figure img {
  border: 1px solid #d4d4d4;
  border-color: #e9e9e9;
  padding: 5px;
}
figure img + a {
  display: block;
  float: right !important;
}
figure a + figcaption {
  margin-top: 0;
}
figure figcaption,
figure cite {
  clear: both;
  line-height: 20px;
}
figure figcaption {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}
figure .credit {
  display: block;
  width: 100%;
  overflow: hidden;
  font-style: italic;
  font-size: 10px;
  font-size: 1rem;
  color: #bbbbbb;
}
figure .credit:before {
  content: none;
}
.outset {
  float: right;
  margin: 0 40px 40px;
  margin-right: -55%;
  width: 75%;
  clear: both;
}
.thumb {
  border: 1px solid #d4d4d4;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.polaroid {
  border: 1px solid #d4d4d4;
  border-color: #e9e9e9;
  padding: 5px;
}
a:hover .thumb {
  border-color: #0066cc;
  opacity: .8;
}
.tile-gallery {
  border: 1px solid #eee;
}
.tile {
  float: left;
  margin: 12px;
}
.landscape {
  width: 36%;
}
.portrait {
  width: 16%;
}
.tile small {
  display: none;
}
.csscolumns .tile-gallery {
  border: none;
  -webkit-column-count: 3;
  -webkit-column-gap: 10px;
  -webkit-column-fill: auto;
  -moz-column-count: 3;
  -moz-column-gap: 10px;
  column-count: 3;
  column-gap: 15px;
  column-fill: auto;
}
.csscolumns .tile {
  float: none;
  display: inline-block;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  margin: 0 0 20px;
  padding: 10px;
  border: 1px solid #eee;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
}
.csscolumns .landscape,
.csscolumns .portrait {
  width: 100%;
}
.csscolumns .tile small {
  display: inline;
}
@media screen and (max-width: 600px) {
  .csscolumns .tile-gallery {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .csscolumns .tile {
    padding: 5px;
  }
}
@media screen and (max-width: 700px) {
  figure img {
    display: block;
  }
  figure img + a {
    float: left;
  }
  .outset {
    margin: 0 0 20px 20px;
    width: 100%;
  }
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  background: url("/graphics/paperBG.jpg");
  font-family: Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  line-height: 20px !important;
  font-style: normal !important;
  color: #222222;
}
body.open {
  background: #006b3f;
}
body.open .wrapper,
body.open .hero-text-wrap {
  max-width: 960px;
  margin: 0 auto;
}
body.open .hero.full .hero-text-wrap .semi-opaque {
  margin-top: 0;
  height: auto;
}
body.open header[role="banner"] {
  background: #c8b98f;
}
body.open nav[role="navigation"],
body.open .nav-primary,
body.open footer {
  background: #006b3f;
}
body.open nav.breadcrumb .wrapper,
body.open footer .wrapper {
  border: none;
}
body.open nav.breadcrumb {
  background: #fffaed;
  border-bottom: 1px solid #e3dbc6;
}
body.open .hero.full {
  max-width: 100%;
}
body.open .hero.full .hero-text-wrap {
  width: 960px;
  margin: 0 auto;
  float: none;
}
body.open header[role="banner"] .wrapper,
body.open nav[role="navigation"] .wrapper,
body.open .nav-primary .wrapper,
body.open footer .wrapper,
body.open nav.breadcrumb .wrapper,
body.open .hero.full .hero-text-wrap,
body.open .content .wrapper {
  box-shadow: none;
}
body.open .content {
  background: white;
}
body.open .subnav .flush {
  border-left: 1px solid #e3dbc6;
}
@media screen and (min-width: 700px) {
  body.open .hero.full {
    height: 400px;
  }
  body.open .hero.full .hero-image-wrap {
    top: -160px;
  }
}
.wrapper {
  margin: 0 auto;
  max-width: 780px;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
.content {
  position: relative;
  z-index: 0;
}
.content.grid {
  margin-bottom: 0;
}
.content .wrapper {
  padding: 20px 0 40px;
  background: #ffffff;
}
iframe.video {
  width: 100%;
  height: 295px;
  margin-bottom: 20px;
}
table {
  font-size: 12px;
  font-size: 1.2rem;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #d4d4d4;
  border-color: #e9e9e9;
}
table tr td,
table tr th {
  background: #ffffff;
}
table tr:nth-child(even) td {
  background: #f8f8f8;
}
table th {
  color: #0066cc;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: italic;
  font-family: Georgia, Times New Roman, serif !important;
}
table th,
table td {
  border: 1px solid #eeeeee;
  text-align: left;
  padding: 10px;
}
table.basic th {
  font-size: 10px;
  font-size: 1rem;
}
.pricing-menu {
  border: solid 1px #dddddd;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 1.25rem;
  text-align: center;
}
.pricing-menu * {
  list-style: none;
}
.pricing-menu li {
  margin: 0;
  padding: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}
.pricing-menu .title {
  background-color: #006b3f;
  color: #eeeeee;
  font-weight: bold;
}
.pricing-menu .price {
  background-color: #f6f6f6;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
}
.pricing-menu .description {
  background-color: white;
  padding: 0.9375rem;
  text-align: center;
  color: #777777;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.4;
  border-bottom: dotted 1px #dddddd;
}
.pricing-menu .bullet-item {
  background-color: white;
  border-bottom: dotted 1px #dddddd;
}
.pricing-menu .cta-button {
  background-color: white;
}
.pricing-table {
  margin-bottom: 20px;
}
.pricing-table table {
  font-size: 14px;
  font-size: 1.4rem;
  border: none;
}
.pricing-table table tr.tier th:first-of-type,
.pricing-table table tr.pricing th:first-of-type,
.pricing-table table tr.ask th:first-of-type,
.pricing-table table tr.tier td:first-of-type,
.pricing-table table tr.pricing td:first-of-type,
.pricing-table table tr.ask td:first-of-type {
  background: #fff;
  border: none;
}
.pricing-table table tr.tier {
  background: #fdc941;
}
.pricing-table table tr.tier th {
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif !important;
  font-style: normal;
  background: #505050;
  color: #ffffff;
}
.pricing-table table tr.tier th:last-of-type {
  position: relative;
  top: -5px;
  background: #006b3f;
  color: #eeeeee;
}
.pricing-table table tr.pricing td {
  color: #006b3f;
  font-weight: bold;
  font-weight: normal;
}
.pricing-table table tr:nth-child(even) td {
  background: white;
}
.pricing-table table tr th,
.pricing-table table tr td {
  padding: 5px;
  text-align: center;
}
.pricing-table table tr th .success,
.pricing-table table tr td .success,
.pricing-table table tr th .failure,
.pricing-table table tr td .failure {
  background: transparent;
  opacity: .6;
}
.pricing-table table tr th:last-of-type,
.pricing-table table tr td:last-of-type {
  font-size: 21px;
  width: 20%;
}
.pricing-table table tr th.feature,
.pricing-table table tr td.feature {
  font-weight: bold;
  background: #fdfdfd;
  color: #505050;
  text-align: right;
  width: 33.3%;
  font-size: 12px;
  font-size: 1.2rem;
}
.pricing-table table tr th.feature:last-of-type,
.pricing-table table tr td.feature:last-of-type {
  border-bottom: none;
}
.pricing-table table tr td:last-of-type {
  background: #f5faff;
}
.pricing-table table tr.ask td {
  border: none;
  background: none;
}
.thumb-list,
.thumb-list-big,
.user-list,
.media-object,
.media-object-big {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 20px;
  overflow: hidden;
}
.thumb-list:last-of-type,
.thumb-list-big:last-of-type,
.user-list:last-of-type,
.media-object:last-of-type,
.media-object-big:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}
.thumb-list:after,
.thumb-list-big:after,
.user-list:after,
.media-object:after,
.media-object-big:after {
  clear: both;
}
.thumb-list h1,
.thumb-list-big h1,
.user-list h1,
.media-object h1,
.media-object-big h1,
.thumb-list h2,
.thumb-list-big h2,
.user-list h2,
.media-object h2,
.media-object-big h2,
.thumb-list h3,
.thumb-list-big h3,
.user-list h3,
.media-object h3,
.media-object-big h3,
.thumb-list h4,
.thumb-list-big h4,
.user-list h4,
.media-object h4,
.media-object-big h4,
.thumb-list h5,
.thumb-list-big h5,
.user-list h5,
.media-object h5,
.media-object-big h5 {
  clear: both;
  margin-top: 0;
}
.thumb-list p,
.thumb-list-big p,
.user-list p,
.media-object p,
.media-object-big p,
.thumb-list div,
.thumb-list-big div,
.user-list div,
.media-object div,
.media-object-big div {
  overflow: hidden;
  margin-bottom: 20px;
}
.thumb-list p img,
.thumb-list-big p img,
.user-list p img,
.media-object p img,
.media-object-big p img,
.thumb-list div img,
.thumb-list-big div img,
.user-list div img,
.media-object div img,
.media-object-big div img,
.thumb-list p figure,
.thumb-list-big p figure,
.user-list p figure,
.media-object p figure,
.media-object-big p figure,
.thumb-list div figure,
.thumb-list-big div figure,
.user-list div figure,
.media-object div figure,
.media-object-big div figure {
  width: auto;
  margin: 0;
  float: none;
}
.thumb-list small,
.thumb-list-big small,
.user-list small,
.media-object small,
.media-object-big small {
  display: block;
  margin-top: 10px;
}
.thumb-list img,
.thumb-list-big img,
.user-list img,
.media-object img,
.media-object-big img,
.thumb-list figure,
.thumb-list-big figure,
.user-list figure,
.media-object figure,
.media-object-big figure {
  clear: both;
  float: left;
  height: auto;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 100px;
}
.thumb-list img.right,
.thumb-list-big img.right,
.user-list img.right,
.media-object img.right,
.media-object-big img.right,
.thumb-list figure.right,
.thumb-list-big figure.right,
.user-list figure.right,
.media-object figure.right,
.media-object-big figure.right {
  margin: 0 0 20px 20px;
}
.thumb-list figure img,
.thumb-list-big figure img,
.user-list figure img,
.media-object figure img,
.media-object-big figure img {
  width: 100%;
  margin-bottom: 10px;
}
.thumb-list.cooperation h6,
.thumb-list-big.cooperation h6,
.user-list.cooperation h6,
.media-object.cooperation h6,
.media-object-big.cooperation h6 {
  margin-bottom: 10px;
}
.thumb-list.cooperation img.thumb,
.thumb-list-big.cooperation img.thumb,
.user-list.cooperation img.thumb,
.media-object.cooperation img.thumb,
.media-object-big.cooperation img.thumb {
  width: 20%;
}
.thumb-list.small-image img,
.thumb-list-big.small-image img,
.user-list.small-image img,
.media-object.small-image img,
.media-object-big.small-image img,
.thumb-list.big-image img,
.thumb-list-big.big-image img,
.user-list.big-image img,
.media-object.big-image img,
.media-object-big.big-image img,
.thumb-list.bigger-image img,
.thumb-list-big.bigger-image img,
.user-list.bigger-image img,
.media-object.bigger-image img,
.media-object-big.bigger-image img,
.thumb-list.biggest-image img,
.thumb-list-big.biggest-image img,
.user-list.biggest-image img,
.media-object.biggest-image img,
.media-object-big.biggest-image img,
.thumb-list.small-image figure,
.thumb-list-big.small-image figure,
.user-list.small-image figure,
.media-object.small-image figure,
.media-object-big.small-image figure,
.thumb-list.big-image figure,
.thumb-list-big.big-image figure,
.user-list.big-image figure,
.media-object.big-image figure,
.media-object-big.big-image figure,
.thumb-list.bigger-image figure,
.thumb-list-big.bigger-image figure,
.user-list.bigger-image figure,
.media-object.bigger-image figure,
.media-object-big.bigger-image figure,
.thumb-list.biggest-image figure,
.thumb-list-big.biggest-image figure,
.user-list.biggest-image figure,
.media-object.biggest-image figure,
.media-object-big.biggest-image figure {
  min-width: 50px;
  width: 12.5%;
}
.thumb-list.small-image figure img,
.thumb-list-big.small-image figure img,
.user-list.small-image figure img,
.media-object.small-image figure img,
.media-object-big.small-image figure img,
.thumb-list.big-image figure img,
.thumb-list-big.big-image figure img,
.user-list.big-image figure img,
.media-object.big-image figure img,
.media-object-big.big-image figure img,
.thumb-list.bigger-image figure img,
.thumb-list-big.bigger-image figure img,
.user-list.bigger-image figure img,
.media-object.bigger-image figure img,
.media-object-big.bigger-image figure img,
.thumb-list.biggest-image figure img,
.thumb-list-big.biggest-image figure img,
.user-list.biggest-image figure img,
.media-object.biggest-image figure img,
.media-object-big.biggest-image figure img {
  width: 100%;
}
.thumb-list.big-image img,
.thumb-list-big.big-image img,
.user-list.big-image img,
.media-object.big-image img,
.media-object-big.big-image img,
.thumb-list.bigger-image img,
.thumb-list-big.bigger-image img,
.user-list.bigger-image img,
.media-object.bigger-image img,
.media-object-big.bigger-image img,
.thumb-list.biggest-image img,
.thumb-list-big.biggest-image img,
.user-list.biggest-image img,
.media-object.biggest-image img,
.media-object-big.biggest-image img,
.thumb-list.big-image figure,
.thumb-list-big.big-image figure,
.user-list.big-image figure,
.media-object.big-image figure,
.media-object-big.big-image figure,
.thumb-list.bigger-image figure,
.thumb-list-big.bigger-image figure,
.user-list.bigger-image figure,
.media-object.bigger-image figure,
.media-object-big.bigger-image figure,
.thumb-list.biggest-image figure,
.thumb-list-big.biggest-image figure,
.user-list.biggest-image figure,
.media-object.biggest-image figure,
.media-object-big.biggest-image figure {
  min-width: 100px;
  width: 25%;
}
.thumb-list.bigger-image img,
.thumb-list-big.bigger-image img,
.user-list.bigger-image img,
.media-object.bigger-image img,
.media-object-big.bigger-image img,
.thumb-list.bigger-image figure,
.thumb-list-big.bigger-image figure,
.user-list.bigger-image figure,
.media-object.bigger-image figure,
.media-object-big.bigger-image figure {
  width: 40%;
}
.thumb-list.biggest-image img,
.thumb-list-big.biggest-image img,
.user-list.biggest-image img,
.media-object.biggest-image img,
.media-object-big.biggest-image img,
.thumb-list.biggest-image figure,
.thumb-list-big.biggest-image figure,
.user-list.biggest-image figure,
.media-object.biggest-image figure,
.media-object-big.biggest-image figure {
  width: 50%;
}
.thumb-list a + img,
.thumb-list-big a + img,
.user-list a + img,
.media-object a + img,
.media-object-big a + img {
  margin-top: 20px;
}
.thumb-list-big img,
.media-object-big img,
.thumb-list-big figure,
.media-object-big figure {
  min-width: 100px;
  width: 25%;
}
.thumb-list-big p,
.media-object-big p {
  font-size: 16px;
  font-size: 1.6rem;
}
.user-list div {
  height: 320px;
}
.user-list div.portrait:first-of-type {
  clear: both;
}
.user-list img.portrait {
  height: 237px;
  width: auto;
  display: inline;
}
.thumb-grid {
  width: 33.3%;
  height: auto;
  height: 260px\9;
  margin-bottom: 10px;
}
.thumb-grid img {
  width: 100%;
}
.thumb-grid h2,
.thumb-grid h3,
.thumb-grid h4,
.thumb-grid h5 {
  margin-bottom: 10px;
}
.thumb-grid img + h2,
.thumb-grid img + h3,
.thumb-grid img + h4,
.thumb-grid img + h5 {
  margin-top: 5px;
}
.thumb-grid:nth-child(3n+1) {
  clear: both;
}
.media-object.cooperation img.thumb {
  width: 160px;
  padding: 10px;
  margin-right: 40px;
}
.media-object.cooperation div .cooperator {
  margin: 0 10px;
  display: inline-block;
  width: 64px;
  clear: none;
}
.cooperator {
  margin: 0 10px 10px 0;
  display: inline-block;
  width: 64px;
  clear: none;
}
.cooperator img {
  width: 64px;
  max-width: 100%;
}
.subnav .cooperator {
  margin: 0 10px 10px 0;
  display: inline-block;
  width: 64px;
  clear: none;
}
.subnav .cooperator img {
  width: 64px;
  max-width: 100%;
}
.popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 70%;
  margin: 0 auto;
}
button.mfp-arrow:active {
  top: 50%;
}
.mfp-counter {
  width: 100%;
  text-align: right;
}
.popup-link:hover img,
.popup-gallery:hover img {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.callout {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.93);
  -moz-box-shadow: 0 2px 1px rgba(50, 50, 50, 0.2);
  -webkit-box-shadow: 0 2px 1px rgba(50, 50, 50, 0.2);
  box-shadow: 0 2px 1px rgba(50, 50, 50, 0.2);
  padding: 20px !important;
  border: 1px solid #d4d4d4;
  border-color: #e9e9e9;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.callout:hover {
  -moz-box-shadow: 0 2px 1px rgba(50, 50, 50, 0.5);
  -webkit-box-shadow: 0 2px 1px rgba(50, 50, 50, 0.5);
  box-shadow: 0 2px 1px rgba(50, 50, 50, 0.5);
  -ms-transform: scale(1.1, 1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1, 1.1);
  /* Chrome, Safari, Opera */
  transform: scale(1.1, 1.1);
}
@media screen and (max-width: 399px) {
  .content .thumb-grid {
    width: 100% !important;
    height: auto;
  }
}
@media screen and (max-width: 700px) {
  .content form [class*='col-'] {
    width: 100%;
    margin: 0 auto;
  }
  .thumb-grid {
    width: 50%;
  }
  .thumb-grid:nth-child(3n+1) {
    clear: none;
  }
  .thumb-grid:nth-child(2n+1) {
    clear: both;
  }
  .main-content {
    padding-top: 40px !important;
  }
  iframe.video {
    height: auto;
  }
  .user-list div {
    height: auto;
  }
  .media-object.cooperation img.thumb {
    margin-right: 20px;
    width: 80px;
    display: none;
  }
  .media-object.cooperation div {
    clear: both;
  }
  .swipe .prev,
  .swipe .next {
    display: none;
  }
  html,
  body {
    overflow-x: hidden !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1100px) {
  .popup {
    width: 60%;
    padding: 10px;
  }
}
@media screen and (min-width: 1400px) {
  .popup {
    width: 40%;
    padding: 10px;
  }
}
.hero {
  position: relative;
  height: 295px;
  overflow: hidden;
  background: #eeeeee;
  margin: 0 auto;
  max-width: 780px;
  border-bottom: 4px solid #006b3f;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
.hero .wrapper {
  box-shadow: none;
  padding: 0;
  height: 100%;
}
.hero .hero-image-wrap {
  width: 66.6667%;
  float: right;
  overflow: hidden;
  position: relative;
}
.hero .hero-image-wrap a {
  border: none;
}
.hero .hero-image-wrap a:hover {
  border: none;
}
.hero .hero-image-wrap iframe {
  margin: 0;
}
.hero .hero-image-wrap .caption {
  position: absolute;
  bottom: 20px;
  right: 20px;
  margin-bottom: 0;
}
.hero .hero-text-wrap {
  padding: 20px;
  width: 33.3333%;
  float: left;
  height: 100%;
  background: #f3f3f3;
  position: relative;
  z-index: 0;
  -moz-box-shadow: 1px 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 0 1px rgba(0, 0, 0, 0.2);
}
.hero .hero-text-wrap a:hover h1,
.hero .hero-text-wrap a:hover p {
  text-decoration: none;
}
.hero .hero-text-wrap p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 30px;
  font-family: Georgia, Times New Roman, serif;
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.hero .hero-text-wrap .caption {
  position: absolute;
  bottom: 40px;
  margin-bottom: 0;
}
.hero .hero-text-wrap [class*="col"] {
  margin-bottom: 0;
}
.hero.full {
  height: 330px;
}
.hero.full .hero-image-wrap,
.hero.full .hero-text-wrap {
  width: 100%;
}
.hero.full .hero-image-wrap {
  position: absolute;
  left: 0;
}
.hero.full .hero-image-wrap {
  top: -60px;
}
.hero.full .hero-image-wrap .caption {
  bottom: 70px;
  left: 20px;
}
.hero.full .hero-text-wrap {
  width: 100%;
  height: auto;
  position: relative;
  background: transparent;
  box-shadow: none;
  padding: 20px 0;
}
.hero.full .hero-text-wrap p.intro {
  font-size: 20px;
  font-size: 2rem;
}
.hero.full .hero-text-wrap .semi-opaque {
  margin-top: -20px;
  height: 330px;
}
.hero.full.video {
  height: auto;
}
.hero.full.video .hero-media-wrap {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 700px) {
  .hero,
  .hero.full {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #006b3f;
    border-bottom: 1px solid #eeeeee;
    box-shadow: none;
  }
  .hero .hero-image-wrap,
  .hero.full .hero-image-wrap,
  .hero .hero-text-wrap,
  .hero.full .hero-text-wrap {
    width: 100%;
    height: 100%;
    position: static;
  }
  .hero .hero-text-wrap,
  .hero.full .hero-text-wrap {
    padding: 20px;
    border-bottom: #bbbbbb;
    background: white;
  }
  .hero .hero-text-wrap h1,
  .hero.full .hero-text-wrap h1 {
    font-size: 30px;
    font-size: 3rem;
  }
  .hero .hero-text-wrap p,
  .hero.full .hero-text-wrap p {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .hero .hero-image-wrap,
  .hero.full .hero-image-wrap {
    padding: 0;
    position: relative;
    top: 0;
  }
  .hero .hero-image-wrap .caption,
  .hero.full .hero-image-wrap .caption {
    bottom: 20px;
    right: 20px;
  }
  .hero.full .hero-text-wrap {
    padding: 20px 0 0 !important;
  }
  .hero.full .hero-text-wrap h1,
  .hero.full .hero-text-wrap h1.light {
    font-size: 36px;
    font-size: 3.6rem;
    margin: 0 0 20px;
  }
  .hero.full .hero-text-wrap .light {
    color: #222222;
    text-shadow: none;
  }
  .hero.full .hero-text-wrap .semi-opaque {
    box-shadow: none;
    height: auto;
    margin: 0;
    padding: 0 20px !important;
  }
  .hero.full .hero-image-wrap .caption {
    right: 20px;
  }
}
header,
footer,
nav {
  display: block;
}
header,
nav {
  overflow: hidden;
  margin: 0;
}
header[role="banner"] {
  position: relative;
  padding: 0;
  overflow: visible;
}
header[role="banner"] .wrapper {
  box-shadow: none;
  background: #c8b98f;
  padding: 10px 0;
  position: relative;
}
header[role="banner"] .logo,
header[role="banner"] .tagline,
header[role="banner"] form {
  margin: 10px 0 0;
}
header[role="banner"] .logo h1,
header[role="banner"] .tagline h1,
header[role="banner"] form h1,
header[role="banner"] .logo h2,
header[role="banner"] .tagline h2,
header[role="banner"] form h2 {
  margin-bottom: 0;
}
header[role="banner"] .logo .home,
header[role="banner"] .tagline .home,
header[role="banner"] form .home {
  visibility: hidden;
  position: absolute;
  font-size: 10px;
  font-size: 1rem;
  top: -28px;
  left: 0;
  color: #006b3f;
}
header[role="banner"] .logo h1 a:hover .home,
header[role="banner"] .tagline h1 a:hover .home,
header[role="banner"] form h1 a:hover .home {
  visibility: visible;
}
header[role="banner"] .tagline h2 {
  font-style: italic;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  font-weight: normal;
}
header[role="banner"] form {
  text-align: right;
  margin-top: 20px;
}
header[role="banner"] form input {
  width: 75%;
  display: inline-block;
  margin: 0;
}
header[role="banner"] form input,
header[role="banner"] form button {
  padding: 5px;
}
header[role="banner"] form button {
  line-height: 20px;
}
header[role="banner"] .acct-links {
  position: absolute;
  top: 5px;
  right: 20px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-size: 1rem;
}
header[role="banner"] .acct-links ul li,
header[role="banner"] .acct-links ul li a {
  display: inline;
}
header[role="banner"] .acct-links ul li a {
  padding: 5px;
}
header[role="banner"] .related-sites {
  position: relative;
  overflow: visible;
  margin-top: 20px;
}
header[role="banner"] .related-sites .related-sites-link {
  padding: 7px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  background: #e1d9c2;
  color: #423920;
  border: 1px solid #a28c4f;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
header[role="banner"] .related-sites .related-sites-link:hover {
  border-color: #7f6e3f;
  background: #eae4d3;
  text-decoration: none;
}
header[role="banner"] .related-sites .related-sites-link i {
  font-size: 10px;
  font-size: 1rem;
  margin: 2px 0 0 4px;
}
header[role="banner"] .related-sites .related-sites-link.active {
  background: #ffffff;
  border-color: #ffffff;
}
header[role="banner"] .related-sites ul {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  list-style-type: none;
  width: 80%;
  padding: 0 5%;
  background: #ffffff;
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.4);
  -webkit-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.4);
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.4);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
header[role="banner"] .related-sites ul li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 40px;
  font-weight: bold;
  padding: 0;
  border-bottom: 1px solid #eeeeee;
}
header[role="banner"] .related-sites ul li:last-of-type {
  border-bottom: none;
}
header[role="banner"] .related-sites ul li a {
  display: block;
}
header[role="banner"] .related-sites ul li img {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
@media screen and (max-width: 700px) {
  header[role="banner"] .logo {
    margin-top: 0;
    width: 60%;
  }
  header[role="banner"] .logo h1 a:hover .home {
    visibility: hidden;
  }
  header[role="banner"] [class*="col-"] {
    margin: 0 0 0 -10px;
  }
  header[role="banner"] .tagline {
    display: none;
  }
  header[role="banner"] form {
    display: none;
    margin-top: 10px;
    text-align: left;
  }
  header[role="banner"] form input {
    width: 85%;
  }
  header[role="banner"] .acct-links {
    top: 20px;
    right: 10px;
    font-size: 9px;
    font-size: 0.9rem;
  }
  header[role="banner"] .related-sites {
    display: none;
  }
}
footer,
footer a,
footer ul li a {
  color: #ffffff;
}
footer {
  clear: both;
}
footer#footer-test nav[role="navigation"] ul li a {
  padding: 5px 24px;
  font-size: 12px;
}
footer#footer-test ul li {
  display: block;
  text-align: left;
}
footer#footer-test a,
footer#footer-test ul li a {
  color: #ddd;
}
footer#footer-test a {
  font-weight: bold;
  text-decoration: underline;
}
footer#footer-test a:hover {
  color: white;
}
footer#footer-test ul li a,
footer#footer-test ul li span {
  padding: 0;
  font-size: 11px;
}
footer#footer-test ul li {
  border-left: none;
}
footer#footer-test .col-2-12 {
  border-left: 1px solid #007f4b;
  height: 160px;
}
footer#footer-test ul.connect {
  text-align: left;
}
footer#footer-test ul.connect li {
  display: inline-block;
  padding: 0 5px 0 0;
}
footer#footer-test ul.connect li a {
  text-decoration: none;
  font-size: 18px;
  font-size: 1.8rem;
}
footer ul li,
footer ul li a {
  font-size: 12px;
  font-size: 1.2rem;
}
footer ul li a,
footer ul li span {
  padding: 0 10px;
}
footer ul {
  /*a.facebook, a.twitter, a.google-plus { &:hover li { text-decoration: none; } }
		a.facebook { 
			&:hover li { color: #3b5998; }
		}
		a.twitter { 
			&:hover li { color: #4099ff; }
		}
		a.google-plus { 
			&:hover li { color: #ce4231; }
		}*/
}
footer ul li a.ss-social-circle {
  color: #ffffff;
  font-size: 1.6em;
  position: relative;
  top: 4px;
  margin-right: 0;
}
footer ul li a.ss-social-circle:hover {
  color: #ffffff;
  opacity: .5;
}
.related-sites-nav-item,
.related-sites-footer {
  display: none !important;
}
@media screen and (max-width: 700px) {
  footer ul span {
    border-top: none;
  }
  footer ul,
  footer .wrapper,
  footer ul li,
  footer .wrapper li {
    display: block;
  }
  footer#footer-test ul {
    display: block;
  }
  footer#footer-test ul li a {
    padding-left: 10px;
    text-decoration: none;
    border-top: none;
    border-bottom: 1px solid #004c2d;
  }
  footer#footer-test .col-2-12 {
    border-left: none;
    height: auto;
  }
  footer#footer-test ul.connect li a {
    border: none;
  }
  footer#footer-test ul.connect li a:hover {
    background: transparent;
  }
  footer ul {
    height: 100%;
    text-align: left;
  }
  footer ul li {
    display: block;
  }
  .related-sites-nav-item,
  .related-sites-footer {
    display: block !important;
  }
}
nav[role="navigation"],
.nav-primary,
footer {
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  /* Checkbox hack */
  /* Fix for Android */
  /* default checkbox */
}
nav[role="navigation"] .wrapper,
.nav-primary .wrapper,
footer .wrapper {
  background: #006b3f;
  border-bottom: 1px solid #222222;
}
nav[role="navigation"] ul,
.nav-primary ul,
footer ul {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
nav[role="navigation"] ul li,
.nav-primary ul li,
footer ul li,
nav[role="navigation"] ul li a,
.nav-primary ul li a,
footer ul li a {
  display: inline-block;
}
nav[role="navigation"] ul li,
.nav-primary ul li,
footer ul li {
  margin: 0;
  color: #ffffff;
  font-weight: bold;
  border-left: 1px solid #007f4b;
}
nav[role="navigation"] ul li:first-of-type,
.nav-primary ul li:first-of-type,
footer ul li:first-of-type {
  border-left: none;
}
nav[role="navigation"] ul li a,
.nav-primary ul li a,
footer ul li a,
nav[role="navigation"] ul li span,
.nav-primary ul li span,
footer ul li span {
  color: #ffffff;
  padding: 5px 8px;
}
nav[role="navigation"] ul li a:hover,
.nav-primary ul li a:hover,
footer ul li a:hover {
  text-decoration: underline;
}
nav[role="navigation"] label,
.nav-primary label,
footer label {
  display: none;
}
nav[role="navigation"] body,
.nav-primary body,
footer body {
  -webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
nav[role="navigation"] input[type=checkbox],
.nav-primary input[type=checkbox],
footer input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
nav[role="navigation"] label,
.nav-primary label,
footer label {
  cursor: pointer;
  user-select: none;
}
nav[role="navigation"]#navigation-test ul li a,
.nav-primary#navigation-test ul li a {
  padding: 5px 24px;
}
nav.breadcrumb {
  font-size: 11px;
  font-size: 1.1rem;
}
nav.breadcrumb .wrapper {
  background: #fffaed;
  padding: 5px 0;
  border-bottom: 1px solid #e3dbc6;
}
nav.breadcrumb .wrapper a:first-child {
  padding-left: 20px;
}
nav.breadcrumb .wrapper ul {
  text-align: left;
  list-style-type: none;
  margin: 0;
  padding: 0 20px;
}
nav.breadcrumb .wrapper ul li {
  border: none;
  color: #222222;
  display: inline;
  line-height: 20px;
  margin: 0;
}
nav.breadcrumb .wrapper ul li:after {
  content: "→";
  margin: 0 5px;
}
nav.breadcrumb .wrapper ul li:last-of-type:after {
  content: none;
}
nav.breadcrumb .wrapper ul li a {
  color: #0066cc;
}
nav.breadcrumb .wrapper ul li a:first-child {
  padding-left: 0 !important;
}
#subnav-link,
.subnav-link-label,
.subnav .close {
  display: none;
}
.main-content,
.subnav,
.subnav-link-label {
  transition: left 0.1s ease;
}
.sidenav,
.subnav {
  float: left !important;
}
.sidenav h4 a,
.subnav h4 a,
.sidenav h5 a,
.subnav h5 a,
.sidenav h6 a,
.subnav h6 a {
  color: #222222;
}
.sidenav .flush,
.subnav .flush {
  background: #fffaed;
  border: 1px solid #d4d4d4;
  border-color: #e3dbc6;
  border-top: 0;
  border-left: 0;
  margin: -21px 0 20px -20px;
}
.sidenav ul,
.subnav ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.sidenav ul,
.subnav ul,
.sidenav ol,
.subnav ol {
  font-size: 12px;
  font-size: 1.2rem;
}
.sidenav ul li,
.subnav ul li {
  border-top: 1px solid #eae4d3;
  margin: 0;
}
.sidenav ul li > a,
.subnav ul li > a,
.sidenav ul li form,
.subnav ul li form {
  margin-bottom: 0;
  padding: 10px 0;
  position: relative;
}
.sidenav ul li ul li,
.subnav ul li ul li {
  padding-left: 10px;
}
.sidenav ul li ul li:last-of-type,
.subnav ul li ul li:last-of-type {
  margin-bottom: 0;
}
.sidenav ul li,
.subnav ul li {
  display: block;
  width: 100%;
  overflow: hidden;
}
.sidenav ul li a,
.subnav ul li a {
  display: inline-block;
}
.sidenav ul li a.active,
.subnav ul li a.active,
.sidenav ul li.active,
.subnav ul li.active,
.sidenav ul li span.active,
.subnav ul li span.active,
.sidenav ul li span.active a,
.subnav ul li span.active a {
  font-weight: bold;
  color: #414141;
}
.sidenav ul + h6,
.subnav ul + h6 {
  margin-top: 20px;
}
.sidenav .hidden,
.subnav .hidden {
  display: none;
}
.sidenav .show-hidden:hover,
.subnav .show-hidden:hover {
  text-decoration: none;
}
.sidenav .show-hidden:before,
.subnav .show-hidden:before {
  line-height: 18px;
  margin-right: 5px;
  content: "+";
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.sidenav .show-hidden.shown:before,
.subnav .show-hidden.shown:before {
  content: "−";
}
.sidenav .subnav-link,
.subnav .subnav-link {
  display: none;
}
@media screen and (max-width: 700px) {
  nav[role="navigation"] ul,
  .nav-primary ul,
  footer ul {
    display: none;
    height: 100%;
    text-align: left;
  }
  nav[role="navigation"] ul li,
  .nav-primary ul li,
  footer ul li {
    margin: 5px 0;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    line-height: 30px;
  }
  nav[role="navigation"] ul li a,
  .nav-primary ul li a,
  footer ul li a,
  nav[role="navigation"] ul li span,
  .nav-primary ul li span,
  footer ul li span {
    border-left: none;
    border-top: 1px solid #004c2d;
    display: block;
    padding-left: 10px;
  }
  nav[role="navigation"] ul li a:hover,
  .nav-primary ul li a:hover,
  footer ul li a:hover {
    background: #005230;
    text-decoration: none;
  }
  nav[role="navigation"] label,
  .nav-primary label,
  footer label {
    position: relative;
    display: block;
    width: 100%;
    min-height: 30px;
    line-height: 30px;
    padding: 5px 10px 0;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
  }
  nav[role="navigation"] label:before,
  .nav-primary label:before,
  footer label:before {
    position: absolute;
    top: 8px;
    left: 10px;
    color: #ffffff;
  }
  nav[role="navigation"] input:checked + ul,
  .nav-primary input:checked + ul,
  footer input:checked + ul {
    display: block;
  }
  nav[role="navigation"] input:checked + ul > li,
  .nav-primary input:checked + ul > li,
  footer input:checked + ul > li {
    width: 100%;
  }
  nav[role="navigation"]#navigation-test ul li.action a:hover,
  .nav-primary#navigation-test ul li.action a:hover {
    background: goldenrod;
  }
  .breadcrumb {
    display: none;
  }
  .main-content {
    width: 100%;
    position: relative;
  }
  .subnav,
  .subnav-link {
    background: #fffaed;
  }
  .subnav {
    display: block;
    height: 100%;
    width: 85%;
    position: absolute;
    left: -85%;
    top: 0;
    border-right: 1px solid #e3dbc6;
  }
  .subnav ul,
  .subnav ol {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
  }
  .subnav .flush {
    background: none;
    margin: 0 -20px;
    border: none;
    padding: 10px 20px;
  }
  .subnav h4 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 0 !important;
    padding-right: 20px;
  }
  .subnav .show-hidden {
    top: 5px;
  }
  .subnav .show-hidden:after {
    margin-left: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 1px inherit;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .main-content,
  .subnav {
    transition: left 0.1s ease;
  }
  .main-content {
    width: 100%;
    position: relative;
  }
  .subnav .close:hover {
    text-decoration: none;
  }
  .subnav-link {
    display: block !important;
    position: absolute;
    top: 20px;
    right: -140%;
    width: 140%;
    margin: -20px 0px 20px 0px;
    padding: 0 10px;
    border-bottom: 1px solid #e3dbc6;
    color: #0066cc;
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 40px;
    z-index: 2;
  }
  .subnav.subnav-active {
    width: 85% !important;
    left: 0;
  }
  .main-content.subnav-active,
  .hero.subnav-active {
    left: 85%;
    width: 100%;
  }
  .subnav .flush {
    background: none;
    margin: 0 -20px;
    border: none;
    padding: 10px 20px;
  }
  .subnav h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    margin-bottom: 0;
  }
}
.button,
button,
input[type="submit"],
.btn[disabled],
.button[disabled],
button[disabled],
input[type="submit"][disabled] {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #006b3f;
  background: -moz-linear-gradient(top, #209350 0%, #2b7447 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #209350), color-stop(100%, #2b7447));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #209350 0%, #2b7447 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #209350 0%, #2b7447 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #209350 0%, #2b7447 100%);
  /* IE10+ */
  background: linear-gradient(top, #209350 0%, #2b7447 100%);
  /* W3C */
  border: 1px solid #003821;
  color: #ffffff !important;
  -moz-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1);
  -webkit-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1);
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1);
  cursor: pointer;
  display: inline-block;
  margin-bottom: 10px;
  line-height: 2rem;
  padding: 10px;
  position: relative;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
.btn[disabled]:hover,
.button[disabled]:hover,
button[disabled]:hover,
input[type="submit"][disabled]:hover {
  background: #00854e;
  background: -moz-linear-gradient(top, #42b95f 0%, #229550 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42b95f), color-stop(100%, #229550));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #42b95f 0%, #229550 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #42b95f 0%, #229550 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #42b95f 0%, #229550 100%);
  /* IE10+ */
  background: linear-gradient(top, #42b95f 0%, #229550 100%);
  /* W3C */
  -moz-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.2);
  -webkit-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.2);
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.2);
  border-color: #000000;
  text-decoration: none;
}
.button:active,
button:active,
input[type="submit"]:active,
.btn[disabled]:active,
.button[disabled]:active,
button[disabled]:active,
input[type="submit"][disabled]:active {
  background: #006b3f;
  background: -moz-linear-gradient(top, #209350 0%, #2b7447 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #209350), color-stop(100%, #2b7447));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #209350 0%, #2b7447 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #209350 0%, #2b7447 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #209350 0%, #2b7447 100%);
  /* IE10+ */
  background: linear-gradient(top, #209350 0%, #2b7447 100%);
  /* W3C */
  -moz-box-shadow: 0 -1px 1px rgba(50, 50, 50, 0.25);
  -webkit-box-shadow: 0 -1px 1px rgba(50, 50, 50, 0.25);
  box-shadow: 0 -1px 1px rgba(50, 50, 50, 0.25);
  top: 1px;
}
.button:focus,
button:focus,
input[type="submit"]:focus,
.btn[disabled]:focus,
.button[disabled]:focus,
button[disabled]:focus,
input[type="submit"][disabled]:focus {
  outline: none;
}
.button.multi-line,
button.multi-line,
input[type="submit"].multi-line,
.btn[disabled].multi-line,
.button[disabled].multi-line,
button[disabled].multi-line,
input[type="submit"][disabled].multi-line {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
}
.button.multi-line span,
button.multi-line span,
input[type="submit"].multi-line span,
.btn[disabled].multi-line span,
.button[disabled].multi-line span,
button[disabled].multi-line span,
input[type="submit"][disabled].multi-line span,
.button.multi-line small,
button.multi-line small,
input[type="submit"].multi-line small,
.btn[disabled].multi-line small,
.button[disabled].multi-line small,
button[disabled].multi-line small,
input[type="submit"][disabled].multi-line small,
.button.multi-line .small,
button.multi-line .small,
input[type="submit"].multi-line .small,
.btn[disabled].multi-line .small,
.button[disabled].multi-line .small,
button[disabled].multi-line .small,
input[type="submit"][disabled].multi-line .small {
  font-weight: normal;
  font-style: italic;
  font-size: 11px;
  font-size: 1.1rem;
  display: block;
  line-height: 20px;
}
.button.multi-line.block,
button.multi-line.block,
input[type="submit"].multi-line.block,
.btn[disabled].multi-line.block,
.button[disabled].multi-line.block,
button[disabled].multi-line.block,
input[type="submit"][disabled].multi-line.block {
  padding: 5px 0;
}
.btn.action,
.button.action,
button.action,
input[type="submit"].action,
.action,
.btn.order,
.button.order,
button.order {
  background: #fbdd61;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbdd61 0%, #fdc941 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbdd61), color-stop(100%, #fdc941));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbdd61 0%, #fdc941 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbdd61 0%, #fdc941 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbdd61 0%, #fdc941 100%);
  /* IE10+ */
  background: linear-gradient(top, #fbdd61 0%, #fdc941 100%);
  /* W3C */
  border-color: #A39346;
  color: #351C0A !important;
}
.btn.action:hover,
.button.action:hover,
button.action:hover,
input[type="submit"].action:hover,
.action:hover,
.btn.order:hover,
.button.order:hover,
button.order:hover {
  background: #fbf182;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbf182 0%, #fcde62 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbf182), color-stop(100%, #fcde62));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbf182 0%, #fcde62 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbf182 0%, #fcde62 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbf182 0%, #fcde62 100%);
  /* IE10+ */
  background: linear-gradient(top, #fbf182 0%, #fcde62 100%);
  /* W3C */
  border-color: #555;
}
.btn.action:active,
.button.action:active,
button.action:active,
input[type="submit"].action:active,
.action:active,
.btn.order:active,
.button.order:active,
button.order:active {
  background: #fbdd61;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbdd61 0%, #fdc941 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbdd61), color-stop(100%, #fdc941));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbdd61 0%, #fdc941 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbdd61 0%, #fdc941 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbdd61 0%, #fdc941 100%);
  /* IE10+ */
  background: linear-gradient(top, #fbdd61 0%, #fdc941 100%);
  /* W3C */
}
.btn.subtle,
.button.subtle,
button.subtle,
input[type="submit"].subtle,
.subtle,
.btn.learn,
.button.learn,
button.learn {
  background: #eee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f0f0f0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  /* IE10+ */
  background: linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  /* W3C */
  border-color: #ccc;
  color: #069 !important;
  font-weight: normal;
}
.btn.subtle:hover,
.button.subtle:hover,
button.subtle:hover,
input[type="submit"].subtle:hover,
.subtle:hover,
.btn.learn:hover,
.button.learn:hover,
button.learn:hover {
  background: #fefefe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  /* IE10+ */
  background: linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  /* W3C */
  color: #036;
  border-color: #999;
}
.btn.subtle:active,
.button.subtle:active,
button.subtle:active,
input[type="submit"].subtle:active,
.subtle:active,
.btn.learn:active,
.button.learn:active,
button.learn:active {
  background: #eee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f0f0f0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  /* IE10+ */
  background: linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  /* W3C */
}
.btn.small,
.button.small,
button.small,
input[type="submit"].small,
.btn.medium,
.button.medium,
button.medium,
input[type="submit"].medium {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  height: 20px;
  padding: 3px 10px;
}
.btn.medium,
.button.medium,
button.medium,
input[type="submit"].medium {
  height: 30px;
  padding: 8px 10px;
}
.btn.big,
.button.big,
button.big,
input[type="submit"].big {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 50px;
  height: 50px;
  padding: 0 20px;
}
.button-group .btn,
.button-group .button,
.button-group button,
.button-group input[type="submit"] {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.button-group .btn:first-of-type,
.button-group .button:first-of-type,
.button-group button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button-group .btn:last-of-type,
.button-group .button:last-of-type,
.button-group button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn[disabled],
.button[disabled],
button[disabled],
input[type="submit"][disabled] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@ieValue)";
  opacity: 0.3;
}
.btn[disabled]:hover,
.button[disabled]:hover,
button[disabled]:hover,
input[type="submit"][disabled]:hover {
  cursor: default;
  background: #006b3f;
  background: -moz-linear-gradient(top, #209350 0%, #2b7447 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #209350), color-stop(100%, #2b7447));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #209350 0%, #2b7447 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #209350 0%, #2b7447 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #209350 0%, #2b7447 100%);
  /* IE10+ */
  background: linear-gradient(top, #209350 0%, #2b7447 100%);
  /* W3C */
}
.btn.action[disabled]:hover,
.button.action[disabled]:hover,
button.action[disabled]:hover,
input[type="submit"].action[disabled]:hover {
  background: #fbdd61;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbdd61 0%, #fdc941 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbdd61), color-stop(100%, #fdc941));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbdd61 0%, #fdc941 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbdd61 0%, #fdc941 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbdd61 0%, #fdc941 100%);
  /* IE10+ */
  background: linear-gradient(top, #fbdd61 0%, #fdc941 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbdd61', endColorstr='#fdc941', GradientType=0);
  /* IE6-9 */
}
.btn.subtle[disabled]:hover,
.button.subtle[disabled]:hover,
button.subtle[disabled]:hover,
input[type="submit"].subtle[disabled]:hover {
  background: #fefefe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f0f0f0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  /* IE10+ */
  background: linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f0f0f0', GradientType=0);
  /* IE6-9 */
}
@media screen and (max-width: 700px) {
  .btn,
  .button,
  button,
  input[type="submit"],
  .btn[disabled],
  .button[disabled],
  button[disabled],
  input[type="submit"][disabled] {
    line-height: 30px;
  }
}
form fieldset {
  border: none;
  padding: 0;
  width: 100%;
}
form fieldset + fieldset {
  margin-top: 20px;
}
form legend {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  margin: 0 0 20px 0;
  padding: 10px;
  width: 100%;
  background: #eeeeee;
  border-color: #eeeeee;
  color: #838383;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 20px;
}
form legend input[type="checkbox"] {
  margin: 0 0 0 10px;
}
form input[disabled] {
  opacity: .4;
}
form input[type="text"],
form input[type="email"],
form input[type="number"],
form input[type="search"],
form input[type="password"],
form input[type="url"],
form input[type="tel"],
form input[type="file"],
form input[type="date"],
form input[type="range"],
form textarea,
form select {
  display: block;
  margin: 2px 0 18px;
  width: 100%;
  min-height: 28px;
  position: relative;
  outline: none;
}
form input[type="text"],
form input[type="email"],
form input[type="number"],
form input[type="search"],
form input[type="password"],
form input[type="url"],
form input[type="tel"],
form input[type="date"],
form input[type="range"],
form textarea,
form select {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #d4d4d4;
  padding: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
form input[type="text"]:hover,
form input[type="email"]:hover,
form input[type="number"]:hover,
form input[type="search"]:hover,
form input[type="password"]:hover,
form input[type="url"]:hover,
form input[type="tel"]:hover,
form input[type="date"]:hover,
form input[type="range"]:hover,
form textarea:hover,
form select:hover {
  border-color: #bbbbbb;
}
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="number"]:focus,
form input[type="search"]:focus,
form input[type="password"]:focus,
form input[type="url"]:focus,
form input[type="tel"]:focus,
form input[type="date"]:focus,
form input[type="range"]:focus,
form textarea:focus,
form select:focus {
  border-color: #222222;
}
form input[type="text"]:optional,
form input[type="email"]:optional,
form input[type="number"]:optional,
form input[type="search"]:optional,
form input[type="password"]:optional,
form input[type="url"]:optional,
form input[type="tel"]:optional,
form input[type="date"]:optional,
form input[type="range"]:optional,
form textarea:optional,
form select:optional {
  border-color: #c8c8c8;
}
form input[type="text"]:valid + .icon-validation::after,
form input[type="email"]:valid + .icon-validation::after,
form input[type="number"]:valid + .icon-validation::after,
form input[type="search"]:valid + .icon-validation::after,
form input[type="password"]:valid + .icon-validation::after,
form input[type="url"]:valid + .icon-validation::after,
form input[type="tel"]:valid + .icon-validation::after,
form input[type="date"]:valid + .icon-validation::after,
form input[type="range"]:valid + .icon-validation::after,
form textarea:valid + .icon-validation::after,
form select:valid + .icon-validation::after {
  content: attr(data-icon);
  color: green;
  font-size: 1em;
  width: 10%;
  position: absolute;
  top: -30px;
  right: 20px;
}
form input[type="number"]:valid + .icon-validation::after {
  right: 40px;
}
form textarea {
  resize: none;
}
form .icon-validation {
  position: relative;
  line-height: 0;
  float: right;
}
form input[type="radio"],
form input[type="checkbox"] {
  float: none;
  margin: 5px 5px 20px 0;
}
form select,
form input[type="file"] {
  height: 28px;
}
form select {
  border-radius: none;
}
form select:valid + .icon-validation::after {
  right: 50px;
}
form select[name="CCExpireMonth"],
form select[name="CCExpireYear"] {
  width: 48%;
  float: left;
}
form label {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
form .form-helper,
form .counter {
  margin-top: -18px;
  font-size: 11px;
  font-size: 1.1rem;
  font-style: italic;
}
form .counter {
  position: relative;
  top: -1px;
  border: 1px solid #d4d4d4;
  float: right;
  padding: 0 4px;
}
form .counter.warning,
form .counter.failure {
  font-weight: bold;
}
form .counter.warning {
  background: #fee9b0;
}
form .inline-form-button {
  margin-top: 10px;
}
form .form-breadcrumb {
  margin: 0 0 20px;
}
form .form-breadcrumb li,
form .form-breadcrumb li.active {
  border: 1px solid #bbbbbb;
  color: #888888;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 10px 10px;
  padding: 5px 10px;
}
form .form-breadcrumb li:first-of-type,
form .form-breadcrumb li.active:first-of-type {
  margin-left: 0;
}
form .form-breadcrumb li.active {
  border: 2px solid #bbbbbb;
  color: #bbbbbb;
  font-weight: 700;
}
@media screen and (max-width: 700px) {
  form .inline-form-button {
    margin-top: 0;
  }
  form fieldset .grid {
    margin: 0 -20px 20px !important;
  }
}
.clearfix {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.alpha {
  margin-top: 0 !important;
}
.omega {
  margin-bottom: 0 !important;
}
.block {
  display: block;
  width: 100%;
  overflow: hidden;
}
.right,
.img-right,
.image-right {
  float: right !important;
}
.left,
.img-left,
.image-left {
  float: left;
}
.text-right {
  text-align: right;
}
.img-left,
.img-right,
.image-left,
.image-right {
  max-width: 50%;
}
.img-left,
.image-left {
  padding: 0 20px 20px 0;
}
.img-right,
.image-right {
  padding: 0 0 20px 20px;
}
.img-right img,
.image-right img {
  float: right !important;
}
.border {
  border: 1px solid #d4d4d4;
}
.border-light {
  border: 1px solid #d4d4d4;
  border-color: #e9e9e9;
}
.border-radius {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.box-shadow {
  -moz-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.4);
  -webkit-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.4);
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.4);
}
.round {
  -moz-border-radius: 1000px;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}
.outline {
  background: #eeeeee;
  border: 1px solid #bbbbbb;
}
.semi-opaque {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.93);
  -moz-box-shadow: 0 2px 1px rgba(50, 50, 50, 0.2);
  -webkit-box-shadow: 0 2px 1px rgba(50, 50, 50, 0.2);
  box-shadow: 0 2px 1px rgba(50, 50, 50, 0.2);
  padding: 20px !important;
}
.semi-opaque-inline {
  opacity: .7;
}
.trigger:hover,
.popup-trigger:hover {
  cursor: pointer;
}
.price {
  color: #006b3f;
  font-weight: bold;
}
.hidden {
  display: none;
}
@media screen and (max-width: 500px) {
  .img-left,
  .img-right,
  .image-left,
  .image-right {
    max-width: 100%;
    padding: 0 0 20px;
  }
  .img-left img,
  .img-right img,
  .image-left img,
  .image-right img {
    float: left;
  }
}
@media print {
  .acct-links,
  #searchform,
  .nav-primary,
  .breadcrumb,
  .sidenav,
  .wrapper footer {
    display: none;
  }
  .main-content {
    width: 100%;
  }
}
