@charset "UTF-8";
@font-face {
  font-family: 'Titillium Web';
  src: url("/fonts/titilliumweb-regular-webfont-a1bd4b62.eot");
  src: url("/fonts/titilliumweb-regular-webfont-a1bd4b62.eot?#iefix") format("embedded-opentype"), url("/fonts/titilliumweb-regular-webfont-816d770f.woff2") format("woff2"), url("/fonts/titilliumweb-regular-webfont-e2c34467.woff") format("woff"), url("/fonts/titilliumweb-regular-webfont-3f655ee7.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Titillium Web';
  src: url("/fonts/titilliumweb-italic-webfont-117fdea2.eot");
  src: url("/fonts/titilliumweb-italic-webfont-117fdea2.eot?#iefix") format("embedded-opentype"), url("/fonts/titilliumweb-italic-webfont-2268211d.woff2") format("woff2"), url("/fonts/titilliumweb-italic-webfont-916a5335.woff") format("woff"), url("/fonts/titilliumweb-italic-webfont-54dda65a.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'Titillium Web';
  src: url("/fonts/titilliumweb-bold-webfont-a3e1ccdf.eot");
  src: url("/fonts/titilliumweb-bold-webfont-a3e1ccdf.eot?#iefix") format("embedded-opentype"), url("/fonts/titilliumweb-bold-webfont-56a6a3f2.woff2") format("woff2"), url("/fonts/titilliumweb-bold-webfont-aaf522fb.woff") format("woff"), url("/fonts/titilliumweb-bold-webfont-de585e1d.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat';
  src: url("/fonts/montserrat-regular-webfont-e017e702.eot");
  src: url("/fonts/montserrat-regular-webfont-e017e702.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat-regular-webfont-271bdf9b.woff2") format("woff2"), url("/fonts/montserrat-regular-webfont-593e30bf.woff") format("woff"), url("/fonts/montserrat-regular-webfont-b71dd775.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
.community--events .community--events--card .heading, .blog-index--post-summary .heading,
.article-detail .heading {
  background: #62AAA7;
  background: -webkit-gradient(linear, left top, right top, from(#62AAA7), to(#BADB8D));
  background: linear-gradient(90deg, #62AAA7 0%, #BADB8D 100%); }

.community--events .community--events--card .heading.orange, .blog-index--post-summary .heading.orange,
.article-detail .heading.orange {
  background: #F59B51;
  background: -webkit-gradient(linear, right top, left top, from(#F59B51), to(#F58251));
  background: linear-gradient(270deg, #F59B51 0%, #F58251 100%); }

.community--events .community--events--card .heading.blue, .blog-index--post-summary .heading.blue,
.article-detail .heading.blue {
  background: #77C7DB;
  background: -webkit-gradient(linear, right top, left top, from(#77C7DB), to(#4296B4));
  background: linear-gradient(270deg, #77C7DB 0%, #4296B4 100%); }

/**
 * Foundation for Sites by ZURB
 * Version 6.2.0
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
a.button.outline {
  border: 1px solid #C3C6C8; }

a.button.github {
  padding-left: 55px;
  background-image: url("../images/icons/icon-github-white-030e2d7d.svg");
  background-position: 30px center;
  background-size: 16px;
  background-repeat: no-repeat; }
  a.button.github.outline {
    background-image: url("../images/icons/icon-github-gray-trim-dee2b027.svg"); }

a.button.chef-demo {
  padding-right: 120px;
  background-image: url("../images/icons/logo-chef-monotone-8d08da58.svg");
  background-position: calc(100% - 24px) center;
  background-size: 85px;
  background-repeat: no-repeat; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1, .h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
 */
/* fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
} */
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
  font-size: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

body {
  padding: 0;
  margin: 0;
  font-family: "Titillium Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #5c6670;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 2px; }

select {
  width: 100%;
  border-radius: 2px; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 2px;
  line-height: 1; }
  [data-whatinput='mouse'] button {
    outline: 0; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

.row {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  .row::before, .row::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row .row {
    margin-left: -0.625rem;
    margin-right: -0.625rem; }
    @media screen and (min-width: 40em) {
      .row .row {
        margin-left: -0.75rem;
        margin-right: -0.75rem; } }
    .row .row.collapse {
      margin-left: 0;
      margin-right: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-left: auto;
      margin-right: auto; }

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem; }
  @media screen and (min-width: 40em) {
    .column, .columns {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }
  .row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.33333%;
  float: left; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.66667%;
  float: left; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.28571%;
  float: left; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0; }
.small-collapse .row {
  margin-left: 0;
  margin-right: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left; }

@media screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%; }

  .medium-push-1 {
    position: relative;
    left: 8.33333%; }

  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }

  .medium-offset-0 {
    margin-left: 0%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-push-2 {
    position: relative;
    left: 16.66667%; }

  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }

  .medium-offset-1 {
    margin-left: 8.33333%; }

  .medium-3 {
    width: 25%; }

  .medium-push-3 {
    position: relative;
    left: 25%; }

  .medium-pull-3 {
    position: relative;
    left: -25%; }

  .medium-offset-2 {
    margin-left: 16.66667%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-push-4 {
    position: relative;
    left: 33.33333%; }

  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }

  .medium-offset-3 {
    margin-left: 25%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-push-5 {
    position: relative;
    left: 41.66667%; }

  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }

  .medium-offset-4 {
    margin-left: 33.33333%; }

  .medium-6 {
    width: 50%; }

  .medium-push-6 {
    position: relative;
    left: 50%; }

  .medium-pull-6 {
    position: relative;
    left: -50%; }

  .medium-offset-5 {
    margin-left: 41.66667%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-push-7 {
    position: relative;
    left: 58.33333%; }

  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }

  .medium-offset-6 {
    margin-left: 50%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-push-8 {
    position: relative;
    left: 66.66667%; }

  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }

  .medium-offset-7 {
    margin-left: 58.33333%; }

  .medium-9 {
    width: 75%; }

  .medium-push-9 {
    position: relative;
    left: 75%; }

  .medium-pull-9 {
    position: relative;
    left: -75%; }

  .medium-offset-8 {
    margin-left: 66.66667%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-push-10 {
    position: relative;
    left: 83.33333%; }

  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }

  .medium-offset-9 {
    margin-left: 75%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-push-11 {
    position: relative;
    left: 91.66667%; }

  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }

  .medium-offset-10 {
    margin-left: 83.33333%; }

  .medium-12 {
    width: 100%; }

  .medium-offset-11 {
    margin-left: 91.66667%; }

  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }

  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }

  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
      float: left; }

  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
      float: left; }

  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }

  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }

  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
      float: left; }

  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
      float: left; }

  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }

  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }

  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }

  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }
@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }

  .large-push-1 {
    position: relative;
    left: 8.33333%; }

  .large-pull-1 {
    position: relative;
    left: -8.33333%; }

  .large-offset-0 {
    margin-left: 0%; }

  .large-2 {
    width: 16.66667%; }

  .large-push-2 {
    position: relative;
    left: 16.66667%; }

  .large-pull-2 {
    position: relative;
    left: -16.66667%; }

  .large-offset-1 {
    margin-left: 8.33333%; }

  .large-3 {
    width: 25%; }

  .large-push-3 {
    position: relative;
    left: 25%; }

  .large-pull-3 {
    position: relative;
    left: -25%; }

  .large-offset-2 {
    margin-left: 16.66667%; }

  .large-4 {
    width: 33.33333%; }

  .large-push-4 {
    position: relative;
    left: 33.33333%; }

  .large-pull-4 {
    position: relative;
    left: -33.33333%; }

  .large-offset-3 {
    margin-left: 25%; }

  .large-5 {
    width: 41.66667%; }

  .large-push-5 {
    position: relative;
    left: 41.66667%; }

  .large-pull-5 {
    position: relative;
    left: -41.66667%; }

  .large-offset-4 {
    margin-left: 33.33333%; }

  .large-6 {
    width: 50%; }

  .large-push-6 {
    position: relative;
    left: 50%; }

  .large-pull-6 {
    position: relative;
    left: -50%; }

  .large-offset-5 {
    margin-left: 41.66667%; }

  .large-7 {
    width: 58.33333%; }

  .large-push-7 {
    position: relative;
    left: 58.33333%; }

  .large-pull-7 {
    position: relative;
    left: -58.33333%; }

  .large-offset-6 {
    margin-left: 50%; }

  .large-8 {
    width: 66.66667%; }

  .large-push-8 {
    position: relative;
    left: 66.66667%; }

  .large-pull-8 {
    position: relative;
    left: -66.66667%; }

  .large-offset-7 {
    margin-left: 58.33333%; }

  .large-9 {
    width: 75%; }

  .large-push-9 {
    position: relative;
    left: 75%; }

  .large-pull-9 {
    position: relative;
    left: -75%; }

  .large-offset-8 {
    margin-left: 66.66667%; }

  .large-10 {
    width: 83.33333%; }

  .large-push-10 {
    position: relative;
    left: 83.33333%; }

  .large-pull-10 {
    position: relative;
    left: -83.33333%; }

  .large-offset-9 {
    margin-left: 75%; }

  .large-11 {
    width: 91.66667%; }

  .large-push-11 {
    position: relative;
    left: 91.66667%; }

  .large-pull-11 {
    position: relative;
    left: -91.66667%; }

  .large-offset-10 {
    margin-left: 83.33333%; }

  .large-12 {
    width: 100%; }

  .large-offset-11 {
    margin-left: 91.66667%; }

  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }

  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }

  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }

  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }

  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }

  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }

  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
      float: left; }

  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
      float: left; }

  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .large-collapse .row {
    margin-left: 0;
    margin-right: 0; }

  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }

  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }

  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
pre,
form,
p,
.p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p, .p {
  font-size: inherit;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Montserrat", "Verdana", "Geneva", sans-serif;
  font-weight: bold;
  font-style: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 1.33; }
  h1 small, .h1 small,
  h2 small,
  .h2 small,
  h3 small,
  .h3 small,
  h4 small,
  .h4 small,
  h5 small,
  .h5 small,
  h6 small,
  .h6 small {
    color: #cacaca;
    line-height: 0; }

h1, .h1 {
  font-size: 1.5rem; }

h2, .h2 {
  font-size: 1.25rem; }

h3, .h3 {
  font-size: 1.125rem; }

h4, .h4 {
  font-size: 0.875rem; }

h5, .h5 {
  font-size: 0.75rem; }

h6, .h6 {
  font-size: 0.75rem; }

@media screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 2.25rem; }

  h2, .h2 {
    font-size: 1.5rem; }

  h3, .h3 {
    font-size: 1.125rem; }

  h4, .h4 {
    font-size: 0.875rem; }

  h5, .h5 {
    font-size: 0.75rem; }

  h6, .h6 {
    font-size: 0.75rem; } }
a {
  color: #007FAB;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer; }
  a:hover, a:focus {
    color: #006d93; }
  a img {
    border: 0; }

hr {
  max-width: 75rem;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
  margin: 2.5rem auto;
  clear: both; }

ul,
ol,
dl {
  line-height: 1.6;
  margin-bottom: 1.5rem;
  list-style-position: outside; }

li {
  font-size: inherit; }

ul {
  list-style-type: disc;
  margin-left: 2rem; }

ol {
  margin-left: 2rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 2rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1.5rem;
  padding: 0 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p, blockquote .p {
    line-height: 1.6;
    color: #8a8a8a; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a; }
  cite:before {
    content: '\2014 \0020'; }

abbr {
  color: #5c6670;
  cursor: help;
  border-bottom: 1px dotted #0a0a0a; }

code {
  font-family: "Source Code Pro", Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #5c6670;
  background-color: white;
  border: none;
  padding: 0.5rem 1rem; }

kbd {
  padding: 0.125rem 0.25rem 0;
  margin: 0;
  background-color: #e6e6e6;
  color: #0a0a0a;
  font-family: "Source Code Pro", Consolas, "Liberation Mono", Courier, monospace;
  border-radius: 2px; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat, .p + .stat {
    margin-top: -1rem; }

.no-bullet, .main-nav--links {
  margin-left: 0;
  list-style: none; }

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

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

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

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

@media screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left; }

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

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

  .medium-text-justify {
    text-align: justify; } }
@media screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }

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

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

  .large-text-justify {
    text-align: justify; } }
.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important; }

  .show-for-print {
    display: block !important; }

  .hide-for-print {
    display: none !important; }

  table.show-for-print {
    display: table !important; }

  thead.show-for-print {
    display: table-header-group !important; }

  tbody.show-for-print {
    display: table-row-group !important; }

  tr.show-for-print {
    display: table-row !important; }

  td.show-for-print {
    display: table-cell !important; }

  th.show-for-print {
    display: table-cell !important; }

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

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

  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }

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

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

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, .p,
  h2,
  .h2,
  h3,
  .h3 {
    orphans: 3;
    widows: 3; }

  h2, .h2,
  h3,
  .h3 {
    page-break-after: avoid; } }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #0a0a0a;
  background-color: #fefefe;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 2px;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -webkit-appearance: none;
  -moz-appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    outline: none;
    -webkit-box-shadow: 0 0 14px rgba(254, 254, 254, 0.25);
            box-shadow: 0 0 14px rgba(254, 254, 254, 0.25);
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(254, 254, 254, 0.35); }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(254, 254, 254, 0.35); }

input::placeholder,
textarea::placeholder {
  color: rgba(254, 254, 254, 0.35); }
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: default; }

[type='submit'],
[type='button'] {
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type='search'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }
  [type='checkbox'] + label[for],
  [type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a; }
  label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0; }

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a; }

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem; }
  .input-group > :first-child {
    border-radius: 2px 0 0 2px; }
  .input-group > :last-child > * {
    border-radius: 0 2px 2px 0; }

.input-group-label, .input-group-field, .input-group-button {
  margin: 0;
  display: table-cell;
  vertical-align: middle; }

