@charset "UTF-8";
@font-face {
  font-family: "Open Sans Condensed Light";
  src: url("../fonts/open_sans/OpenSans-CondLight.ttf");
}
@font-face {
  font-family: "Open Sans Light";
  src: url("../fonts/open_sans/OpenSans-Light.ttf");
}
/*
 *
 *
 *
 *
 *
 *
 *
 * WARNING
 *
 * You are looking at the .css version of SCSS assets.
 *
 * If you directly edit the .css files, you will destroy the usefulness of
 * the SCSS files, and the website's theme will be much harder to maintain in
 * the future.
 *
 *
 *
 *
 *
 *
 *
 */
* {
  margin: 0;
  padding: 0;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hidden,
.form-help {
  display: none;
}

.invisible {
  visibility: hidden;
}

.visually-hidden {
  border: 0;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.offscreen {
  height: 1px;
  left: -99999px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

[dir=rtl] .offscreen {
  height: 1px;
  left: auto;
  right: -99999px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.offscreen:focus {
  height: auto;
  left: 0;
  overflow: auto;
  position: relative;
  width: auto;
}

[dir=rtl] .offscreen:focus {
  height: auto;
  right: 0;
  overflow: auto;
  position: relative;
  width: auto;
}

.clear:before, .nav:before, .form-item:before {
  content: " ";
  display: table;
}
.clear:after, .nav:after, .form-item:after {
  clear: both;
  content: " ";
  display: table;
}

::selection {
  background: #7BA42F;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background: #7BA42F;
  color: #ffffff;
  text-shadow: none;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

a:link {
  -webkit-tap-highlight-color: #7BA42F;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: sans-serif;
  font-size: 100.01%;
}

body {
  font: calc(1.2em/1.1666666667) serif;
  font-family: "Open Sans Light", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
  font-size: 1.2em;
  hanging-punctuation: first allow-end;
  line-height: 1.4em;
  margin: 0;
  min-height: 100%;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

[hidden],
template {
  display: none;
}

* + * {
  margin-top: 1.4em;
}

li > ul,
li > ol {
  margin-top: 0;
}

li + li {
  margin-top: 0;
}

dt + dt,
dt + dd {
  margin-top: 0;
}

.alert h2 + ul {
  margin-top: 0;
}

.align--center {
  text-align: center;
}

.align--left {
  text-align: left;
}

.align--justified {
  text-align: justify;
}

.align--right {
  text-align: right;
}

.align--vertical {
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.float--left {
  float: left;
  margin-right: 1.4em;
}

.float--right {
  float: right;
  margin-left: 1.4em;
}

.float--center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.bleed {
  margin: 0;
}

.bleed--top {
  margin-top: 0;
}

.bleed--right {
  margin-right: 0;
}

.bleed--bottom {
  margin-bottom: 0;
}

.bleed--left {
  margin-left: 0;
}

.bleed--ends {
  margin-bottom: 0;
  margin-top: 0;
}

.bleed--sides {
  margin-left: 0;
  margin-right: 0;
}

.bleed--full {
  margin-left: -1.4em;
  margin-right: -1.4em;
}
.islet .bleed--full {
  margin-left: -0.7em;
  margin-right: -0.7em;
}

body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphenate-limit-chars: 6 3 2;
  hyphenate-limit-lines: 2;
  hyphenate-limit-zone: 40px;
  hyphens: auto;
}

h1, h2, h3, h4, h5, h6, a,
code, var, kbd, samp, tt, dir, listing, plaintext, xmp,
abbr, acronym, blockquote, q {
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

h1, h2, h3, h4, h5, h6 {
  -o-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -webkit-font-feature-settings: "liga", "dlig";
  color: #191919;
  font-family: "Open Sans Condensed Light", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
  font-feature-settings: "liga", "dlig";
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1.1em;
}

p {
  orphans: 3;
  widows: 3;
}

.lead {
  font-size: 1.35em;
}

.caps {
  text-transform: uppercase;
}

ol,
ul,
dl {
  margin-left: 2.8em;
  margin-left: 2.3333333333rem;
}

dt {
  font-weight: bold;
}

.numbered-list {
  list-style-type: decimal;
}

.point-numbered-list {
  list-style-type: none;
}
.point-numbered-list ol {
  counter-reset: section;
}
.point-numbered-list li {
  counter-increment: section;
}
.point-numbered-list li {
  content: counters(section, ".") " ";
}

.bi-column-list li {
  display: inline-block;
  width: 50%;
}

.tri-column-list li {
  display: inline-block;
  width: 33%;
}

.quad-column-list li {
  display: inline-block;
  width: 25%;
}

.penta-column-list li {
  display: inline-block;
  width: 20%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

td,
th {
  padding: 0.35em;
  text-align: left;
}
@media screen and (min-width: 480px) {
  td,
  th {
    padding: 0.7em;
  }
}

[colspan] {
  text-align: center;
}

[colspan="1"] {
  text-align: left;
}

[rowspan] {
  vertical-align: middle;
}

[rowspan="1"] {
  vertical-align: top;
}

.numerical {
  text-align: right;
}

.table--bordered th,
.table--bordered td {
  border: 1px solid #ccc;
}
.table--bordered th:empty,
.table--bordered td:empty {
  border: none;
}

.table--striped tbody tr:nth-of-type(odd) {
  background-color: #f5f5f5;
}

.table--data {
  font: 75%/1.5 sans-serif;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
}

button,
html input[type=button],
input,
input[type=reset],
input[type=submit],
label,
option,
select,
textarea {
  cursor: pointer;
}

textarea:active,
textarea:focus {
  cursor: text;
  outline: none;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 0;
  border-top: 1px solid #c0c0c0;
  padding: 0.7em;
}

legend {
  border: 0;
  font-weight: bold;
  padding: 0.7em;
}

label {
  display: block;
  cursor: pointer;
  font-size: 85%;
  vertical-align: top;
}

input,
select {
  vertical-align: middle;
}

textarea {
  overflow: auto;
  resize: vertical;
}

optgroup {
  font-weight: bold;
}

@media only screen and (max-device-width: 568px) {
  input[type=text]:focus,
  textarea:focus,
  select:focus {
    font-size: 16px;
  }
}
input:invalid,
textarea:invalid {
  background-color: #fdd;
}

input.readonly,
textarea.readonly {
  background: #fafafa;
  color: #aaa;
  cursor: not-allowed;
}

.required label {
  color: #f00;
}
.required label:before {
  content: "* ";
}

p.required {
  color: #f00;
}
p.required:before {
  content: "* ";
}

.form-note,
.form-help {
  display: inline-block;
  font-weight: normal;
  margin-top: 0;
}

input:active + .form-help,
input:focus + .form-help {
  visibility: visible;
}

.check-list,
.radio-list {
  list-style: none;
}
.check-list label,
.radio-list label {
  display: inline-block;
}

.form--compact label {
  display: inline-block;
  text-align: right;
  width: 30%;
}
.form--compact .form-buttons {
  margin-left: 32%;
}

.form--spoken label {
  display: inline-block;
  font: inherit;
  margin-top: 0;
}

pre {
  overflow: auto;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

pre mark {
  background: none;
  border-bottom: 1px solid;
  color: inherit;
}

.code-comment {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.line-numbers {
  font-family: monospace, serif;
  list-style: decimal-leading-zero inside;
  margin-left: 0;
  overflow: auto;
  white-space: nowrap;
}
.line-numbers code {
  white-space: pre;
}

q {
  font-style: italic;
  quotes: "‘" "’" "“" "”";
}

q:before {
  content: "‘";
  content: open-quote;
}

q:after {
  content: "’";
  content: close-quote;
}

q q:before {
  content: "“";
  content: open-quote;
}

q q:after {
  content: "”";
  content: close-quote;
}

blockquote {
  font-style: italic;
  quotes: "“" "”";
}

blockquote p:before {
  content: "“";
  content: open-quote;
}

blockquote p:after {
  content: "";
  content: no-close-quote;
}

blockquote p:last-of-type:after {
  content: "”";
  content: close-quote;
}

blockquote {
  text-indent: -0.4em;
}

cite {
  font-weight: bold;
}

.source {
  display: block;
  text-indent: 0;
}
.source:before {
  content: "—";
}

hr {
  -moz-box-sizing: content-box;
  border: 0;
  border-bottom: 1px solid #ccc;
  box-sizing: content-box;
  clear: both;
  color: #ccc;
  display: block;
  height: 1px;
  padding: 0;
}

.rule {
  margin-bottom: 2.8em;
  margin-top: 2.8em;
}

.rule--dotted {
  border-bottom-style: dotted;
}

.rule--dashed {
  border-bottom-style: dashed;
}

.rule--ornament {
  position: relative;
}
.rule--ornament:after {
  content: "§";
  font-size: 2.4em;
  left: 0;
  line-height: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.rule--ornament[data-ornament]:after {
  content: attr(data-ornament);
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  max-width: 100%;
  vertical-align: middle;
}

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  font-style: italic;
}

img[width],
img[height] {
  max-width: none;
}

figure > img {
  display: inline-block;
  height: auto;
}

figcaption {
  font-size: small;
  font-style: italic;
  color: #666666;
}

svg:not(:root) {
  overflow: hidden;
}

.overflow-container {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}
.ir:before {
  content: "";
  display: block;
  height: 100%;
  width: 0;
}

abbr {
  font-variant: small-caps;
}

abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

b,
strong {
  font-weight: bold;
}

cite {
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

dfn {
  font-style: italic;
}

dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

em {
  font-style: italic;
}

i {
  font-weight: italic;
}

ins {
  background: #ff9;
  border-bottom: 1px solid;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

s {
  text-decoration: line-through;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

u {
  border-bottom: 1px dashed red;
  text-decoration: none;
}

var {
  font-weight: bold;
  font-style: italic;
}

acronym {
  font-variant: small-caps;
}

big {
  font-size: 125%;
}

tt {
  font-family: Courier, monospace, sans-serif;
}

strike {
  text-decoration: line-through;
}

@media print {
  @page {
    margin: 2cm;
  }
  *,
  *:before,
  *:after {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important;
  }
  article {
    page-break-before: always;
  }
  blockquote,
  img,
  pre,
  tr,
  ul {
    page-break-inside: avoid;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href^=http]:after {
    content: " <" attr(href) "> ";
  }
  a[href^=tel]:after,
  a[href^=mailto]:after {
    content: "";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ") ";
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  pre,
  blockquote {
    border: 1px solid #999;
  }
  thead {
    display: table-header-group;
  }
  img {
    max-width: 100% !important;
  }
}
@media print and (color) {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
a {
  background-color: transparent;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
a:active, a:hover, a:focus {
  outline: 0;
  text-decoration: underline;
}

a:link {
  color: #0000ff;
}

a:visited {
  color: #7f007f;
}

a:hover {
  color: #007fff;
}

a:active {
  color: #ff0000;
}

p a {
  margin: -0.5em;
  padding: 0.5em;
  position: relative;
}

.active > a {
  cursor: text;
}

.nav {
  list-style: none;
  margin: 0;
}
.nav > li,
.nav > li > a {
  display: inline-block;
  zoom: 1;
}

.nav--stacked > li {
  display: list-item;
}
.nav--stacked > li > a {
  display: block;
}

.nav--banner {
  text-align: center;
}

.nav--block {
  line-height: 1;
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  white-space: nowrap;
}
.nav--block > li {
  letter-spacing: normal;
  word-spacing: normal;
}
.nav--block > li > a {
  padding: 0.7em;
}

.nav--fit {
  display: table;
  text-align: center;
  width: 100%;
}
.nav--fit > li {
  display: table-cell;
}
.nav--fit > li > a {
  display: block;
}

.nav--keywords > li:after {
  content: ", ";
}
.nav--keywords > li:last-child:after {
  display: none;
}

.breadcrumbs > li + li:before {
  content: "▸ ";
}
.breadcrumbs > li + li[data-breadcrumb]:before {
  content: attr(data-breadcrumb) " ";
}

.breadcrumbs--path > li + li:before {
  content: "/ ";
}

.breadcrumb-root {
  font-weight: bold;
}

.alert {
  clear: both;
  padding: 0.7em 0.7em 0.7em 2.8em;
}

.alert > p,
.alert > ul {
  margin-top: 0;
}

.alert--info {
  background: url("../images/icons/alert-24-info.png") no-repeat 0.7em 50%;
  background-color: #cee1eb;
  border: 1px solid black;
  color: #3a87ad;
}

.alert--status {
  background: url("../images/icons/alert-24-info.png") no-repeat 0.7em 50%;
  background-color: #cee1eb;
  border: 1px solid black;
  color: #3a87ad;
}

.alert--success {
  background: url("../images/icons/alert-24-ok.png") no-repeat 0.7em 50%;
  background-color: #d1e1d1;
  border: 1px solid black;
  color: #468847;
}

.alert--warning {
  background: url("../images/icons/alert-24-warning.png") no-repeat 0.7em 50%;
  background-color: #efe5d4;
  border: 1px solid #0f0b05;
  color: #c09853;
}

.alert--error {
  background: url("../images/icons/alert-24-error.png") no-repeat 0.7em 50%;
  background-color: #eed2d1;
  border: 1px solid #010101;
  color: #b94a48;
}

.alert--browser {
  background: url("../images/icons/alert-24-warning.png") no-repeat 0.7em 50%;
  background-color: #dfdfdf;
  border: 1px solid #010101;
  color: #808080;
}

.spelling-error {
  border-bottom: 1px dashed red;
  text-decoration: underline wavy red;
}

.grammatical-error {
  border-bottom: 1px dashed green;
  text-decoration: underline wavy green;
}

.button {
  appearance: none;
  background-color: #eeeeee;
  border: none;
  border-color: #eeeeee;
  box-sizing: border-box;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1.2em;
  font-weight: 300;
  height: 2.8em;
  line-height: 2.8em;
  margin: 0;
  padding: 0 2.8em;
  text-align: center;
  text-decoration: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.button:visited {
  color: #666666;
}
.button:hover, .button:focus {
  background-color: #fbfbfb;
  outline: none;
  text-decoration: none;
}
.button:active, .button.active, .button.is-active {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #c8c8c8;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.button.disabled, .button.is-disabled, .button:disabled {
  appearance: none !important;
  background: #eee !important;
  border: 1px solid #ddd !important;
  color: #ccc !important;
  cursor: default !important;
  text-shadow: 0 1px 1px rgb(255, 255, 255) !important;
  top: 0 !important;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.button--uppercase {
  text-transform: uppercase;
}

.button--lowercase {
  text-transform: lowercase;
}

.button--capitalize {
  text-transform: capitalize;
}

.button--small-caps {
  font-variant: small-caps;
}

.button--icon-txt-large {
  font-size: 36px !important;
}

.button--width-small {
  padding: 0 10px !important;
}

.button--block,
.button--stacked {
  display: block;
}

.button--elarge {
  font-size: 1.56em;
  height: 3.64em;
  line-height: 3.64em;
  padding: 0 3.64em;
}

.button--large {
  font-size: 1.44em;
  height: 3.36em;
  line-height: 3.36em;
  padding: 0 3.36em;
}

.button--medium {
  font-size: 1.32em;
  height: 3.08em;
  line-height: 3.08em;
  padding: 0 3.08em;
}

.button--regular {
  font-size: 1.2em;
  height: 2.8em;
  line-height: 2.8em;
  padding: 0 2.8em;
}

.button--small {
  font-size: 1.08em;
  height: 2.52em;
  line-height: 2.52em;
  padding: 0 2.52em;
}

.button--esmall {
  font-size: 0.96em;
  height: 2.24em;
  line-height: 2.24em;
  padding: 0 2.24em;
}

.button--primary,
.button--primary-flat {
  background-color: #1b9af7;
  border-color: #1b9af7;
  color: #ffffff;
}
.button--primary:visited,
.button--primary-flat:visited {
  color: #ffffff;
}
.button--primary:hover, .button--primary:focus,
.button--primary-flat:hover,
.button--primary-flat:focus {
  background-color: #65bbfa;
  border-color: #65bbfa;
  color: #ffffff;
}
.button--primary:active, .button--primary.active, .button--primary.is-active,
.button--primary-flat:active,
.button--primary-flat.active,
.button--primary-flat.is-active {
  background-color: #2d97e5;
  border-color: #2d97e5;
  color: #0771bf;
}

.button--plain,
.button--plain-flat {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #1b9aF7;
}
.button--plain:visited,
.button--plain-flat:visited {
  color: #1b9aF7;
}
.button--plain:hover, .button--plain:focus,
.button--plain-flat:hover,
.button--plain-flat:focus {
  background-color: white;
  border-color: white;
  color: #1b9aF7;
}
.button--plain:active, .button--plain.active, .button--plain.is-active,
.button--plain-flat:active,
.button--plain-flat.active,
.button--plain-flat.is-active {
  background-color: white;
  border-color: white;
  color: #d9d9d9;
}

.button--action,
.button--action-flat {
  background-color: #a5de37;
  border-color: #a5de37;
  color: #ffffff;
}
.button--action:visited,
.button--action-flat:visited {
  color: #ffffff;
}
.button--action:hover, .button--action:focus,
.button--action-flat:hover,
.button--action-flat:focus {
  background-color: #c3e979;
  border-color: #c3e979;
  color: #ffffff;
}
.button--action:active, .button--action.active, .button--action.is-active,
.button--action-flat:active,
.button--action-flat.active,
.button--action-flat.is-active {
  background-color: #9fcd48;
  border-color: #9fcd48;
  color: #7bac1c;
}

.button--caution,
.button--caution-flat {
  background-color: #ff4351;
  border-color: #ff4351;
  color: #ffffff;
}
.button--caution:visited,
.button--caution-flat:visited {
  color: #ffffff;
}
.button--caution:hover, .button--caution:focus,
.button--caution-flat:hover,
.button--caution-flat:focus {
  background-color: #ff9098;
  border-color: #ff9098;
  color: #ffffff;
}
.button--caution:active, .button--caution.active, .button--caution.is-active,
.button--caution-flat:active,
.button--caution-flat.active,
.button--caution-flat.is-active {
  background-color: #f1515d;
  border-color: #f1515d;
  color: #f60012;
}

.button--highlight,
.button--highlight-flat {
  background-color: #feae1b;
  border-color: #feae1b;
  color: #ffffff;
}
.button--highlight:visited,
.button--highlight-flat:visited {
  color: #ffffff;
}
.button--highlight:hover, .button--highlight:focus,
.button--highlight-flat:hover,
.button--highlight-flat:focus {
  background-color: #fec967;
  border-color: #fec967;
  color: #ffffff;
}
.button--highlight:active, .button--highlight.active, .button--highlight.is-active,
.button--highlight-flat:active,
.button--highlight-flat.active,
.button--highlight-flat.is-active {
  background-color: #eda92c;
  border-color: #eda92c;
  color: #cc8401;
}

.button--inverse,
.button--inverse-flat {
  background-color: #222222;
  border-color: #222222;
  color: #eeeeee;
}
.button--inverse:visited,
.button--inverse-flat:visited {
  color: #eeeeee;
}
.button--inverse:hover, .button--inverse:focus,
.button--inverse-flat:hover,
.button--inverse-flat:focus {
  background-color: #484848;
  border-color: #484848;
  color: #eeeeee;
}
.button--inverse:active, .button--inverse.active, .button--inverse.is-active,
.button--inverse-flat:active,
.button--inverse-flat.active,
.button--inverse-flat.is-active {
  background-color: #222222;
  border-color: #222222;
  color: black;
}

.button--rounded {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.button--pill {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
}

.button--square {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.button--box {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.button--circle {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.button--circle,
.button--box,
.button--square {
  padding: 0;
  width: 2.8em;
}
.button--circle.button--elarge,
.button--box.button--elarge,
.button--square.button--elarge {
  width: 3.64em;
}
.button--circle.button--large,
.button--box.button--large,
.button--square.button--large {
  width: 3.36em;
}
.button--circle.button--medium,
.button--box.button--medium,
.button--square.button--medium {
  width: 3.08em;
}
.button--circle.button--regular,
.button--box.button--regular,
.button--square.button--regular {
  width: 2.8em;
}
.button--circle.button--small,
.button--box.button--small,
.button--square.button--small {
  width: 2.52em;
}
.button--circle.button--esmall,
.button--box.button--esmall,
.button--square.button--esmall {
  width: 2.24em;
}

.button--border, .button--border-thick, .button--border-thin {
  background: none;
  border-style: solid;
  border-width: 2px;
  line-height: 2em;
}
.button--border:hover, .button--border-thick:hover, .button--border-thin:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.button--border:active, .button--border-thick:active, .button--border-thin:active, .button--border.active, .active.button--border-thick, .active.button--border-thin, .button--border.is-active, .is-active.button--border-thick, .is-active.button--border-thin {
  box-shadow: none;
  text-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.button--border-thin {
  border-width: 1px;
}

.button--border-thick {
  border-width: 3px;
}

.button--border.button--primary,
.button--border-thin.button--primary,
.button--border-thick.button--primary {
  color: #1b9af7;
}
.button--border.button--primary:hover, .button--border.button--primary:focus,
.button--border-thin.button--primary:hover,
.button--border-thin.button--primary:focus,
.button--border-thick.button--primary:hover,
.button--border-thick.button--primary:focus {
  background-color: rgba(101, 187, 250, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.button--border.button--primary:active, .button--border.button--primary.active, .button--border.button--primary.is-active,
.button--border-thin.button--primary:active,
.button--border-thin.button--primary.active,
.button--border-thin.button--primary.is-active,
.button--border-thick.button--primary:active,
.button--border-thick.button--primary.active,
.button--border-thick.button--primary.is-active {
  background-color: rgba(45, 151, 229, 0.7);
  color: rgba(255, 255, 255, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.button--border.button--plain,
.button--border-thin.button--plain,
.button--border-thick.button--plain {
  color: #ffffff;
}
.button--border.button--plain:hover, .button--border.button--plain:focus,
.button--border-thin.button--plain:hover,
.button--border-thin.button--plain:focus,
.button--border-thick.button--plain:hover,
.button--border-thick.button--plain:focus {
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(27, 154, 247, 0.9);
}
.button--border.button--plain:active, .button--border.button--plain.active, .button--border.button--plain.is-active,
.button--border-thin.button--plain:active,
.button--border-thin.button--plain.active,
.button--border-thin.button--plain.is-active,
.button--border-thick.button--plain:active,
.button--border-thick.button--plain.active,
.button--border-thick.button--plain.is-active {
  background-color: rgba(255, 255, 255, 0.7);
  color: rgba(27, 154, 247, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.button--border.button--action,
.button--border-thin.button--action,
.button--border-thick.button--action {
  color: #a5de37;
}
.button--border.button--action:hover, .button--border.button--action:focus,
.button--border-thin.button--action:hover,
.button--border-thin.button--action:focus,
.button--border-thick.button--action:hover,
.button--border-thick.button--action:focus {
  background-color: rgba(195, 233, 121, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.button--border.button--action:active, .button--border.button--action.active, .button--border.button--action.is-active,
.button--border-thin.button--action:active,
.button--border-thin.button--action.active,
.button--border-thin.button--action.is-active,
.button--border-thick.button--action:active,
.button--border-thick.button--action.active,
.button--border-thick.button--action.is-active {
  background-color: rgba(159, 205, 72, 0.7);
  color: rgba(255, 255, 255, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.button--border.button--caution,
.button--border-thin.button--caution,
.button--border-thick.button--caution {
  color: #ff4351;
}
.button--border.button--caution:hover, .button--border.button--caution:focus,
.button--border-thin.button--caution:hover,
.button--border-thin.button--caution:focus,
.button--border-thick.button--caution:hover,
.button--border-thick.button--caution:focus {
  background-color: rgba(255, 144, 152, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.button--border.button--caution:active, .button--border.button--caution.active, .button--border.button--caution.is-active,
.button--border-thin.button--caution:active,
.button--border-thin.button--caution.active,
.button--border-thin.button--caution.is-active,
.button--border-thick.button--caution:active,
.button--border-thick.button--caution.active,
.button--border-thick.button--caution.is-active {
  background-color: rgba(241, 81, 93, 0.7);
  color: rgba(255, 255, 255, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.button--border.button--highlight,
.button--border-thin.button--highlight,
.button--border-thick.button--highlight {
  color: #feae1b;
}
.button--border.button--highlight:hover, .button--border.button--highlight:focus,
.button--border-thin.button--highlight:hover,
.button--border-thin.button--highlight:focus,
.button--border-thick.button--highlight:hover,
.button--border-thick.button--highlight:focus {
  background-color: rgba(254, 201, 103, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.button--border.button--highlight:active, .button--border.button--highlight.active, .button--border.button--highlight.is-active,
.button--border-thin.button--highlight:active,
.button--border-thin.button--highlight.active,
.button--border-thin.button--highlight.is-active,
.button--border-thick.button--highlight:active,
.button--border-thick.button--highlight.active,
.button--border-thick.button--highlight.is-active {
  background-color: rgba(237, 169, 44, 0.7);
  color: rgba(255, 255, 255, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.button--border.button--inverse,
.button--border-thin.button--inverse,
.button--border-thick.button--inverse {
  color: #222222;
}
.button--border.button--inverse:hover, .button--border.button--inverse:focus,
.button--border-thin.button--inverse:hover,
.button--border-thin.button--inverse:focus,
.button--border-thick.button--inverse:hover,
.button--border-thick.button--inverse:focus {
  background-color: rgba(72, 72, 72, 0.9);
  color: rgba(238, 238, 238, 0.9);
}
.button--border.button--inverse:active, .button--border.button--inverse.active, .button--border.button--inverse.is-active,
.button--border-thin.button--inverse:active,
.button--border-thin.button--inverse.active,
.button--border-thin.button--inverse.is-active,
.button--border-thick.button--inverse:active,
.button--border-thick.button--inverse.active,
.button--border-thick.button--inverse.is-active {
  background-color: rgba(34, 34, 34, 0.7);
  color: rgba(238, 238, 238, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.button--border.button--elarge,
.button--border-thin.button--elarge,
.button--border-thick.button--elarge {
  line-height: 2.84em;
}
.button--border.button--large,
.button--border-thin.button--large,
.button--border-thick.button--large {
  line-height: 2.56em;
}
.button--border.button--medium,
.button--border-thin.button--medium,
.button--border-thick.button--medium {
  line-height: 2.28em;
}
.button--border.button--regular,
.button--border-thin.button--regular,
.button--border-thick.button--regular {
  line-height: 2em;
}
.button--border.button--small,
.button--border-thin.button--small,
.button--border-thick.button--small {
  line-height: 1.72em;
}
.button--border.button--esmall,
.button--border-thin.button--esmall,
.button--border-thick.button--esmall {
  line-height: 1.44em;
}

.button--borderless {
  background: none;
  border: none;
  padding: 0 10px;
  color: #eeeeee;
  font-size: 1.56em;
  font-weight: 200;
}
.button--borderless:hover, .button--borderless:focus {
  background: none;
}
.button--borderless:active, .button--borderless.active, .button--borderless.is-active {
  box-shadow: none;
  text-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.button--borderless.button--primary {
  color: #1b9af7;
}
.button--borderless.button--plain {
  color: #ffffff;
}
.button--borderless.button--action {
  color: #a5de37;
}
.button--borderless.button--caution {
  color: #ff4351;
}
.button--borderless.button--highlight {
  color: #feae1b;
}
.button--borderless.button--inverse {
  color: #222222;
}
.button--borderless.button--elarge {
  font-size: 2.028em;
  height: 3.028em;
  line-height: 3.028em;
}
.button--borderless.button--large {
  font-size: 1.872em;
  height: 2.872em;
  line-height: 2.872em;
}
.button--borderless.button--medium {
  font-size: 1.716em;
  height: 2.716em;
  line-height: 2.716em;
}
.button--borderless.button--regular {
  font-size: 1.56em;
  height: 2.56em;
  line-height: 2.56em;
}
.button--borderless.button--small {
  font-size: 1.404em;
  height: 2.404em;
  line-height: 2.404em;
}
.button--borderless.button--esmall {
  font-size: 1.248em;
  height: 2.248em;
  line-height: 2.248em;
}

.button--raised {
  border-color: #d5d5d5;
  border-style: solid;
  border-width: 1px;
  line-height: 2.8em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.15);
  background-color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#d5d5d5));
  background-image: -webkit-linear-gradient(top, white, #d5d5d5);
  background-image: -moz-linear-gradient(top, white, #d5d5d5);
  background-image: -ms-linear-gradient(top, white, #d5d5d5);
  background-image: -o-linear-gradient(top, white, #d5d5d5);
  background-image: linear-gradient(top, white, #d5d5d5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="white", endColorStr="#d5d5d5");
}
.button--raised:hover, .button--raised:focus {
  background-color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#d5d5d5));
  background-image: -webkit-linear-gradient(top, white, #d5d5d5);
  background-image: -moz-linear-gradient(top, white, #d5d5d5);
  background-image: -ms-linear-gradient(top, white, #d5d5d5);
  background-image: -o-linear-gradient(top, white, #d5d5d5);
  background-image: linear-gradient(top, white, #d5d5d5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="white", endColorStr="#d5d5d5");
}
.button--raised:active, .button--raised.active, .button--raised.is-active {
  background: #eeeeee;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
}

.button--raised.button--primary {
  border-color: #0880d7;
  color: #ffffff;
  background-color: #4cb0f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4cb0f9), to(#0880d7));
  background-image: -webkit-linear-gradient(top, #4cb0f9, #0880d7);
  background-image: -moz-linear-gradient(top, #4cb0f9, #0880d7);
  background-image: -ms-linear-gradient(top, #4cb0f9, #0880d7);
  background-image: -o-linear-gradient(top, #4cb0f9, #0880d7);
  background-image: linear-gradient(top, #4cb0f9, #0880d7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#4cb0f9", endColorStr="#0880d7");
}
.button--raised.button--primary:hover, .button--raised.button--primary:focus {
  color: #ffffff;
  background-color: #65bbfa;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#65bbfa), to(#0771bf));
  background-image: -webkit-linear-gradient(top, #65bbfa, #0771bf);
  background-image: -moz-linear-gradient(top, #65bbfa, #0771bf);
  background-image: -ms-linear-gradient(top, #65bbfa, #0771bf);
  background-image: -o-linear-gradient(top, #65bbfa, #0771bf);
  background-image: linear-gradient(top, #65bbfa, #0771bf);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#65bbfa", endColorStr="#0771bf");
}
.button--raised.button--primary:active, .button--raised.button--primary.active, .button--raised.button--primary.is-active {
  border-color: #2d97e5;
  background: #2d97e5;
  color: #0771bf;
}
.button--raised.button--plain {
  border-color: #e6e6e6;
  color: #1b9aF7;
  background-color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  background-image: -ms-linear-gradient(top, white, #e6e6e6);
  background-image: -o-linear-gradient(top, white, #e6e6e6);
  background-image: linear-gradient(top, white, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="white", endColorStr="#e6e6e6");
}
.button--raised.button--plain:hover, .button--raised.button--plain:focus {
  color: #1b9aF7;
  background-color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#d9d9d9));
  background-image: -webkit-linear-gradient(top, white, #d9d9d9);
  background-image: -moz-linear-gradient(top, white, #d9d9d9);
  background-image: -ms-linear-gradient(top, white, #d9d9d9);
  background-image: -o-linear-gradient(top, white, #d9d9d9);
  background-image: linear-gradient(top, white, #d9d9d9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="white", endColorStr="#d9d9d9");
}
.button--raised.button--plain:active, .button--raised.button--plain.active, .button--raised.button--plain.is-active {
  border-color: white;
  background: white;
  color: #d9d9d9;
}
.button--raised.button--action {
  border-color: #8bc220;
  color: #ffffff;
  background-color: #b9e563;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b9e563), to(#8bc220));
  background-image: -webkit-linear-gradient(top, #b9e563, #8bc220);
  background-image: -moz-linear-gradient(top, #b9e563, #8bc220);
  background-image: -ms-linear-gradient(top, #b9e563, #8bc220);
  background-image: -o-linear-gradient(top, #b9e563, #8bc220);
  background-image: linear-gradient(top, #b9e563, #8bc220);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#b9e563", endColorStr="#8bc220");
}
.button--raised.button--action:hover, .button--raised.button--action:focus {
  color: #ffffff;
  background-color: #c3e979;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c3e979), to(#7bac1c));
  background-image: -webkit-linear-gradient(top, #c3e979, #7bac1c);
  background-image: -moz-linear-gradient(top, #c3e979, #7bac1c);
  background-image: -ms-linear-gradient(top, #c3e979, #7bac1c);
  background-image: -o-linear-gradient(top, #c3e979, #7bac1c);
  background-image: linear-gradient(top, #c3e979, #7bac1c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#c3e979", endColorStr="#7bac1c");
}
.button--raised.button--action:active, .button--raised.button--action.active, .button--raised.button--action.is-active {
  border-color: #9fcd48;
  background: #9fcd48;
  color: #7bac1c;
}
.button--raised.button--caution {
  border-color: #ff1022;
  color: #ffffff;
  background-color: #ff7680;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7680), to(#ff1022));
  background-image: -webkit-linear-gradient(top, #ff7680, #ff1022);
  background-image: -moz-linear-gradient(top, #ff7680, #ff1022);
  background-image: -ms-linear-gradient(top, #ff7680, #ff1022);
  background-image: -o-linear-gradient(top, #ff7680, #ff1022);
  background-image: linear-gradient(top, #ff7680, #ff1022);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ff7680", endColorStr="#ff1022");
}
.button--raised.button--caution:hover, .button--raised.button--caution:focus {
  color: #ffffff;
  background-color: #ff9098;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9098), to(#f60012));
  background-image: -webkit-linear-gradient(top, #ff9098, #f60012);
  background-image: -moz-linear-gradient(top, #ff9098, #f60012);
  background-image: -ms-linear-gradient(top, #ff9098, #f60012);
  background-image: -o-linear-gradient(top, #ff9098, #f60012);
  background-image: linear-gradient(top, #ff9098, #f60012);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ff9098", endColorStr="#f60012");
}
.button--raised.button--caution:active, .button--raised.button--caution.active, .button--raised.button--caution.is-active {
  border-color: #f1515d;
  background: #f1515d;
  color: #f60012;
}
.button--raised.button--highlight {
  border-color: #e59501;
  color: #ffffff;
  background-color: #fec04e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fec04e), to(#e59501));
  background-image: -webkit-linear-gradient(top, #fec04e, #e59501);
  background-image: -moz-linear-gradient(top, #fec04e, #e59501);
  background-image: -ms-linear-gradient(top, #fec04e, #e59501);
  background-image: -o-linear-gradient(top, #fec04e, #e59501);
  background-image: linear-gradient(top, #fec04e, #e59501);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#fec04e", endColorStr="#e59501");
}
.button--raised.button--highlight:hover, .button--raised.button--highlight:focus {
  color: #ffffff;
  background-color: #fec967;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fec967), to(#cc8401));
  background-image: -webkit-linear-gradient(top, #fec967, #cc8401);
  background-image: -moz-linear-gradient(top, #fec967, #cc8401);
  background-image: -ms-linear-gradient(top, #fec967, #cc8401);
  background-image: -o-linear-gradient(top, #fec967, #cc8401);
  background-image: linear-gradient(top, #fec967, #cc8401);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#fec967", endColorStr="#cc8401");
}
.button--raised.button--highlight:active, .button--raised.button--highlight.active, .button--raised.button--highlight.is-active {
  border-color: #eda92c;
  background: #eda92c;
  color: #cc8401;
}
.button--raised.button--inverse {
  border-color: #090909;
  color: #eeeeee;
  background-color: #3c3c3c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#090909));
  background-image: -webkit-linear-gradient(top, #3c3c3c, #090909);
  background-image: -moz-linear-gradient(top, #3c3c3c, #090909);
  background-image: -ms-linear-gradient(top, #3c3c3c, #090909);
  background-image: -o-linear-gradient(top, #3c3c3c, #090909);
  background-image: linear-gradient(top, #3c3c3c, #090909);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#3c3c3c", endColorStr="#090909");
}
.button--raised.button--inverse:hover, .button--raised.button--inverse:focus {
  color: #eeeeee;
  background-color: #484848;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(black));
  background-image: -webkit-linear-gradient(top, #484848, black);
  background-image: -moz-linear-gradient(top, #484848, black);
  background-image: -ms-linear-gradient(top, #484848, black);
  background-image: -o-linear-gradient(top, #484848, black);
  background-image: linear-gradient(top, #484848, black);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#484848", endColorStr="black");
}
.button--raised.button--inverse:active, .button--raised.button--inverse.active, .button--raised.button--inverse.is-active {
  border-color: #222222;
  background: #222222;
  color: black;
}

.button--3d {
  position: relative;
  top: 0;
  -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
}
.button--3d:hover, .button--3d:focus {
  -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
}
.button--3d:active, .button--3d.active, .button--3d.is-active {
  top: 5px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2);
}

.button--3d.button--primary {
  -webkit-box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button--3d.button--primary:hover, .button--3d.button--primary:focus {
  -webkit-box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button--3d.button--primary:active, .button--3d.button--primary.active, .button--3d.button--primary.is-active {
  -webkit-box-shadow: 0 2px 0 #0662a6, 0 4px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 0 #0662a6, 0 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 #0662a6, 0 4px 3px rgba(0, 0, 0, 0.2);
}
.button--3d.button--plain {
  -webkit-box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button--3d.button--plain:hover, .button--3d.button--plain:focus {
  -webkit-box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button--3d.button--plain:active, .button--3d.button--plain.active, .button--3d.button--plain.is-active {
  -webkit-box-shadow: 0 2px 0 #cccccc, 0 4px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 0 #cccccc, 0 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 #cccccc, 0 4px 3px rgba(0, 0, 0, 0.2);
}
.button--3d.button--action {
  -webkit-box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button--3d.button--action:hover, .button--3d.button--action:focus {
  -webkit-box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button--3d.button--action:active, .button--3d.button--action.active, .button--3d.button--action.is-active {
  -webkit-box-shadow: 0 2px 0 #6b9619, 0 4px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 0 #6b9619, 0 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 #6b9619, 0 4px 3px rgba(0, 0, 0, 0.2);
}
.button--3d.button--caution {
  -webkit-box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button--3d.button--caution:hover, .button--3d.button--caution:focus {
  -webkit-box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button--3d.button--caution:active, .button--3d.button--caution.active, .button--3d.button--caution.is-active {
  -webkit-box-shadow: 0 2px 0 #dc0010, 0 4px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 0 #dc0010, 0 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 #dc0010, 0 4px 3px rgba(0, 0, 0, 0.2);
}
.button--3d.button--highlight {
  -webkit-box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button--3d.button--highlight:hover, .button--3d.button--highlight:focus {
  -webkit-box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button--3d.button--highlight:active, .button--3d.button--highlight.active, .button--3d.button--highlight.is-active {
  -webkit-box-shadow: 0 2px 0 #b27401, 0 4px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 0 #b27401, 0 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 #b27401, 0 4px 3px rgba(0, 0, 0, 0.2);
}
.button--3d.button--inverse {
  -webkit-box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button--3d.button--inverse:hover, .button--3d.button--inverse:focus {
  -webkit-box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button--3d.button--inverse:active, .button--3d.button--inverse.active, .button--3d.button--inverse.is-active {
  -webkit-box-shadow: 0 2px 0 black, 0 4px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 0 black, 0 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 black, 0 4px 3px rgba(0, 0, 0, 0.2);
}

@-webkit-keyframes glowing {
  from {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    -moz-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
    -moz-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
    box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    -moz-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
}
@-moz-keyframes glowing {
  from {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    -moz-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
    -moz-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
    box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    -moz-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
}
@-o-keyframes glowing {
  from {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    -moz-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
    -moz-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
    box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    -moz-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
}
@keyframes glowing {
  from {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    -moz-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
    -moz-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
    box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    -moz-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
}
@-webkit-keyframes glowing--primary {
  from {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    -moz-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
    -moz-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
    box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    -moz-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
}
@-moz-keyframes glowing--primary {
  from {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    -moz-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
    -moz-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
    box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    -moz-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
}
@-o-keyframes glowing--primary {
  from {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    -moz-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
    -moz-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
    box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    -moz-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
}
@keyframes glowing--primary {
  from {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    -moz-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
    -moz-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
    box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    -moz-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
}
@-webkit-keyframes glowing--plain {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
}
@-moz-keyframes glowing--plain {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
}
@-o-keyframes glowing--plain {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
}
@keyframes glowing--plain {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
}
@-webkit-keyframes glowing--action {
  from {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    -moz-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
    -moz-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
    box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    -moz-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
}
@-moz-keyframes glowing--action {
  from {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    -moz-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
    -moz-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
    box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    -moz-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
}
@-o-keyframes glowing--action {
  from {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    -moz-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
    -moz-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
    box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    -moz-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
}
@keyframes glowing--action {
  from {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    -moz-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
    -moz-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
    box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    -moz-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
}
@-webkit-keyframes glowing--caution {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
    -moz-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
    box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
}
@-moz-keyframes glowing--caution {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
    -moz-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
    box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
}
@-o-keyframes glowing--caution {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
    -moz-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
    box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
}
@keyframes glowing--caution {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
    -moz-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
    box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
}
@-webkit-keyframes glowing--highlight {
  from {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    -moz-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
    -moz-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
    box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    -moz-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
}
@-moz-keyframes glowing--highlight {
  from {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    -moz-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
    -moz-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
    box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    -moz-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
}
@-o-keyframes glowing--highlight {
  from {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    -moz-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
    -moz-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
    box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    -moz-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
}
@keyframes glowing--highlight {
  from {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    -moz-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
    -moz-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
    box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    -moz-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
}
@-webkit-keyframes glowing--inverse {
  from {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    -moz-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
    -moz-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
    box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    -moz-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
}
@-moz-keyframes glowing--inverse {
  from {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    -moz-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
    -moz-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
    box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    -moz-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
}
@-o-keyframes glowing--inverse {
  from {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    -moz-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
    -moz-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
    box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    -moz-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
}
@keyframes glowing--inverse {
  from {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    -moz-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
    -moz-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
    box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    -moz-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
}
.button--glow {
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: glowing;
}
.button--glow:active, .button--glow.active, .button--glow.is-active {
  animation-name: none;
}

.button--glow.button--primary {
  animation-name: glowing--primary;
}
.button--glow.button--plain {
  animation-name: glowing--plain;
}
.button--glow.button--action {
  animation-name: glowing--action;
}
.button--glow.button--caution {
  animation-name: glowing--caution;
}
.button--glow.button--highlight {
  animation-name: glowing--highlight;
}
.button--glow.button--inverse {
  animation-name: glowing--inverse;
}

.button-dropdown {
  display: inline-block;
  margin: 0;
  overflow: visible;
  position: relative;
}

.button-dropdown--list {
  background: rgba(255, 255, 255, 0.95);
  border-color: #d5d5d5;
  border-style: solid;
  border-width: 1px;
  display: none;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  left: 0;
  list-style-type: none;
  margin: 0;
  min-width: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 1000;
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.button-dropdown--list.is-below {
  border-top: none;
  top: 100%;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.button-dropdown--list.is-above {
  border-bottom: none;
  bottom: 100%;
  top: auto;
  -webkit-box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.button-dropdown--list > li {
  display: block;
  margin: 0;
  padding: 0;
}
.button-dropdown--list > li > a {
  color: #666666;
  display: block;
  font-size: 0.96em;
  float: none;
  line-height: 2.8em;
  padding: 5px 10px;
  text-decoration: none;
}
.button-dropdown--list > li > a:hover {
  color: #5e5e5e;
  background: #f6f6f6;
  text-decoration: none;
}

.button-dropdown--divider {
  border-top: 1px solid #e6e6e6;
}

.button-dropdown.button--primary .button-dropdown--list {
  background: rgba(27, 154, 247, 0.95);
  border-color: #0880d7;
}
.button-dropdown.button--primary .button-dropdown--list .button-dropdown--divider {
  border-color: #0888e6;
}
.button-dropdown.button--primary .button-dropdown--list > li > a {
  color: #ffffff;
}
.button-dropdown.button--primary .button-dropdown--list > li > a:hover {
  background: #088ef0;
  color: #f2f2f2;
}
.button-dropdown.button--plain .button-dropdown--list {
  background: rgba(255, 255, 255, 0.95);
  border-color: #e6e6e6;
}
.button-dropdown.button--plain .button-dropdown--list .button-dropdown--divider {
  border-color: #ededed;
}
.button-dropdown.button--plain .button-dropdown--list > li > a {
  color: #1b9aF7;
}
.button-dropdown.button--plain .button-dropdown--list > li > a:hover {
  background: #f2f2f2;
  color: #088ef0;
}
.button-dropdown.button--action .button-dropdown--list {
  background: rgba(165, 222, 55, 0.95);
  border-color: #8bc220;
}
.button-dropdown.button--action .button-dropdown--list .button-dropdown--divider {
  border-color: #94cf22;
}
.button-dropdown.button--action .button-dropdown--list > li > a {
  color: #ffffff;
}
.button-dropdown.button--action .button-dropdown--list > li > a:hover {
  background: #9ad824;
  color: #f2f2f2;
}
.button-dropdown.button--caution .button-dropdown--list {
  background: rgba(255, 67, 81, 0.95);
  border-color: #ff1022;
}
.button-dropdown.button--caution .button-dropdown--list .button-dropdown--divider {
  border-color: #ff1f30;
}
.button-dropdown.button--caution .button-dropdown--list > li > a {
  color: #ffffff;
}
.button-dropdown.button--caution .button-dropdown--list > li > a:hover {
  background: #ff2a39;
  color: #f2f2f2;
}
.button-dropdown.button--highlight .button-dropdown--list {
  background: rgba(254, 174, 27, 0.95);
  border-color: #e59501;
}
.button-dropdown.button--highlight .button-dropdown--list .button-dropdown--divider {
  border-color: #f49f01;
}
.button-dropdown.button--highlight .button-dropdown--list > li > a {
  color: #ffffff;
}
.button-dropdown.button--highlight .button-dropdown--list > li > a:hover {
  background: #fea502;
  color: #f2f2f2;
}
.button-dropdown.button--inverse .button-dropdown--list {
  background: rgba(34, 34, 34, 0.95);
  border-color: #090909;
}
.button-dropdown.button--inverse .button-dropdown--list .button-dropdown--divider {
  border-color: #101010;
}
.button-dropdown.button--inverse .button-dropdown--list > li > a {
  color: #eeeeee;
}
.button-dropdown.button--inverse .button-dropdown--list > li > a:hover {
  background: #151515;
  color: #e1e1e1;
}

.button-group {
  position: relative;
  display: inline-block;
}
.button-group:before {
  content: " ";
  display: table;
}
.button-group:after {
  clear: both;
  content: " ";
  display: table;
}
.button-group .button,
.button-group .button-dropdown {
  float: left;
}
.button-group .button:not(:first-child):not(:last-child),
.button-group .button-dropdown:not(:first-child):not(:last-child) {
  border-radius: 0;
  border-right: none;
}
.button-group .button:first-child,
.button-group .button-dropdown:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.button-group .button:last-child,
.button-group .button-dropdown:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.button-wrap {
  border: 1px solid #e3e3e3;
  display: inline-block;
  margin: 0;
  padding: 9px;
  background-color: #f2f2f2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fff));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #fff);
  background-image: -moz-linear-gradient(top, #f2f2f2, #fff);
  background-image: -ms-linear-gradient(top, #f2f2f2, #fff);
  background-image: -o-linear-gradient(top, #f2f2f2, #fff);
  background-image: linear-gradient(top, #f2f2f2, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#f2f2f2", endColorStr="#fff");
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
}

.button--longshadow,
.button--longshadow-right {
  overflow: hidden;
}
.button--longshadow.button--primary,
.button--longshadow-right.button--primary {
  text-shadow: 0px 0px #0771bf, 1px 1px #0771bf, 2px 2px #0771bf, 3px 3px #0771bf, 4px 4px #0771bf, 5px 5px #0771bf, 6px 6px #0771bf, 7px 7px #0771bf, 8px 8px #0771bf, 9px 9px #0771bf, 10px 10px #0771bf, 11px 11px #0771bf, 12px 12px #0771bf, 13px 13px #0771bf, 14px 14px #0771bf, 15px 15px #0771bf, 16px 16px #0771bf, 17px 17px #0771bf, 18px 18px #0771bf, 19px 19px #0771bf, 20px 20px #0771bf, 21px 21px #0771bf, 22px 22px #0771bf, 23px 23px #0771bf, 24px 24px #0771bf, 25px 25px #0771bf, 26px 26px #0771bf, 27px 27px #0771bf, 28px 28px #0771bf, 29px 29px #0771bf, 30px 30px #0771bf, 31px 31px #0771bf, 32px 32px #0771bf, 33px 33px #0771bf, 34px 34px #0771bf, 35px 35px #0771bf, 36px 36px #0771bf, 37px 37px #0771bf, 38px 38px #0771bf, 39px 39px #0771bf, 40px 40px #0771bf, 41px 41px #0771bf, 42px 42px #0771bf, 43px 43px #0771bf, 44px 44px #0771bf, 45px 45px #0771bf, 46px 46px #0771bf, 47px 47px #0771bf, 48px 48px #0771bf, 49px 49px #0771bf, 50px 50px #0771bf, 51px 51px #0771bf, 52px 52px #0771bf, 53px 53px #0771bf, 54px 54px #0771bf, 55px 55px #0771bf, 56px 56px #0771bf, 57px 57px #0771bf, 58px 58px #0771bf, 59px 59px #0771bf, 60px 60px #0771bf, 61px 61px #0771bf, 62px 62px #0771bf, 63px 63px #0771bf, 64px 64px #0771bf, 65px 65px #0771bf, 66px 66px #0771bf, 67px 67px #0771bf, 68px 68px #0771bf, 69px 69px #0771bf, 70px 70px #0771bf, 71px 71px #0771bf, 72px 72px #0771bf, 73px 73px #0771bf, 74px 74px #0771bf, 75px 75px #0771bf, 76px 76px #0771bf, 77px 77px #0771bf, 78px 78px #0771bf, 79px 79px #0771bf, 80px 80px #0771bf, 81px 81px #0771bf, 82px 82px #0771bf, 83px 83px #0771bf, 84px 84px #0771bf, 85px 85px #0771bf;
}
.button--longshadow.button--primary:active, .button--longshadow.button--primary.active, .button--longshadow.button--primary.is-active,
.button--longshadow-right.button--primary:active,
.button--longshadow-right.button--primary.active,
.button--longshadow-right.button--primary.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.button--longshadow.button--plain,
.button--longshadow-right.button--plain {
  text-shadow: 0px 0px #d9d9d9, 1px 1px #d9d9d9, 2px 2px #d9d9d9, 3px 3px #d9d9d9, 4px 4px #d9d9d9, 5px 5px #d9d9d9, 6px 6px #d9d9d9, 7px 7px #d9d9d9, 8px 8px #d9d9d9, 9px 9px #d9d9d9, 10px 10px #d9d9d9, 11px 11px #d9d9d9, 12px 12px #d9d9d9, 13px 13px #d9d9d9, 14px 14px #d9d9d9, 15px 15px #d9d9d9, 16px 16px #d9d9d9, 17px 17px #d9d9d9, 18px 18px #d9d9d9, 19px 19px #d9d9d9, 20px 20px #d9d9d9, 21px 21px #d9d9d9, 22px 22px #d9d9d9, 23px 23px #d9d9d9, 24px 24px #d9d9d9, 25px 25px #d9d9d9, 26px 26px #d9d9d9, 27px 27px #d9d9d9, 28px 28px #d9d9d9, 29px 29px #d9d9d9, 30px 30px #d9d9d9, 31px 31px #d9d9d9, 32px 32px #d9d9d9, 33px 33px #d9d9d9, 34px 34px #d9d9d9, 35px 35px #d9d9d9, 36px 36px #d9d9d9, 37px 37px #d9d9d9, 38px 38px #d9d9d9, 39px 39px #d9d9d9, 40px 40px #d9d9d9, 41px 41px #d9d9d9, 42px 42px #d9d9d9, 43px 43px #d9d9d9, 44px 44px #d9d9d9, 45px 45px #d9d9d9, 46px 46px #d9d9d9, 47px 47px #d9d9d9, 48px 48px #d9d9d9, 49px 49px #d9d9d9, 50px 50px #d9d9d9, 51px 51px #d9d9d9, 52px 52px #d9d9d9, 53px 53px #d9d9d9, 54px 54px #d9d9d9, 55px 55px #d9d9d9, 56px 56px #d9d9d9, 57px 57px #d9d9d9, 58px 58px #d9d9d9, 59px 59px #d9d9d9, 60px 60px #d9d9d9, 61px 61px #d9d9d9, 62px 62px #d9d9d9, 63px 63px #d9d9d9, 64px 64px #d9d9d9, 65px 65px #d9d9d9, 66px 66px #d9d9d9, 67px 67px #d9d9d9, 68px 68px #d9d9d9, 69px 69px #d9d9d9, 70px 70px #d9d9d9, 71px 71px #d9d9d9, 72px 72px #d9d9d9, 73px 73px #d9d9d9, 74px 74px #d9d9d9, 75px 75px #d9d9d9, 76px 76px #d9d9d9, 77px 77px #d9d9d9, 78px 78px #d9d9d9, 79px 79px #d9d9d9, 80px 80px #d9d9d9, 81px 81px #d9d9d9, 82px 82px #d9d9d9, 83px 83px #d9d9d9, 84px 84px #d9d9d9, 85px 85px #d9d9d9;
}
.button--longshadow.button--plain:active, .button--longshadow.button--plain.active, .button--longshadow.button--plain.is-active,
.button--longshadow-right.button--plain:active,
.button--longshadow-right.button--plain.active,
.button--longshadow-right.button--plain.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.button--longshadow.button--action,
.button--longshadow-right.button--action {
  text-shadow: 0px 0px #7bac1c, 1px 1px #7bac1c, 2px 2px #7bac1c, 3px 3px #7bac1c, 4px 4px #7bac1c, 5px 5px #7bac1c, 6px 6px #7bac1c, 7px 7px #7bac1c, 8px 8px #7bac1c, 9px 9px #7bac1c, 10px 10px #7bac1c, 11px 11px #7bac1c, 12px 12px #7bac1c, 13px 13px #7bac1c, 14px 14px #7bac1c, 15px 15px #7bac1c, 16px 16px #7bac1c, 17px 17px #7bac1c, 18px 18px #7bac1c, 19px 19px #7bac1c, 20px 20px #7bac1c, 21px 21px #7bac1c, 22px 22px #7bac1c, 23px 23px #7bac1c, 24px 24px #7bac1c, 25px 25px #7bac1c, 26px 26px #7bac1c, 27px 27px #7bac1c, 28px 28px #7bac1c, 29px 29px #7bac1c, 30px 30px #7bac1c, 31px 31px #7bac1c, 32px 32px #7bac1c, 33px 33px #7bac1c, 34px 34px #7bac1c, 35px 35px #7bac1c, 36px 36px #7bac1c, 37px 37px #7bac1c, 38px 38px #7bac1c, 39px 39px #7bac1c, 40px 40px #7bac1c, 41px 41px #7bac1c, 42px 42px #7bac1c, 43px 43px #7bac1c, 44px 44px #7bac1c, 45px 45px #7bac1c, 46px 46px #7bac1c, 47px 47px #7bac1c, 48px 48px #7bac1c, 49px 49px #7bac1c, 50px 50px #7bac1c, 51px 51px #7bac1c, 52px 52px #7bac1c, 53px 53px #7bac1c, 54px 54px #7bac1c, 55px 55px #7bac1c, 56px 56px #7bac1c, 57px 57px #7bac1c, 58px 58px #7bac1c, 59px 59px #7bac1c, 60px 60px #7bac1c, 61px 61px #7bac1c, 62px 62px #7bac1c, 63px 63px #7bac1c, 64px 64px #7bac1c, 65px 65px #7bac1c, 66px 66px #7bac1c, 67px 67px #7bac1c, 68px 68px #7bac1c, 69px 69px #7bac1c, 70px 70px #7bac1c, 71px 71px #7bac1c, 72px 72px #7bac1c, 73px 73px #7bac1c, 74px 74px #7bac1c, 75px 75px #7bac1c, 76px 76px #7bac1c, 77px 77px #7bac1c, 78px 78px #7bac1c, 79px 79px #7bac1c, 80px 80px #7bac1c, 81px 81px #7bac1c, 82px 82px #7bac1c, 83px 83px #7bac1c, 84px 84px #7bac1c, 85px 85px #7bac1c;
}
.button--longshadow.button--action:active, .button--longshadow.button--action.active, .button--longshadow.button--action.is-active,
.button--longshadow-right.button--action:active,
.button--longshadow-right.button--action.active,
.button--longshadow-right.button--action.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.button--longshadow.button--caution,
.button--longshadow-right.button--caution {
  text-shadow: 0px 0px #f60012, 1px 1px #f60012, 2px 2px #f60012, 3px 3px #f60012, 4px 4px #f60012, 5px 5px #f60012, 6px 6px #f60012, 7px 7px #f60012, 8px 8px #f60012, 9px 9px #f60012, 10px 10px #f60012, 11px 11px #f60012, 12px 12px #f60012, 13px 13px #f60012, 14px 14px #f60012, 15px 15px #f60012, 16px 16px #f60012, 17px 17px #f60012, 18px 18px #f60012, 19px 19px #f60012, 20px 20px #f60012, 21px 21px #f60012, 22px 22px #f60012, 23px 23px #f60012, 24px 24px #f60012, 25px 25px #f60012, 26px 26px #f60012, 27px 27px #f60012, 28px 28px #f60012, 29px 29px #f60012, 30px 30px #f60012, 31px 31px #f60012, 32px 32px #f60012, 33px 33px #f60012, 34px 34px #f60012, 35px 35px #f60012, 36px 36px #f60012, 37px 37px #f60012, 38px 38px #f60012, 39px 39px #f60012, 40px 40px #f60012, 41px 41px #f60012, 42px 42px #f60012, 43px 43px #f60012, 44px 44px #f60012, 45px 45px #f60012, 46px 46px #f60012, 47px 47px #f60012, 48px 48px #f60012, 49px 49px #f60012, 50px 50px #f60012, 51px 51px #f60012, 52px 52px #f60012, 53px 53px #f60012, 54px 54px #f60012, 55px 55px #f60012, 56px 56px #f60012, 57px 57px #f60012, 58px 58px #f60012, 59px 59px #f60012, 60px 60px #f60012, 61px 61px #f60012, 62px 62px #f60012, 63px 63px #f60012, 64px 64px #f60012, 65px 65px #f60012, 66px 66px #f60012, 67px 67px #f60012, 68px 68px #f60012, 69px 69px #f60012, 70px 70px #f60012, 71px 71px #f60012, 72px 72px #f60012, 73px 73px #f60012, 74px 74px #f60012, 75px 75px #f60012, 76px 76px #f60012, 77px 77px #f60012, 78px 78px #f60012, 79px 79px #f60012, 80px 80px #f60012, 81px 81px #f60012, 82px 82px #f60012, 83px 83px #f60012, 84px 84px #f60012, 85px 85px #f60012;
}
.button--longshadow.button--caution:active, .button--longshadow.button--caution.active, .button--longshadow.button--caution.is-active,
.button--longshadow-right.button--caution:active,
.button--longshadow-right.button--caution.active,
.button--longshadow-right.button--caution.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.button--longshadow.button--highlight,
.button--longshadow-right.button--highlight {
  text-shadow: 0px 0px #cc8401, 1px 1px #cc8401, 2px 2px #cc8401, 3px 3px #cc8401, 4px 4px #cc8401, 5px 5px #cc8401, 6px 6px #cc8401, 7px 7px #cc8401, 8px 8px #cc8401, 9px 9px #cc8401, 10px 10px #cc8401, 11px 11px #cc8401, 12px 12px #cc8401, 13px 13px #cc8401, 14px 14px #cc8401, 15px 15px #cc8401, 16px 16px #cc8401, 17px 17px #cc8401, 18px 18px #cc8401, 19px 19px #cc8401, 20px 20px #cc8401, 21px 21px #cc8401, 22px 22px #cc8401, 23px 23px #cc8401, 24px 24px #cc8401, 25px 25px #cc8401, 26px 26px #cc8401, 27px 27px #cc8401, 28px 28px #cc8401, 29px 29px #cc8401, 30px 30px #cc8401, 31px 31px #cc8401, 32px 32px #cc8401, 33px 33px #cc8401, 34px 34px #cc8401, 35px 35px #cc8401, 36px 36px #cc8401, 37px 37px #cc8401, 38px 38px #cc8401, 39px 39px #cc8401, 40px 40px #cc8401, 41px 41px #cc8401, 42px 42px #cc8401, 43px 43px #cc8401, 44px 44px #cc8401, 45px 45px #cc8401, 46px 46px #cc8401, 47px 47px #cc8401, 48px 48px #cc8401, 49px 49px #cc8401, 50px 50px #cc8401, 51px 51px #cc8401, 52px 52px #cc8401, 53px 53px #cc8401, 54px 54px #cc8401, 55px 55px #cc8401, 56px 56px #cc8401, 57px 57px #cc8401, 58px 58px #cc8401, 59px 59px #cc8401, 60px 60px #cc8401, 61px 61px #cc8401, 62px 62px #cc8401, 63px 63px #cc8401, 64px 64px #cc8401, 65px 65px #cc8401, 66px 66px #cc8401, 67px 67px #cc8401, 68px 68px #cc8401, 69px 69px #cc8401, 70px 70px #cc8401, 71px 71px #cc8401, 72px 72px #cc8401, 73px 73px #cc8401, 74px 74px #cc8401, 75px 75px #cc8401, 76px 76px #cc8401, 77px 77px #cc8401, 78px 78px #cc8401, 79px 79px #cc8401, 80px 80px #cc8401, 81px 81px #cc8401, 82px 82px #cc8401, 83px 83px #cc8401, 84px 84px #cc8401, 85px 85px #cc8401;
}
.button--longshadow.button--highlight:active, .button--longshadow.button--highlight.active, .button--longshadow.button--highlight.is-active,
.button--longshadow-right.button--highlight:active,
.button--longshadow-right.button--highlight.active,
.button--longshadow-right.button--highlight.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.button--longshadow.button--inverse,
.button--longshadow-right.button--inverse {
  text-shadow: 0px 0px black, 1px 1px black, 2px 2px black, 3px 3px black, 4px 4px black, 5px 5px black, 6px 6px black, 7px 7px black, 8px 8px black, 9px 9px black, 10px 10px black, 11px 11px black, 12px 12px black, 13px 13px black, 14px 14px black, 15px 15px black, 16px 16px black, 17px 17px black, 18px 18px black, 19px 19px black, 20px 20px black, 21px 21px black, 22px 22px black, 23px 23px black, 24px 24px black, 25px 25px black, 26px 26px black, 27px 27px black, 28px 28px black, 29px 29px black, 30px 30px black, 31px 31px black, 32px 32px black, 33px 33px black, 34px 34px black, 35px 35px black, 36px 36px black, 37px 37px black, 38px 38px black, 39px 39px black, 40px 40px black, 41px 41px black, 42px 42px black, 43px 43px black, 44px 44px black, 45px 45px black, 46px 46px black, 47px 47px black, 48px 48px black, 49px 49px black, 50px 50px black, 51px 51px black, 52px 52px black, 53px 53px black, 54px 54px black, 55px 55px black, 56px 56px black, 57px 57px black, 58px 58px black, 59px 59px black, 60px 60px black, 61px 61px black, 62px 62px black, 63px 63px black, 64px 64px black, 65px 65px black, 66px 66px black, 67px 67px black, 68px 68px black, 69px 69px black, 70px 70px black, 71px 71px black, 72px 72px black, 73px 73px black, 74px 74px black, 75px 75px black, 76px 76px black, 77px 77px black, 78px 78px black, 79px 79px black, 80px 80px black, 81px 81px black, 82px 82px black, 83px 83px black, 84px 84px black, 85px 85px black;
}
.button--longshadow.button--inverse:active, .button--longshadow.button--inverse.active, .button--longshadow.button--inverse.is-active,
.button--longshadow-right.button--inverse:active,
.button--longshadow-right.button--inverse.active,
.button--longshadow-right.button--inverse.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button--longshadow-left {
  overflow: hidden;
}
.button--longshadow-left.button--primary {
  text-shadow: 0px 0px #0771bf, -1px 1px #0771bf, -2px 2px #0771bf, -3px 3px #0771bf, -4px 4px #0771bf, -5px 5px #0771bf, -6px 6px #0771bf, -7px 7px #0771bf, -8px 8px #0771bf, -9px 9px #0771bf, -10px 10px #0771bf, -11px 11px #0771bf, -12px 12px #0771bf, -13px 13px #0771bf, -14px 14px #0771bf, -15px 15px #0771bf, -16px 16px #0771bf, -17px 17px #0771bf, -18px 18px #0771bf, -19px 19px #0771bf, -20px 20px #0771bf, -21px 21px #0771bf, -22px 22px #0771bf, -23px 23px #0771bf, -24px 24px #0771bf, -25px 25px #0771bf, -26px 26px #0771bf, -27px 27px #0771bf, -28px 28px #0771bf, -29px 29px #0771bf, -30px 30px #0771bf, -31px 31px #0771bf, -32px 32px #0771bf, -33px 33px #0771bf, -34px 34px #0771bf, -35px 35px #0771bf, -36px 36px #0771bf, -37px 37px #0771bf, -38px 38px #0771bf, -39px 39px #0771bf, -40px 40px #0771bf, -41px 41px #0771bf, -42px 42px #0771bf, -43px 43px #0771bf, -44px 44px #0771bf, -45px 45px #0771bf, -46px 46px #0771bf, -47px 47px #0771bf, -48px 48px #0771bf, -49px 49px #0771bf, -50px 50px #0771bf, -51px 51px #0771bf, -52px 52px #0771bf, -53px 53px #0771bf, -54px 54px #0771bf, -55px 55px #0771bf, -56px 56px #0771bf, -57px 57px #0771bf, -58px 58px #0771bf, -59px 59px #0771bf, -60px 60px #0771bf, -61px 61px #0771bf, -62px 62px #0771bf, -63px 63px #0771bf, -64px 64px #0771bf, -65px 65px #0771bf, -66px 66px #0771bf, -67px 67px #0771bf, -68px 68px #0771bf, -69px 69px #0771bf, -70px 70px #0771bf, -71px 71px #0771bf, -72px 72px #0771bf, -73px 73px #0771bf, -74px 74px #0771bf, -75px 75px #0771bf, -76px 76px #0771bf, -77px 77px #0771bf, -78px 78px #0771bf, -79px 79px #0771bf, -80px 80px #0771bf, -81px 81px #0771bf, -82px 82px #0771bf, -83px 83px #0771bf, -84px 84px #0771bf, -85px 85px #0771bf;
}
.button--longshadow-left.button--primary:active, .button--longshadow-left.button--primary.active, .button--longshadow-left.button--primary.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.button--longshadow-left.button--plain {
  text-shadow: 0px 0px #d9d9d9, -1px 1px #d9d9d9, -2px 2px #d9d9d9, -3px 3px #d9d9d9, -4px 4px #d9d9d9, -5px 5px #d9d9d9, -6px 6px #d9d9d9, -7px 7px #d9d9d9, -8px 8px #d9d9d9, -9px 9px #d9d9d9, -10px 10px #d9d9d9, -11px 11px #d9d9d9, -12px 12px #d9d9d9, -13px 13px #d9d9d9, -14px 14px #d9d9d9, -15px 15px #d9d9d9, -16px 16px #d9d9d9, -17px 17px #d9d9d9, -18px 18px #d9d9d9, -19px 19px #d9d9d9, -20px 20px #d9d9d9, -21px 21px #d9d9d9, -22px 22px #d9d9d9, -23px 23px #d9d9d9, -24px 24px #d9d9d9, -25px 25px #d9d9d9, -26px 26px #d9d9d9, -27px 27px #d9d9d9, -28px 28px #d9d9d9, -29px 29px #d9d9d9, -30px 30px #d9d9d9, -31px 31px #d9d9d9, -32px 32px #d9d9d9, -33px 33px #d9d9d9, -34px 34px #d9d9d9, -35px 35px #d9d9d9, -36px 36px #d9d9d9, -37px 37px #d9d9d9, -38px 38px #d9d9d9, -39px 39px #d9d9d9, -40px 40px #d9d9d9, -41px 41px #d9d9d9, -42px 42px #d9d9d9, -43px 43px #d9d9d9, -44px 44px #d9d9d9, -45px 45px #d9d9d9, -46px 46px #d9d9d9, -47px 47px #d9d9d9, -48px 48px #d9d9d9, -49px 49px #d9d9d9, -50px 50px #d9d9d9, -51px 51px #d9d9d9, -52px 52px #d9d9d9, -53px 53px #d9d9d9, -54px 54px #d9d9d9, -55px 55px #d9d9d9, -56px 56px #d9d9d9, -57px 57px #d9d9d9, -58px 58px #d9d9d9, -59px 59px #d9d9d9, -60px 60px #d9d9d9, -61px 61px #d9d9d9, -62px 62px #d9d9d9, -63px 63px #d9d9d9, -64px 64px #d9d9d9, -65px 65px #d9d9d9, -66px 66px #d9d9d9, -67px 67px #d9d9d9, -68px 68px #d9d9d9, -69px 69px #d9d9d9, -70px 70px #d9d9d9, -71px 71px #d9d9d9, -72px 72px #d9d9d9, -73px 73px #d9d9d9, -74px 74px #d9d9d9, -75px 75px #d9d9d9, -76px 76px #d9d9d9, -77px 77px #d9d9d9, -78px 78px #d9d9d9, -79px 79px #d9d9d9, -80px 80px #d9d9d9, -81px 81px #d9d9d9, -82px 82px #d9d9d9, -83px 83px #d9d9d9, -84px 84px #d9d9d9, -85px 85px #d9d9d9;
}
.button--longshadow-left.button--plain:active, .button--longshadow-left.button--plain.active, .button--longshadow-left.button--plain.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.button--longshadow-left.button--action {
  text-shadow: 0px 0px #7bac1c, -1px 1px #7bac1c, -2px 2px #7bac1c, -3px 3px #7bac1c, -4px 4px #7bac1c, -5px 5px #7bac1c, -6px 6px #7bac1c, -7px 7px #7bac1c, -8px 8px #7bac1c, -9px 9px #7bac1c, -10px 10px #7bac1c, -11px 11px #7bac1c, -12px 12px #7bac1c, -13px 13px #7bac1c, -14px 14px #7bac1c, -15px 15px #7bac1c, -16px 16px #7bac1c, -17px 17px #7bac1c, -18px 18px #7bac1c, -19px 19px #7bac1c, -20px 20px #7bac1c, -21px 21px #7bac1c, -22px 22px #7bac1c, -23px 23px #7bac1c, -24px 24px #7bac1c, -25px 25px #7bac1c, -26px 26px #7bac1c, -27px 27px #7bac1c, -28px 28px #7bac1c, -29px 29px #7bac1c, -30px 30px #7bac1c, -31px 31px #7bac1c, -32px 32px #7bac1c, -33px 33px #7bac1c, -34px 34px #7bac1c, -35px 35px #7bac1c, -36px 36px #7bac1c, -37px 37px #7bac1c, -38px 38px #7bac1c, -39px 39px #7bac1c, -40px 40px #7bac1c, -41px 41px #7bac1c, -42px 42px #7bac1c, -43px 43px #7bac1c, -44px 44px #7bac1c, -45px 45px #7bac1c, -46px 46px #7bac1c, -47px 47px #7bac1c, -48px 48px #7bac1c, -49px 49px #7bac1c, -50px 50px #7bac1c, -51px 51px #7bac1c, -52px 52px #7bac1c, -53px 53px #7bac1c, -54px 54px #7bac1c, -55px 55px #7bac1c, -56px 56px #7bac1c, -57px 57px #7bac1c, -58px 58px #7bac1c, -59px 59px #7bac1c, -60px 60px #7bac1c, -61px 61px #7bac1c, -62px 62px #7bac1c, -63px 63px #7bac1c, -64px 64px #7bac1c, -65px 65px #7bac1c, -66px 66px #7bac1c, -67px 67px #7bac1c, -68px 68px #7bac1c, -69px 69px #7bac1c, -70px 70px #7bac1c, -71px 71px #7bac1c, -72px 72px #7bac1c, -73px 73px #7bac1c, -74px 74px #7bac1c, -75px 75px #7bac1c, -76px 76px #7bac1c, -77px 77px #7bac1c, -78px 78px #7bac1c, -79px 79px #7bac1c, -80px 80px #7bac1c, -81px 81px #7bac1c, -82px 82px #7bac1c, -83px 83px #7bac1c, -84px 84px #7bac1c, -85px 85px #7bac1c;
}
.button--longshadow-left.button--action:active, .button--longshadow-left.button--action.active, .button--longshadow-left.button--action.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.button--longshadow-left.button--caution {
  text-shadow: 0px 0px #f60012, -1px 1px #f60012, -2px 2px #f60012, -3px 3px #f60012, -4px 4px #f60012, -5px 5px #f60012, -6px 6px #f60012, -7px 7px #f60012, -8px 8px #f60012, -9px 9px #f60012, -10px 10px #f60012, -11px 11px #f60012, -12px 12px #f60012, -13px 13px #f60012, -14px 14px #f60012, -15px 15px #f60012, -16px 16px #f60012, -17px 17px #f60012, -18px 18px #f60012, -19px 19px #f60012, -20px 20px #f60012, -21px 21px #f60012, -22px 22px #f60012, -23px 23px #f60012, -24px 24px #f60012, -25px 25px #f60012, -26px 26px #f60012, -27px 27px #f60012, -28px 28px #f60012, -29px 29px #f60012, -30px 30px #f60012, -31px 31px #f60012, -32px 32px #f60012, -33px 33px #f60012, -34px 34px #f60012, -35px 35px #f60012, -36px 36px #f60012, -37px 37px #f60012, -38px 38px #f60012, -39px 39px #f60012, -40px 40px #f60012, -41px 41px #f60012, -42px 42px #f60012, -43px 43px #f60012, -44px 44px #f60012, -45px 45px #f60012, -46px 46px #f60012, -47px 47px #f60012, -48px 48px #f60012, -49px 49px #f60012, -50px 50px #f60012, -51px 51px #f60012, -52px 52px #f60012, -53px 53px #f60012, -54px 54px #f60012, -55px 55px #f60012, -56px 56px #f60012, -57px 57px #f60012, -58px 58px #f60012, -59px 59px #f60012, -60px 60px #f60012, -61px 61px #f60012, -62px 62px #f60012, -63px 63px #f60012, -64px 64px #f60012, -65px 65px #f60012, -66px 66px #f60012, -67px 67px #f60012, -68px 68px #f60012, -69px 69px #f60012, -70px 70px #f60012, -71px 71px #f60012, -72px 72px #f60012, -73px 73px #f60012, -74px 74px #f60012, -75px 75px #f60012, -76px 76px #f60012, -77px 77px #f60012, -78px 78px #f60012, -79px 79px #f60012, -80px 80px #f60012, -81px 81px #f60012, -82px 82px #f60012, -83px 83px #f60012, -84px 84px #f60012, -85px 85px #f60012;
}
.button--longshadow-left.button--caution:active, .button--longshadow-left.button--caution.active, .button--longshadow-left.button--caution.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.button--longshadow-left.button--highlight {
  text-shadow: 0px 0px #cc8401, -1px 1px #cc8401, -2px 2px #cc8401, -3px 3px #cc8401, -4px 4px #cc8401, -5px 5px #cc8401, -6px 6px #cc8401, -7px 7px #cc8401, -8px 8px #cc8401, -9px 9px #cc8401, -10px 10px #cc8401, -11px 11px #cc8401, -12px 12px #cc8401, -13px 13px #cc8401, -14px 14px #cc8401, -15px 15px #cc8401, -16px 16px #cc8401, -17px 17px #cc8401, -18px 18px #cc8401, -19px 19px #cc8401, -20px 20px #cc8401, -21px 21px #cc8401, -22px 22px #cc8401, -23px 23px #cc8401, -24px 24px #cc8401, -25px 25px #cc8401, -26px 26px #cc8401, -27px 27px #cc8401, -28px 28px #cc8401, -29px 29px #cc8401, -30px 30px #cc8401, -31px 31px #cc8401, -32px 32px #cc8401, -33px 33px #cc8401, -34px 34px #cc8401, -35px 35px #cc8401, -36px 36px #cc8401, -37px 37px #cc8401, -38px 38px #cc8401, -39px 39px #cc8401, -40px 40px #cc8401, -41px 41px #cc8401, -42px 42px #cc8401, -43px 43px #cc8401, -44px 44px #cc8401, -45px 45px #cc8401, -46px 46px #cc8401, -47px 47px #cc8401, -48px 48px #cc8401, -49px 49px #cc8401, -50px 50px #cc8401, -51px 51px #cc8401, -52px 52px #cc8401, -53px 53px #cc8401, -54px 54px #cc8401, -55px 55px #cc8401, -56px 56px #cc8401, -57px 57px #cc8401, -58px 58px #cc8401, -59px 59px #cc8401, -60px 60px #cc8401, -61px 61px #cc8401, -62px 62px #cc8401, -63px 63px #cc8401, -64px 64px #cc8401, -65px 65px #cc8401, -66px 66px #cc8401, -67px 67px #cc8401, -68px 68px #cc8401, -69px 69px #cc8401, -70px 70px #cc8401, -71px 71px #cc8401, -72px 72px #cc8401, -73px 73px #cc8401, -74px 74px #cc8401, -75px 75px #cc8401, -76px 76px #cc8401, -77px 77px #cc8401, -78px 78px #cc8401, -79px 79px #cc8401, -80px 80px #cc8401, -81px 81px #cc8401, -82px 82px #cc8401, -83px 83px #cc8401, -84px 84px #cc8401, -85px 85px #cc8401;
}
.button--longshadow-left.button--highlight:active, .button--longshadow-left.button--highlight.active, .button--longshadow-left.button--highlight.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.button--longshadow-left.button--inverse {
  text-shadow: 0px 0px black, -1px 1px black, -2px 2px black, -3px 3px black, -4px 4px black, -5px 5px black, -6px 6px black, -7px 7px black, -8px 8px black, -9px 9px black, -10px 10px black, -11px 11px black, -12px 12px black, -13px 13px black, -14px 14px black, -15px 15px black, -16px 16px black, -17px 17px black, -18px 18px black, -19px 19px black, -20px 20px black, -21px 21px black, -22px 22px black, -23px 23px black, -24px 24px black, -25px 25px black, -26px 26px black, -27px 27px black, -28px 28px black, -29px 29px black, -30px 30px black, -31px 31px black, -32px 32px black, -33px 33px black, -34px 34px black, -35px 35px black, -36px 36px black, -37px 37px black, -38px 38px black, -39px 39px black, -40px 40px black, -41px 41px black, -42px 42px black, -43px 43px black, -44px 44px black, -45px 45px black, -46px 46px black, -47px 47px black, -48px 48px black, -49px 49px black, -50px 50px black, -51px 51px black, -52px 52px black, -53px 53px black, -54px 54px black, -55px 55px black, -56px 56px black, -57px 57px black, -58px 58px black, -59px 59px black, -60px 60px black, -61px 61px black, -62px 62px black, -63px 63px black, -64px 64px black, -65px 65px black, -66px 66px black, -67px 67px black, -68px 68px black, -69px 69px black, -70px 70px black, -71px 71px black, -72px 72px black, -73px 73px black, -74px 74px black, -75px 75px black, -76px 76px black, -77px 77px black, -78px 78px black, -79px 79px black, -80px 80px black, -81px 81px black, -82px 82px black, -83px 83px black, -84px 84px black, -85px 85px black;
}
.button--longshadow-left.button--inverse:active, .button--longshadow-left.button--inverse.active, .button--longshadow-left.button--inverse.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.informative {
  cursor: help;
}

.muted {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  pointer-events: none;
}

.proceed {
  text-align: right;
}

.go:after {
  content: " »";
}

.hint,
[data-hint] {
  display: inline-block;
  position: relative;
}
.hint:before, .hint:after,
[data-hint]:before,
[data-hint]:after {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  z-index: 1000000;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
}
.hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after,
[data-hint]:hover:before,
[data-hint]:hover:after,
[data-hint]:focus:before,
[data-hint]:focus:after {
  opacity: 1;
  visibility: visible;
}
.hint:hover:before, .hint:hover:after,
[data-hint]:hover:before,
[data-hint]:hover:after {
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
}
.hint:before,
[data-hint]:before {
  background: transparent;
  border: 6px solid transparent;
  content: "";
  position: absolute;
  z-index: 1000001;
}
.hint:after,
[data-hint]:after {
  background: #383838;
  content: attr(data-hint);
  color: white;
  font-size: 0.8em;
  line-height: 0.8em;
  padding: 0.7em;
  white-space: nowrap;
}

.hint--info:after {
  background-color: #3a87ad;
  text-shadow: 0 -1px 0px #1a3c4e;
}
.hint--info.hint--top:before {
  border-top-color: #3a87ad;
}
.hint--info.hint--bottom:before {
  border-bottom-color: #3a87ad;
}
.hint--info.hint--left:before {
  border-left-color: #3a87ad;
}
.hint--info.hint--right:before {
  border-right-color: #3a87ad;
}

.hint--status:after {
  background-color: #3a87ad;
  text-shadow: 0 -1px 0px #1a3c4e;
}
.hint--status.hint--top:before {
  border-top-color: #3a87ad;
}
.hint--status.hint--bottom:before {
  border-bottom-color: #3a87ad;
}
.hint--status.hint--left:before {
  border-left-color: #3a87ad;
}
.hint--status.hint--right:before {
  border-right-color: #3a87ad;
}

.hint--success:after {
  background-color: #468847;
  text-shadow: 0 -1px 0px #1b341b;
}
.hint--success.hint--top:before {
  border-top-color: #468847;
}
.hint--success.hint--bottom:before {
  border-bottom-color: #468847;
}
.hint--success.hint--left:before {
  border-left-color: #468847;
}
.hint--success.hint--right:before {
  border-right-color: #468847;
}

.hint--error:after {
  background-color: #b94a48;
  text-shadow: 0 -1px 0px #5e2524;
}
.hint--error.hint--top:before {
  border-top-color: #b94a48;
}
.hint--error.hint--bottom:before {
  border-bottom-color: #b94a48;
}
.hint--error.hint--left:before {
  border-left-color: #b94a48;
}
.hint--error.hint--right:before {
  border-right-color: #b94a48;
}

.hint--warning:after {
  background-color: #c09853;
  text-shadow: 0 -1px 0px #6c5328;
}
.hint--warning.hint--top:before {
  border-top-color: #c09853;
}
.hint--warning.hint--bottom:before {
  border-bottom-color: #c09853;
}
.hint--warning.hint--left:before {
  border-left-color: #c09853;
}
.hint--warning.hint--right:before {
  border-right-color: #c09853;
}

.hint--top:before {
  border-top-color: #383838;
}

.hint--bottom:before {
  border-bottom-color: #383838;
}

.hint--left:before {
  border-left-color: #383838;
}

.hint--right:before {
  border-right-color: #383838;
}

.hint--top:before {
  margin-bottom: -12px;
}
.hint--top:after {
  margin-left: -18px;
}
.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%;
}
.hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -o-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--bottom:before {
  margin-top: -12px;
}
.hint--bottom:after {
  margin-left: -18px;
}
.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%;
}
.hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--right:before {
  margin-left: -12px;
  margin-bottom: -6px;
}
.hint--right:after {
  margin-bottom: -1em;
}
.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%;
}
.hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  -ms-transform: translateX(8px);
  -o-transform: translateX(8px);
  transform: translateX(8px);
}

.hint--left:before {
  margin-right: -12px;
  margin-bottom: -6px;
}
.hint--left:after {
  margin-bottom: -1em;
}
.hint--left:before, .hint--left:after {
  right: 100%;
  bottom: 50%;
}
.hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  -ms-transform: translateX(-8px);
  -o-transform: translateX(-8px);
  transform: translateX(-8px);
}

.hint:after,
[data-hint]:after {
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  text-shadow: 0 -1px 0px black;
}

.hint--persistent:after, .hint--persistent:before {
  opacity: 1;
  visibility: visible;
}
.hint--persistent.hint--top:after, .hint--persistent.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -o-transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--persistent.hint--bottom:after, .hint--persistent.hint--bottom:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  transform: translateY(8px);
}
.hint--persistent.hint--left:after, .hint--persistent.hint--left:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  -ms-transform: translateX(-8px);
  -o-transform: translateX(-8px);
  transform: translateX(-8px);
}
.hint--persistent.hint--right:after, .hint--persistent.hint--right:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  -ms-transform: translateX(8px);
  -o-transform: translateX(8px);
  transform: translateX(8px);
}

.hint--rounded:after {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.hint--no-animate:before, .hint--no-animate:after {
  -webkit-transition-duration: 0ms;
  -moz-transition-duration: 0ms;
  -o-transition-duration: 0ms;
  transition-duration: 0ms;
}

.hint--bounce:before, .hint--bounce:after {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -o-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

a[rel=popup] {
  background: transparent url(../images/icons/icon-popup.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".doc"],
a[href$=".rtf"] {
  background: transparent url(../images/icons/icon-doc.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".txt"] {
  background: transparent url(../images/icons/icon-txt.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".xls"] {
  background: transparent url(../images/icons/icon-xls.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".atom"],
a[href$=".rss"] {
  background: transparent url(../images/icons/icon-feed.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".opml"] {
  background: transparent url(../images/icons/icon-opml.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".php"] {
  background: transparent url(../images/icons/icon-php.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".torrent"] {
  background: transparent url(../images/icons/icon-torrent.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".vcard"] {
  background: transparent url(../images/icons/icon-vcard.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".exe"] {
  background: transparent url(../images/icons/icon-exe.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".app"],
a[href$=".dmg"] {
  background: transparent url(../images/icons/icon-dmg.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".pps"] {
  background: transparent url(../images/icons/icon-pps.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".pdf"] {
  background: transparent url(../images/icons/icon-pdf.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".xpi"] {
  background: transparent url(../images/icons/icon-plugin.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".fla"],
a[href$=".swf"] {
  background: transparent url(../images/icons/icon-flash.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".zip"],
a[href$=".rar"],
a[href$=".gzip"],
a[href$=".bzip"],
a[href$=".ace"] {
  background: transparent url(../images/icons/icon-archive.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".ical"] {
  background: transparent url(../images/icons/icon-ical.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".css"] {
  background: transparent url(../images/icons/icon-css.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".ttf"] {
  background: transparent url(../images/icons/icon-ttf.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".jpg"],
a[href$=".gif"],
a[href$=".png"],
a[href$=".bmp"],
a[href$=".jpeg"],
a[href$=".svg"],
a[href$=".eps"] {
  background: transparent url(../images/icons/icon-pic.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

.image-link {
  background: none !important;
  margin-right: 0;
  padding-right: 0 !important;
}

a[href$=".mov"],
a[href$=".wmv"],
a[href$=".mp4"],
a[href$=".avi"],
a[href$=".mpg"] {
  background: transparent url(../images/icons/icon-film.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".mp3"],
a[href$=".wav"],
a[href$=".ogg"],
a[href$=".wma"],
a[href$=".m4a"] {
  background: transparent url(../images/icons/icon-music.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="mailto:"] {
  background: transparent url(../images/icons/icon-mailto.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="aim:"] {
  background: transparent url(../images/icons/icon-aim.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="callto:"] {
  background: transparent url(../images/icons/icon-call.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="ymsgr:"] {
  background: transparent url(../images/icons/icon-yim.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="icq:"] {
  background: transparent url(../images/icons/icon-icq.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="msnim:"] {
  background: transparent url(../images/icons/icon-msn.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="gtalk:"] {
  background: transparent url(../images/icons/icon-google.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="skype:"] {
  background: transparent url(../images/icons/icon-skype.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="xmpp:"] {
  background: transparent url(../images/icons/icon-jabber.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href*="metacafe.com/watch/"],
a[href*="sevenload.com/videos/"],
a[href*="youtube.com/watch?"] {
  background: transparent url(../images/icons/icon-film.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href*="bubbleshare.com"],
a[href*="flickr.com/photos/"],
a[href*="imageshack.us"],
a[href*="sevenload.com/bilder/"],
a[href*="zooomr.com"] {
  background: transparent url(../images/icons/icon-pic.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

kbd {
  -moz-background-clip: padding;
  -moz-border-radius: 6px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 6px;
  background-clip: padding-box;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-repeat: repeat-x;
  border: 1px solid #bbb;
  border-radius: 6px;
  box-shadow: 0px 2px 0 #bbbbbb, 0 3px 1px #999999, 0 3px 0 #bbbbbb, inset 0 1px 1px #ffffff, inset 0 -1px 3px #cccccc;
  color: #444444;
  display: inline;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a000000", endColorstr="#00000000", GradientType=0);
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1em;
  padding: 0.3em 0.55em;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
}

kbd.dark {
  background-color: #4d4c4c;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.5)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0));
  background-repeat: no-repeat;
  border-color: #000;
  box-shadow: 0px 2px 0 #000000, 0 3px 1px #999999, inset 0 1px 1px #aaaaaa, inset 0 -1px 3px #272727;
  color: #eeeeee;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=0);
  text-shadow: 0 -1px 0 #000000;
}

kbd.ios {
  background-color: #b7b7bc;
  background-image: -moz-linear-gradient(top, #efeff0, #b7b7bc);
  background-image: -o-linear-gradient(top, #efeff0, #b7b7bc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efeff0), to(#b7b7bc));
  background-image: -webkit-linear-gradient(top, #efeff0, #b7b7bc);
  background-image: linear-gradient(top, #efeff0, #b7b7bc);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.6);
  border-top-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 2px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 #ffffff;
  color: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffefeff0", endColorstr="#ffb7b7bc", GradientType=0);
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

kbd.android {
  -moz-background-clip: padding;
  -moz-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 3px;
  background: #5e5e5e;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #444444, inset 0 1px 0 #868686;
  color: #ffffff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0.3em;
  text-shadow: none;
}

kbd.android.dark {
  background: #222222;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7), 0 1px 0 #444444, inset 0 1px 0 #505050;
}

kbd.android.color {
  background: #083c5b;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7), 0 1px 0 #444444, inset 0 1px 0 #36647b;
}

@font-face {
  font-family: "RobotoRegular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/roboto/Roboto-Regular-webfont.eot");
  src: url("../fonts/roboto/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Regular-webfont.svg#RobotoRegular") format("svg");
}
/* endif $debug-mode */
/* endif $debug-grid */
/* endif $debug-colors */
/* ==========================================================================
   Body.
   ========================================================================== */
/**
 * Responsive styles for the body element.
 */
body.front {
  background: url("/assets/images/team-large.jpg") no-repeat fixed;
  background-position: center 2%;
  background-size: 100%;
  margin: 0;
}
@media (min-width: 768px) {
  body.front {
    background-position: center -10%;
  }
}
@media (min-width: 960px) {
  body.front {
    background-position: center -10%;
  }
}

body.inside {
  background: url("/assets/images/background-blue.jpg") no-repeat fixed;
  background-position: center 5%;
  background-size: 100%;
  margin: 0;
}
@media (min-width: 768px) {
  body.inside {
    background-position: center top;
  }
}

.green-wave {
  display: inline-block;
  margin: -13% auto 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .green-wave {
    margin: -12% auto 0 auto;
  }
}
@media (min-width: 960px) {
  .green-wave {
    margin: -11% auto 0 auto;
  }
}
@media (min-width: 1440px) {
  .green-wave {
    margin: -10% auto 0 auto;
  }
}
@media (min-width: 2300px) {
  .green-wave {
    margin: -9.5% auto 0 auto;
  }
}

.front .page {
  margin-top: 55%;
}
@media (min-width: 768px) {
  .front .page {
    margin-top: 42%;
  }
}
@media (min-width: 960px) {
  .front .page {
    margin-top: 45%;
  }
}

.inside .page {
  margin-top: 200px;
}

.container {
  display: block;
  margin: 0 auto;
  max-width: 960px;
}

/* Typography ---------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.1666666667;
}

h1 {
  font-size: 3em;
  margin-bottom: 1.4em;
  text-align: center;
}

ul.no-bullets {
  list-style: none;
  margin-left: 0;
}

a:link,
a:visited {
  color: #b6cc44;
  font-weight: bold;
}

a:hover {
  color: #ffffff;
  text-decoration: none;
  transition: none;
}

/* Images ---------- */
iframe {
  display: block;
  margin: 1.4em auto;
}

/* Colors ---------- */
.background--green {
  background: #394f17;
  color: #ffffff;
}

/* Buttons ---------- */
a.button {
  background: #b6cc44;
  border: 2px solid #fff;
  border-radius: 40px;
  display: block;
  font-size: 1.2em;
  height: initial;
  line-height: initial;
  margin: 1.4em auto 0;
  max-width: 280px;
  padding: 0.35em 0.4666666667em;
}

a.button:link,
a.button:visited {
  color: #ffffff;
}

a.button:hover {
  background: #ffffff;
  border: 2px solid #b6cc44;
  color: #b6cc44;
}

/* Forms ---------- */
.human {
  display: block;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.form-check,
.form-radio {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.7em;
}
.form-check label,
.form-radio label {
  margin-left: 0.4666666667em;
  margin-top: 0;
}

p.required,
.required label {
  color: #222b0e;
}

.form-buttons input {
  background: #B6CC44;
  border: 2px solid #fff;
  border-radius: 40px;
  color: #ffffff;
  display: block;
  font-size: 1.2em;
  height: initial;
  line-height: initial;
  margin: 1.4em 0;
  max-width: 280px;
  padding: 0.35em 0.4666666667em;
}
.form-buttons input:hover {
  background: #ffffff;
  border: 2px solid #B6CC44;
  color: #B6CC44;
}

/* Splide Slideshow ---------- */
/* Overrides the default white active dot ---------- */
.splide__pagination__page.is-active {
  background: #ccc !important;
}

/* Centers elements in the slide ---------- */
.splide--draggable > .splide__track > .splide__list > .splide__slide {
  text-align: center !important;
}

/* Moves the pagination below the caption under the slide ---------- */
.splide__pagination {
  bottom: -2em !important;
}

/* Charts ---------- */
#my-chart {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-columns: 50px 1fr;
  grid-template-rows: 250px 50px;
  grid-template-areas: "data-axis    chart" "primary-axis primary-axis";
}

#my-chart > table {
  grid-area: chart;
}

#my-chart > .primary-axis {
  grid-area: primary-axis;
}

#my-chart > .data-axis {
  grid-area: data-axis;
  writing-mode: tb-rl;
  transform: rotateZ(180deg);
}

#my-chart .column {
  height: 300px;
  max-width: 600px;
  margin: 0 auto;
  --labels-size: 4rem;
  --primary-axis-color: rgba(0, 0, 0, 1);
  --primary-axis-style: solid;
  --primary-axis-width: 1px;
}

#my-chart .legend {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/-1;
}

/* ==========================================================================
   Header.
   ========================================================================== */
/**
 * Responsive styles for the main header element.
 */
.toolbar {
  background: #394f17;
  color: #ffffff;
  display: block;
  height: 75px;
  margin-top: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .toolbar {
    display: none;
  }
}
.toolbar ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  list-style: none;
  margin-left: 0;
  text-align: center;
}
.toolbar ul a:link,
.toolbar ul a:visited {
  color: #ffffff;
}
.toolbar ul a {
  display: inline-block;
  padding-top: 2.1em;
}
.toolbar ul a:hover {
  text-decoration: none;
}
.toolbar ul a.directions {
  background: url("/assets/images/toolbar/directions.png") no-repeat;
  background-position: center top;
  background-size: 50px 50px;
}
.toolbar ul a.phone {
  background: url("/assets/images/toolbar/phone.png") no-repeat;
  background-position: center top;
  background-size: 50px 50px;
}
.toolbar ul a.email {
  background: url("/assets/images/toolbar/email.png") no-repeat;
  background-position: center top;
  background-size: 50px 50px;
}
.toolbar ul a[href^="mailto:"] {
  padding-right: 0;
}

#header {
  background: #222b0e;
  color: #ffffff;
  margin-top: 0;
}
#header .container {
  max-width: 90%;
  padding: 1.4em 0 2.8em 0;
}
@media (min-width: 768px) {
  #header .container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
#header .container .region:nth-child(1) {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1;
}
@media (min-width: 1280px) {
  #header .container .region:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1;
  }
}
#header .container .region:nth-child(2) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3/-1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1;
  text-align: center;
}
@media (min-width: 1280px) {
  #header .container .region:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2;
  }
}
#header .container .region:nth-child(3) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1/-1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2;
  text-align: center;
}
@media (min-width: 1280px) {
  #header .container .region:nth-child(3) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/-1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1;
  }
}
#header .parent {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#header .logo {
  height: auto;
  width: 300px;
}
#header h1 {
  display: none;
}
#header a.telephone {
  font-size: 1.6em;
}

/* ==========================================================================
   Navigation.
   ========================================================================== */
/**
 * Responsive styles for navigation menus.
 */
/* Screen reader only */
.sr-only {
  border: 0;
  font-size: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  padding: 0;
}

/* Button styling */
a.menu-toggle {
  display: inline-block;
  padding-top: 2.1em;
  background: url("/assets/images/toolbar/menu.png") no-repeat;
  background-position: center top;
  background-size: 50px 50px;
}
a.menu-toggle span {
  background: #ffffff;
  display: block;
  line-height: 4px;
  margin-bottom: 4px;
  margin-top: 0;
  text-align: center;
}
a.menu-toggle span:last-child {
  padding-bottom: 4px;
}

a.menu-toggle:hover,
a.menu-toggle:focus {
  color: #c00;
  text-decoration: none;
}

/* Default styles + Mobile first Offscreen menu style */
.main-menu {
  display: none;
  height: 100%;
  left: -200px;
  overflow-y: scroll;
  overflow-x: visible;
  position: absolute;
  top: 0;
  transition: left 300ms ease, box-shadow 300ms ease;
  z-index: 999;
}
.main-menu ul {
  background: #b6cc44;
  list-style: none;
  margin: 0;
  min-height: 100%;
  padding: 2.5em 0 0;
  /* Hide shadow w/ -8px while 'closed' */
  -webkit-box-shadow: -8px 0 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -8px 0 8px rgba(0, 0, 0, 0.5);
  box-shadow: -8px 0 8px rgba(0, 0, 0, 0.5);
  width: 200px;
}
.main-menu ul li a {
  border-bottom: 1px solid #383838;
  color: #fff;
  display: block;
  font-size: 1em;
  line-height: 1em;
  padding: 0.75em 15px;
  text-decoration: none;
}
.main-menu ul li a:hover,
.main-menu ul li a:focus {
  background: #394f17;
  text-decoration: none;
}
.main-menu ul li:first-child a {
  border-top: 1px solid #383838;
}

.main-menu .menu-close {
  position: absolute;
  right: 0;
  top: 0;
}

/* On small devices, allow it to toggle... */
/* :target for non-JavaScript [aria-expanded] will be used if/when JavaScript is added to improve interaction, though it's completely optional. */
.main-menu:target,
.main-menu[aria-expanded=true] {
  display: block;
  left: 0;
  outline: none;
  -moz-box-shadow: 3px 0 12px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 3px 0 12px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 0 12px rgba(0, 0, 0, 0.25);
}

.main-menu:target .menu-close,
.main-menu[aria-expanded=true] .menu-close {
  z-index: 1001;
}

.main-menu:target ul,
.main-menu[aria-expanded=true] ul {
  position: relative;
  z-index: 1000;
}

/*
 We could us `.main-menu:target:after`, but
 it wouldn't be clickable.
*/
.main-menu:target + .backdrop,
.main-menu[aria-expanded=true] + .backdrop {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  background: #000;
  background: rgba(0, 0, 0, 0.85);
  cursor: default;
  margin-top: 0;
}

@supports (position: fixed) {
  .main-menu,
  .main-menu:target + .backdrop,
  .main-menu[aria-expanded=true] + .backdrop {
    position: fixed;
  }
}
/*
 Larger screen styling
 Horizontal menu
*/
@media (min-width: 768px) {
  .menu-toggle,
  .main-menu .menu-close {
    display: none;
  }
  /* Undo positioning of off-canvas menu */
  .main-menu {
    position: relative;
    left: auto;
    top: auto;
    height: auto;
    display: block;
  }
  .main-menu ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: auto;
    width: auto;
    background: none;
  }
  .main-menu ul li a {
    display: inline-block !important;
    height: 50px !important;
    margin: 0 0.7em;
    padding: 50px 0 0 0 !important;
    transition: initial !important;
    border: 0 !important;
  }
  .main-menu ul li a:hover {
    color: #b6cc44;
    height: 50px !important;
  }
  .main-menu ul li a.about {
    background: url("/assets/images/menu-icons/about.png") no-repeat;
    background-position: center top;
    background-size: 50px 100px;
  }
  .main-menu ul li a.about:hover {
    background: url("/assets/images/menu-icons/about.png") no-repeat;
    background-position: center bottom;
    background-size: 50px 100px;
  }
  .main-menu ul li a.contact {
    background: url("/assets/images/menu-icons/contact.png") no-repeat;
    background-position: center top;
    background-size: 50px 100px;
  }
  .main-menu ul li a.contact:hover {
    background: url("/assets/images/menu-icons/contact.png") no-repeat;
    background-position: center bottom;
    background-size: 50px 100px;
  }
  .main-menu ul li a.request {
    background: url("/assets/images/menu-icons/request.png") no-repeat;
    background-position: center top;
    background-size: 50px 100px;
  }
  .main-menu ul li a.request:hover {
    background: url("/assets/images/menu-icons/request.png") no-repeat;
    background-position: center bottom;
    background-size: 50px 100px;
  }
  .main-menu ul li a.resources {
    background: url("/assets/images/menu-icons/resources.png") no-repeat;
    background-position: center top;
    background-size: 50px 100px;
  }
  .main-menu ul li a.resources:hover {
    background: url("/assets/images/menu-icons/resources.png") no-repeat;
    background-position: center bottom;
    background-size: 50px 100px;
  }
  .main-menu ul li a.services {
    background: url("/assets/images/menu-icons/services.png") no-repeat;
    background-position: center top;
    background-size: 50px 100px;
  }
  .main-menu ul li a.services:hover {
    background: url("/assets/images/menu-icons/services.png") no-repeat;
    background-position: center bottom;
    background-size: 50px 100px;
  }
  .main-menu ul li a.request {
    padding: 5px 0 0 0;
  }
}
.about .main-menu a.about {
  background: url("/assets/images/menu-icons/about.png") no-repeat;
  background-position: center bottom;
  background-size: 50px 100px;
  color: #b6cc44;
}

.contact .main-menu a.contact {
  background: url("/assets/images/menu-icons/about.png") no-repeat;
  background-position: center bottom;
  background-size: 50px 100px;
  color: #b6cc44;
}

.request .main-menu a.request {
  background-position: center bottom;
  color: #b6cc44;
}

.resources .main-menu a.resources {
  background-position: center bottom;
  color: #b6cc44;
}

.services .main-menu a.services {
  background-position: center bottom;
  color: #b6cc44;
}

/* Secondary Menu ---------- */
.secondary-menu {
  display: none;
}
@media (min-width: 768px) {
  .secondary-menu {
    display: block;
  }
}
.secondary-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.secondary-menu ul li {
  display: inline;
}
.secondary-menu ul li a {
  background: #222b0e;
  border-radius: 40px;
  color: #ffffff;
  display: inline-block;
  padding: 0.7em 1.4em;
}
.secondary-menu ul li a:hover {
  background: #b6cc44;
  text-decoration: none;
}

.advanced a.advanced {
  background: #b6cc44;
  text-decoration: none;
}

.family a.family {
  background: #b6cc44;
  text-decoration: none;
}

.greenagel a.greenagel {
  background: #b6cc44;
  text-decoration: none;
}

.strand a.strand {
  background: #b6cc44;
  text-decoration: none;
}

.team a.team {
  background: #b6cc44;
  text-decoration: none;
}

.reviews a.reviews {
  background: #b6cc44;
  text-decoration: none;
}

/* Footer menu ---------- */
#footer ul.menu {
  display: none;
}
@media (min-width: 768px) {
  #footer ul.menu {
    display: block;
  }
}

/* ==========================================================================
   Main.
   ========================================================================== */
/**
 * Responsive styles for the main content element.
 */
#main {
  background: #e5e8ed;
  color: #222b0e;
  margin-top: 0;
}
#main .container {
  margin: 0 1.4em;
  padding: 5.6em 0;
}
@media (min-width: 960px) {
  #main .container {
    margin: 0 auto;
  }
}
#main .map {
  height: auto;
  min-height: 400px;
  width: 100%;
}

/* Row ---------- */
@media (min-width: 768px) {
  .row--fifty {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .row--fifty .region {
    margin-top: 0;
  }
}

/* Vignettes ---------- */
.vignette {
  padding: 1.4em 1.4em;
}

.vignette--right {
  float: right;
  margin: 0 0 1.4em 1.4em;
  width: 300px;
}

.vignette--portrait {
  padding: 0;
}
.vignette--portrait img {
  background-color: #ffffff;
  padding: 0.35em 0.35em;
}

.vignette--patient-info {
  background: #394f17;
  border: 4px solid #ffffff;
  color: #ffffff;
}
.vignette--patient-info a:link, .vignette--patient-info a:visited {
  color: #ffffff;
}

/* team-members ---------- */
@media (min-width: 768px) {
  .team-members--item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
  }
}
@media (min-width: 768px) {
  .team-members--item .region {
    margin-left: 2.8em;
  }
}
.team-members--item .position {
  border-bottom: 1px solid #b6cc44;
  margin-top: 0.4666666667em;
  padding-bottom: 1.4em;
}
.team-members--item img {
  background-color: #ffffff;
  padding: 0.35em 0.35em;
}

/* ==========================================================================
   Footer.
   ========================================================================== */
/**
 * Responsive styles for the main footer element.
 */
#footer {
  background: #222b0e;
  color: #ffffff;
  margin-top: 0;
  padding: 1.4em 1.4em;
  text-align: center;
}
@media (min-width: 768px) {
  #footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    text-align: left;
  }
}
@media (min-width: 960px) {
  #footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
#footer a:link,
#footer a:visited {
  color: #b6cc44;
}
#footer a:hover {
  color: #e5e8ed;
}
@media (min-width: 960px) {
  #footer .region {
    margin-right: 1.4em;
  }
}

/* ==========================================================================
   Print.
   ========================================================================== */
/**
 * Style adjustments for printing.
 */
@media print {
  body {
    background: #fff;
    color: #000;
  }
  body,
  article {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  aside,
  nav {
    display: none;
  }
}