.input-group-label {
  text-align: center;
  padding: 0 1rem;
  background: #e6e6e6;
  color: #0a0a0a;
  border: 1px solid #cacaca;
  white-space: nowrap;
  width: 1%;
  height: 100%; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  height: 2.5rem; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  height: 100%;
  width: 1%; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button {
    margin: 0; }

.input-group .input-group-button {
  display: table-cell; }

fieldset {
  border: 0;
  padding: 0;
  margin: 0; }

legend {
  margin-bottom: 0.5rem;
  max-width: 100%; }

.fieldset {
  border: 1px solid #cacaca;
  padding: 1.25rem;
  margin: 1.125rem 0; }
  .fieldset legend {
    background: #ffffff;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; }

select {
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-family: inherit;
  line-height: normal;
  color: #0a0a0a;
  background-color: #fefefe;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
  background-size: 9px 6px;
  background-position: right center;
  background-origin: content-box;
  background-repeat: no-repeat; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:disabled {
    background-color: #e6e6e6;
    cursor: default; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto; }

.is-invalid-input:not(:focus) {
  background-color: rgba(236, 88, 64, 0.1);
  border-color: #ec5840; }

.is-invalid-label {
  color: #ec5840; }

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ec5840; }
  .form-error.is-visible {
    display: block; }

.button {
  display: inline-block;
  text-align: center;
  line-height: 1.5;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 2px;
  padding: 0.75rem 2rem;
  margin: 0 0 1rem 0;
  font-size: 1rem;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fefefe; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background-color: rgba(217, 217, 217, 0.1);
    color: #fefefe; }
  .button.tiny {
    font-size: 0.6rem; }
  .button.small {
    font-size: 0.75rem; }
  .button.large {
    font-size: 1.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .button.primary {
    background-color: #87b09a;
    color: #fefefe; }
    .button.primary:hover, .button.primary:focus {
      background-color: #63967b;
      color: #fefefe; }
  .button.secondary {
    background-color: #f6f6f6;
    color: #fefefe; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #c5c5c5;
      color: #fefefe; }
  .button.success {
    background-color: #87b09a;
    color: #fefefe; }
    .button.success:hover, .button.success:focus {
      background-color: #63967b;
      color: #fefefe; }
  .button.warning {
    background-color: #ffae00;
    color: #fefefe; }
    .button.warning:hover, .button.warning:focus {
      background-color: #cc8b00;
      color: #fefefe; }
  .button.alert {
    background-color: #ec5840;
    color: #fefefe; }
    .button.alert:hover, .button.alert:focus {
      background-color: #da3116;
      color: #fefefe; }
  .button.hollow {
    border: 1px solid #87b09a;
    color: #87b09a; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #3e5e4d;
      color: #3e5e4d; }
    .button.hollow.primary {
      border: 1px solid #87b09a;
      color: #87b09a; }
      .button.hollow.primary:hover, .button.hollow.primary:focus {
        border-color: #3e5e4d;
        color: #3e5e4d; }
    .button.hollow.secondary {
      border: 1px solid #f6f6f6;
      color: #f6f6f6; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #7b7b7b;
        color: #7b7b7b; }
    .button.hollow.success {
      border: 1px solid #87b09a;
      color: #87b09a; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #3e5e4d;
        color: #3e5e4d; }
    .button.hollow.warning {
      border: 1px solid #ffae00;
      color: #ffae00; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #805700;
        color: #805700; }
    .button.hollow.alert {
      border: 1px solid #ec5840;
      color: #ec5840; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #881f0e;
        color: #881f0e; }
  .button.disabled, .button[disabled] {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none; }
  .button.dropdown::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: 0.4em;
    float: right;
    margin-left: 2rem;
    display: inline-block; }
  .button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: -0.1em; }

.accordion {
  list-style-type: none;
  background: #fefefe;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  border-radius: 2px;
  margin-left: 0; }

.accordion-title {
  display: block;
  padding: 1.25rem 1rem;
  line-height: 1;
  font-size: 0.75rem;
  color: #87b09a;
  position: relative;
  border-bottom: 1px solid #e6e6e6; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: #e6e6e6; }
  .accordion-title::before {
    content: '+';
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -0.5rem; }
  .is-active > .accordion-title::before {
    content: '–'; }

.accordion-content {
  padding: 1rem;
  display: none;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fefefe; }

.badge {
  display: inline-block;
  padding: 0.3em;
  min-width: 2.1em;
  font-size: 0.6rem;
  text-align: center;
  border-radius: 50%;
  background: #87b09a;
  color: #0a0a0a; }
  .badge.secondary {
    background: #f6f6f6;
    color: #0a0a0a; }
  .badge.success {
    background: #87b09a;
    color: #0a0a0a; }
  .badge.warning {
    background: #ffae00;
    color: #fefefe; }
  .badge.alert {
    background: #ec5840;
    color: #fefefe; }

.breadcrumbs {
  list-style: none;
  margin: 0 0 1rem 0; }
  .breadcrumbs::before, .breadcrumbs::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .breadcrumbs::after {
    clear: both; }
  .breadcrumbs li {
    float: left;
    color: #0a0a0a;
    font-size: 0.6875rem;
    cursor: default;
    text-transform: uppercase; }
    .breadcrumbs li:not(:last-child)::after {
      color: #cacaca;
      content: "/";
      margin: 0 0.75rem;
      position: relative;
      top: 1px;
      opacity: 1; }
  .breadcrumbs a {
    color: #87b09a; }
    .breadcrumbs a:hover {
      text-decoration: underline; }
  .breadcrumbs .disabled {
    color: #cacaca; }

.button-group {
  margin-bottom: 1rem;
  font-size: 0; }
  .button-group::before, .button-group::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .button-group::after {
    clear: both; }
  .button-group .button {
    margin: 0;
    font-size: 1rem;
    float: left; }
    .button-group .button:not(:last-child) {
      border-right: 1px solid #ffffff; }
  .button-group.tiny .button {
    font-size: 0.6rem; }
  .button-group.small .button {
    font-size: 0.75rem; }
  .button-group.large .button {
    font-size: 1.25rem; }
  .button-group.expanded {
    margin-right: -1px; }
    .button-group.expanded::before, .button-group.expanded::after {
      display: none; }
    .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
      display: inline-block;
      width: 50%;
      margin-right: 1px; }
    .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
      display: inline-block;
      width: 33.33333%;
      margin-right: 1px; }
    .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
      display: inline-block;
      width: 25%;
      margin-right: 1px; }
    .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
      display: inline-block;
      width: 20%;
      margin-right: 1px; }
    .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
      display: inline-block;
      width: 16.66667%;
      margin-right: 1px; }
  .button-group.primary .button {
    background-color: #87b09a;
    color: #0a0a0a; }
    .button-group.primary .button:hover, .button-group.primary .button:focus {
      background-color: #63967b;
      color: #0a0a0a; }
  .button-group.secondary .button {
    background-color: #f6f6f6;
    color: #0a0a0a; }
    .button-group.secondary .button:hover, .button-group.secondary .button:focus {
      background-color: #c5c5c5;
      color: #0a0a0a; }
  .button-group.success .button {
    background-color: #87b09a;
    color: #0a0a0a; }
    .button-group.success .button:hover, .button-group.success .button:focus {
      background-color: #63967b;
      color: #0a0a0a; }
  .button-group.warning .button {
    background-color: #ffae00;
    color: #fefefe; }
    .button-group.warning .button:hover, .button-group.warning .button:focus {
      background-color: #cc8b00;
      color: #fefefe; }
  .button-group.alert .button {
    background-color: #ec5840;
    color: #fefefe; }
    .button-group.alert .button:hover, .button-group.alert .button:focus {
      background-color: #da3116;
      color: #fefefe; }
  .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
    width: 100%; }
    .button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child), .button-group.stacked-for-medium .button:not(:last-child) {
      margin-right: 0; }
  @media screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
      width: auto; }
      .button-group.stacked-for-small .button:not(:last-child) {
        margin-right: 1px; } }
  @media screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
      width: auto; }
      .button-group.stacked-for-medium .button:not(:last-child) {
        margin-right: 1px; } }
  @media screen and (max-width: 39.9375em) {
    .button-group.stacked-for-small.expanded {
      display: block; }
      .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0; } }

.callout {
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 2px;
  position: relative;
  color: #5c6670;
  background-color: white; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #edf3f0; }
  .callout.secondary {
    background-color: #fefefe; }
  .callout.success {
    background-color: #edf3f0; }
  .callout.warning {
    background-color: #fff3d9; }
  .callout.alert {
    background-color: #fce6e2; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.close-button {
  position: absolute;
  color: #8a8a8a;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #0a0a0a; }

.menu {
  margin: 0;
  list-style-type: none; }
  .menu > li {
    display: table-cell;
    vertical-align: middle; }
    [data-whatinput='mouse'] .menu > li {
      outline: 0; }
  .menu > li > a {
    display: block;
    padding: 0.7rem 1rem;
    line-height: 1; }
  .menu input,
  .menu a,
  .menu button {
    margin-bottom: 0; }
  .menu > li > a img,
  .menu > li > a i {
    vertical-align: middle; }
  .menu > li > a i + span,
  .menu > li > a img + span {
    vertical-align: middle; }
  .menu > li > a img,
  .menu > li > a i {
    margin-right: 0.25rem;
    display: inline-block; }
  .menu > li {
    display: table-cell; }
  .menu.vertical > li {
    display: block; }
  @media screen and (min-width: 40em) {
    .menu.medium-horizontal > li {
      display: table-cell; }
    .menu.medium-vertical > li {
      display: block; } }
  @media screen and (min-width: 64em) {
    .menu.large-horizontal > li {
      display: table-cell; }
    .menu.large-vertical > li {
      display: block; } }
  .menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem; }
  .menu.simple a {
    padding: 0; }
  .menu.align-right::before, .menu.align-right::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .menu.align-right::after {
    clear: both; }
  .menu.align-right > li {
    float: right; }
  .menu.expanded {
    width: 100%;
    display: table;
    table-layout: fixed; }
    .menu.expanded > li:first-child:last-child {
      width: 100%; }
  .menu.icon-top > li > a {
    text-align: center; }
    .menu.icon-top > li > a img,
    .menu.icon-top > li > a i {
      display: block;
      margin: 0 auto 0.25rem; }
  .menu.nested {
    margin-left: 1rem; }
  .menu .active > a {
    color: #fefefe;
    background: #87b09a; }

.menu-text {
  font-weight: bold;
  color: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.7rem 1rem; }

.menu-centered {
  text-align: center; }
  .menu-centered > .menu {
    display: inline-block; }

.no-js [data-responsive-menu] ul {
  display: none; }

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }
  .menu-icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
            box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; }
  .menu-icon:hover::after {
    background: #cacaca;
    -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
            box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }
  .menu-icon.dark::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
            box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; }
  .menu-icon.dark:hover::after {
    background: #8a8a8a;
    -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
            box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.is-drilldown {
  position: relative;
  overflow: hidden; }
  .is-drilldown li {
    display: block !important; }

.is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: #fefefe;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear; }
  .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  .is-drilldown-submenu.is-closing {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }

.is-drilldown-submenu-parent > a {
  position: relative; }
  .is-drilldown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent transparent #87b09a;
    border-left-style: solid;
    border-right-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem; }

.js-drilldown-back > a::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent #87b09a transparent transparent;
  border-right-style: solid;
  border-left-width: 0;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem; }

.dropdown-pane {
  background-color: #ffffff;
  border: 1px solid #cacaca;
  border-radius: 2px;
  display: block;
  font-size: 1rem;
  padding: 1rem;
  position: absolute;
  visibility: hidden;
  width: 300px;
  z-index: 10; }
  .dropdown-pane.is-open {
    visibility: visible; }

.dropdown-pane.tiny {
  width: 100px; }

.dropdown-pane.small {
  width: 200px; }

.dropdown-pane.large {
  width: 400px; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  left: auto;
  right: 0;
  top: 100%; }
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 0;
  top: 100%; }
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  padding-right: 1.5rem;
  position: relative; }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #007FAB transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  right: 5px;
  margin-top: -2px; }
[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0; }
.no-js .dropdown.menu ul {
  display: none; }
.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0; }
.dropdown.menu.vertical > li.opens-left .is-dropdown-submenu {
  left: auto;
  right: 100%; }
.dropdown.menu.vertical > li.opens-right .is-dropdown-submenu {
  right: auto;
  left: 100%; }
.dropdown.menu.vertical > li > a::after {
  right: 14px;
  margin-top: -3px; }
.dropdown.menu.vertical > li.opens-left > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent #007FAB transparent transparent;
  border-right-style: solid;
  border-left-width: 0; }
.dropdown.menu.vertical > li.opens-right > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent #007FAB;
  border-left-style: solid;
  border-right-width: 0; }
@media screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #007FAB transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu {
    left: auto;
    right: 100%; }
  .dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
    margin-top: -3px; }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #007FAB transparent transparent;
    border-right-style: solid;
    border-left-width: 0; }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #007FAB;
    border-left-style: solid;
    border-right-width: 0; } }
@media screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #007FAB transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu {
    left: auto;
    right: 100%; }
  .dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
    margin-top: -3px; }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #007FAB transparent transparent;
    border-right-style: solid;
    border-left-width: 0; }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #007FAB;
    border-left-style: solid;
    border-right-width: 0; } }
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  left: auto;
  right: 0; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }

.is-dropdown-submenu-parent {
  position: relative; }
  .is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px; }
  .is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu {
    top: 100%; }
  .is-dropdown-submenu-parent.opens-left .is-dropdown-submenu {
    left: auto;
    right: 100%; }

.is-dropdown-submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 200px;
  z-index: 1;
  background: #fefefe;
  border: 1px solid #cacaca; }
  .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px;
    margin-top: -3px; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #007FAB transparent transparent;
    border-right-style: solid;
    border-left-width: 0; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #007FAB;
    border-left-style: solid;
    border-right-width: 0; }
  .is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px; }
  .is-dropdown-submenu > li {
    width: 100%; }
  .is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active {
    display: block; }

.flex-video {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .flex-video.widescreen {
    padding-bottom: 56.25%; }
  .flex-video.vimeo {
    padding-top: 0; }

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  border-radius: 2px;
  background: #87b09a;
  color: #0a0a0a; }
  .label.secondary {
    background: #f6f6f6;
    color: #0a0a0a; }
  .label.success {
    background: #87b09a;
    color: #0a0a0a; }
  .label.warning {
    background: #ffae00;
    color: #fefefe; }
  .label.alert {
    background: #ec5840;
    color: #fefefe; }

.media-object {
  margin-bottom: 1rem;
  display: block; }
  .media-object img {
    max-width: none; }
  @media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small .media-object-section {
      padding: 0;
      padding-bottom: 1rem;
      display: block; }
      .media-object.stack-for-small .media-object-section img {
        width: 100%; } }

.media-object-section {
  display: table-cell;
  vertical-align: top; }
  .media-object-section:first-child {
    padding-right: 1rem; }
  .media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem; }
  .media-object-section.middle {
    vertical-align: middle; }
  .media-object-section.bottom {
    vertical-align: bottom; }

html,
body {
  height: 100%; }

.off-canvas-wrapper {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-overflow-scrolling: auto; }

.off-canvas-wrapper-inner {
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
  .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .off-canvas-wrapper-inner::after {
    clear: both; }

.off-canvas-content,
.off-canvas-content {
  min-height: 100%;
  background: #ffffff;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  padding-bottom: 0.1px;
  -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.5);
          box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); }

.js-off-canvas-exit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(254, 254, 254, 0.25);
  cursor: pointer;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease; }

.off-canvas {
  position: absolute;
  background: #e6e6e6;
  z-index: -1;
  max-height: 100%;
  overflow-y: auto;
  -webkit-transform: translateX(0);
          transform: translateX(0); }
  [data-whatinput='mouse'] .off-canvas {
    outline: 0; }
  .off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px; }
    .is-open-left {
      -webkit-transform: translateX(250px);
              transform: translateX(250px); }
  .off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px; }
    .is-open-right {
      -webkit-transform: translateX(-250px);
              transform: translateX(-250px); }

@media screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    left: 0;
    z-index: auto;
    position: fixed; }
    .position-left.reveal-for-medium ~ .off-canvas-content {
      margin-left: 250px; }

  .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed; }
    .position-right.reveal-for-medium ~ .off-canvas-content {
      margin-right: 250px; } }
@media screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed; }
    .position-left.reveal-for-large ~ .off-canvas-content {
      margin-left: 250px; }

  .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed; }
    .position-right.reveal-for-large ~ .off-canvas-content {
      margin-right: 250px; } }
.orbit {
  position: relative; }

.orbit-container {
  position: relative;
  margin: 0;
  overflow: hidden;
  list-style: none; }

.orbit-slide {
  width: 100%;
  max-height: 100%; }
  .orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0; }

.orbit-figure {
  margin: 0; }

.orbit-image {
  margin: 0;
  width: 100%;
  max-width: 100%; }

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  margin-bottom: 0;
  color: #fefefe;
  background-color: rgba(10, 10, 10, 0.5); }

.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe; }
  [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0; }
  .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(10, 10, 10, 0.5); }

.orbit-previous {
  left: 0; }

.orbit-next {
  left: auto;
  right: 0; }

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center; }
  [data-whatinput='mouse'] .orbit-bullets {
    outline: 0; }
  .orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    background-color: #cacaca;
    border-radius: 50%; }
    .orbit-bullets button:hover {
      background-color: #8a8a8a; }
    .orbit-bullets button.is-active {
      background-color: #8a8a8a; }

.pagination {
  margin-left: 0;
  margin-bottom: 1rem; }
  .pagination::before, .pagination::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .pagination::after {
    clear: both; }
  .pagination li {
    font-size: 0.875rem;
    margin-right: 0.0625rem;
    border-radius: 2px;
    display: none; }
    .pagination li:last-child, .pagination li:first-child {
      display: inline-block; }
    @media screen and (min-width: 40em) {
      .pagination li {
        display: inline-block; } }
  .pagination a,
  .pagination button {
    color: #0a0a0a;
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 2px; }
    .pagination a:hover,
    .pagination button:hover {
      background: #e6e6e6; }
  .pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #87b09a;
    color: #0a0a0a;
    cursor: default; }
  .pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #cacaca;
    cursor: default; }
    .pagination .disabled:hover {
      background: transparent; }
  .pagination .ellipsis::after {
    content: '\2026';
    padding: 0.1875rem 0.625rem;
    color: #0a0a0a; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
  content: '\00ab';
  display: inline-block;
  margin-right: 0.5rem; }

.pagination-next a::after,
.pagination-next.disabled::after {
  content: '\00bb';
  display: inline-block;
  margin-left: 0.5rem; }

.progress {
  background-color: #ffffff;
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 2px; }
  .progress.primary .progress-meter {
    background-color: #87b09a; }
  .progress.secondary .progress-meter {
    background-color: #f6f6f6; }
  .progress.success .progress-meter {
    background-color: #87b09a; }
  .progress.warning .progress-meter {
    background-color: #ffae00; }
  .progress.alert .progress-meter {
    background-color: #ec5840; }

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #87b09a;
  border-radius: 2px; }

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap;
  border-radius: 2px; }

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: none;
      touch-action: none; }

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .slider-fill.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear; }

.slider-handle {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #87b09a;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  border-radius: 2px; }
  [data-whatinput='mouse'] .slider-handle {
    outline: 0; }
  .slider-handle:hover {
    background-color: #6b9d82; }
  .slider-handle.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear; }

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed; }

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }
  .slider.vertical .slider-fill {
    top: 0;
    width: 0.5rem;
    max-height: 100%; }
  .slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }

.sticky-container {
  position: relative; }

.sticky {
  position: absolute;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.sticky.is-stuck {
  position: fixed;
  z-index: 5; }
  .sticky.is-stuck.is-at-top {
    top: 0; }
  .sticky.is-stuck.is-at-bottom {
    bottom: 0; }

.sticky.is-anchored {
  position: absolute;
  left: auto;
  right: auto; }
  .sticky.is-anchored.is-at-bottom {
    bottom: 0; }

body.is-reveal-open {
  overflow: hidden; }

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: scroll; }

.reveal {
  display: none;
  z-index: 1006;
  padding: 1rem;
  border: 1px solid #cacaca;
  background-color: #fefefe;
  border-radius: 2px;
  position: relative;
  top: 100px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media screen and (min-width: 40em) {
    .reveal {
      min-height: 0; } }
  .reveal .column, .reveal .columns,
  .reveal .columns {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 40em) {
    .reveal {
      width: 600px;
      max-width: 75rem; } }
  @media screen and (min-width: 40em) {
    .reveal .reveal {
      left: auto;
      right: auto;
      margin: 0 auto; } }
  .reveal.collapse {
    padding: 0; }
  @media screen and (min-width: 40em) {
    .reveal.tiny {
      width: 30%;
      max-width: 75rem; } }
  @media screen and (min-width: 40em) {
    .reveal.small {
      width: 50%;
      max-width: 75rem; } }
  @media screen and (min-width: 40em) {
    .reveal.large {
      width: 90%;
      max-width: 75rem; } }
  .reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media screen and (max-width: 39.9375em) {
    .reveal {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      height: 100vh;
      min-height: 100vh;
      max-width: none;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }

.switch {
  margin-bottom: 1rem;
  outline: 0;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #fefefe;
  font-weight: bold;
  font-size: 0.875rem; }

.switch-input {
  opacity: 0;
  position: absolute; }

.switch-paddle {
  background: #cacaca;
  cursor: pointer;
  display: block;
  position: relative;
  width: 4rem;
  height: 2rem;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  border-radius: 2px;
  color: inherit;
  font-weight: inherit; }
  input + .switch-paddle {
    margin: 0; }
  .switch-paddle::after {
    background: #fefefe;
    content: '';
    display: block;
    position: absolute;
    height: 1.5rem;
    left: 0.25rem;
    top: 0.25rem;
    width: 1.5rem;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    border-radius: 2px; }
  input:checked ~ .switch-paddle {
    background: #87b09a; }
    input:checked ~ .switch-paddle::after {
      left: 2.25rem; }
  [data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0; }

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.switch-active {
  left: 8%;
  display: none; }
  input:checked + label > .switch-active {
    display: block; }

.switch-inactive {
  right: 15%; }
  input:checked + label > .switch-inactive {
    display: none; }

.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem; }
.switch.tiny .switch-paddle::after {
  width: 1rem;
  height: 1rem; }
.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem; }

.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem; }
.switch.small .switch-paddle::after {
  width: 1.25rem;
  height: 1.25rem; }
.switch.small input:checked ~ .switch-paddle::after {
  left: 2rem; }

.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem; }
.switch.large .switch-paddle::after {
  width: 2rem;
  height: 2rem; }
.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem; }

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 2px; }
  thead,
  tbody,
  tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe; }

  caption {
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem; }

  thead,
  tfoot {
    background: #f8f8f8;
    color: #5c6670; }
    thead tr,
    tfoot tr {
      background: transparent; }
    thead th,
    thead td,
    tfoot th,
    tfoot td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-weight: bold;
      text-align: left; }

  tbody tr:nth-child(even) {
    background-color: #f1f1f1; }
  tbody th,
  tbody td {
    padding: 0.5rem 0.625rem 0.625rem; }

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover tr:hover {
  background-color: #f9f9f9; }
table.hover tr:nth-of-type(even):hover {
  background-color: #ececec; }

.table-scroll {
  overflow-x: auto; }
  .table-scroll table {
    width: auto; }

.tabs {
  margin: 0;
  list-style-type: none;
  background: #fefefe;
  border: 1px solid #e6e6e6; }
  .tabs::before, .tabs::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .tabs::after {
    clear: both; }

.tabs.vertical > li {
  width: auto;
  float: none;
  display: block; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #87b09a; }
  .tabs.primary > li > a {
    color: #0a0a0a; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #7eaa92; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: 0.75rem; }
    .tabs-title > a:hover {
      background: #fefefe; }
    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      background: #e6e6e6; }

.tabs-content {
  background: #fefefe;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 1px solid #e6e6e6;
  border-top: 0; }

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 1rem; }
  .tabs-panel.is-active {
    display: block; }

.thumbnail {
  border: solid 4px #fefefe;
  -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
          box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  -webkit-transition: -webkit-box-shadow 200ms ease-out;
  transition: -webkit-box-shadow 200ms ease-out;
  transition: box-shadow 200ms ease-out;
  transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out;
  border-radius: 2px;
  margin-bottom: 1rem; }
  .thumbnail:hover, .thumbnail:focus {
    -webkit-box-shadow: 0 0 6px 1px rgba(135, 176, 154, 0.5);
            box-shadow: 0 0 6px 1px rgba(135, 176, 154, 0.5); }

.title-bar {
  background: #0a0a0a;
  color: #fefefe;
  padding: 0.5rem; }
  .title-bar::before, .title-bar::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .title-bar::after {
    clear: both; }
  .title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.5rem; }

.title-bar-left {
  float: left; }

.title-bar-right {
  float: right;
  text-align: right; }

.title-bar-title {
  font-weight: bold;
  vertical-align: middle;
  display: inline-block; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }
  .menu-icon.dark::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
            box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; }
  .menu-icon.dark:hover::after {
    background: #8a8a8a;
    -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
            box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.has-tip {
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  position: relative;
  display: inline-block;
  cursor: help; }

.tooltip {
  background-color: #0a0a0a;
  color: #fefefe;
  font-size: 80%;
  padding: 0.75rem;
  position: absolute;
  z-index: 10;
  top: calc(100% + 0.6495rem);
  max-width: 10rem !important;
  border-radius: 2px; }
  .tooltip::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: transparent transparent #0a0a0a;
    border-bottom-style: solid;
    border-top-width: 0;
    bottom: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .tooltip.top::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: #0a0a0a transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    top: 100%;
    bottom: auto; }
  .tooltip.left::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: transparent transparent transparent #0a0a0a;
    border-left-style: solid;
    border-right-width: 0;
    bottom: auto;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .tooltip.right::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: transparent #0a0a0a transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.top-bar {
  padding: 0.5rem; }
  .top-bar::before, .top-bar::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .top-bar::after {
    clear: both; }
  .top-bar,
  .top-bar ul {
    background-color: #e6e6e6; }
  .top-bar input {
    max-width: 200px;
    margin-right: 1rem; }
  .top-bar .input-group-field {
    width: 100%;
    margin-right: 0; }
  .top-bar input.button {
    width: auto; }
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    width: 100%; }
  @media screen and (min-width: 40em) {
    .top-bar .top-bar-left,
    .top-bar .top-bar-right {
      width: auto; } }
  @media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
      width: 100%; } }
  @media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
      width: 100%; } }

.top-bar-title {
  float: left;
  margin-right: 1rem; }

.top-bar-left {
  float: left; }

.top-bar-right {
  float: right; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

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

.clearfix::before, .clearfix::after {
  content: ' ';
  display: table;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }
.clearfix::after {
  clear: both; }

/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black; }

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */ }

.CodeMirror pre {
  padding: 0 4px;
  /* Horizontal padding of content */ }

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */ }

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap; }

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap; }

.CodeMirror-guttermarker {
  color: black; }

.CodeMirror-guttermarker-subtle {
  color: #999; }

/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0; }

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver; }

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7; }

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1; }

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7; }
@-webkit-keyframes blink {
  50% {
    background-color: transparent; } }
@keyframes blink {
  50% {
    background-color: transparent; } }
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit; }

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute; }

/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue; }

.cm-s-default .cm-quote {
  color: #090; }

.cm-negative {
  color: #d44; }

.cm-positive {
  color: #292; }

.cm-header, .cm-strong {
  font-weight: bold; }

.cm-em {
  font-style: italic; }

.cm-link {
  text-decoration: underline; }

.cm-strikethrough {
  text-decoration: line-through; }

.cm-s-default .cm-keyword {
  color: #708; }

.cm-s-default .cm-atom {
  color: #219; }

.cm-s-default .cm-number {
  color: #164; }

.cm-s-default .cm-def {
  color: #00f; }

.cm-s-default .cm-variable-2 {
  color: #05a; }

.cm-s-default .cm-variable-3 {
  color: #085; }

.cm-s-default .cm-comment {
  color: #a50; }

.cm-s-default .cm-string {
  color: #a11; }

.cm-s-default .cm-string-2 {
  color: #f50; }

.cm-s-default .cm-meta {
  color: #555; }

.cm-s-default .cm-qualifier {
  color: #555; }

.cm-s-default .cm-builtin {
  color: #30a; }

.cm-s-default .cm-bracket {
  color: #997; }

.cm-s-default .cm-tag {
  color: #170; }

.cm-s-default .cm-attribute {
  color: #00c; }

.cm-s-default .cm-hr {
  color: #999; }

.cm-s-default .cm-link {
  color: #00c; }

.cm-s-default .cm-error {
  color: #f00; }

.cm-invalidchar {
  color: #f00; }

.CodeMirror-composing {
  border-bottom: 2px solid; }

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0; }

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22; }

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3); }

.CodeMirror-activeline-background {
  background: #e8f2ff; }

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white; }

.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative; }

.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent; }

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none; }

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll; }

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll; }

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0; }

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0; }

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3; }

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
  /* Hack to make IE7 behave */
  *zoom: 1;
  *display: inline; }

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important; }

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4; }

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4; }

.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */ }

.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none; }

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal; }

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto; }

.CodeMirror-code {
  outline: none; }

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden; }

.CodeMirror-cursor {
  position: absolute; }

.CodeMirror-measure pre {
  position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3; }

div.CodeMirror-dragcursors {
  visibility: visible; }

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible; }

.CodeMirror-selected {
  background: #d9d9d9; }

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0; }

.CodeMirror-crosshair {
  cursor: crosshair; }

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0; }

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0; }

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, 0.4); }

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span {
  *vertical-align: text-bottom; }

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden; } }
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none; }

#main-nav {
  position: fixed;
  z-index: 100;
  background: #243541;
  min-height: 63px;
  width: 100%;
  -webkit-transition: top 0.4s ease;
  transition: top 0.4s ease;
  -webkit-box-shadow: 0 0 50px 2px transparent;
          box-shadow: 0 0 50px 2px transparent;
  z-index: 9000; }
  @media (min-width: 1060px) {
    #main-nav {
      min-height: 100px; }
      #main-nav.is-sticky {
        position: fixed; } }
  #main-nav.is-open, #main-nav.is-sticky {
    background-color: #283c4c;
    -webkit-box-shadow: 0 0 50px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 50px 2px rgba(0, 0, 0, 0.1); }
  #main-nav.is-visible {
    top: 0; }
  @media (max-width: 1059px) {
    #main-nav {
      position: fixed;
      top: 0; }
      #main-nav.has-sidebar {
        background-color: #283c4c; } }
  @media (min-width: 1060px) {
    .home #main-nav:not(.is-sticky) .main-nav--logo h1, .home #main-nav:not(.is-sticky) .main-nav--logo .h1 {
      background: url("../images/habitat-logo-by-chef-white-8c9ed837.svg") no-repeat left 40%;
      background-size: contain; } }

.main-nav--container {
  max-width: 75rem;
  margin: 0 auto; }
  @media (max-width: 1059px) {
    .main-nav--container {
      padding: 0;
      height: 4.6875rem;
      line-height: 4.6875rem;
      position: relative; }
      .main-nav--container > .columns {
        width: auto;
        padding: 0px;
        height: 100%;
        position: absolute;
        top: 0px; }
      .main-nav--container > .main-nav--logo {
        left: 1.25rem;
        z-index: 2; }
      .main-nav--container > .main-nav--links-wrap {
        right: 0px;
        width: 100%;
        z-index: 1; }
      .main-nav--container .main-nav--links {
        background-color: #283c4c;
        top: -1px;
        width: 100%;
        padding: 0 1.25rem 1.25rem; } }

@media screen and (min-width: 40em) {
  .main-nav--logo {
    width: 25%;
    float: left;
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }
  @media screen and (min-width: 40em) and (min-width: 40em) {
    .main-nav--logo {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
@media screen and (min-width: 40em) {
    .main-nav--logo:last-child:not(:first-child) {
      float: right; } }
.main-nav--logo > a {
  display: block; }
  @media (max-width: 1059px) {
    .main-nav--logo > a {
      height: 100%; } }
  .main-nav--logo > a > h1, .main-nav--logo > a > .h1 {
    overflow: hidden;
    text-indent: 400%;
    white-space: nowrap;
    background: url("../images/habitat-logo-by-chef-white-8c9ed837.svg") no-repeat left 40%;
    background-size: 5.5625rem auto;
    color: #fefefe;
    height: 63px;
    margin-bottom: 0;
    min-width: 5.5625rem;
    max-width: 8.75rem; }
    @media (min-width: 1060px) {
      .main-nav--logo > a > h1, .main-nav--logo > a > .h1 {
        background-size: 7.5rem auto;
        min-width: 10.625rem;
        height: 100px; } }
    @media (max-width: 1059px) {
      .main-nav--logo > a > h1, .main-nav--logo > a > .h1 {
        height: 100%; } }

@media (min-width: 1060px) {
  .main-nav--links-wrap {
    width: 75%;
    float: left;
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }
  @media screen and (min-width: 1060px) and (min-width: 40em) {
    .main-nav--links-wrap {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
@media (min-width: 1060px) {
    .main-nav--links-wrap:last-child:not(:first-child) {
      float: right; } }

.main-nav--links {
  position: relative;
  display: none;
  clear: both;
  margin-bottom: 0; }
  .main-nav--links > li {
    padding: 0.9375rem 0 0 0.3125rem; }
    .main-nav--links > li.main-nav--link {
      margin-top: 0;
      height: 45px;
      line-height: 45px; }
      .main-nav--links > li.main-nav--link.signed-out, .main-nav--links > li.main-nav--link.signed-in {
        display: none; }
      .main-nav--links > li.main-nav--link.signed-in {
        position: relative;
        padding-right: 0;
        margin-right: 12px; }
        .main-nav--links > li.main-nav--link.signed-in .avatar {
          display: block;
          border-radius: 50%;
          border: 1px solid #ff9012;
          padding: 2px;
          margin-left: 1.25rem;
          cursor: pointer;
          float: right; }
          .main-nav--links > li.main-nav--link.signed-in .avatar > img {
            display: block;
            border: solid 2px #ffffff;
            border-radius: 50%;
            height: 40px;
            width: 40px; }
          @media screen and (max-width: 39.9375em) {
            .main-nav--links > li.main-nav--link.signed-in .avatar {
              display: none; } }
        .main-nav--links > li.main-nav--link.signed-in .dropdown {
          display: none;
          -webkit-box-shadow: 0 2px 20px 0 rgba(195, 198, 200, 0.4);
                  box-shadow: 0 2px 20px 0 rgba(195, 198, 200, 0.4);
          background-color: #ffffff;
          border-radius: 7px;
          height: auto;
          padding: 0.9375rem;
          width: auto;
          color: #a8adb0;
          position: absolute;
          right: 0;
          top: 52px;
          z-index: 10; }
          .main-nav--links > li.main-nav--link.signed-in .dropdown ul {
            margin-left: 0; }
            .main-nav--links > li.main-nav--link.signed-in .dropdown ul li {
              display: block;
              min-width: 8em;
              padding-bottom: 0.625rem;
              text-align: left; }
              .main-nav--links > li.main-nav--link.signed-in .dropdown ul li:last-child {
                border-top: 1px solid #D8D8D8;
                margin-top: 0.5rem;
                padding-bottom: 0;
                padding-top: 0.75rem; }
              .main-nav--links > li.main-nav--link.signed-in .dropdown ul li a {
                color: #87B09B;
                line-height: 1.5em;
                margin-left: 0; }
  @media (min-width: 1060px) {
    .main-nav--links {
      display: block;
      float: right;
      clear: none;
      height: 100px;
      line-height: 100px; }
      .main-nav--links > li {
        display: inline-block;
        vertical-align: middle; }
      .main-nav--links .main-nav--link {
        padding: 0 1.875rem 0 0; } }

.main-nav--link > a {
  position: relative;
  color: #fefefe;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  float: left; }
  .main-nav--link > a:hover, .main-nav--link > a:active, .main-nav--link > a:focus, .main-nav--link > a.is-current-page {
    color: #87b09a; }
  @media (max-width: 1059px) {
    .main-nav--link > a {
      width: 100%; } }
  @media (min-width: 1060px) {
    .main-nav--link > a.is-current-page:before {
      content: "";
      position: absolute;
      background: url("../images/nav-active-icon-6d795e5f.png") no-repeat center top;
      background: url("../images/nav-active-icon-4ee94a6e.svg") no-repeat center top;
      background-size: auto 100%;
      width: 120%;
      height: 1.125rem;
      top: 2.5rem;
      left: -10%; } }
.main-nav--link.cta-link a {
  margin-left: 3.75rem;
  color: #ff9012; }
  .main-nav--link.cta-link a:hover, .main-nav--link.cta-link a:active, .main-nav--link.cta-link a:focus, .main-nav--link.cta-link a.is-current-page {
    color: #ffa845; }
@media (max-width: 1059px) {
  .main-nav--link:last-child {
    padding-bottom: 1.875rem; }
  .main-nav--link.cta-link a {
    margin-left: 0; } }

.main-nav--cta {
  float: right;
  padding: 0.25rem 1.25rem 0 0; }
  .main-nav--cta.signed-in, .main-nav--cta.signed-out {
    display: none; }
  .main-nav--cta .button {
    background: transparent;
    border-radius: 2px;
    color: #ffffff;
    font-size: 1rem;
    -webkit-transition: all .2s;
    transition: all .2s;
    margin: 0.25rem 0 0 0; }
    .main-nav--cta .button:hover {
      background-color: #007097;
      -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
              box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
      -webkit-transition: all .2s;
      transition: all .2s; }
    @media (max-width: 1059px) {
      .main-nav--cta .button {
        margin: 0;
        padding: 0.625rem 0.625rem; } }
    @media (min-width: 1060px) {
      .main-nav--cta .button {
        margin: 0px; } }
  @media (max-width: 1059px) {
    .main-nav--cta {
      padding: 0 1.25rem 0 0;
      font-size: 0.875rem; } }
  @media (min-width: 1060px) {
    .main-nav--cta {
      height: 80px;
      line-height: 80px;
      padding: 0; } }
  @media (max-width: 292px) {
    .main-nav--cta {
      display: none; } }

.main-nav--toggle {
  float: right;
  display: none;
  width: 1.25rem;
  height: 1.125rem;
  margin: 0 1.25rem 0 0;
  padding-top: 0.3125rem;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  @media (max-width: 1059px) {
    .main-nav--toggle {
      display: block;
      height: 100%; } }
  .main-nav--toggle svg rect {
    -webkit-transition: fill 0.2s ease;
    transition: fill 0.2s ease; }
  .is-open .main-nav--toggle {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
    .is-open .main-nav--toggle svg .bar {
      fill: #ff9012; }

.main-nav--github {
  display: none;
  position: absolute;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#556F84), to(#283c4c));
  background: linear-gradient(180deg, #556F84 0%, #283c4c 100%);
  font-size: 12px;
  line-height: 30px;
  color: #ffffff;
  -webkit-box-shadow: 0 2px 6px 0 rgba(35, 39, 39, 0.49);
          box-shadow: 0 2px 6px 0 rgba(35, 39, 39, 0.49);
  padding: 0 10px 0 4px; }
  .main-nav--github:hover, .main-nav--github:visited {
    color: #ffffff; }
  .main-nav--github img {
    width: 30px;
    height: 30px; }
  .main-nav--github > span {
    vertical-align: middle; }
  @media (min-width: 1150px) {
    .home .main-nav--github {
      display: block; } }
  .is-sticky .main-nav--github {
    display: none; }

#main-footer {
  position: relative;
  background-color: #87b09a;
  padding: 40px 0px;
  color: #fefefe; }
  #main-footer .graphics {
    position: relative; }
    #main-footer .graphics .footer--habicat {
      position: absolute;
      top: -140px;
      height: 110px;
      left: 50%; }
      @media screen and (min-width: 40em) {
        #main-footer .graphics .footer--habicat {
          left: auto; } }

.footer--sitemap {
  margin-bottom: 20px; }

.footer--sitemap--link {
  padding: 0px 20px; }
  .footer--sitemap--link > a {
    color: #fefefe; }

.footer--socials--link {
  padding: 0px 8px; }

.footer--logo {
  display: block;
  text-align: center; }
  @media screen and (min-width: 64em) {
    .footer--logo {
      text-align: left; } }
  .footer--logo > img {
    height: 50px; }

.footer--links {
  line-height: 50px;
  height: auto; }
  @media screen and (min-width: 40em) {
    .footer--links {
      height: 50px; } }
  .footer--links.social {
    text-align: center; }
    @media screen and (min-width: 64em) {
      .footer--links.social {
        text-align: right; } }

.footer--legal {
  opacity: 0.5;
  font-size: 12px; }

.footer--legal--links {
  text-align: center; }
  @media screen and (min-width: 64em) {
    .footer--legal--links {
      text-align: right; } }

.footer--copyright {
  text-align: center; }
  @media screen and (min-width: 64em) {
    .footer--copyright {
      text-align: left; } }

.footer--legal--link {
  padding: 0px 8px; }
  .footer--legal--link > a {
    color: #fefefe; }

body.has-sidebar,
body.try-hab,
body.body-article {
  background: -webkit-gradient(linear, left bottom, left top, from(#556F84), to(#283c4c)) fixed;
  background: linear-gradient(0deg, #556F84, #283c4c) fixed; }

body.circles #content-outer {
  background-image: url(/images/bg-circles-cropped-bc4ea750.svg);
  background-position: center -160px;
  background-repeat: no-repeat;
  background-size: contain; }
  @media screen and (min-width: 60em) {
    body.circles #content-outer {
      background-position: center top; } }
  @media (max-width: 959px) {
    body.circles #content-outer {
      background: #243541; } }

#content-outer {
  padding: 100px 10px 50px; }
  @media screen and (min-width: 60em) {
    #content-outer {
      padding: 170px 0px 50px;
      margin-bottom: 50px; } }
  #content-outer.has-sticky-nav {
    padding-top: 100px; }

.container {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  float: left; }
  .container::before, .container::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .container::after {
    clear: both; }
  .container:last-child:not(:first-child) {
    float: right; }
  .container, .container:last-child {
    float: none; }

.container__has-sidebar {
  position: relative;
  max-width: 75rem;
  margin: 0 auto 9.375rem auto;
  min-height: 675px;
  max-height: auto; }
  .container__has-sidebar hr {
    border-bottom-color: #ecedee; }

.main-sidebar a {
  display: block;
  position: relative;
  padding-right: 0.9375rem;
  color: #fefefe; }
  .main-sidebar a:hover, .main-sidebar a:active, .main-sidebar a:focus {
    color: #87b09a; }
  .main-sidebar a span {
    position: absolute;
    right: 2px;
    top: -2px; }
.main-sidebar .is-active > a {
  font-weight: bold;
  color: #87b09a; }
.main-sidebar .sticky {
  width: 16.25rem; }
  .main-sidebar .sticky.is-at-top, .main-sidebar .sticky.is-anchored {
    max-height: 100%;
    overflow-y: auto; }
.main-sidebar .sidebar-content {
  padding-right: 17px;
  padding-bottom: 20px; }
@media screen and (max-width: 39.9375em) {
  .main-sidebar {
    width: 100%; }
    .main-sidebar .sticky {
      width: 100%; }
      .main-sidebar .sticky.is-at-top, .main-sidebar .sticky.is-anchored {
        max-height: none; }
    .main-sidebar .sidebar-content {
      padding-top: 40px; } }

.main-sidebar--search {
  margin-bottom: 0.9375rem; }
  .main-sidebar--search [type='text'] {
    padding: 0.625rem 1.25rem;
    background: transparent;
    border-color: #87b09a;
    color: #fefefe;
    line-height: 1rem;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1rem;
    width: 90%;
    font-family: inherit; }
    @media screen and (min-width: 64em) {
      .main-sidebar--search [type='text'] {
        width: 100%; } }
  .main-sidebar--search .algolia-autocomplete {
    width: 100%; }

.main-sidebar--list {
  margin-bottom: 1.875rem; }

.main-sidebar--list--item--dropdown {
  margin-top: 0.625rem;
  padding-left: 0.625rem; }

.main-sidebar--list--item {
  display: block;
  position: relative;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
  padding-left: 0; }
  .main-sidebar--list--item .submenu-toggle {
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
    height: 2rem;
    font-weight: bold;
    color: #87b09a; }
  .main-sidebar--list--item .submenu-toggle-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0; }
  .main-sidebar--list--item .submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #87b09a transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto; }
  .main-sidebar--list--item .submenu-toggle[aria-expanded='true']::after {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }
  .main-sidebar--list--item:last-child {
    margin-bottom: 1.5rem; }
  @media screen and (min-width: 64em) {
    .main-sidebar--list--item {
      min-width: 13.75rem; } }

.menu li.main-sidebar--list--item a {
  padding: .5rem 1rem; }
.menu.nested li:first-child {
  margin-top: .5rem; }
.menu.nested li.main-sidebar--list--item a {
  padding: .33rem 1rem; }

.main-content__has-sidebar {
  background-color: #ffffff;
  background: url("/images/graphics/article-watermark-e1ea2ff6.png") no-repeat right bottom rgba(255, 255, 255, 0.97);
  background: url("/images/graphics/article-watermark-f1990eb5.svg") no-repeat right bottom rgba(255, 255, 255, 0.97);
  border-radius: 2px;
  height: 100%;
  min-height: 70vh;
  padding: 2rem 2rem 5.625rem; }

pre {
  color: #7d868c;
  background-color: #f6f6f6;
  border: 1px solid #7d868c;
  padding: 0.125rem 0.3125rem 0.0625rem;
  margin-bottom: 15px; }
  pre code {
    background-color: transparent;
    border: none;
    word-wrap: break-word; }
  pre .line-numbers {
    margin-right: 15px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }

.code {
  background-color: #243541;
  color: #82FF69;
  font-family: "Source Code Pro", Consolas, "Liberation Mono", Courier, monospace; }
  .code .output {
    color: #f6f6f6; }

.browser .url {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 18px;
  left: 0px; }
  .browser .url > span {
    padding: 1px 80px;
    border-radius: 2px;
    color: #ffffff;
    background: #627b8f; }

.demo_step #content-outer {
  margin-bottom: 11.5rem; }

.demo--page {
  color: #ffffff;
  position: relative;
  padding: 0px 0px 9.375rem; }
  .demo--page .demo-hero {
    margin-bottom: 5rem;
    text-align: center; }
    .demo--page .demo-hero h3, .demo--page .demo-hero .h3 {
      margin: 0 auto;
      max-width: 50rem; }
    .demo--page .demo-hero .hero--subtitle {
      max-width: 40rem; }
  .demo--page p, .demo--page .p {
    line-height: 1.5rem; }
    .demo--page p.code, .demo--page .code.p {
      padding: 0.5rem 0.9375rem;
      border-radius: 2px;
      font-size: 0.875rem; }

#demo-index .row {
  padding: 0px 1.875rem; }

.demo--snorkelcat {
  position: relative; }
  @media (min-width: 55rem) {
    .demo--snorkelcat:after {
      content: '';
      display: block;
      position: absolute;
      top: -5rem;
      height: 15.625rem;
      width: 100%;
      background: url("/images/demo/index-snorkelling-habicat-4a57b16e.svg") center center no-repeat transparent;
      background-size: contain; } }

.demo--section-title {
  margin-bottom: 6rem;
  color: rgba(255, 255, 255, 0.35); }
  .demo--section-title .h2.no-span {
    display: table;
    white-space: nowrap;
    font-size: 1.125rem;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px; }
    .demo--section-title .h2.no-span:before, .demo--section-title .h2.no-span:after {
      border-top: 1px solid rgba(36, 53, 65, 0.4);
      content: '';
      display: table-cell;
      position: relative;
      top: 0.75rem;
      width: 45%; }
    .demo--section-title .h2.no-span:before {
      right: 1.5%; }
    .demo--section-title .h2.no-span:after {
      left: 1.5%; }
  .demo--section-title p, .demo--section-title .p {
    text-align: center; }

@media (min-width: 55rem) {
  .demo--callouts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }
.demo--callouts .demo--callout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5rem;
  position: relative;
  background-color: rgba(36, 53, 65, 0.85);
  border-radius: 2px;
  -webkit-transition: all .1s;
  transition: all .1s; }
  .demo--callouts .demo--callout:hover {
    -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
    -webkit-transition: all .15s;
    transition: all .15s; }
  @media (min-width: 55rem) {
    .demo--callouts .demo--callout {
      margin-left: 1.25rem; }
      .demo--callouts .demo--callout:first-child {
        margin-left: 0; } }
  .demo--callouts .demo--callout.secondary {
    background-color: rgba(36, 53, 65, 0.35); }
  .demo--callouts .demo--callout.contrast {
    background-color: #ffffff; }
    .demo--callouts .demo--callout.contrast h3, .demo--callouts .demo--callout.contrast .h3, .demo--callouts .demo--callout.contrast p, .demo--callouts .demo--callout.contrast .p {
      color: #5c6670; }
    .demo--callouts .demo--callout.contrast:hover {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
  .demo--callouts .demo--callout .demo--callout-diagrams .columns {
    padding: 0; }
  .demo--callouts .demo--callout .demo--callout-diagrams .demo--callout-content--clip {
    padding-top: 1rem; }

.demo--callout-content {
  border-radius: 2px;
  position: relative;
  width: 100%;
  padding: 2.5rem 1rem 7rem; }
  .demo--callout-content .h3 {
    margin-bottom: 2rem; }
  .demo--callout-content .h4 {
    margin-bottom: 0.5rem;
    color: rgba(255, 255, 255, 0.35);
    font-weight: normal;
    text-transform: uppercase; }
  .demo--callout-content p, .demo--callout-content .p {
    margin-bottom: 3rem; }
  .demo--callout-content .footnote {
    margin: .875rem 0 0;
    font-size: .875rem;
    color: rgba(255, 255, 255, 0.35); }
  .demo--callout-content:after {
    content: '';
    display: block;
    position: absolute;
    top: -48px;
    right: 10px; }
  .demo--callout-content.demo--callout-build:after {
    height: 4.6875rem;
    width: 8.0625rem;
    background: url("/images/demo/index-callout-build-c6a44f94.svg") center center no-repeat;
    background-size: contain; }
  .demo--callout-content.demo--callout-publish:after {
    height: 4.6875rem;
    width: 2.5625rem;
    background: url("/images/demo/index-callout-publish-c164f5ad.svg") center center no-repeat;
    background-size: contain; }
  .demo--callout-content.demo--callout-trigger:after {
    height: 4.6875rem;
    width: 9.625rem;
    right: 0;
    background: url("/images/demo/index-callout-trigger-e80389a3.svg") center center no-repeat;
    background-size: contain; }
  .demo--callout-content.demo--callout-supervisor:after {
    height: 5.0625rem;
    width: 5rem;
    top: -57px;
    background: url("/images/demo/summary-right-7223ca01.svg") center center no-repeat;
    background-size: contain; }
  .demo--callout-content.demo--callout-assemble:after {
    height: 3.25rem;
    width: 5rem;
    top: -28px;
    background: url("/images/demo/summary-left-eeb6e46a.svg") center center no-repeat;
    background-size: contain; }
  .demo--callout-content.demo--callout-habitize:after {
    height: 4.3125rem;
    width: 4.9375rem;
    top: -45px;
    background: url("/images/demo/summary-middle-cfbe44db.svg") center center no-repeat;
    background-size: contain; }
  .demo--callout-content .button-bar {
    position: absolute;
    bottom: 2rem;
    left: 1rem;
    padding-top: 1.5rem; }
    .demo--callout-content .button-bar .button {
      margin-bottom: 0; }
  .demo--callout-content.demo--callout-diagrams {
    padding-bottom: 0;
    padding-top: 4rem; }
    .demo--callout-content.demo--callout-diagrams h4, .demo--callout-content.demo--callout-diagrams .h4 {
      color: #b6babe; }
    .demo--callout-content.demo--callout-diagrams .button-bar {
      position: relative;
      bottom: auto;
      left: auto; }
    .demo--callout-content.demo--callout-diagrams .button.cta:hover {
      -webkit-box-shadow: 0 3px 14px rgba(182, 186, 190, 0.3);
              box-shadow: 0 3px 14px rgba(182, 186, 190, 0.3); }
    .demo--callout-content.demo--callout-diagrams .demo--callout-content--clip {
      overflow-y: hidden; }
    .demo--callout-content.demo--callout-diagrams img {
      margin-bottom: -20px;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition: all .20s;
      transition: all .20s; }
    .demo--callout-content.demo--callout-diagrams:hover img {
      -webkit-transform: translateY(-16px);
              transform: translateY(-16px);
      -webkit-transition: all .30s;
      transition: all .30s; }

.demo--get-habitat {
  margin-bottom: 6.5rem;
  margin-top: 1rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.35); }
  .demo--get-habitat a {
    color: rgba(255, 255, 255, 0.75);
    border-bottom: 1px solid rgba(255, 255, 255, 0.75); }

.demo--get-habitat--image {
  margin-right: 1rem;
  height: 2rem;
  vertical-align: text-bottom; }

.nav-demo_step .main-nav--logo {
  padding: 20px 0px 0px; }
  .nav-demo_step .main-nav--logo > a > h1, .nav-demo_step .main-nav--logo > a > .h1 {
    height: 100px; }

.demo-step--indicators {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px; }

.demo-step--indicator {
  height: 5px;
  width: 10%;
  display: block;
  float: left;
  background: #c3c6c8;
  border-right: 3px solid #ffffff;
  -webkit-transition: background 1000ms ease;
  transition: background 1000ms ease; }
  .demo-step--indicator:last-child {
    border-right: none; }
  .demo-step--indicator.active, .demo-step--indicator:hover {
    background: -webkit-gradient(linear, right top, left top, from(#F59B51), to(#F58251)) #F58251;
    background: linear-gradient(270deg, #F59B51 0%, #F58251 100%) #F58251; }
  .demo-step--indicator.packaging {
    width: 16.66667%; }
  .demo-step--indicator.supervisor {
    width: 9.09091%; }

.demo-step--content {
  position: relative;
  color: #5c6670;
  background: #ffffff;
  padding: 3rem 2.5rem 2.5rem;
  border-radius: 0 0 2px 2px; }
  .demo-step--content h3, .demo-step--content .h3 {
    margin-bottom: 0.5rem; }
  .demo-step--content h4, .demo-step--content .h4 {
    margin-bottom: 2rem;
    color: #b6babe;
    text-transform: uppercase; }
  .demo-step--content a {
    color: #ff9012; }
  .demo-step--content .footnote {
    margin: 2.5rem 0;
    background: #f6f6f6;
    border-radius: 2px;
    padding: 1rem;
    position: relative; }
    .demo-step--content .footnote p, .demo-step--content .footnote .p {
      font-size: 0.875rem; }
    .demo-step--content .footnote.banner-position {
      margin-top: 0;
      background: #ffffff;
      border: 1px solid #7fadcb; }
    .demo-step--content .footnote.habicat-with-linux:after {
      content: '';
      display: none;
      width: 127px;
      height: 104px;
      position: absolute;
      bottom: -12px;
      right: -18px;
      background: url("/images/demo/habicat-and-tux-a0833546.svg") center center no-repeat;
      background-size: contain; }
      @media screen and (min-width: 64em) {
        .demo-step--content .footnote.habicat-with-linux:after {
          display: block; } }
    .demo-step--content .footnote.habicat-snorkelling:after {
      content: '';
      display: none;
      width: 127px;
      height: 104px;
      position: absolute;
      bottom: -12px;
      right: -18px;
      background: url("/images/demo/index-snorkelling-habicat-4a57b16e.svg") center center no-repeat;
      background-size: contain; }
      @media screen and (min-width: 64em) {
        .demo-step--content .footnote.habicat-snorkelling:after {
          display: block; } }
  .demo-step--content img {
    margin-bottom: 1.25rem; }

.step-bottom-nav {
  padding-top: 1rem;
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #f6f6f6; }

a.previous-step-link {
  padding-left: 1.875rem !important;
  background: url(../images/icons/icon-chevron-back-orange-896d995f.png) no-repeat;
  background-size: 6px 12px;
  background-position: 15px 75%;
  color: #5c6670;
  font-size: 0.875rem;
  line-height: 1.25rem; }

.demo-step--screen-2 {
  max-width: 300px; }

.home--section-demo-cta.in-demo {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1; }

#demo-summary {
  color: #ffffff;
  margin: 6.25rem 0px 9.375rem; }
  #demo-summary .header {
    margin-bottom: 3rem;
    position: relative; }
    #demo-summary .header a {
      color: #ff9012; }
  #demo-summary .home--section-demo-cta {
    margin-top: 3.75rem;
    padding-top: 1.25rem; }

.demo-summary--item {
  margin-top: 2.5rem; }
  .demo-summary--item:first-child {
    margin-top: 0; }
  .demo-summary--item h3, .demo-summary--item .h3 {
    margin-bottom: 0.5rem; }
  .demo-summary--item a {
    color: #ff9012; }
    .demo-summary--item a.previous-step-link {
      color: #ffffff; }
  .demo-summary--item .social-icon {
    display: inline-block;
    margin: 0.625rem 0 1.875rem; }

@media screen and (min-width: 64em) {
  .habicat-congrats {
    position: absolute;
    top: -90px;
    right: 20px; } }

.demo-summary--step-img {
  min-height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row; }
  .demo-summary--step-img > img {
    -ms-flex-item-align: end;
        align-self: flex-end; }

.page-title--heading {
  width: 100%;
  float: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem; }
  @media screen and (min-width: 40em) {
    .page-title--heading {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  .page-title--heading:last-child:not(:first-child) {
    float: right; }
  @media screen and (min-width: 40em) {
    .page-title--heading {
      width: 50%;
      float: left;
      padding-left: 0.625rem;
      padding-right: 0.625rem; } }
  @media screen and (min-width: 40em) and (min-width: 40em) {
    .page-title--heading {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40em) {
      .page-title--heading:last-child:not(:first-child) {
        float: right; } }

.progress-container {
  width: 100%;
  float: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem; }
  @media screen and (min-width: 40em) {
    .progress-container {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  .progress-container:last-child:not(:first-child) {
    float: right; }
  @media screen and (min-width: 40em) {
    .progress-container {
      width: 50%;
      float: left;
      padding-left: 0.625rem;
      padding-right: 0.625rem; } }
  @media screen and (min-width: 40em) and (min-width: 40em) {
    .progress-container {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40em) {
      .progress-container:last-child:not(:first-child) {
        float: right; } }
  .progress-container .progress {
    margin-bottom: 0;
    margin-top: 0.625rem; }

.container__try {
  background-color: #fefefe;
  border-radius: 2px; }
  .container__try h2, .container__try .h2,
  .container__try p,
  .container__try .p {
    max-width: 47.5rem; }

.CodeMirror,
#shell-panel {
  margin-bottom: 1.25rem; }

.CodeMirror {
  border: 1px solid #e6e6e6;
  font-family: "Source Code Pro", Consolas, "Liberation Mono", Courier, monospace; }

code {
  display: inline-block; }

#shell-panel, .shell-panel {
  background-color: #243442;
  border-radius: 2px;
  color: #82FF69;
  font-family: "Source Code Pro", Consolas, "Liberation Mono", Courier, monospace;
  font-size: 0.8125rem;
  margin-bottom: 18px;
  padding: 1em;
  position: relative;
  height: 400px;
  width: 100%;
  overflow-y: scroll;
  overflow-x: scroll; }
  #shell-panel pre, .shell-panel pre {
    background-color: inherit;
    border: 0;
    color: inherit;
    font-family: "Source Code Pro", Consolas, "Liberation Mono", Courier, monospace;
    font-size: 0.8125rem;
    padding: 0;
    overflow: visible; }

.ansi-black {
  color: black; }

.ansi-red {
  color: #bb0000; }

.ansi-green {
  color: #00bb00; }

.ansi-yellow {
  color: #bbbb00; }

.ansi-blue {
  color: #0000bb; }

.ansi-magenta {
  color: #bb00bb; }

.ansi-cyan {
  color: #00bbbb; }

.ansi-white {
  color: white; }

.ansi-bright-black {
  color: #555555; }

.ansi-bright-red {
  color: #ff5555; }

.ansi-bright-green {
  color: lime; }

.ansi-bright-yellow {
  color: #ffff55; }

.ansi-bright-blue {
  color: #5555ff; }

.ansi-bright-magenta {
  color: #ff55ff; }

.ansi-bright-cyan, pre.full-output {
  color: #55ffff; }

.ansi-bright-white {
  color: white; }

.window-buttons ul {
  margin: 0; }
  .window-buttons ul li {
    display: inline-block;
    list-style: none;
    margin-right: 0.625rem;
    position: relative; }
    .window-buttons ul li .button {
      background-color: #3A5369;
      border-radius: 2px 2px 0 0;
      color: #fefefe;
      font-family: "Source Code Pro", Consolas, "Liberation Mono", Courier, monospace;
      font-size: 0.8125rem;
      margin: 0;
      padding: 1em; }
      .window-buttons ul li .button.active {
        background-color: #243442; }
        .window-buttons ul li .button.active:hover {
          background-color: #243442; }
    .window-buttons ul li .button-badge {
      background-color: #87b09a;
      border: 1px solid #78b57d;
      border-radius: 100%;
      -webkit-box-shadow: 0 0 4px #78b57d;
              box-shadow: 0 0 4px #78b57d;
      display: none;
      height: 10px;
      position: absolute;
      right: -5px;
      top: -5px;
      width: 10px; }
.window-buttons + .window-node #shell-panel {
  border-radius: 0 2px 2px 2px; }
.window-buttons ~ .shell-panel {
  border-radius: 0 2px 2px 2px; }

pre.full-output {
  display: none;
  margin-top: -1rem; }

@media screen and (max-width: 39.9375em) {
  #success .secondary {
    background: transparent;
    border-radius: 2px;
    color: #ffffff;
    font-size: 1rem;
    -webkit-transition: all .2s;
    transition: all .2s;
    background-color: #007FAB;
    color: #fefefe;
    font-weight: normal;
    color: #fefefe; }
    #success .secondary:hover {
      background-color: #007097;
      -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
              box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
      -webkit-transition: all .2s;
      transition: all .2s; } }
#mobile-keyboard-trigger {
  color: transparent;
  height: 100px;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 320px; }

body {
  background: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, from(#556F84), to(#283c4c)) fixed;
  background: linear-gradient(0deg, #556F84 0%, #283c4c 100%) fixed;
  min-height: 100%; }

.page-title {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  float: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  background-color: #e9f1f7;
  background-image: linear-gradient(205deg,#e9f1f7 5%, #dce6ed 100%);
  padding: 1em 1.5em;
  border-radius: 2px 2px 0 0; }
  .page-title::before, .page-title::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .page-title::after {
    clear: both; }
  @media screen and (min-width: 40em) {
    .page-title {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  .page-title:last-child:not(:first-child) {
    float: right; }
  .page-title, .page-title:last-child {
    float: none; }
  .page-title--heading {
    margin: 0; }
  .page-title a.create {
    margin-bottom: .5em;
    margin-top: 1.5em; }
  .page-title p, .page-title .p {
    color: #7d868c;
    margin-top: 1em;
    max-width: 32em; }

.page-body {
  padding: 1.5em; }
  .page-body--title {
    border-bottom: 1px solid #f6f6f6;
    line-height: 3rem;
    margin-bottom: 1.25rem; }
  .page-body--tip {
    -webkit-box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.1);
    background-color: #7fadcb;
    color: #ffffff;
    display: inline-block;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: -1.875rem;
    padding: 0.625rem 1.875rem; }

.main-content .heading {
  margin-bottom: 2rem;
  margin-top: 2.5rem;
  color: #fefefe;
  font-size: 2.25rem;
  text-align: center; }
  .main-content .heading .logo-pair .logo-pair--image {
    height: 6rem;
    width: 6rem; }
    .main-content .heading .logo-pair .logo-pair--image.habitat {
      height: 4rem;
      width: 4rem; }
  @media (max-width: 768px) {
    .main-content .heading {
      font-size: 1.25rem; } }

.main-content--button-nav {
  list-style: none;
  margin: 0; }
  .main-content--button-nav li {
    display: inline-block;
    margin-left: 1.875rem;
    margin-top: 0;
    vertical-align: top; }
    .main-content--button-nav li a:not(.button) {
      color: #cacaca; }
      .main-content--button-nav li a:not(.button):hover {
        text-decoration: underline; }
    .main-content--button-nav li:first-child {
      margin: 0; }
    .main-content--button-nav li + li a:not(.button) {
      display: inline-block;
      margin-top: 0.625rem; }

.main-content--version {
  display: block;
  list-style: none;
  margin: -1.25rem 0.625rem 0 0;
  text-align: right; }
  .main-content--version li {
    display: inline-block;
    margin-left: 0.625rem; }
    .main-content--version li a.active {
      font-weight: bold; }
    .main-content--version li a.active:before {
      content: "\2713 ";
      padding-right: 0.25rem; }
  .main-content--version + hr {
    margin: 0.9375rem 0 1.875rem; }

.main-content--link-nav {
  list-style: none;
  margin: 0; }
  .main-content--link-nav li:first-child {
    color: #9da6af;
    font-size: 0.75rem;
    margin: 1.875rem 0 0.625rem; }
  .main-content--link-nav a {
    color: #5c6670;
    font-size: 0.875rem;
    text-decoration: underline; }

.main-sidebar--heading a.twitter {
  background-position: left -126px !important; }
.main-sidebar--heading a.youtube {
  background-position: left -62px !important; }
.main-sidebar--heading a.github {
  background-position: left 2px !important; }

.view-gh {
  font-size: 0.875rem;
  text-align: center; }
  .view-gh > img {
    margin-bottom: -1px;
    margin-right: 0.5rem;
    height: 1.5rem;
    vertical-align: bottom; }
  .view-gh > a {
    color: rgba(255, 255, 255, 0.5); }
    .view-gh > a:hover {
      color: #ffffff; }
  @media (min-width: 769px) {
    .view-gh {
      text-align: right; } }

.small-links {
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
  font-size: 0.75rem; }
  .small-links .small-links--item {
    display: inline-block;
    margin-right: 1rem; }

pre {
  background-color: #243442;
  border: none;
  border-radius: 2px;
  color: #f6f6f6;
  font-size: 0.875rem;
  padding: .6rem;
  overflow-x: scroll; }
  pre code {
    color: #f8f9f9;
    margin: 0;
    padding: 0 0.3125rem 0.0625rem; }
  dd pre {
    margin: 0.625rem 0 1.875rem; }

.CodeRay {
  -webkit-box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.1);
  font-family: "Source Code Pro", Consolas, "Liberation Mono", Courier, monospace;
  margin: 1.25rem 0 2.5rem;
  max-width: 100%;
  padding: .6rem;
  table-layout: fixed; }
  .CodeRay pre {
    margin-bottom: 0; }
  .CodeRay span {
    color: #f8f9f9 !important; }
  .CodeRay tbody {
    background-color: transparent;
    border: none; }
  .CodeRay tbody td {
    padding: 0; }
  .CodeRay .line-numbers {
    width: 2.5rem; }
    .CodeRay .line-numbers pre {
      border-radius: 4px 0 0 4px;
      border-top: 24px solid #f6f6f6; }
  .CodeRay .code pre {
    border-radius: 0 4px 4px 0;
    border-top: 24px solid #f6f6f6; }

code {
  border: 1px solid #e6e6e6;
  font-size: 0.875rem;
  margin: 0.625rem 0 1.875rem; }
  p code, .p code, li code, td code, dd code {
    border-radius: 2px;
    padding: 0 0.3125rem 0.0625rem;
    margin: 0 0.0625rem; }

.button.secondary {
  color: #7d868c; }
.button.secondary:hover {
  -webkit-box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.1);
  background-color: #e9e9e9;
  color: #7d868c;
  -webkit-transition: all .2s;
  transition: all .2s; }
.button.outline {
  background: transparent;
  border-radius: 2px;
  color: #ffffff;
  font-size: 1rem;
  -webkit-transition: all .2s;
  transition: all .2s; }
  .button.outline:hover {
    background-color: #007097;
    -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
    -webkit-transition: all .2s;
    transition: all .2s; }
  .button.outline.contrast {
    color: #283c4c; }
  .button.outline:hover {
    background-color: #f8f9f9;
    -webkit-box-shadow: none;
            box-shadow: none; }
.button.download {
  background-color: rgba(246, 246, 246, 0.1);
  -webkit-box-shadow: 0 4px 16px rgba(40, 60, 76, 0.2);
          box-shadow: 0 4px 16px rgba(40, 60, 76, 0.2);
  border-radius: 2px;
  background-image: url("/images/icons/icon-download-f4988c1b.svg");
  background-position: 15px center;
  background-repeat: no-repeat;
  padding-left: 1.75rem; }
  .button.download:hover {
    color: rgba(255, 255, 255, 0.85);
    background-color: rgba(246, 246, 246, 0.05);
    -webkit-box-shadow: 0 1px 4px rgba(40, 60, 76, 0.3);
            box-shadow: 0 1px 4px rgba(40, 60, 76, 0.3); }
.button + .button {
  margin-left: 1rem; }
.button.alt {
  background: transparent;
  border-radius: 2px;
  color: #ffffff;
  font-size: 1rem;
  -webkit-transition: all .2s;
  transition: all .2s;
  background-color: #007FAB;
  border: none;
  color: #ffffff;
  font-weight: normal; }
  .button.alt:hover {
    background-color: #007097;
    -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
    -webkit-transition: all .2s;
    transition: all .2s; }
@media (max-width: 768px) {
  .button {
    padding: 0.75rem 1rem; } }

.button.cta {
  background: transparent;
  border-radius: 2px;
  color: #ffffff;
  font-size: 1rem;
  -webkit-transition: all .2s;
  transition: all .2s;
  background-color: #007FAB;
  color: #fefefe;
  font-weight: normal; }
  .button.cta:hover {
    background-color: #007097;
    -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
    -webkit-transition: all .2s;
    transition: all .2s; }
  .button.cta.outline {
    background-image: none;
    color: #5c6670;
    font-weight: normal;
    text-shadow: none; }

.cta-subtext {
  margin-bottom: 0;
  font-size: 0.75rem;
  color: #b6babe; }
  .cta-subtext a {
    color: inherit;
    text-decoration: underline; }

.button.slack {
  background-image: url(../images/slack_mark_white_web-250284b8.png);
  background-repeat: no-repeat;
  background-size: 2.625rem;
  font-size: 1rem;
  font-weight: bold;
  min-height: 2.75rem;
  padding-left: 2.5rem; }

.main-sidebar--heading h4, .main-sidebar--heading .h4 {
  margin-bottom: 0.9375rem;
  text-transform: uppercase;
  color: #fefefe; }

h2:not(:first-child), .h2:not(:first-child) {
  margin-top: 2.5rem; }

ol.upper-alpha {
  list-style-type: upper-alpha; }

ol.lower-alpha {
  list-style-type: lower-alpha; }

ol.lower-latin {
  list-style-type: lower-latin; }

ol.lower-roman {
  list-style-type: lower-roman; }

.hero--subtitle {
  margin: 0 auto;
  max-width: 31.25rem;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  color: #C3C6C8; }

a, a:hover {
  -webkit-transition: all 200ms;
  transition: all 200ms; }

a.with-arrow {
  font-size: 0.8125rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase; }
  a.with-arrow:after {
    content: '→';
    margin-left: 0.25rem;
    display: inline-block;
    -webkit-transition: margin-left .2s;
    transition: margin-left .2s; }
  a.with-arrow:hover:after {
    margin-left: 0.5rem; }
a.text-white:hover {
  color: #ffffff; }

a.button.download,
.main-nav--link > a.download {
  background-image: url("../images/icons/icon-cloud-download-f293a152.svg"); }
a.button.github,
.main-nav--link > a.github {
  background-image: url("../images/icons/icon-github-030e2d7d.svg"); }

a.button.with-icon {
  padding-left: 60px;
  background-position: 32px center;
  background-repeat: no-repeat;
  background-size: 16px; }
  @media (max-width: 768px) {
    a.button.with-icon {
      padding-left: 40px;
      background-position: 16px center; } }

.main-nav--link > a.with-icon {
  padding-left: 25px;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 16px; }

.back-link {
  display: block;
  margin-top: 0.625rem; }

img {
  max-width: 100%; }

.logo-inline {
  max-height: 2rem; }

.callout-box--container {
  padding: 0.9375rem 3.75rem; }
  @media (max-width: 768px) {
    .callout-box--container {
      padding: 0.625rem 1.25rem; } }

.callout-box {
  padding: 0.9375rem 1.875rem;
  text-align: center; }
  .callout-box p, .callout-box .p {
    font-size: 0.875rem; }

.anchor:before {
  content: '';
  display: block;
  position: relative;
  width: 0;
  height: 7em;
  margin-top: -7em; }

#global_message {
  background-color: #7fadcb;
  color: #fefefe;
  text-align: center;
  padding: 0.625rem 3.75rem;
  -webkit-transition: all .2s;
  transition: all .2s; }
  #global_message a {
    color: #fefefe;
    font-size: 1rem; }
    #global_message a:after {
      color: #7fadcb;
      content: " \2192";
      margin-left: -10px;
      -webkit-transition: all .2s;
      transition: all .2s; }
    #global_message a:hover:after {
      color: #fefefe;
      margin-left: 0;
      -webkit-transition: all .2s;
      transition: all .2s; }
    #global_message a:hover, #global_message a:focus, #global_message a:active {
      color: #fefefe;
      background-color: #78a8c8;
      -webkit-transition: all .2s;
      transition: all .2s; }

.error-404 {
  background: url(../images/back-at-it-d0dadfeb.jpg) center center no-repeat;
  background-size: 50%;
  margin: 3.75rem auto;
  min-height: 37.5rem; }
  @media screen and (max-width: 39.9375em) {
    .error-404 {
      margin-top: 6.25rem;
      min-height: 21.875rem; } }
  .error-404 h1, .error-404 .h1,
  .error-404 p,
  .error-404 .p {
    margin: 0 auto 0.625rem;
    max-width: 65%;
    text-align: center; }

.main-sidebar--heading .social li {
  margin-bottom: .625rem; }
.main-sidebar--heading .social a {
  padding-left: 1.875rem;
  background: url("/images/icons/icons-social-01b9d6b0.svg") no-repeat; }
  .main-sidebar--heading .social a.github {
    background-position: left top; }
  .main-sidebar--heading .social a.slack {
    background-position: left -32px; }
  .main-sidebar--heading .social a.youtube {
    background-position: left -64px; }
  .main-sidebar--heading .social a.rss {
    background-position: left -94px; }
  .main-sidebar--heading .social a.twitter {
    background-position: left bottom; }

.community--events .community--events--card, .blog-index--post-summary,
.article-detail {
  margin-bottom: 1.5rem;
  padding: 0;
  background-color: #ffffff;
  border-radius: 2px;
  text-align: left; }
  .community--events .community--events--card p, .blog-index--post-summary p,
  .article-detail p, .community--events .community--events--card .p, .blog-index--post-summary .p,
  .article-detail .p {
    margin-bottom: .75rem; }
  .community--events .community--events--card .heading, .blog-index--post-summary .heading,
  .article-detail .heading {
    padding: .75rem 1.5rem;
    border-radius: 2px 2px 0 0;
    font-size: .875rem; }
    .community--events .community--events--card .heading ul, .blog-index--post-summary .heading ul,
    .article-detail .heading ul {
      margin-bottom: 0; }
    .community--events .community--events--card .heading li, .blog-index--post-summary .heading li,
    .article-detail .heading li {
      display: inline-block;
      margin-left: 1rem;
      padding-left: 1rem;
      border-left: 1px solid rgba(255, 255, 255, 0.8);
      text-transform: capitalize;
      color: #ffffff; }
      .community--events .community--events--card .heading li:first-child, .blog-index--post-summary .heading li:first-child,
      .article-detail .heading li:first-child {
        margin-left: 0;
        padding-left: 0;
        border-left: none; }
    .community--events .community--events--card .heading a, .blog-index--post-summary .heading a,
    .article-detail .heading a {
      color: #ffffff;
      -webkit-transition: color .2s;
      transition: color .2s; }
      .community--events .community--events--card .heading a:hover, .blog-index--post-summary .heading a:hover,
      .article-detail .heading a:hover, .community--events .community--events--card .heading a:active, .blog-index--post-summary .heading a:active,
      .article-detail .heading a:active, .community--events .community--events--card .heading a:focus, .blog-index--post-summary .heading a:focus,
      .article-detail .heading a:focus {
        color: rgba(255, 255, 255, 0.8);
        -webkit-transition: color .2s;
        transition: color .2s; }
  .community--events .community--events--card .body-content, .blog-index--post-summary .body-content,
  .article-detail .body-content {
    padding: 1.5rem; }
    .community--events .community--events--card .body-content h4, .blog-index--post-summary .body-content h4,
    .article-detail .body-content h4, .community--events .community--events--card .body-content .h4, .blog-index--post-summary .body-content .h4,
    .article-detail .body-content .h4 {
      padding-bottom: .75rem;
      border-bottom: 1px solid #f6f6f6; }

.np-left {
  padding-left: 0; }

.np-right {
  padding-right: 0; }

hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08); }

body.home {
  position: relative; }

.home > #content-outer {
  color: #fefefe; }
  .home > #content-outer .home--hero--content .hero--subtitle {
    margin: 0 0 1.5rem; }
  .home > #content-outer .home--hero--content a.button {
    display: block; }
    .home > #content-outer .home--hero--content a.button.with-icon {
      margin-left: 0;
      background-position: calc(50% - 56px) center; }
  @media screen and (min-width: 64em) {
    .home > #content-outer .home--hero--content a.button {
      display: inline-block; }
      .home > #content-outer .home--hero--content a.button.with-icon {
        margin-left: 1rem;
        background-position: 32px center; } }
  .home > #content-outer .video-cat-container {
    overflow: hidden; }
    @media screen and (min-width: 40em) {
      .home > #content-outer .video-cat-container {
        overflow: initial; } }
  .home > #content-outer .video-with-cat {
    margin-top: 6rem;
    position: relative;
    padding-bottom: 52%;
    padding-top: 25px;
    height: 0px; }
    .home > #content-outer .video-with-cat:before {
      content: '';
      position: absolute;
      background: url(/images/habicat-video-06e922a7.svg) center center no-repeat transparent;
      top: -52px;
      right: -29px;
      width: 135px;
      height: 80px;
      z-index: 1; }
    .home > #content-outer .video-with-cat > iframe {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 100%; }
    @media screen and (min-width: 40em) {
      .home > #content-outer .video-with-cat {
        margin-top: 50px; } }
    @media screen and (min-width: 60em) {
      .home > #content-outer .video-with-cat {
        margin-top: 0px; } }
  .home > #content-outer .home--hero-cards {
    margin-top: 7rem; }
  .home > #content-outer .card {
    position: relative;
    margin-bottom: 2rem;
    background-color: #FFF;
    border: 1px solid rgba(182, 186, 190, 0.25);
    border-radius: 2px;
    -webkit-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-transform: scale(1);
            transform: scale(1);
    padding: 24px;
    color: #8a8a8a; }
    .home > #content-outer .card:not(.no-hover):hover {
      -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
              box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
      -webkit-transition: all 100ms ease-in;
      transition: all 100ms ease-in;
      -webkit-transform: scale(1.02);
              transform: scale(1.02);
      z-index: 2; }
    .home > #content-outer .card > img {
      margin-bottom: 1rem;
      height: 2rem;
      width: 2rem; }
    .home > #content-outer .card > h1, .home > #content-outer .card > .h1, .home > #content-outer .card h2, .home > #content-outer .card .h2, .home > #content-outer .card h3, .home > #content-outer .card .h3 {
      color: #5c6670;
      font-weight: bold; }
  .home > #content-outer .home--block {
    background: -webkit-gradient(linear, left top, right top, from(rgba(63, 83, 100, 0)), to(rgba(40, 60, 76, 0.6)));
    background: linear-gradient(90deg, rgba(63, 83, 100, 0) 0%, rgba(40, 60, 76, 0.6) 100%);
    padding: 1.5rem;
    border-top: 1px solid rgba(40, 60, 76, 0.4);
    border-bottom: 1px solid rgba(40, 60, 76, 0.4); }
    .home > #content-outer .home--block h2, .home > #content-outer .home--block .h2 {
      margin-top: .75rem; }
    @media screen and (min-width: 40em) {
      .home > #content-outer .home--block {
        padding: 3rem; }
        .home > #content-outer .home--block.logo-callout {
          text-align: right; } }
    @media screen and (max-width: 39.9375em) {
      .home > #content-outer .home--block.logo-callout div:first-child {
        margin-bottom: 2rem; } }
  .home > #content-outer .home--enterprise-block {
    text-align: left; }
    @media screen and (min-width: 40em) {
      .home > #content-outer .home--enterprise-block {
        text-align: right; } }
  .home > #content-outer .home--platform-logos {
    margin-bottom: 0;
    margin-left: 0;
    list-style-type: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (min-width: 40em) {
      .home > #content-outer .home--platform-logos {
        -webkit-box-pack: normal;
            -ms-flex-pack: normal;
                justify-content: normal; } }
    .home > #content-outer .home--platform-logos > li {
      display: inline-block; }
      .home > #content-outer .home--platform-logos > li > .logo-icon {
        height: 72px;
        width: 72px; }
  .home > #content-outer .home--infographic-title {
    margin-top: 6rem; }
    .home > #content-outer .home--infographic-title p, .home > #content-outer .home--infographic-title .p {
      margin-bottom: 2rem; }
  .home > #content-outer .home--carousel-content {
    position: relative; }
  .home > #content-outer .home--infographic {
    margin-bottom: 6rem;
    position: relative;
    padding-bottom: 80px;
    overflow: hidden; }
    @media screen and (min-width: 60em) {
      .home > #content-outer .home--infographic {
        padding-bottom: 1.5rem; } }

.community section {
  margin: 6rem 0;
  text-align: center; }
  .community section h2, .community section .h2 {
    margin-bottom: 3.75rem;
    font-size: 1.5rem; }
  .community section li {
    display: inline-block; }
    .community section li a.button {
      display: block;
      min-width: 200px; }
  .community section li + li a {
    margin-left: 1.25rem; }
  .community section.community--roadmap {
    margin-bottom: 0; }
  .community section.community--tracker {
    margin-top: 0; }
  .community section.community--tracker h2, .community section.community--tracker .h2, .community section.community--cta h2, .community section.community--cta .h2 {
    margin-bottom: 1.25rem; }
  .community section.community--hero {
    margin-top: 0; }

.community--hero > .row,
.community--cta > .row {
  position: relative; }
.community--hero ul,
.community--cta ul {
  margin-bottom: .75rem; }
.community--hero .tertiary-link,
.community--cta .tertiary-link {
  display: block;
  margin-top: 1rem; }
.community--hero a.tertiary-cta,
.community--cta a.tertiary-cta {
  margin: 1.5rem auto 0;
  color: #ffffff;
  opacity: .5; }
  .community--hero a.tertiary-cta:hover,
  .community--cta a.tertiary-cta:hover {
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s; }

.community--hero--content .button,
.community--roadmap .button {
  display: block; }
.community--hero--content .button + .button,
.community--roadmap .button + .button {
  margin-left: 0; }
@media (min-width: 55rem) {
  .community--hero--content .button,
  .community--roadmap .button {
    display: inline-block; }
  .community--hero--content .button + .button,
  .community--roadmap .button + .button {
    margin-left: 1rem; } }

.community--hero--heading {
  color: #fefefe;
  font-size: 2.25rem; }
  @media (max-width: 40.5625rem) {
    .community--hero--heading {
      font-size: 1.25rem; } }

.hero--subtitle {
  margin: 0 auto 1.5rem;
  max-width: 42.5rem; }

.community--events {
  margin-bottom: -240px !important;
  padding-bottom: 240px;
  position: relative;
  z-index: 6;
  min-height: 600px;
  background: url(../images/graphics/bg-mountains-blue-fad7861b.png) no-repeat center bottom;
  background-size: 100% 430px; }
  .community--events h2, .community--events .h2 {
    color: #ffffff; }
  .community--events .community--events--content > .row,
  .community--events .community--events--card--wrapper {
    display: block; }
    @media (min-width: 55rem) {
      .community--events .community--events--content > .row,
      .community--events .community--events--card--wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .community--events .community--events--card .body-content {
    padding: 0; }
    .community--events .community--events--card .body-content h4, .community--events .community--events--card .body-content .h4 {
      position: relative;
      margin-bottom: 0;
      padding: 1.5rem;
      min-height: 6.875rem;
      -webkit-box-shadow: 0 2px 4px rgba(182, 186, 190, 0.1);
              box-shadow: 0 2px 4px rgba(182, 186, 190, 0.1); }
    .community--events .community--events--card .body-content > p, .community--events .community--events--card .body-content > .p {
      height: 240px;
      margin-bottom: 0;
      padding: 1.5rem;
      background-color: #fbfbfb;
      overflow-y: scroll; }
  .community--events .community--events--card .article-detail--meta {
    margin-top: 0;
    padding: 1.5rem; }

.community--roadmap {
  background-color: #ffffff; }

.community--roadmap {
  padding: 15rem 0 3.75rem;
  position: relative;
  z-index: 5; }
  .community--roadmap .roadmap-headings {
    margin: 1.5rem auto;
    text-align: center; }
    .community--roadmap .roadmap-headings h5, .community--roadmap .roadmap-headings .h5 {
      display: inline-block;
      padding: 0.3125rem 1.875rem;
      border: 1px solid currentColor;
      border-radius: 30px;
      font-family: "Titillium Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1rem;
      color: #87b09a; }
  .community--roadmap iframe {
    border: 1px solid #f6f6f6;
    border-radius: 2px !important; }

.community--tracker {
  margin-bottom: -100px !important;
  padding-bottom: 100px;
  position: relative;
  z-index: 10;
  min-height: 560px;
  background: url(../images/graphics/bg-mountains-green-69c5e44a.png) no-repeat center bottom;
  background-size: 100% 560px; }
  .community--tracker .foreground-github {
    display: none;
    margin: 0 auto;
    position: absolute;
    padding-left: 160px;
    bottom: 100px;
    z-index: 15; }
    .community--tracker .foreground-github img {
      max-width: 960px;
      width: 100%; }
    @media (min-width: 66.25rem) {
      .community--tracker .foreground-github {
        display: block; } }
  .community--tracker .callout-box {
    -webkit-box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.1);
    margin-top: 100px;
    padding: 2.5rem;
    background-color: #ffffff;
    border: 1px solid #f6f6f6;
    border-radius: 2px;
    z-index: 12; }
    .community--tracker .callout-box ul {
      margin-bottom: 0; }

.community--cta {
  padding: 6rem 0;
  color: #ffffff; }
  .community--cta ul {
    margin-top: 1.875rem; }

.community .footer--cta {
  display: none; }

#community-event-template {
  display: none; }

input.st-ui-search-input,
input.st-default-search-input {
  width: 100%;
  margin-bottom: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
  font-family: inherit;
  font-size: 1rem;
  background-position: 8px 12px; }

.st-ui-injected-on-page-container {
  font-family: inherit !important; }
  .st-ui-injected-on-page-container .st-ui-type-detail-bold {
    font-size: 14px; }
  .st-ui-injected-on-page-container a.st-ui-result .st-ui-type-detail {
    font-size: 14px;
    max-height: 38px; }

.tutorials #content-outer {
  background: url(/images/polygons-503661fa.svg) no-repeat bottom;
  background-size: inherit; }

.container__tutorials {
  margin-bottom: 5rem;
  margin-top: 5rem; }
  .container__tutorials .button.cta {
    font-weight: normal; }
  .container__tutorials .main-content .heading {
    color: white;
    text-align: center; }
    .container__tutorials .main-content .heading h1, .container__tutorials .main-content .heading .h1 {
      font-size: 1.875rem;
      text-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.33);
      margin: 0 0 32px 0; }
    .container__tutorials .main-content .heading h2, .container__tutorials .main-content .heading .h2 {
      font-size: 0.875rem;
      margin: 0 0 76px 0; }
  .container__tutorials .main-content section {
    -webkit-box-shadow: 0 -2px 20px 0 rgba(200, 210, 217, 0.5);
            box-shadow: 0 -2px 20px 0 rgba(200, 210, 217, 0.5);
    text-align: center; }
    .container__tutorials .main-content section h2, .container__tutorials .main-content section .h2 {
      color: #5C6670;
      font-size: 1.5rem;
      margin: 0 0 12px 0; }
    .container__tutorials .main-content section p, .container__tutorials .main-content section .p {
      color: #5C6670;
      font-size: 1rem; }
  .container__tutorials .main-content__has-sidebar {
    background: none;
    padding: 0; }
    @media screen and (min-width: 40em) {
      .container__tutorials .main-content__has-sidebar {
        padding: 0 !important; } }
  .container__tutorials .main-sidebar--list {
    margin-top: 2rem; }
  .container__tutorials .main-sidebar--list > .main-sidebar--list--item {
    margin-bottom: 1rem; }
  .container__tutorials .main-sidebar--list--item--dropdown {
    margin-top: -4px; }
    .container__tutorials .main-sidebar--list--item--dropdown li:first-child {
      padding-top: 10px; }
  .container__tutorials .main-sidebar--list--item {
    margin-bottom: 0;
    margin-left: -2px; }
    .container__tutorials .main-sidebar--list--item a {
      color: #fefefe;
      padding-left: 1.625rem; }
      .container__tutorials .main-sidebar--list--item a.play-video {
        background: url(/images/icons/icon-play-video-c5475163.svg) no-repeat top 6px right; }
      .container__tutorials .main-sidebar--list--item a:hover {
        text-shadow: 0 0 1px #fefefe; }
    .container__tutorials .main-sidebar--list--item.is-active > a:before {
      content: '';
      position: absolute;
      background: url(/images/sprout-66e8a4b1.svg) no-repeat;
      background-size: contain;
      width: 19px;
      height: 16px;
      left: 0;
      top: 55%;
      -webkit-transform: translateY(-45%);
              transform: translateY(-45%); }
    .container__tutorials .main-sidebar--list--item .main-sidebar--list--item {
      border-left: 1px dashed #fefefe;
      padding: 2px 0; }
      .container__tutorials .main-sidebar--list--item .main-sidebar--list--item.is-active a:before {
        display: none; }
      .container__tutorials .main-sidebar--list--item .main-sidebar--list--item.in-progress {
        border-left: 3px solid #b6d78d; }
      .container__tutorials .main-sidebar--list--item .main-sidebar--list--item:not(.in-progress) {
        margin-left: -1.5px;
        margin-bottom: 2px; }
  .container__tutorials section {
    background-color: #fefefe;
    border-radius: 2px;
    margin-bottom: 30px;
    padding: 1.875rem 1.25rem;
    position: relative; }
    .container__tutorials section.full {
      padding: 1.875rem 0 0 0;
      border-radius: 2px 2px 4px 4px; }
      .container__tutorials section.full h2, .container__tutorials section.full .h2, .container__tutorials section.full p, .container__tutorials section.full .p {
        padding-left: 1.25rem;
        padding-right: 1.25rem; }
      .container__tutorials section.full img {
        display: block;
        margin-bottom: 12px; }
        .container__tutorials section.full img:last-child {
          border-radius: 0 0 2px 2px;
          margin-bottom: 0; }
        .container__tutorials section.full img:not(:last-child) {
          margin-bottom: 1.75rem; }
    .container__tutorials section.download .hab-cli-os {
      position: relative;
      border-top: 1px solid #87b09a;
      margin-bottom: 4px;
      padding: 28px 0 0 0; }
      .container__tutorials section.download .hab-cli-os.mac:before {
        content: '';
        background: url(/images/icons/icon-mac-dark-5bfb8de4.svg) no-repeat;
        background-size: contain;
        width: 1.2rem;
        height: 1.2rem;
        position: absolute;
        left: 8px;
        top: 28px; }
      .container__tutorials section.download .hab-cli-os.linux:before {
        content: '';
        background: url(/images/icons/icon-linux-dark-438a72b1.svg) no-repeat;
        background-size: contain;
        width: 1.2rem;
        height: 1.2rem;
        position: absolute;
        left: 8px;
        top: 28px; }
      .container__tutorials section.download .hab-cli-os.windows:before {
        content: '';
        background: url(/images/icons/icon-windows-dark-1ca2101f.svg) no-repeat;
        background-size: contain;
        width: 1.2rem;
        height: 1.2rem;
        position: absolute;
        left: 8px;
        top: 28px; }
      .container__tutorials section.download .hab-cli-os .description {
        padding-left: 50px; }
        .container__tutorials section.download .hab-cli-os .description h3, .container__tutorials section.download .hab-cli-os .description .h3 {
          font-size: 1rem;
          margin-bottom: 6px; }
        .container__tutorials section.download .hab-cli-os .description h4, .container__tutorials section.download .hab-cli-os .description .h4 {
          font-family: "Titillium Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
          font-size: 1rem; }
      .container__tutorials section.download .hab-cli-os .buttons {
        text-align: right; }
        .container__tutorials section.download .hab-cli-os .buttons .button {
          padding-left: inherit;
          text-align: center; }
    .container__tutorials section.sample-app {
      border-radius: 0 0 2px 2px; }
  .container__tutorials .platform-switcher {
    background-color: #223442;
    border-radius: 2px 2px 0 0;
    text-align: right; }
    .container__tutorials .platform-switcher ul {
      list-style-type: none;
      margin: 0;
      padding: 18px; }
      .container__tutorials .platform-switcher ul li {
        display: inline-block;
        margin: 0 62px 0 0; }
        .container__tutorials .platform-switcher ul li a {
          color: #fefefe;
          position: relative;
          padding-left: 1.2rem; }
        .container__tutorials .platform-switcher ul li a.mac:before {
          content: '';
          background: url(/images/icons/icon-mac-gray-d7d7ac29.svg) no-repeat;
          background-size: contain;
          height: 1rem;
          left: 0;
          width: 1rem;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .container__tutorials .platform-switcher ul li.active a.mac:before {
          content: '';
          background: url(/images/icons/icon-mac-33467660.svg) no-repeat;
          background-size: contain;
          height: 1rem;
          left: 0;
          width: 1rem;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .container__tutorials .platform-switcher ul li a.linux:before {
          content: '';
          background: url(/images/icons/icon-linux-gray-fe69064c.svg) no-repeat;
          background-size: contain;
          height: 1rem;
          left: 0;
          width: 1rem;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .container__tutorials .platform-switcher ul li.active a.linux:before {
          content: '';
          background: url(/images/icons/icon-linux-f92b979b.svg) no-repeat;
          background-size: contain;
          height: 1rem;
          left: 0;
          width: 1rem;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .container__tutorials .platform-switcher ul li a.windows:before {
          content: '';
          background: url(/images/icons/icon-windows-gray-6d55bdaf.svg) no-repeat;
          background-size: contain;
          height: 1rem;
          left: 0;
          width: 1rem;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .container__tutorials .platform-switcher ul li.active a.windows:before {
          content: '';
          background: url(/images/icons/icon-windows-eb858432.svg) no-repeat;
          background-size: contain;
          height: 1rem;
          left: 0;
          width: 1rem;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .container__tutorials .platform-switcher ul li a.ruby:before {
          content: '';
          background: url(/images/icons/icon-ruby-gray-d06f4832.svg) no-repeat;
          background-size: contain;
          height: 1rem;
          left: 0;
          width: 1rem;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .container__tutorials .platform-switcher ul li.active a.ruby:before {
          content: '';
          background: url(/images/icons/icon-ruby-831478b1.svg) no-repeat;
          background-size: contain;
          height: 1rem;
          left: 0;
          width: 1rem;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .container__tutorials .platform-switcher ul li a.node:before {
          content: '';
          background: url(/images/icons/icon-node-gray-72388c23.svg) no-repeat;
          background-size: contain;
          height: 1rem;
          left: 0;
          width: 1rem;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .container__tutorials .platform-switcher ul li.active a.node:before {
          content: '';
          background: url(/images/icons/icon-node-9b02ab42.svg) no-repeat;
          background-size: contain;
          height: 1rem;
          left: 0;
          width: 1rem;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .container__tutorials .platform-switcher ul li a.gradle:before {
          content: '';
          background: url(/images/icons/icon-gradle-gray-c76505a9.svg) no-repeat;
          background-size: contain;
          height: 1rem;
          left: 0;
          width: 1rem;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .container__tutorials .platform-switcher ul li.active a.gradle:before {
          content: '';
          background: url(/images/icons/icon-gradle-dc689ab9.svg) no-repeat;
          background-size: contain;
          height: 1rem;
          left: 0;
          width: 1rem;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .container__tutorials .platform-switcher ul li a.aspnet-core:before {
          content: '';
          background: url(/images/icons/icon-aspnet-core-gray.svg) no-repeat;
          background-size: contain;
          height: 1rem;
          left: 0;
          width: 1rem;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .container__tutorials .platform-switcher ul li.active a.aspnet-core:before {
          content: '';
          background: url(/images/icons/icon-aspnet-core.svg) no-repeat;
          background-size: contain;
          height: 1rem;
          left: 0;
          width: 1rem;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .container__tutorials .platform-switcher ul li.active {
          font-weight: bold; }
  .container__tutorials .button.outline {
    color: #ff9012;
    background-color: transparent;
    border: 1px solid #ff9012;
    position: relative;
    margin-right: 18px; }
    .container__tutorials .button.outline.mac {
      padding-left: 2.4rem; }
      .container__tutorials .button.outline.mac:before {
        content: '';
        background: url(/images/icons/icon-mac-orange-c7aa80cd.svg) no-repeat;
        background-size: contain;
        height: 1rem;
        left: 1rem;
        width: 1rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .container__tutorials .button.outline.mac[disabled] {
        opacity: 1;
        color: #c3c6c8;
        border: 1px solid #c3c6c8; }
        .container__tutorials .button.outline.mac[disabled]:before {
          background: url(/images/icons/icon-mac-gray-d7d7ac29.svg) no-repeat; }
    .container__tutorials .button.outline.linux {
      padding-left: 2.4rem; }
      .container__tutorials .button.outline.linux:before {
        content: '';
        background: url(/images/icons/icon-linux-orange-60be0e9d.svg) no-repeat;
        background-size: contain;
        height: 1rem;
        left: 1rem;
        width: 1rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .container__tutorials .button.outline.linux[disabled] {
        opacity: 1;
        color: #c3c6c8;
        border: 1px solid #c3c6c8; }
        .container__tutorials .button.outline.linux[disabled]:before {
          background: url(/images/icons/icon-linux-gray-fe69064c.svg) no-repeat; }
    .container__tutorials .button.outline.windows {
      padding-left: 2.4rem; }
      .container__tutorials .button.outline.windows:before {
        content: '';
        background: url(/images/icons/icon-windows-orange-c67a7766.svg) no-repeat;
        background-size: contain;
        height: 1rem;
        left: 1rem;
        width: 1rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .container__tutorials .button.outline.windows[disabled] {
        opacity: 1;
        color: #c3c6c8;
        border: 1px solid #c3c6c8; }
        .container__tutorials .button.outline.windows[disabled]:before {
          background: url(/images/icons/icon-windows-gray-6d55bdaf.svg) no-repeat; }
  .container__tutorials .video {
    border-radius: 2px;
    height: 0;
    margin-bottom: 36px;
    position: relative;
    padding-bottom: 53.5%;
    padding-top: 25px;
    overflow: hidden; }
    .container__tutorials .video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .container__tutorials .video-caption .avatar, .container__tutorials .video-caption .presenter {
    float: left; }
  .container__tutorials .video-caption .avatar {
    margin: 0 14px 14px 0; }
    .container__tutorials .video-caption .avatar img {
      border: 4px solid #87B09A;
      border-radius: 50%;
      height: 60px;
      width: 60px; }
  .container__tutorials .video-caption .presenter h3, .container__tutorials .video-caption .presenter .h3 {
    margin-bottom: 0; }
  .container__tutorials .video-caption .description {
    clear: both; }

.blog-index .main-content__has-sidebar,
.body-article .main-content__has-sidebar {
  background: transparent;
  padding: 0 !important; }
  @media screen and (max-width: 39.9375em) {
    .blog-index .main-content__has-sidebar,
    .body-article .main-content__has-sidebar {
      margin-top: 15px; } }

a.icon-back {
  padding-left: 1.875rem !important;
  background: url(../images/icons/icon-chevron-back-4201cc71.svg) no-repeat;
  background-position: 15px 50%; }
  .main-sidebar--list--item a.icon-back {
    padding-left: 1rem !important;
    background-position: 0 50%; }

.tag-list li.tag a {
  display: inline-block;
  padding-right: 0;
  line-height: 1.5rem;
  border-bottom: 1px solid transparent;
  text-transform: capitalize; }
  .tag-list li.tag a:hover, .tag-list li.tag a:focus, .tag-list li.tag a:active, .tag-list li.tag a.active {
    color: #ff9012;
    border-color: currentColor;
    -webkit-transition: background-color .1s;
    transition: background-color .1s; }
.tag-list li:not(.tag) a {
  margin-bottom: .875rem;
  font-size: .875rem;
  -webkit-transition: color .2s;
  transition: color .2s; }
  .tag-list li:not(.tag) a:hover {
    -webkit-transition: color .2s;
    transition: color .2s; }
.tag-list.article-detail--tag-buttons li {
  display: inline-block;
  margin: .5rem 1rem 0 0; }

.tag_title {
  color: #ffffff; }
  .tag_title span {
    margin-left: .5rem;
    color: #ff9012;
    text-transform: capitalize; }

.blog-index--post-summary {
  margin-bottom: 1.5rem;
  background-color: #ffffff;
  border-radius: 2px; }
  .blog-index--post-summary h2, .blog-index--post-summary .h2 {
    font-size: 1.25rem; }
  .blog-index--post-summary p, .blog-index--post-summary .p {
    margin-bottom: .75rem; }

.article-detail {
  background-color: #ffffff;
  border-radius: 2px; }
  .article-detail section {
    padding: 2.5rem 1.875rem 1.5rem;
    border: 1px solid #f6f6f6; }

.article-detail--meta {
  margin-top: 1rem; }
  .article-detail--meta ul {
    margin: 0; }
  .article-detail--meta li {
    display: inline-block;
    margin-right: 2rem; }
  .article-detail--meta img {
    margin-right: .5rem;
    vertical-align: text-bottom; }

.article-detail--tag-buttons {
  margin-top: 4rem; }
  .article-detail--tag-buttons ul {
    margin-bottom: 0; }

.article-detail--author-bio {
  margin-top: 2rem;
  padding: 2rem;
  border-radius: 2px;
  background-color: #283c4c;
  background-color: rgba(40, 60, 76, 0.5);
  color: #ffffff; }
  .article-detail--author-bio p:first-child, .article-detail--author-bio .p:first-child {
    margin-bottom: 0;
    font-size: .875rem; }
  .article-detail--author-bio p:last-child, .article-detail--author-bio .p:last-child {
    margin-bottom: 0; }
  .article-detail--author-bio hr {
    margin: .75rem auto 1rem;
    border: 0;
    height: 2px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(86, 111, 132, 0)), color-stop(rgba(86, 111, 132, 0.75)), to(rgba(86, 111, 132, 0)));
    background-image: linear-gradient(to right, rgba(86, 111, 132, 0), rgba(86, 111, 132, 0.75), rgba(86, 111, 132, 0)); }
  .article-detail--author-bio a {
    color: #ffffff;
    text-decoration: underline; }

.article-detail--footer {
  margin: 4rem auto; }
  .article-detail--footer h4, .article-detail--footer .h4 {
    margin-left: .5rem;
    color: #ffffff; }
  @media screen and (min-width: 40em) {
    .article-detail--footer h4, .article-detail--footer .h4 {
      margin-left: 0; }
    .article-detail--footer .article-detail--footer--posts li:first-child {
      padding-left: 0; }
    .article-detail--footer .article-detail--footer--posts li:last-child {
      padding-right: 0; } }

.article-detail--back {
  display: block;
  clear: both; }
  .article-detail--back a {
    display: inline-block;
    padding: .75rem 1rem;
    background-color: rgba(127, 173, 203, 0.2);
    border-radius: 2px;
    color: #ffffff;
    font-size: .875rem;
    -webkit-transition: background-color .2s;
    transition: background-color .2s; }
    .article-detail--back a:hover, .article-detail--back a:focus, .article-detail--back a:active {
      background-color: rgba(127, 173, 203, 0.3);
      -webkit-transition: background-color .2s;
      transition: background-color .2s; }

.docs section {
  margin: 3.75rem 0;
  text-align: center; }
  .docs section h2, .docs section .h2 {
    margin-bottom: 3.75rem;
    font-size: 1.5rem; }
  .docs section li {
    display: inline-block; }
    .docs section li a.button {
      display: block;
      min-width: 200px; }
  .docs section li + li a {
    margin-left: 1.25rem; }

.docs--hero {
  padding: 0; }
  .docs--hero > .row {
    position: relative; }
  .docs--hero .cta-subtext a {
    color: #eb6852; }

.docs--hero--heading {
  color: #5c6670;
  font-size: 1.5rem; }
  @media (max-width: 40.5625rem) {
    .docs--hero--heading {
      font-size: 1rem; } }

.docs--intro {
  padding: 0; }
  .docs--intro p, .docs--intro .p {
    margin-bottom: 2rem; }

.get-started--boxes .card {
  position: relative;
  margin-bottom: 2rem;
  background-color: #FFF;
  border: 1px solid rgba(182, 186, 190, 0.25);
  border-radius: 2px;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  -webkit-transform: scale(1);
          transform: scale(1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1.5rem 1.5rem 0 1.5rem;
  position: relative;
  border-radius: 2px; }
  .get-started--boxes .card:not(.no-hover):hover {
    -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    z-index: 2; }
  .get-started--boxes .card > img {
    margin-bottom: 1rem;
    height: 2rem;
    width: 2rem; }
  .get-started--boxes .card p, .get-started--boxes .card .p {
    color: #7d868c;
    margin-bottom: 0; }

.logo .logo--image {
  height: 4rem;
  width: 4rem;
  margin-bottom: 1.5rem; }

.docs--cta {
  padding: 9.375rem 0 3.75rem;
  color: #ffffff; }
  .docs--cta ul {
    margin-top: 1.875rem;
    text-align: center; }

.docs .footer--cta {
  display: none; }

.docs section {
  border-radius: 2px;
  margin-bottom: 30px;
  padding: 1.875rem 1.25rem;
  position: relative; }
  .docs section.download .hab-cli-os {
    position: relative;
    border-top: 1px solid #87b09a;
    margin-bottom: 4px;
    padding: 28px 0 0 0; }
    .docs section.download .hab-cli-os.mac:before {
      content: '';
      background: url(/images/icons/icon-mac-dark-5bfb8de4.svg) no-repeat;
      background-size: contain;
      width: 1.2rem;
      height: 1.2rem;
      position: absolute;
      left: 8px;
      top: 28px; }
    .docs section.download .hab-cli-os.linux:before {
      content: '';
      background: url(/images/icons/icon-linux-dark-438a72b1.svg) no-repeat;
      background-size: contain;
      width: 1.2rem;
      height: 1.2rem;
      position: absolute;
      left: 8px;
      top: 28px; }
    .docs section.download .hab-cli-os.windows:before {
      content: '';
      background: url(/images/icons/icon-windows-dark-1ca2101f.svg) no-repeat;
      background-size: contain;
      width: 1.2rem;
      height: 1.2rem;
      position: absolute;
      left: 8px;
      top: 28px; }
    .docs section.download .hab-cli-os .description {
      padding-left: 50px; }
      .docs section.download .hab-cli-os .description h3, .docs section.download .hab-cli-os .description .h3 {
        font-size: 1rem;
        margin-bottom: 6px; }
      .docs section.download .hab-cli-os .description h4, .docs section.download .hab-cli-os .description .h4 {
        font-family: "Titillium Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-size: 1rem; }
    .docs section.download .hab-cli-os .buttons {
      text-align: right; }
      .docs section.download .hab-cli-os .buttons .button {
        padding-left: inherit;
        text-align: center; }
  .docs section.sample-app {
    border-radius: 0 0 2px 2px; }

.carousel-slide {
  position: absolute;
  z-index: 1;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease; }
  .carousel-slide.is-active {
    opacity: 1;
    z-index: 2; }

.carousel-nav {
  cursor: pointer; }

.carousel-infographic {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin: 0px auto 24px;
  padding-left: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease; }
  .carousel-infographic > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 200px;
    width: 200px;
    margin-left: -30px;
    position: relative;
    cursor: pointer;
    background-image: url("/images/carousel-arrows-vertical-2dffc7ef.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: cover; }
    .carousel-infographic > li .infographic-label {
      position: absolute;
      top: 0px;
      width: 100%;
      text-align: center; }
      .carousel-infographic > li .infographic-label > span {
        height: 40px;
        line-height: 40px;
        padding: 0px 16px;
        display: inline-block;
        border-radius: 5px;
        background-color: #28AFA4; }
    .carousel-infographic > li.carousel-infographic-0 {
      background-position: 0px 0px; }
      .carousel-infographic > li.carousel-infographic-0 .infographic-label > span {
        background-color: #28AFA4; }
    .carousel-infographic > li.carousel-infographic-1 {
      background-position: 1px -229px; }
      .carousel-infographic > li.carousel-infographic-1 .infographic-label > span {
        background-color: #2AA5A2; }
    .carousel-infographic > li.carousel-infographic-2 {
      background-position: 3px -457px; }
      .carousel-infographic > li.carousel-infographic-2 .infographic-label > span {
        background-color: #2E99A0; }
    .carousel-infographic > li.carousel-infographic-3 {
      background-position: 3px -682px; }
      .carousel-infographic > li.carousel-infographic-3 .infographic-label > span {
        background-color: #318F9E; }
    .carousel-infographic > li.carousel-infographic-4 {
      background-position: 4px -912px; }
      .carousel-infographic > li.carousel-infographic-4 .infographic-label > span {
        background-color: #35839C; }
    .carousel-infographic > li.is-active.carousel-infographic-0 > .infographic-cell, .carousel-infographic > li:hover.carousel-infographic-0 > .infographic-cell {
      background-color: #28AFA4; }
    .carousel-infographic > li.is-active.carousel-infographic-1 > .infographic-cell, .carousel-infographic > li:hover.carousel-infographic-1 > .infographic-cell {
      background-color: #2AA5A2; }
    .carousel-infographic > li.is-active.carousel-infographic-2 > .infographic-cell, .carousel-infographic > li:hover.carousel-infographic-2 > .infographic-cell {
      background-color: #2E99A0; }
    .carousel-infographic > li.is-active.carousel-infographic-3 > .infographic-cell, .carousel-infographic > li:hover.carousel-infographic-3 > .infographic-cell {
      background-color: #318F9E; }
    .carousel-infographic > li.is-active.carousel-infographic-4 > .infographic-cell, .carousel-infographic > li:hover.carousel-infographic-4 > .infographic-cell {
      background-color: #35839C; }
    .carousel-infographic > li > .infographic-cell {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100px;
      height: 100px;
      padding: 1.5rem;
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 50%;
      vertical-align: middle;
      text-align: center; }
      .carousel-infographic > li > .infographic-cell.logos-deploy {
        background-image: url("/images/infographic-deploy-logos-0a0a644c.svg"); }
      .carousel-infographic > li > .infographic-cell.logos-run {
        background-image: url("/images/infographic-run-logos-1e5183fc.svg"); }

@media screen and (max-width: 960px) {
  .carousel-infographic {
    width: 960px;
    position: relative;
    left: 50%;
    margin: 0px auto 80px; }
    .carousel-infographic[data-currentidx='0'] {
      -webkit-transform: translateX(-135px);
              transform: translateX(-135px); }
    .carousel-infographic[data-currentidx='1'] {
      -webkit-transform: translateX(-295px);
              transform: translateX(-295px); }
    .carousel-infographic[data-currentidx='2'] {
      -webkit-transform: translateX(-465px);
              transform: translateX(-465px); }
    .carousel-infographic[data-currentidx='3'] {
      -webkit-transform: translateX(-655px);
              transform: translateX(-655px); }
    .carousel-infographic[data-currentidx='4'] {
      -webkit-transform: translateX(-815px);
              transform: translateX(-815px); } }
.carousel-slide-title {
  margin-bottom: 1.5rem; }

.carousel-bullets {
  margin-bottom: 2rem; }

.carousel-nav-arrow {
  display: block;
  height: 240px;
  width: 20%;
  position: absolute;
  top: 0px;
  cursor: pointer;
  z-index: 5; }
  .carousel-nav-arrow.arrow-left {
    left: 0px; }
  .carousel-nav-arrow.arrow-right {
    right: 0px; }
  @media screen and (min-width: 60em) {
    .carousel-nav-arrow {
      width: 50px; }
      .carousel-nav-arrow.hidden {
        display: none; }
      .carousel-nav-arrow.arrow-left {
        background: url("/images/icons/icon-chevron-left-4daab080.svg") center center no-repeat transparent; }
      .carousel-nav-arrow.arrow-right {
        background: url("/images/icons/icon-chevron-right-131dd594.svg") center center no-repeat transparent; } }

.carousel-nav-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.5rem;
  list-style: none;
  position: absolute;
  top: 220px;
  left: 0px;
  width: 100%; }
  @media screen and (min-width: 60em) {
    .carousel-nav-dots {
      position: relative;
      top: auto;
      left: auto; } }
  .carousel-nav-dots > li {
    text-indent: -9999px;
    border-radius: 50%;
    border: solid 1px #c3c6c8;
    height: 17px;
    width: 17px;
    -webkit-box-shadow: 1;
            box-shadow: 1;
    background: transparent;
    position: relative;
    z-index: 2;
    padding: 0px;
    margin: 0px 12px; }
    .carousel-nav-dots > li.is-active {
      background: #c3c6c8; }
      .carousel-nav-dots > li.is-active:before {
        content: '';
        display: block;
        position: absolute;
        height: 25px;
        width: 25px;
        z-index: 1;
        border: solid 1px #c3c6c8;
        border-radius: 50%;
        top: -5px;
        left: -5px; }

.circle {
  display: block; }
  .circle.small, .tech-icon.coming-soon:after {
    height: 10px;
    width: 10px;
    border-radius: 5px; }
  .circle.gray {
    background: #627B8F; }
  .circle.green, .tech-icon.coming-soon:after {
    background: #78b57d; }

.tech-icon {
  position: relative;
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 20px;
  background-color: #f6f6f6;
  text-align: center; }
  .tech-icon.coming-soon:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px; }

.link-external {
  background: url("/images/icons/open-in-new-bb120a21.svg") right bottom no-repeat;
  background-size: 20px;
  padding-right: 22px; }

.relative {
  position: relative; }

.full-width {
  width: 100%; }

.float-left {
  float: left; }

.float-right {
  float: right; }

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

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

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

.center {
  text-align: center; }

.text-white {
  color: #ffffff; }

.text-link {
  color: #ff9012; }

.text-gray {
  color: #C3C6C8; }

.text-gray-dark {
  color: #7d868c; }

.overflow-hidden {
  overflow: hidden; }

.underline {
  text-decoration: underline; }

.sup-note {
  background: #87b09a;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0.3125rem 0.625rem;
  font-size: .5rem;
  font-family: "Titillium Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  border-radius: 15px;
  position: absolute;
  top: -1rem; }

.background-white {
  background-color: #ffffff; }

.background-gray-light {
  background-color: #f6f6f6; }

.mt-0 {
  margin-top: 0px; }

.mt-1 {
  margin-top: 1.25rem; }

.mt-2 {
  margin-top: 2.5rem; }

.mt-3 {
  margin-top: 3.75rem; }

.mt-4 {
  margin-top: 5rem; }

.mb-0 {
  margin-bottom: 0px; }

.mb-1 {
  margin-bottom: 1.25rem; }

.mb-2 {
  margin-bottom: 2.5rem; }

.mb-3 {
  margin-bottom: 3.75rem; }

.mb-4 {
  margin-bottom: 5rem; }

.background-waves-green {
  background: url("/images/background-waves-green-ee366df7.svg") repeat-x center center;
  background-size: cover;
  width: 100%;
  height: 78px;
  position: relative; }

@media screen and (max-width: 39.9375em) {
  .hide-small {
    display: none; } }

@media screen and (min-width: 40em) {
  .small-only {
    display: none; } }

.logo-icon {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-size: cover; }
  .logo-icon.kubernetes {
    background-image: url("/images/solutions-logos/icon-kubernetes-0f197e33.svg"); }
  .logo-icon.mesos {
    background-image: url("/images/solutions-logos/icon-mesos-baa0b9ef.svg"); }
  .logo-icon.mesosphere {
    background-image: url("/images/solutions-logos/icon-mesosphere-57f93604.svg"); }
  .logo-icon.docker {
    background-image: url("/images/solutions-logos/icon-docker-e72b698a.svg"); }
  .logo-icon.cloudfoundry {
    background-image: url("/images/solutions-logos/icon-cloudfoundry-contrast-9a45e383.svg"); }
  .logo-icon.coreos {
    background-image: url("/images/solutions-logos/icon-coreos-61308641.svg"); }

ul.inline {
  list-style-type: none;
  margin: 0px; }
  ul.inline > li {
    display: inline-block; }

a.icon-only {
  text-indent: -999px;
  display: inline-block;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: cover; }
  a.icon-only.small {
    height: 14px;
    width: 14px; }
  a.icon-only.white.github {
    background-image: url("/images/icons/icon-github-white-030e2d7d.svg"); }
  a.icon-only.white.twitter {
    background-image: url("/images/icons/icon-twitter-white-5067a495.svg"); }
  a.icon-only.white.slack {
    background-image: url("/images/icons/icon-slack-white-6c661516.svg"); }
  a.icon-only.white.youtube {
    background-image: url("/images/icons/icon-youtube-white-cb4de0c6.svg"); }

.container_enterprise {
  color: #fefefe; }
  .container_enterprise .cta {
    background-color: #007FAB; }
    .container_enterprise .cta:hover {
      background-color: #006c92;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .container_enterprise .button {
    display: block;
    margin-bottom: 8px;
    margin-left: 0;
    height: 55px;
    line-height: 55px;
    padding-top: 0px;
    padding-bottom: 0px; }
    @media screen and (min-width: 40em) {
      .container_enterprise .button {
        display: inline-block;
        margin-bottom: 0;
        margin-left: 1rem; } }
    .container_enterprise .button .chef {
      margin-left: 8px; }
  .container_enterprise section.header {
    text-align: center;
    margin-bottom: 109px; }
    .container_enterprise section.header h1, .container_enterprise section.header .h1 {
      font-size: 35px;
      font-weight: 700;
      line-height: 43px;
      margin-bottom: 16px; }
    .container_enterprise section.header .hero--subtitle {
      margin-bottom: 36px;
      max-width: 37.5rem; }
  .container_enterprise section.trio {
    background: -webkit-gradient(linear, left top, right top, from(rgba(63, 83, 100, 0)), to(rgba(40, 60, 76, 0.6)));
    background: linear-gradient(90deg, rgba(63, 83, 100, 0) 0%, rgba(40, 60, 76, 0.6) 100%);
    border-bottom: 1px solid rgba(40, 60, 76, 0.6);
    margin-bottom: 48px; }
    @media screen and (min-width: 40em) {
      .container_enterprise section.trio {
        margin-bottom: 128px; } }
    .container_enterprise section.trio > div {
      padding: 42px;
      text-align: center; }
      .container_enterprise section.trio > div > img {
        width: 32px;
        height: 32px;
        margin-bottom: 24px; }
    .container_enterprise section.trio h3, .container_enterprise section.trio .h3 {
      font-weight: 700;
      margin-bottom: 16px; }
    .container_enterprise section.trio p, .container_enterprise section.trio .p {
      margin-bottom: 0;
      color: #C3C6C8; }
  .container_enterprise section.bullets {
    margin-bottom: 32px; }
    @media screen and (min-width: 40em) {
      .container_enterprise section.bullets {
        margin-bottom: 96px; } }
    .container_enterprise section.bullets h2, .container_enterprise section.bullets .h2 {
      font-size: 24px;
      text-align: center;
      font-weight: 700;
      margin-bottom: 48px; }
    .container_enterprise section.bullets ul {
      margin: 0;
      list-style-type: none; }
      .container_enterprise section.bullets ul li {
        background: url(/images/icons/icon-bullet-ce0b294c.svg) no-repeat;
        background-size: 32px 32px;
        background-position: 0 8px;
        padding-left: 46px;
        margin-bottom: 32px;
        font-size: 18px; }

.enterprise--infographic {
  margin: 50px auto;
  max-width: 80%; }

section.callout-enterprise {
  padding: 0;
  color: #fefefe;
  margin-bottom: 104px; }
  section.callout-enterprise .wrapper {
    -webkit-box-shadow: 0 2px 22px 0 #2F3F4C;
            box-shadow: 0 2px 22px 0 #2F3F4C; }
  section.callout-enterprise h2, section.callout-enterprise .h2 {
    font-size: 24px;
    text-align: center; }
  section.callout-enterprise .header {
    background-color: #3F5364;
    padding: 56px 0;
    border-top: 1px solid #4e6070; }
    @media screen and (min-width: 40em) {
      section.callout-enterprise .header > div:first-child {
        padding-left: 54px; }
      section.callout-enterprise .header > div:last-child {
        text-align: right;
        padding-right: 52px; } }
    section.callout-enterprise .header p, section.callout-enterprise .header .p {
      margin-bottom: 0;
      background: url(/images/icons/icon-videoconference-63d42694.svg) no-repeat;
      background-size: 32px 32px;
      background-position: 0 8px;
      padding-left: 48px;
      font-size: 18px;
      margin-bottom: 24px; }
      @media screen and (min-width: 40em) {
        section.callout-enterprise .header p, section.callout-enterprise .header .p {
          margin-bottom: 0; } }
  section.callout-enterprise .body {
    padding: 64px 0;
    background-color: #fefefe;
    color: #5c6670;
    text-align: center; }
    section.callout-enterprise .body h1, section.callout-enterprise .body .h1 {
      font-weight: 700;
      margin-bottom: 16px; }
    section.callout-enterprise .body p, section.callout-enterprise .body .p {
      margin-bottom: 28px;
      color: rgba(92, 102, 112, 0.7); }
    section.callout-enterprise .body .button.outline {
      border: 1px solid #C3C6C8;
      color: #5c6670; }
      section.callout-enterprise .body .button.outline:hover {
        background-color: #f8f9f9;
        -webkit-box-shadow: none;
                box-shadow: none; }

.get-started #content-outer {
  background: url(/images/polygons-503661fa.svg) no-repeat bottom;
  background-size: inherit; }

.container__getstarted {
  margin-bottom: 80px; }
  .container__getstarted .return-link {
    color: #ff9012;
    position: absolute;
    top: -40px;
    left: 0px; }
  .container__getstarted .get-started--container {
    margin-bottom: 182px;
    padding: 2.5rem;
    position: relative;
    background-color: #FFF;
    border-radius: 2px; }
    .container__getstarted .get-started--container .h2,
    .container__getstarted .get-started--container .h3 {
      font-family: "Titillium Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
    .container__getstarted .get-started--container .h2 {
      margin-top: 1rem;
      font-weight: bold; }
    .container__getstarted .get-started--container .h3 {
      margin-bottom: 1rem; }
    .container__getstarted .get-started--container section {
      margin-top: 2.5rem; }
      .container__getstarted .get-started--container section.first {
        margin-top: 0px; }
      .container__getstarted .get-started--container section .description {
        margin-bottom: 2rem;
        max-width: 47.5rem;
        color: #7d868c; }
      .container__getstarted .get-started--container section.get-started--icon-list .tech-icons {
        margin-bottom: 0; }
      .container__getstarted .get-started--container section.get-started--icon-list .tech-icons--item {
        position: relative;
        margin-bottom: 2rem;
        background-color: #FFF;
        border: 1px solid rgba(182, 186, 190, 0.25);
        border-radius: 2px;
        -webkit-transition: all 100ms ease-in;
        transition: all 100ms ease-in;
        -webkit-transform: scale(1);
                transform: scale(1); }
        .container__getstarted .get-started--container section.get-started--icon-list .tech-icons--item:not(.no-hover):hover {
          -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
                  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
          -webkit-transition: all 100ms ease-in;
          transition: all 100ms ease-in;
          -webkit-transform: scale(1.02);
                  transform: scale(1.02);
          z-index: 2; }
        .container__getstarted .get-started--container section.get-started--icon-list .tech-icons--item > img {
          margin-bottom: 1rem;
          height: 2rem;
          width: 2rem; }
      .container__getstarted .get-started--container section.get-started--icon-list .tech-icon {
        padding: 1.5rem;
        height: auto;
        width: auto;
        border-radius: 0;
        background-color: transparent; }
        .container__getstarted .get-started--container section.get-started--icon-list .tech-icon > span {
          display: block;
          text-align: center;
          font-weight: bold; }
      .container__getstarted .get-started--container section.get-started--icon-list > img {
        height: 60px;
        width: 60px; }
      .container__getstarted .get-started--container section.get-started--boxes .h4 {
        margin-bottom: 0.75rem; }
      .container__getstarted .get-started--container section.get-started--boxes .h6 {
        color: #b6babe;
        text-transform: uppercase; }
      .container__getstarted .get-started--container section.get-started--boxes .link-list {
        margin: 0 0 2rem;
        padding: 0; }
      .container__getstarted .get-started--container section.get-started--boxes .link-list--item {
        margin-bottom: 0.5rem;
        list-style: none; }
      .container__getstarted .get-started--container section.get-started--boxes .card {
        position: relative;
        margin-bottom: 2rem;
        background-color: #FFF;
        border: 1px solid rgba(182, 186, 190, 0.25);
        border-radius: 2px;
        -webkit-transition: all 100ms ease-in;
        transition: all 100ms ease-in;
        -webkit-transform: scale(1);
                transform: scale(1);
        display: block;
        padding: 1.5rem;
        position: relative;
        border-radius: 2px; }
        .container__getstarted .get-started--container section.get-started--boxes .card:not(.no-hover):hover {
          -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
                  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
          -webkit-transition: all 100ms ease-in;
          transition: all 100ms ease-in;
          -webkit-transform: scale(1.02);
                  transform: scale(1.02);
          z-index: 2; }
        .container__getstarted .get-started--container section.get-started--boxes .card > img {
          margin-bottom: 1rem;
          height: 2rem;
          width: 2rem; }
        .container__getstarted .get-started--container section.get-started--boxes .card p, .container__getstarted .get-started--container section.get-started--boxes .card .p {
          color: #7d868c; }
        .container__getstarted .get-started--container section.get-started--boxes .card > p:last-child, .container__getstarted .get-started--container section.get-started--boxes .card > .p:last-child {
          margin-bottom: 0; }
        .container__getstarted .get-started--container section.get-started--boxes .card > iframe {
          max-width: 100%; }
        .container__getstarted .get-started--container section.get-started--boxes .card.card-number {
          padding: 1.5rem; }
          .container__getstarted .get-started--container section.get-started--boxes .card.card-number:before {
            position: absolute;
            font-size: 4rem;
            opacity: .05;
            text-align: center;
            right: 1.25rem;
            top: 0;
            display: block; }
            @media (max-width: 959px) {
              .container__getstarted .get-started--container section.get-started--boxes .card.card-number:before {
                font-size: 2rem;
                top: 0.625rem; } }
        .container__getstarted .get-started--container section.get-started--boxes .card.card-01:before {
          content: '01'; }
        .container__getstarted .get-started--container section.get-started--boxes .card.card-02:before {
          content: '02'; }
        .container__getstarted .get-started--container section.get-started--boxes .card.card-03:before {
          content: '03'; }
      .container__getstarted .get-started--container section.get-started--boxes .feature-card {
        background-color: #007FAB;
        border: none; }
        .container__getstarted .get-started--container section.get-started--boxes .feature-card > a {
          -webkit-transition: color 200ms;
          transition: color 200ms; }
          .container__getstarted .get-started--container section.get-started--boxes .feature-card > a:hover {
            color: rgba(255, 255, 255, 0.9);
            border-bottom: 1px solid #FFF;
            -webkit-transition: color 200ms;
            transition: color 200ms; }
        .container__getstarted .get-started--container section.get-started--boxes .feature-card .h4,
        .container__getstarted .get-started--container section.get-started--boxes .feature-card p,
        .container__getstarted .get-started--container section.get-started--boxes .feature-card .p,
        .container__getstarted .get-started--container section.get-started--boxes .feature-card p > a,
        .container__getstarted .get-started--container section.get-started--boxes .feature-card .p > a {
          color: #ffffff; }
        .container__getstarted .get-started--container section.get-started--boxes .feature-card p > a, .container__getstarted .get-started--container section.get-started--boxes .feature-card .p > a {
          font-weight: bold; }
        .container__getstarted .get-started--container section.get-started--boxes .feature-card .h6 {
          color: rgba(255, 255, 255, 0.5); }
      @media (max-width: 959px) {
        .container__getstarted .get-started--container section.get-started--boxes .small-12 {
          padding-left: 0;
          padding-right: 0; } }
  .container__getstarted .get-started--toc {
    float: right;
    background-color: rgba(182, 186, 190, 0.25);
    border: 1px solid #b6babe;
    border-radius: 2px;
    padding: 2.5rem;
    margin: 0px 0px 2.5rem 2.5rem; }
    .container__getstarted .get-started--toc > ul {
      list-style: none;
      padding: 0px;
      margin: 0px; }
      .container__getstarted .get-started--toc > ul > li {
        padding-bottom: 0.625rem; }
        .container__getstarted .get-started--toc > ul > li > h4, .container__getstarted .get-started--toc > ul > li > .h4 {
          margin: 0px;
          padding: 0px; }

pre .gd:after, pre .gd .x:after, pre .gi:after, pre .gi .x:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.code-highlight-pre {
  background: #002731; }

.code-highlight-row.numbered:before {
  color: #586e75;
  background: #073642;
  border-right: 1px solid #00232c;
  -webkit-box-shadow: #083e4b -1px 0 inset;
          box-shadow: #083e4b -1px 0 inset;
  text-shadow: #021014 0 -1px; }

.marked-line .code-highlight-line:before {
  background: rgba(0, 186, 255, 0.13); }
.marked-line.numbered:before {
  background: rgba(0, 186, 255, 0.13);
  border-right-color: rgba(0, 112, 153, 0.13); }

.highlight pre,
pre:not(.code-highlight-pre),
.code-highlight {
  border-radius: .4em;
  color: #93a1a1; }

pre {
  /* Comment */
  /* Comment.Multiline */
  /* Comment.Preproc */
  /* Comment.Single */
  /* Error */
  /* Keyword */
  /* Operator */
  /* Operator */
  /* Operator.Word */
  /* Generic.Heading */
  /* Generic.Output */
  /* Generic.Prompt */
  /* Generic.Strong */
  /* Generic.Subheading */
  /* Generic.Traceback */
  /* Keyword.Constant */
  /* Keyword.Declaration */
  /* Keyword.Pseudo */
  /* Keyword.Reserved */
  /* Keyword.Type */
  /* Name.Attribute */
  /* Name.Builtin */
  /* Name.Class */
  /* Name.Constant */
  /* Name.Entity */
  /* Name.Exception */
  /* Name.Function */
  /* Name.Namespace */
  /* Name.Tag */
  /* Name.Builtin.Pseudo */
  /* Name.Variable.Class */
  /* Name.Variable.Global */
  /* Name.Variable.Instance */
  /* Name.Variable */
  /* Text.Whitespace */
  /* Literal.Number.Float */
  /* Literal.Number */
  /* Literal.Number.Hex */
  /* Literal.Number.Integer */
  /* Literal.Number.Oct */
  /* Literal.String */
  /* Literal.String.Backtick */
  /* Literal.String.Char */
  /* Literal.String.Doc */
  /* Literal.String.Double */
  /* Literal.String.Escape */
  /* Literal.String.Heredoc */
  /* Literal.String.Interpol */
  /* Literal.String.Other */
  /* Literal.String.Regex */
  /* Literal.String.Single */
  /* Literal.String.Symbol */
  /* Literal.Number.Integer.Long */ }
  pre span {
    color: #93a1a1; }
  pre .c {
    color: #586e75;
    font-style: italic; }
  pre .cm {
    color: #586e75;
    font-style: italic; }
  pre .cp {
    color: #586e75;
    font-style: italic; }
  pre .c1 {
    color: #586e75;
    font-style: italic; }
  pre .cs {
    /* Comment.Special */
    color: #586e75;
    font-weight: bold;
    font-style: italic; }
  pre .err {
    color: #dc322f;
    background: none; }
  pre .k {
    color: #cb4b16; }
  pre .o {
    color: #93a1a1;
    font-weight: bold; }
  pre .p {
    color: #93a1a1; }
  pre .ow {
    color: #2aa198;
    font-weight: bold; }
  pre .gd {
    color: #93a1a1;
    /* Generic.Deleted */ }
    pre .gd:after {
      background: #372d34; }
  pre .gd .x {
    /* Generic.Deleted.Specific */
    color: #93a1a1; }
    pre .gd .x:after {
      background: #4d2d34; }
  pre .ge {
    /* Generic.Emph */
    color: #93a1a1;
    font-style: italic; }
  pre .gh {
    color: #586e75; }
  pre .gi {
    /* Generic.Inserted */
    color: #93a1a1; }
    pre .gi:after {
      background: #1b412b; }
  pre .gi .x {
    /* Generic.Inserted.Specific */
    color: #93a1a1; }
    pre .gi .x:after {
      background: #355720; }
  pre .go {
    color: #839496; }
  pre .gp {
    color: #2aa198; }
  pre .gs {
    color: #93a1a1;
    font-weight: bold; }
  pre .gu {
    color: #6c71c4; }
  pre .gt {
    color: #dc322f; }
  pre .kc {
    color: #859900;
    font-weight: bold; }
  pre .kd {
    color: #268bd2; }
  pre .kp {
    color: #cb4b16;
    font-weight: bold; }
  pre .kr {
    color: #d33682;
    font-weight: bold; }
  pre .kt {
    color: #2aa198; }
  pre .n {
    color: #268bd2; }
  pre .na {
    color: #268bd2; }
  pre .nb {
    color: #859900; }
  pre .nc {
    color: #d33682; }
  pre .no {
    color: #b58900; }
  pre .ni {
    color: #d33682; }
  pre .nl {
    color: #859900; }
  pre .ne {
    color: #268bd2;
    font-weight: bold; }
  pre .nf {
    color: #268bd2;
    font-weight: bold; }
  pre .nn {
    color: #b58900; }
  pre .nt {
    color: #268bd2;
    font-weight: bold; }
  pre .nx {
    color: #b58900; }
  pre .bp {
    color: #93a1a1; }
  pre .vc {
    color: #859900; }
  pre .vg {
    color: #268bd2; }
  pre .vi {
    color: #268bd2; }
  pre .nv {
    color: #268bd2; }
  pre .w {
    color: #657b83; }
  pre .mf {
    color: #2aa198; }
  pre .m {
    color: #2aa198; }
  pre .mh {
    color: #2aa198; }
  pre .mi {
    color: #2aa198; }
  pre .mo {
    color: #2aa198; }
  pre .s {
    color: #2aa198; }
  pre .sb {
    color: #859900; }
  pre .sc {
    color: #859900; }
  pre .sd {
    color: #2aa198; }
  pre .s2 {
    color: #2aa198; }
  pre .se {
    color: #dc322f; }
  pre .sh {
    color: #859900; }
  pre .si {
    color: #268bd2; }
  pre .sx {
    color: #859900; }
  pre .sr {
    color: #2aa198; }
  pre .s1 {
    color: #2aa198; }
  pre .ss {
    color: #cb4b16; }
  pre .il {
    color: #b58900; }

code,
kbd,
samp,
tt {
  color: inherit;
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-family: "Source Code Pro", Inconsolata-dz, Inconsolata, Menlo, Monaco, Consolas, "Liberation Mono", Courier, monospace;
  border-radius: 3px; }
  code:before, code:after,
  kbd:before,
  kbd:after,
  samp:before,
  samp:after,
  tt:before,
  tt:after {
    content: "\00a0";
    letter-spacing: -0.2em; }

pre code {
  border: none;
  background: none;
  border-raidus: 0;
  font-size: inherit; }
  pre code:before, pre code:after {
    content: none; }

pre, pre code {
  font-size: 14px;
  line-height: 1.45em;
  font-family: "Source Code Pro", Consolas, "Liberation Mono", Courier, monospace; }
  pre *, pre code * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

.highlight pre,
pre:not(.code-highlight-pre),
.code-highlight {
  overflow: scroll;
  overflow-y: hidden;
  overflow-x: auto;
  line-height: 1.45em;
  font-size: .9em; }
  .highlight pre span,
  pre:not(.code-highlight-pre) span,
  .code-highlight span {
    font-style: normal;
    font-weight: bold; }

.code-highlight-figure {
  margin: 1.8em 0;
  background: none;
  padding: 0;
  border: 0; }
  .code-highlight-figure * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .code-highlight-figure pre {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: none; }

.code-highlight-caption {
  position: relative;
  font-size: .9em;
  text-align: center;
  line-height: 2em;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  color: #474747;
  font-weight: bold;
  margin-bottom: 0;
  background-color: #ccc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(6%, #f0f0f0), color-stop(90%, #e5e5e5), to(#e5e5e5));
  background-image: linear-gradient(#ffffff, #f0f0f0 6%, #e5e5e5 90%, #e5e5e5);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: "Source Code Pro", Consolas, "Liberation Mono", Courier, monospace;
  border: 1px solid #cbcbcb; }
  .code-highlight-caption + .code-highlight {
    border-top: 0;
    border-radius: 0 0 .4em .4em; }

.code-highlight-caption-link {
  position: absolute;
  right: .8em;
  color: #666;
  z-index: 1;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  padding-left: 3em; }

.highlight pre,
pre:not(.code-highlight-pre) {
  padding: 1em .8rem;
  border-radius: .4em;
  margin: 1.8em 0;
  border: none; }

.code-highlight-pre {
  font-weight: bold;
  width: 100%;
  margin-bottom: 0;
  display: table; }

.code-highlight-row {
  display: table-row;
  width: 100%; }
  .code-highlight-row:before, .code-highlight-row .code-highlight-line {
    padding-left: 1.6em;
    padding-right: 1.6em; }
  .code-highlight-row:first-child:before, .code-highlight-row:first-child .code-highlight-line {
    padding-top: 0.8em; }
  .code-highlight-row:last-child:before, .code-highlight-row:last-child .code-highlight-line {
    padding-bottom: 0.8em; }
  .code-highlight-row.numbered:before, .code-highlight-row.numbered .code-highlight-line {
    padding-left: 0.8em;
    padding-right: 0.8em; }
  .code-highlight-row.numbered:before {
    display: table-cell;
    content: attr(data-line);
    min-width: 1.2em;
    text-align: right;
    line-height: 1.45em; }

.command {
  color: #72d568; }

.code-highlight-line {
  display: table-cell;
  width: 100%;
  position: relative;
  z-index: 1; }

.marked-line {
  position: relative; }
  .marked-line .code-highlight-line:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-right: 1px solid rgba(0, 186, 255, 0.13); }
  .marked-line.unnumbered .code-highlight-line:before {
    border-left: 3px solid rgba(0, 186, 255, 0.5); }
  .marked-line.numbered:before {
    border-left: 3px solid rgba(0, 186, 255, 0.5); }

.start-marked-line:before, .start-marked-line .code-highlight-line:before {
  border-top: 1px solid rgba(0, 186, 255, 0.13); }

.end-marked-line:before, .end-marked-line .code-highlight-line:before {
  border-bottom: 1px solid rgba(0, 186, 255, 0.13); }