/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,700");
/* line 8, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
/* line 18, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
/* line 31, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
/* line 50, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
/* line 61, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 70, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
/* line 79, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
/* line 92, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
/* line 102, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 115, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
/* line 125, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 134, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
/* line 143, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 152, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
/* line 161, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
/* line 170, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 179, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 187, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
sub {
  bottom: -0.25em;
}

/* line 191, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
/* line 202, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
/* line 210, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 222, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
/* line 234, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 243, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 257, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
/* line 269, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 278, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 288, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
/* line 299, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 310, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 322, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
/* line 333, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 346, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
/* line 359, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
/* line 368, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 378, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 388, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
/* line 397, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
/* line 406, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 416, /usr/local/bundle/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* line 4, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_box-sizing.scss */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 9, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_box-sizing.scss */
*, *::after, *::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/* line 4, /xcolor/app/assets/stylesheets/base/_buttons.scss */
button, [type='button'], [type='reset'], [type='submit'], .button, .button--danger, .button--outline, .coming-soon {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #00aeef;
  border: 1px solid #00aeef;
  border-radius: 3px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Quicksand", -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease, border-color 0.2s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
/* line 25, /xcolor/app/assets/stylesheets/base/_buttons.scss */
button:hover, [type='button']:hover, [type='reset']:hover, [type='submit']:hover, .button:hover, .button--danger:hover, .button--outline:hover, .coming-soon:hover {
  background-color: #008bbf;
  border: 1px solid #008bbf;
  color: #ffffff;
}
/* line 31, /xcolor/app/assets/stylesheets/base/_buttons.scss */
button:focus, [type='button']:focus, [type='reset']:focus, [type='submit']:focus, .button:focus, .button--danger:focus, .button--outline:focus, .coming-soon:focus {
  outline: 3px solid rgba(0, 174, 239, 0.6);
  outline-offset: 2px;
}
/* line 36, /xcolor/app/assets/stylesheets/base/_buttons.scss */
button:disabled, button.disabled, button.coming-soon, [type='button']:disabled, [type='button'].disabled, [type='button'].coming-soon, [type='reset']:disabled, [type='reset'].disabled, [type='reset'].coming-soon, [type='submit']:disabled, [type='submit'].disabled, [type='submit'].coming-soon, .button:disabled, .button--danger:disabled, .button--outline:disabled, .coming-soon:disabled, .button.disabled, .disabled.button--danger, .disabled.button--outline, .coming-soon {
  cursor: not-allowed;
  opacity: 0.6;
}
/* line 40, /xcolor/app/assets/stylesheets/base/_buttons.scss */
button:disabled:hover, button.disabled:hover, button.coming-soon:hover, [type='button']:disabled:hover, [type='button'].disabled:hover, [type='button'].coming-soon:hover, [type='reset']:disabled:hover, [type='reset'].disabled:hover, [type='reset'].coming-soon:hover, [type='submit']:disabled:hover, [type='submit'].disabled:hover, [type='submit'].coming-soon:hover, .button:disabled:hover, .button--danger:disabled:hover, .button--outline:disabled:hover, .coming-soon:disabled:hover, .button.disabled:hover, .disabled.button--danger:hover, .disabled.button--outline:hover, .coming-soon:hover {
  background-color: #00aeef;
}

/* line 46, /xcolor/app/assets/stylesheets/base/_buttons.scss */
.button--danger {
  border-color: #d9343e;
  background-color: #d9343e;
}
/* line 51, /xcolor/app/assets/stylesheets/base/_buttons.scss */
.button--danger:hover, .button--danger:disabled:hover {
  border-color: #ae2a32;
  background-color: #ae2a32;
}

/* line 57, /xcolor/app/assets/stylesheets/base/_buttons.scss */
.button--outline {
  border-width: 2px;
  border-color: #e3e3e3;
  background: none;
  color: #333;
}
/* line 64, /xcolor/app/assets/stylesheets/base/_buttons.scss */
.button--outline:hover {
  border: 2px solid #333;
  color: #333;
  background: none;
}

/* line 71, /xcolor/app/assets/stylesheets/base/_buttons.scss */
.button--small {
  font-size: 12px;
}

/* line 75, /xcolor/app/assets/stylesheets/base/_buttons.scss */
.button--large-font {
  font-size: 18px;
}

/* line 6, /xcolor/app/assets/stylesheets/base/_forms.scss */
.form--inline .input {
  display: inline-block;
  vertical-align: top;
}
/* line 11, /xcolor/app/assets/stylesheets/base/_forms.scss */
.form--inline input {
  margin-bottom: 0;
}

/* line 17, /xcolor/app/assets/stylesheets/base/_forms.scss */
fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 24, /xcolor/app/assets/stylesheets/base/_forms.scss */
legend {
  font-weight: 600;
  margin-bottom: 0.375em;
  padding: 0;
}

/* line 30, /xcolor/app/assets/stylesheets/base/_forms.scss */
label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375em;
}

/* line 36, /xcolor/app/assets/stylesheets/base/_forms.scss */
.input {
  position: relative;
}
/* line 39, /xcolor/app/assets/stylesheets/base/_forms.scss */
.input.select:after {
  content: "";
  display: block;
  position: absolute;
  margin-top: -2.2em;
  right: 0.8em;
  width: 0;
  height: 0;
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  border-top: 0.4em solid #999;
  border-bottom: none;
  pointer-events: none;
}

/* line 55, /xcolor/app/assets/stylesheets/base/_forms.scss */
input,
select,
textarea {
  display: block;
  font-family: "Quicksand", -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 16px;
}

/* line 63, /xcolor/app/assets/stylesheets/base/_forms.scss */
[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea, select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0.75em;
  padding: 0.5em;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  width: 100%;
}
/* line 75, /xcolor/app/assets/stylesheets/base/_forms.scss */
[type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover, select:hover {
  border-color: #b6b6b6;
}
/* line 79, /xcolor/app/assets/stylesheets/base/_forms.scss */
[type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus, select:focus {
  border-color: #00aeef;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 174, 239, 0.7);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 174, 239, 0.7);
  outline: none;
}
/* line 85, /xcolor/app/assets/stylesheets/base/_forms.scss */
[type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled, select:disabled {
  background-color: #f2f2f2;
  cursor: not-allowed;
}
/* line 89, /xcolor/app/assets/stylesheets/base/_forms.scss */
[type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover, select:disabled:hover {
  border: 1px solid #e3e3e3;
}
/* line 94, /xcolor/app/assets/stylesheets/base/_forms.scss */
[type='color']::-webkit-input-placeholder, [type='date']::-webkit-input-placeholder, [type='datetime']::-webkit-input-placeholder, [type='datetime-local']::-webkit-input-placeholder, [type='email']::-webkit-input-placeholder, [type='month']::-webkit-input-placeholder, [type='number']::-webkit-input-placeholder, [type='password']::-webkit-input-placeholder, [type='search']::-webkit-input-placeholder, [type='tel']::-webkit-input-placeholder, [type='text']::-webkit-input-placeholder, [type='time']::-webkit-input-placeholder, [type='url']::-webkit-input-placeholder, [type='week']::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  color: #858585;
}
[type='color']:-ms-input-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='email']:-ms-input-placeholder, [type='month']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='search']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder, [type='text']:-ms-input-placeholder, [type='time']:-ms-input-placeholder, [type='url']:-ms-input-placeholder, [type='week']:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
  color: #858585;
}
[type='color']::-ms-input-placeholder, [type='date']::-ms-input-placeholder, [type='datetime']::-ms-input-placeholder, [type='datetime-local']::-ms-input-placeholder, [type='email']::-ms-input-placeholder, [type='month']::-ms-input-placeholder, [type='number']::-ms-input-placeholder, [type='password']::-ms-input-placeholder, [type='search']::-ms-input-placeholder, [type='tel']::-ms-input-placeholder, [type='text']::-ms-input-placeholder, [type='time']::-ms-input-placeholder, [type='url']::-ms-input-placeholder, [type='week']::-ms-input-placeholder, input:not([type])::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
  color: #858585;
}
[type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder, select::placeholder {
  color: #858585;
}

/* line 99, /xcolor/app/assets/stylesheets/base/_forms.scss */
textarea {
  resize: vertical;
}

/* line 103, /xcolor/app/assets/stylesheets/base/_forms.scss */
[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375em;
}

/* line 109, /xcolor/app/assets/stylesheets/base/_forms.scss */
[type="file"] {
  margin-bottom: 0.75em;
  width: 100%;
}

/* line 114, /xcolor/app/assets/stylesheets/base/_forms.scss */
select {
  padding-right: 2em;
  margin-bottom: 0.75em;
  width: 100%;
}
/* line 119, /xcolor/app/assets/stylesheets/base/_forms.scss */
select:invalid {
  color: #c2c2c2;
}

/* line 127, /xcolor/app/assets/stylesheets/base/_forms.scss */
[type="checkbox"]:focus,
[type="radio"]:focus,
[type="file"]:focus {
  outline: 3px solid rgba(0, 174, 239, 0.6);
  outline-offset: 2px;
}

/* line 134, /xcolor/app/assets/stylesheets/base/_forms.scss */
.combobox__options {
  margin-top: -0.75em;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafa;
  border: 1px solid #e3e3e3;
  width: 100%;
  max-height: 19.2em;
  overflow: scroll;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0s linear 0.3s;
  transition: opacity 0.3s, visibility 0s linear 0.3s;
}
/* line 147, /xcolor/app/assets/stylesheets/base/_forms.scss */
.combobox__options.focused {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
/* line 153, /xcolor/app/assets/stylesheets/base/_forms.scss */
.combobox__options > li {
  cursor: pointer;
  padding: 0 0.75em;
  line-height: 2.4;
}
/* line 158, /xcolor/app/assets/stylesheets/base/_forms.scss */
.combobox__options > li:hover, .combobox__options > li.focused {
  background: #e3e3e3;
}

/* line 166, /xcolor/app/assets/stylesheets/base/_forms.scss */
.field_with_errors input {
  border: 1px solid red;
}
/* line 170, /xcolor/app/assets/stylesheets/base/_forms.scss */
.field_with_errors .error {
  color: red;
  position: relative;
  top: -10px;
}

/* line 1, /xcolor/app/assets/stylesheets/base/_layout.scss */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 5, /xcolor/app/assets/stylesheets/base/_layout.scss */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/* line 11, /xcolor/app/assets/stylesheets/base/_layout.scss */
html,
body {
  min-height: 100%;
}

/* line 16, /xcolor/app/assets/stylesheets/base/_layout.scss */
body {
  margin: 0;
  width: 100%;
  position: absolute;
}
/* line 21, /xcolor/app/assets/stylesheets/base/_layout.scss */
body.internal {
  background-color: #f7f7f7;
}

/* line 26, /xcolor/app/assets/stylesheets/base/_layout.scss */
.hidden {
  display: none;
}

/* line 30, /xcolor/app/assets/stylesheets/base/_layout.scss */
.underline {
  text-decoration: underline;
}

/* line 34, /xcolor/app/assets/stylesheets/base/_layout.scss */
main[role="application"] {
  padding: 1.5em 0 250px;
}

/* line 38, /xcolor/app/assets/stylesheets/base/_layout.scss */
.not_available {
  text-decoration: line-through;
  color: rgba(51, 51, 51, 0.6);
}

/* line 43, /xcolor/app/assets/stylesheets/base/_layout.scss */
.container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
/* line 20, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/mixins/_clearfix.scss */
.container::after {
  clear: both;
  content: "";
  display: block;
}

/* line 47, /xcolor/app/assets/stylesheets/base/_layout.scss */
.logo {
  font-size: 1.4em;
}
/* line 50, /xcolor/app/assets/stylesheets/base/_layout.scss */
.logo a {
  text-decoration: none;
  border-bottom: none;
}
/* line 55, /xcolor/app/assets/stylesheets/base/_layout.scss */
.logo:focus {
  outline: none;
}

/* line 60, /xcolor/app/assets/stylesheets/base/_layout.scss */
hr {
  border-bottom: 1px solid #e3e3e3;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0;
}

/* line 69, /xcolor/app/assets/stylesheets/base/_layout.scss */
.page--internal {
  padding: 3em 0;
}

/* line 74, /xcolor/app/assets/stylesheets/base/_layout.scss */
.bottom-spacing {
  margin-bottom: 1.5em;
}

/* line 78, /xcolor/app/assets/stylesheets/base/_layout.scss */
.double-bottom-spacing {
  margin-bottom: 3em;
}

/* line 1, /xcolor/app/assets/stylesheets/base/_header.scss */
header {
  padding: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 5;
}

/* line 10, /xcolor/app/assets/stylesheets/base/_header.scss */
.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: white;
}

/* line 18, /xcolor/app/assets/stylesheets/base/_header.scss */
.logo {
  min-width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: none;
  color: #333;
}
/* line 27, /xcolor/app/assets/stylesheets/base/_header.scss */
.logo:hover {
  border: none;
  color: #333;
}
/* line 32, /xcolor/app/assets/stylesheets/base/_header.scss */
.logo img {
  margin-right: 5px;
  width: 40px;
  height: 40px;
}

/* line 40, /xcolor/app/assets/stylesheets/base/_header.scss */
.commercial-nav ul {
  display: inline-block;
}
/* line 43, /xcolor/app/assets/stylesheets/base/_header.scss */
.commercial-nav ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3em;
}
/* line 48, /xcolor/app/assets/stylesheets/base/_header.scss */
.commercial-nav ul li > a {
  border-color: #ffffff;
  text-transform: uppercase;
  color: #5f524c;
}
/* line 53, /xcolor/app/assets/stylesheets/base/_header.scss */
.commercial-nav ul li > a:hover {
  border-bottom: 1px solid #5f524c;
}
/* line 59, /xcolor/app/assets/stylesheets/base/_header.scss */
.commercial-nav ul form input {
  margin-bottom: 0;
  line-height: 2;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* line 66, /xcolor/app/assets/stylesheets/base/_header.scss */
.commercial-nav ul form input[type="email"] {
  width: 200px;
}

/* line 72, /xcolor/app/assets/stylesheets/base/_header.scss */
header.header--internal {
  position: relative;
  background: #222c35;
  color: #ebeced;
  display: block;
}
/* line 78, /xcolor/app/assets/stylesheets/base/_header.scss */
header.header--internal:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 5px;
  bottom: -5px;
  background: -webkit-gradient(linear, left top, right top, color-stop(16%, #00aeef), color-stop(50%, #f7057f), color-stop(84%, #ffc002));
  background: linear-gradient(to right, #00aeef 16%, #f7057f 50%, #ffc002 84%);
}
/* line 88, /xcolor/app/assets/stylesheets/base/_header.scss */
header.header--internal a {
  color: #ebeced;
  border: none;
}
/* line 94, /xcolor/app/assets/stylesheets/base/_header.scss */
header.header--internal nav ul {
  margin-top: 3em;
}
/* line 97, /xcolor/app/assets/stylesheets/base/_header.scss */
header.header--internal nav ul li {
  text-transform: uppercase;
  display: inline-block;
  margin: 0 0.75em;
}
/* line 102, /xcolor/app/assets/stylesheets/base/_header.scss */
header.header--internal nav ul li:first-child {
  margin-left: 0;
}

/* line 110, /xcolor/app/assets/stylesheets/base/_header.scss */
.no-account-yet {
  visibility: hidden;
}

/* line 114, /xcolor/app/assets/stylesheets/base/_header.scss */
.sessions .no-account-yet {
  visibility: visible;
}

/* line 1, /xcolor/app/assets/stylesheets/base/_lists.scss */
ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 8, /xcolor/app/assets/stylesheets/base/_lists.scss */
dl {
  margin: 0;
}

/* line 12, /xcolor/app/assets/stylesheets/base/_lists.scss */
dt {
  font-weight: 600;
  margin: 0;
}

/* line 17, /xcolor/app/assets/stylesheets/base/_lists.scss */
dd {
  margin: 0;
}

/* line 1, /xcolor/app/assets/stylesheets/base/_media.scss */
figure {
  margin: 0;
}

/* line 5, /xcolor/app/assets/stylesheets/base/_media.scss */
img,
picture {
  margin: 0;
  max-width: 100%;
}

/* line 1, /xcolor/app/assets/stylesheets/base/_tables.scss */
table {
  border-collapse: collapse;
  margin: 1.5em 0;
  table-layout: fixed;
  text-align: left;
  width: 100%;
}

/* line 9, /xcolor/app/assets/stylesheets/base/_tables.scss */
thead {
  line-height: 1.2;
  vertical-align: bottom;
}

/* line 14, /xcolor/app/assets/stylesheets/base/_tables.scss */
tbody {
  vertical-align: top;
}

/* line 18, /xcolor/app/assets/stylesheets/base/_tables.scss */
tr {
  border-bottom: 1px solid #e3e3e3;
}

/* line 22, /xcolor/app/assets/stylesheets/base/_tables.scss */
th {
  font-weight: 600;
}

/* line 26, /xcolor/app/assets/stylesheets/base/_tables.scss */
th,
td {
  padding: 0.75em 0.75em 0.75em 0;
}

/* line 3, /xcolor/app/assets/stylesheets/base/_typography.scss */
html {
  color: #333;
  font-family: "Quicksand", -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 100%;
  line-height: 1.5;
}

/* line 10, /xcolor/app/assets/stylesheets/base/_typography.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Quicksand", -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 1.25em;
  line-height: 1.2;
  margin: 0 0 0.75em;
}

/* line 22, /xcolor/app/assets/stylesheets/base/_typography.scss */
h3, h2, h1 {
  font-weight: normal;
}

/* line 26, /xcolor/app/assets/stylesheets/base/_typography.scss */
h5 {
  font-size: 1em;
}

/* line 30, /xcolor/app/assets/stylesheets/base/_typography.scss */
h3 {
  font-size: 1.5625em;
}

/* line 34, /xcolor/app/assets/stylesheets/base/_typography.scss */
h2 {
  font-size: 1.953125em;
}

/* line 38, /xcolor/app/assets/stylesheets/base/_typography.scss */
h1 {
  font-size: 2.44140625em;
}

/* line 42, /xcolor/app/assets/stylesheets/base/_typography.scss */
p {
  margin: 0 0 0.75em;
}

/* line 46, /xcolor/app/assets/stylesheets/base/_typography.scss */
a {
  color: #00aeef;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
  -webkit-transition: color 0.2s ease, border-bottom 0.2s ease;
  transition: color 0.2s ease, border-bottom 0.2s ease;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 174, 239, 0.3);
}
/* line 53, /xcolor/app/assets/stylesheets/base/_typography.scss */
a:hover {
  color: #009bd6;
  border-bottom: 1px solid #00aeef;
}
/* line 58, /xcolor/app/assets/stylesheets/base/_typography.scss */
a:focus {
  outline: 3px solid rgba(0, 174, 239, 0.6);
  outline-offset: 2px;
}
/* line 63, /xcolor/app/assets/stylesheets/base/_typography.scss */
a.link--disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* line 69, /xcolor/app/assets/stylesheets/base/_typography.scss */
hr {
  border-bottom: 1px solid #e3e3e3;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0;
}

@font-face {
  font-family: 'xcolor_icons';
  src: url(/assets/xcolor_icons-a16b34d5be9a33a684005ddb94d950147c8b07c7bfa1a3cfce5acda634a67ebf.eot?k91k9m);
  src: url(/assets/xcolor_icons-a16b34d5be9a33a684005ddb94d950147c8b07c7bfa1a3cfce5acda634a67ebf.eot?k91k9m#iefix) format("embedded-opentype"), url(/assets/xcolor_icons-4a3cef37a659999ba8061a34b03bb86e5edfe6d2db5d95daa9c0fa3b620b17b8.ttf?k91k9m) format("truetype"), url(/assets/xcolor_icons-b4a409d449a59fc6c3db6a54be93ce9ef6133f7b92982b63082076ef30c22883.woff?k91k9m) format("woff"), url(/assets/xcolor_icons-6c8fcf1dc79da39adb3456c89d7d3dd06acd3dd49ca0a15c058a43c864d8c738.svg?k91k9m#xcolor_icons) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 12, /xcolor/app/assets/stylesheets/base/_icons.scss */
[class^="icon--"], [class*=" icon--"] {
  font-family: 'xcolor_icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 26, /xcolor/app/assets/stylesheets/base/_icons.scss */
.icon--medium:before {
  content: "\e900";
}

/* line 30, /xcolor/app/assets/stylesheets/base/_icons.scss */
.icon--twitter:before {
  content: "\ea96";
}

/* line 34, /xcolor/app/assets/stylesheets/base/_icons.scss */
.icon--linkedin:before {
  content: "\eac9";
}

/* line 38, /xcolor/app/assets/stylesheets/base/_icons.scss */
.icon--star:before {
  content: "\f005";
}

/* line 42, /xcolor/app/assets/stylesheets/base/_icons.scss */
.icon--star-empty:before {
  content: "\f006";
}

/* line 46, /xcolor/app/assets/stylesheets/base/_icons.scss */
.icon--facebook:before {
  content: "\f230";
}

/* line 50, /xcolor/app/assets/stylesheets/base/_icons.scss */
.icon--dropbox:before {
  content: "\eaae";
  color: #007ee5;
}

@-webkit-keyframes flash {
  0% {
    max-height: 0;
    opacity: 0;
    padding: 0 1.5em;
  }
  10% {
    max-height: 300px;
    padding: 1.5em;
    opacity: 1;
  }
  90% {
    max-height: 300px;
    padding: 1.5em;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0 1.5em;
    opacity: 0;
  }
}

@keyframes flash {
  0% {
    max-height: 0;
    opacity: 0;
    padding: 0 1.5em;
  }
  10% {
    max-height: 300px;
    padding: 1.5em;
    opacity: 1;
  }
  90% {
    max-height: 300px;
    padding: 1.5em;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0 1.5em;
    opacity: 0;
  }
}
/* line 27, /xcolor/app/assets/stylesheets/base/_flashes.scss */
.flashes {
  position: absolute;
  margin-top: 88px;
  width: 100%;
  z-index: 2;
  max-width: none;
}

/* line 35, /xcolor/app/assets/stylesheets/base/_flashes.scss */
.flash--success, .flash--notice, .flash--error {
  position: relative;
  overflow: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation: flash 5s;
          animation: flash 5s;
  max-height: 0;
  opacity: 0;
  padding: 0;
}
/* line 45, /xcolor/app/assets/stylesheets/base/_flashes.scss */
.flash--success > img, .flash--notice > img, .flash--error > img {
  display: none;
}
/* line 49, /xcolor/app/assets/stylesheets/base/_flashes.scss */
.flash--success > p, .flash--notice > p, .flash--error > p {
  margin: 0;
}

/* line 54, /xcolor/app/assets/stylesheets/base/_flashes.scss */
.flash--success {
  color: #27b491;
  border: 1px solid;
  background: rgba(39, 180, 145, 0.1);
}

/* line 61, /xcolor/app/assets/stylesheets/base/_flashes.scss */
.flash--notice {
  color: #00aeef;
  border: 1px solid;
  background: rgba(0, 174, 239, 0.1);
}

/* line 68, /xcolor/app/assets/stylesheets/base/_flashes.scss */
.flash--error {
  border: 1px solid;
  background: rgba(217, 52, 62, 0.1);
  color: #d9343e;
  -webkit-animation: flash 7s;
          animation: flash 7s;
}

@media only screen and (max-device-width: 736px) {
  /* line 3, /xcolor/app/assets/stylesheets/base/_responsive.scss */
  .logo > span {
    display: none;
  }

  /* line 8, /xcolor/app/assets/stylesheets/base/_responsive.scss */
  header {
    padding: 0.5em;
  }
  /* line 11, /xcolor/app/assets/stylesheets/base/_responsive.scss */
  header.sticky {
    position: relative;
  }

  /* line 16, /xcolor/app/assets/stylesheets/base/_responsive.scss */
  nav[role="nav"] ul li {
    margin: 10px 10px;
    font-size: 12px;
    margin-right: 1em;
  }

  /* line 22, /xcolor/app/assets/stylesheets/base/_responsive.scss */
  .container {
    width: 100%;
    padding: 0 1em;
  }
}
@media only screen and (min-device-width: 737px) and (max-device-width: 1220px) {
  /* line 29, /xcolor/app/assets/stylesheets/base/_responsive.scss */
  .container {
    width: 100%;
    padding: 0 1em;
  }

  /* line 34, /xcolor/app/assets/stylesheets/base/_responsive.scss */
  nav[role="nav"] {
    text-align: right;
  }
  /* line 37, /xcolor/app/assets/stylesheets/base/_responsive.scss */
  nav[role="nav"] ul li {
    margin-right: 1.5em;
    margin-bottom: 0.2em;
  }
}
/* line 1, /xcolor/app/assets/stylesheets/commercial/_quick_registration.scss */
.quick-start-registration input {
  display: inline;
  font-size: 0.75em;
  width: 150px;
}

/* line 7, /xcolor/app/assets/stylesheets/commercial/_quick_registration.scss */
.quick-start-registration input[type="submit"] {
  margin-top: -2px;
  width: 100px;
}

/* line 12, /xcolor/app/assets/stylesheets/commercial/_quick_registration.scss */
.quick-start-registration .button, .quick-start-registration .button--danger, .quick-start-registration .button--outline, .quick-start-registration .coming-soon {
  padding: 1.5em;
}

/* line 1, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.hint {
  font-size: 0.75em;
}

/* line 12, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.overview {
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-top: -65px;
  padding: 6em 0;
  padding-top: 240px;
  text-align: center;
}
/* line 19, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.overview .header {
  margin-bottom: 1.5em;
}
/* line 22, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.overview ul li {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 31.7615653177%;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.overview ul li:last-child {
  margin-right: 0;
}
/* line 25, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.overview ul li a {
  color: #00aeef;
}
/* line 30, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.overview:before {
  content: "";
  top: 0;
  background: #ffffff;
  position: absolute;
  width: 1000vw;
  height: 1000vw;
  border-radius: 500vw;
  left: -450vw;
}
/* line 38, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.overview .container {
  z-index: 2;
  position: relative;
}

/* line 44, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
#pricing {
  padding-top: 6em;
  padding-bottom: 10em;
  background: #222c35 url(/assets/commercial/pricing-703ce845278b7de1b9775cfaa659d9720b5e94b2ce28b282ee33043b484855cd.jpg) center top no-repeat;
  background-size: contain;
  color: #ebeced;
}
/* line 51, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
#pricing .intro {
  padding: 1.5em 0;
  margin: 0 auto;
  text-align: center;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
/* line 58, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
#pricing .coming-soon, #pricing .start-trial {
  position: absolute;
  bottom: 1.5em;
  left: 1.5em;
  right: 1.5em;
}
/* line 65, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
#pricing .pricing-options {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* line 20, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/mixins/_clearfix.scss */
#pricing .pricing-options::after {
  clear: both;
  content: "";
  display: block;
}
/* line 69, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
#pricing .pricing-options .cyan, #pricing .pricing-options .magenta, #pricing .pricing-options .full-spectrum {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 31.7615653177%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
  color: #333;
  -webkit-box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.2);
          box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.2);
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
#pricing .pricing-options .cyan:last-child, #pricing .pricing-options .magenta:last-child, #pricing .pricing-options .full-spectrum:last-child {
  margin-right: 0;
}
/* line 80, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
#pricing .pricing-options .cyan h4, #pricing .pricing-options .magenta h4, #pricing .pricing-options .full-spectrum h4 {
  text-align: center;
  line-height: 2;
}
/* line 85, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
#pricing .pricing-options .cyan .pricing-option__body, #pricing .pricing-options .magenta .pricing-option__body, #pricing .pricing-options .full-spectrum .pricing-option__body {
  padding: 0 3em 4.5em 3em;
}
/* line 89, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
#pricing .pricing-options .cyan .button, #pricing .pricing-options .cyan .button--danger, #pricing .pricing-options .cyan .button--outline, #pricing .pricing-options .cyan .coming-soon, #pricing .pricing-options .magenta .button, #pricing .pricing-options .magenta .button--danger, #pricing .pricing-options .magenta .button--outline, #pricing .pricing-options .magenta .coming-soon, #pricing .pricing-options .full-spectrum .button, #pricing .pricing-options .full-spectrum .button--danger, #pricing .pricing-options .full-spectrum .button--outline, #pricing .pricing-options .full-spectrum .coming-soon {
  text-align: center;
}
/* line 94, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
#pricing .pricing-options .included-in-plan {
  padding: 0.75em 0;
  margin-bottom: 1.5em;
  text-align: center;
}
/* line 100, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
#pricing .pricing-options .price-tag {
  padding: 0.75em 0;
  text-decoration: underline;
  font-weight: 700;
  text-align: center;
}
/* line 108, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
#pricing .call-to-action {
  padding: 3em 0;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  text-align: center;
}
/* line 112, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
#pricing .call-to-action a {
  color: #ebeced;
}
/* line 117, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
#pricing .cyan h4 {
  padding: 0.75em 0;
  background-color: #00aeef;
  color: #ebeced;
}
/* line 123, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
#pricing .magenta h4 {
  padding: 0.75em 0;
  background-color: #ed008c;
  color: #ebeced;
}
/* line 129, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
#pricing .full-spectrum h4 {
  padding: 0.75em 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#00adef), color-stop(35%, #397edb), color-stop(53%, #6d54ca), to(#e1009e));
  background-image: linear-gradient(to right, #00adef 0%, #397edb 35%, #6d54ca 53%, #e1009e 100%);
  color: #ebeced;
}

/* line 138, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
_::-webkit-full-page-media .pricing-options .cyan, _::-webkit-full-page-media .pricing-options .magenta, _::-webkit-full-page-media .pricing-options .full-spectrum, _:future .pricing-options .cyan, _:future .pricing-options .magenta, _:future .pricing-options .full-spectrum, :root #pricing .pricing-options .cyan, :root #pricing .pricing-options .magenta, :root #pricing .pricing-options .full-spectrum {
  background: rgba(255, 255, 255, 0.8);
}

/* line 145, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 2.5;
  background-color: #222c35;
  color: #ebeced;
  font-size: 0.825em;
}
/* line 154, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
footer a:not([href^="mailto"]) {
  border-bottom: none;
}
/* line 158, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
footer a {
  color: #ebeced;
}
/* line 162, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
footer .container {
  position: relative;
  padding-top: 3em;
  padding-bottom: 3em;
  height: 250px;
}
/* line 167, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
footer .container > div {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 31.7615653177%;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
footer .container > div:last-child {
  margin-right: 0;
}
/* line 170, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
footer .container > div:last-child {
  text-align: right;
}
/* line 176, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
footer .footer__copyright {
  position: absolute;
  bottom: 0.75em;
}
/* line 181, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
footer .footer__social {
  font-size: 1.6em;
  position: absolute;
  bottom: 0.75em;
  right: 0;
}
/* line 187, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
footer .footer__social > li {
  display: inline-block;
  margin: 0 0.25em;
}
/* line 193, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
footer h6 {
  margin-bottom: 0.5em;
}
/* line 197, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
footer .logo {
  display: inline-block;
  width: 60px;
  font-weight: normal;
}
/* line 202, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
footer .logo > img {
  width: 60px;
  height: 60px;
  display: block;
  margin: none;
}
/* line 209, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
footer .logo > span {
  display: none;
}

/* line 215, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.center-align {
  text-align: center;
}

/* line 217, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.coming-soon {
  margin-bottom: 0;
}

/* line 223, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.masthead {
  padding: 12em 0;
  text-align: center;
}
/* line 227, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.masthead h1 {
  font-size: 3.8146972656em;
}
/* line 231, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.masthead--home {
  background-image: url(/assets/commercial/masthead-ce1c1d764125d3b2c243e2db3354468e26922b503aa514f1e1fe89425c4e0f51.jpg);
  color: #ebeced;
  background-size: cover;
  padding-bottom: 0;
}
/* line 237, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.masthead--home .commercial__video {
  margin-top: 6em;
}
/* line 242, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.masthead--faq {
  background-image: url(/assets/commercial/masthead2-08c26d332c2b4ae8e46fad8e606230ceaf5752add53c8b7ab226a36e1600a763.jpg);
  padding-bottom: 7em;
  background-size: cover;
  margin-bottom: 10em;
}

/* line 250, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.commercial__video {
  position: relative;
  z-index: 2;
  display: inline-block;
  overflow: hidden;
  line-height: 0;
  border-radius: 7px;
  margin-top: 1.5em;
}

/* line 261, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
figure {
  padding: 3em 0;
}

/* line 265, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.align {
  padding: 4.5em 0;
}

/* line 269, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.consistent-color-section {
  margin-bottom: 3em;
}
/* line 272, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.consistent-color-section .illustration {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 48.8211739883%;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.consistent-color-section .illustration:last-child {
  margin-right: 0;
}
/* line 276, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.consistent-color-section .detail {
  padding: 6em 0;
  margin-left: 59.708630347%;
}
/* line 282, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.consistent-color-section .consistent-points li {
  padding: 1.5em 0;
}

/* line 288, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.automated_workflows, .mission {
  padding: 4.5em 0;
  margin-bottom: 3em;
  background-color: #00aeef;
  color: #ebeced;
  text-align: center;
}
/* line 295, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.automated_workflows h3, .mission h3 {
  margin-bottom: 3em;
}
/* line 299, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.automated_workflows ul, .mission ul {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 65.8807826589%;
  margin-left: 17.0596086706%;
  margin-bottom: 3em;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.automated_workflows ul:last-child, .mission ul:last-child {
  margin-right: 0;
}
/* line 305, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.automated_workflows ul li, .mission ul li {
  float: left;
  display: block;
  margin-right: 3.5786642602%;
  width: 48.2106678699%;
  padding-right: 1.5em;
  border-right: 1px solid #ebeced;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.automated_workflows ul li:last-child, .mission ul li:last-child {
  margin-right: 0;
}
/* line 310, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.automated_workflows ul li:last-child, .mission ul li:last-child {
  border-right: none;
  padding-right: 0;
}

/* line 318, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.about-us .illustration {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 48.8211739883%;
  margin-right: 0;
  float: right;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.about-us .illustration:last-child {
  margin-right: 0;
}
/* line 324, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.about-us .detail {
  padding: 6em 0;
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 48.8211739883%;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.about-us .detail:last-child {
  margin-right: 0;
}
/* line 330, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.about-us--trial__detail {
  padding: 6em 0;
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 48.8211739883%;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.about-us--trial__detail:last-child {
  margin-right: 0;
}
/* line 335, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.about-us--trial__registration {
  padding: 6em 0;
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 48.8211739883%;
  margin-right: 0;
  float: right;
  text-align: right;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.about-us--trial__registration:last-child {
  margin-right: 0;
}
/* line 342, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.about-us--trial__registration a {
  color: #00aeef;
}
/* line 346, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.about-us--trial__registration .quick-start-registration {
  text-align: right;
  font-size: 1.4em;
}
/* line 350, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.about-us--trial__registration .quick-start-registration input[type="email"] {
  width: 240px;
}
/* line 354, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.about-us--trial__registration .quick-start-registration input[type="submit"] {
  width: 150px;
}

/* line 362, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.mission {
  margin-bottom: 0;
}
/* line 366, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.mission h3, .mission ul {
  margin-bottom: 1.5em;
}
/* line 370, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.mission ul {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 82.9403913294%;
  margin-left: 8.5298043353%;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.mission ul:last-child {
  margin-right: 0;
}
/* line 374, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.mission ul li {
  float: left;
  display: block;
  margin-right: 2.8425860857%;
  width: 48.5787069571%;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.mission ul li:last-child {
  margin-right: 0;
}

/* line 381, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.cloud-based-management .illustration {
  margin-left: 10.2842586086%;
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 48.8211739883%;
  float: right;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.cloud-based-management .illustration:last-child {
  margin-right: 0;
}
/* line 387, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.cloud-based-management .detail {
  padding: 6em 0;
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 31.7615653177%;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.cloud-based-management .detail:last-child {
  margin-right: 0;
}
/* line 393, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.cloud-based-management .consistent-points li {
  padding: 1.5em 0;
}

/* line 399, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.color-assurances {
  margin-bottom: 1.5em;
}
/* line 401, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.color-assurances .detail {
  padding: 1.5em 0;
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 40.291369653%;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.color-assurances .detail:last-child {
  margin-right: 0;
}
/* line 405, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.color-assurances .detail ul {
  list-style: disc outside;
}
/* line 409, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.color-assurances .illustration {
  margin-left: 8.5298043353%;
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 48.8211739883%;
  float: right;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.color-assurances .illustration:last-child {
  margin-right: 0;
}

/* line 416, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.what-is-conversion {
  padding: 1.5em 0;
}
/* line 419, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.what-is-conversion .conversion-intro {
  padding: 3em 0;
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 65.8807826589%;
  margin-left: 17.0596086706%;
  text-align: center;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.what-is-conversion .conversion-intro:last-child {
  margin-right: 0;
}
/* line 427, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.what-is-conversion .conversion-potential-issues {
  padding: 1.5em 0;
  text-align: center;
}
/* line 432, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.what-is-conversion .consistent-points {
  padding: 1.5em 0;
}
/* line 435, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.what-is-conversion .consistent-points ul li {
  text-align: center;
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 31.7615653177%;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.what-is-conversion .consistent-points ul li:last-child {
  margin-right: 0;
}

/* line 443, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.international-profiles .intro {
  margin-bottom: 1.5em;
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 65.8807826589%;
  margin-left: 17.0596086706%;
  text-align: center;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.international-profiles .intro:last-child {
  margin-right: 0;
}
/* line 450, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.international-profiles ul {
  padding: 1.5em 0;
  margin-bottom: 1.5em;
}
/* line 454, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.international-profiles ul li {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 31.7615653177%;
  display: inline-block;
  text-align: center;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.international-profiles ul li:last-child {
  margin-right: 0;
}
/* line 459, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.international-profiles .summary {
  padding: 3em 0;
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 65.8807826589%;
  margin-left: 17.0596086706%;
  text-align: center;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.international-profiles .summary:last-child {
  margin-right: 0;
}

/* line 469, /xcolor/app/assets/stylesheets/commercial/_layout.scss */
.homes .illustration img {
  margin-bottom: 1.5em;
}

/* line 1, /xcolor/app/assets/stylesheets/commercial/_registration.scss */
.registration {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 3em 0;
}
/* line 20, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/mixins/_clearfix.scss */
.registration::after {
  clear: both;
  content: "";
  display: block;
}
/* line 5, /xcolor/app/assets/stylesheets/commercial/_registration.scss */
.registration header {
  padding: 1.5em;
}
/* line 9, /xcolor/app/assets/stylesheets/commercial/_registration.scss */
.registration__demo {
  text-align: center;
  font-weight: bold;
}

/* line 15, /xcolor/app/assets/stylesheets/commercial/_registration.scss */
.registration__info {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 23.2317609825%;
  padding: 0 1.5em;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.registration__info:last-child {
  margin-right: 0;
}
/* line 19, /xcolor/app/assets/stylesheets/commercial/_registration.scss */
.registration__info__price {
  margin-top: 3em;
  font-weight: bold;
}
/* line 24, /xcolor/app/assets/stylesheets/commercial/_registration.scss */
.registration__info ul li {
  padding: 0.75em 0;
  border-bottom: 1px solid #e3e3e3;
}
/* line 30, /xcolor/app/assets/stylesheets/commercial/_registration.scss */
.registration__info .no-separator li {
  border-bottom: none;
}

/* line 35, /xcolor/app/assets/stylesheets/commercial/_registration.scss */
.registration__form {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 31.7615653177%;
  margin-left: 17.0596086706%;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.registration__form:last-child {
  margin-right: 0;
}
/* line 39, /xcolor/app/assets/stylesheets/commercial/_registration.scss */
.registration__form label {
  font-size: 0.825em;
  font-weight: 300;
}
/* line 43, /xcolor/app/assets/stylesheets/commercial/_registration.scss */
.registration__form input[type="submit"] {
  width: 100%;
}

/* line 48, /xcolor/app/assets/stylesheets/commercial/_registration.scss */
.disclaimer {
  padding: 1.5em 0;
  text-align: center;
}
/* line 51, /xcolor/app/assets/stylesheets/commercial/_registration.scss */
.disclaimer a {
  color: #00aeef;
}

/* line 1, /xcolor/app/assets/stylesheets/commercial/_session.scss */
.session-start {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 3em 0;
}
/* line 20, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/mixins/_clearfix.scss */
.session-start::after {
  clear: both;
  content: "";
  display: block;
}
/* line 5, /xcolor/app/assets/stylesheets/commercial/_session.scss */
.session-start header {
  display: block;
  text-align: center;
  padding: 1.5em 0;
}

/* line 12, /xcolor/app/assets/stylesheets/commercial/_session.scss */
.session__form {
  width: 32%;
  margin: 0 auto;
}
/* line 16, /xcolor/app/assets/stylesheets/commercial/_session.scss */
.session__form label {
  font-size: 0.825em;
  font-weight: 300;
}
/* line 20, /xcolor/app/assets/stylesheets/commercial/_session.scss */
.session__form input[type="submit"] {
  width: 100%;
}

/* line 26, /xcolor/app/assets/stylesheets/commercial/_session.scss */
.field_with_errors input {
  border: 1px solid red;
}
/* line 29, /xcolor/app/assets/stylesheets/commercial/_session.scss */
.field_with_errors .error {
  color: red;
  position: relative;
  top: -10px;
}

@media only screen and (max-device-width: 736px) {
  /* line 2, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .masthead {
    padding: 3em 0;
  }
  /* line 5, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .masthead h1 {
    font-size: 2.44140625em;
  }

  /* line 11, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .quick-start-registration form input[type="email"] {
    display: none;
  }

  /* line 16, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .commercial__video {
    max-width: 100%;
  }
  /* line 19, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .commercial__video iframe {
    max-width: 100%;
    max-height: 60vw;
  }

  /* line 25, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .overview {
    margin-top: 60px;
  }
  /* line 27, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .overview:before {
    display: none;
    border-radius: 0;
  }

  /* line 34, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .faq .faq__menu {
    display: none;
  }
  /* line 38, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .faq .faq__content {
    width: 100%;
  }
  /* line 41, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .faq .faq__content h2 {
    margin-top: 2em;
    padding-top: 0;
    font-size: 1.5625em;
  }
  /* line 47, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .faq .faq__content h4 {
    font-size: 1.25em;
  }

  /* line 53, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  main[role="application"] {
    padding-top: 0;
  }

  /* line 57, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .overview {
    padding: 3em 0;
  }
  /* line 60, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .overview ul li {
    width: auto;
    padding: 0 0.75em;
    margin: 0;
  }
  /* line 65, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .overview ul li > figure {
    padding-top: 1em;
  }

  /* line 72, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .consistent-color-section .illustration, .cloud-based-management .illustration, .about-us .illustration {
    width: 100%;
    float: none;
    margin: 0;
  }
  /* line 77, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .consistent-color-section .illustration img, .cloud-based-management .illustration img, .about-us .illustration img {
    margin-bottom: 0;
  }
  /* line 81, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .consistent-color-section .illustration > figure, .cloud-based-management .illustration > figure, .about-us .illustration > figure {
    padding: 0;
    margin: 0 -1em;
  }
  /* line 87, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .consistent-color-section .detail, .cloud-based-management .detail, .about-us .detail {
    margin: 0;
    width: 100%;
    padding: 3em 0;
  }

  /* line 94, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .about-us--trial {
    padding: 0.75em 0;
  }
  /* line 97, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .about-us--trial__registration, .about-us--trial__detail {
    padding: 0.75em 0;
    text-align: center;
    width: 100%;
  }
  /* line 102, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .about-us--trial__registration .quick-start-registration, .about-us--trial__detail .quick-start-registration {
    text-align: center;
  }

  /* line 108, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .automated_workflows, .mission {
    padding: 2em 0;
    margin-bottom: 0;
  }
  /* line 112, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .automated_workflows h3, .mission h3 {
    margin-bottom: 1em;
  }
  /* line 116, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .automated_workflows ul, .mission ul {
    padding: 0;
    width: 100%;
    margin: 0 auto;
  }
  /* line 121, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .automated_workflows ul li, .mission ul li {
    float: none;
    border-right: 0;
    width: 100%;
    padding: 1em 0;
  }
  /* line 127, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .automated_workflows ul li:first-child, .mission ul li:first-child {
    border-bottom: 1px solid #ebeced;
  }

  /* line 134, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .what-is-conversion {
    padding: 0;
  }
  /* line 137, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .what-is-conversion .conversion-intro {
    text-align: left;
    padding: 0;
    margin: 0;
    width: auto;
  }
  /* line 144, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .what-is-conversion .conversion-potential-issues {
    text-align: left;
  }
  /* line 149, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .what-is-conversion .consistent-points li {
    float: none;
    text-align: left;
    margin: 0 0 2em;
    width: auto;
  }

  /* line 158, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  #used-by {
    margin-top: 3em;
  }

  /* line 163, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  #pricing .pricing-options {
    display: block;
  }
  /* line 166, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  #pricing .pricing-options > .cyan, #pricing .pricing-options > .magenta, #pricing .pricing-options > .full-spectrum {
    width: 100%;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-bottom: 3em;
  }
  /* line 173, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  #pricing .pricing-options > .cyan .button, #pricing .pricing-options > .cyan .button--danger, #pricing .pricing-options > .cyan .button--outline, #pricing .pricing-options > .cyan .coming-soon, #pricing .pricing-options > .magenta .button, #pricing .pricing-options > .magenta .button--danger, #pricing .pricing-options > .magenta .button--outline, #pricing .pricing-options > .magenta .coming-soon, #pricing .pricing-options > .full-spectrum .button, #pricing .pricing-options > .full-spectrum .button--danger, #pricing .pricing-options > .full-spectrum .button--outline, #pricing .pricing-options > .full-spectrum .coming-soon {
    font-size: 12px;
    padding: 1.2em;
  }
  /* line 178, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  #pricing .pricing-options > .cyan:hover, #pricing .pricing-options > .magenta:hover, #pricing .pricing-options > .full-spectrum:hover {
    margin: 0;
  }
  /* line 184, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  #pricing .call-to-action {
    padding: 1em;
  }

  /* line 189, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .session__form {
    width: 100%;
    padding: 0 1.5em;
  }

  /* line 194, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .registration__info, .registration__form {
    margin: 0;
    width: 100%;
    float: none;
    padding: 1.5em;
  }

  /* line 202, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .color-assurances .detail {
    float: none;
    width: auto;
  }
  /* line 206, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .color-assurances .detail ul > li {
    list-style-type: none;
    margin-bottom: 1.5em;
  }
  /* line 212, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .color-assurances .illustration {
    margin-left: 0;
    margin-top: -1.5em;
    width: auto;
    float: none;
  }

  /* line 221, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .international-profiles .intro, .international-profiles .summary, .international-profiles ul > li {
    margin: 0;
    padding: 1.5em 0;
    float: none;
    width: auto;
  }
  /* line 228, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .international-profiles ul {
    padding: 0;
    margin: 0;
  }
}
@media only screen and (min-device-width: 737px) and (max-device-width: 1220px) {
  /* line 239, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  #pricing .pricing-options > .cyan .pricing-option__body, #pricing .pricing-options > .magenta .pricing-option__body, #pricing .pricing-options > .full-spectrum .pricing-option__body {
    padding: 1em 1em 1.5em 1em;
  }
  /* line 243, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  #pricing .pricing-options > .cyan .button, #pricing .pricing-options > .cyan .button--danger, #pricing .pricing-options > .cyan .button--outline, #pricing .pricing-options > .cyan .coming-soon, #pricing .pricing-options > .magenta .button, #pricing .pricing-options > .magenta .button--danger, #pricing .pricing-options > .magenta .button--outline, #pricing .pricing-options > .magenta .coming-soon, #pricing .pricing-options > .full-spectrum .button, #pricing .pricing-options > .full-spectrum .button--danger, #pricing .pricing-options > .full-spectrum .button--outline, #pricing .pricing-options > .full-spectrum .coming-soon {
    font-size: 12px;
    padding: 1.2em;
  }

  /* line 251, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .commercial__video {
    max-width: 100%;
  }
  /* line 254, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .commercial__video iframe {
    max-width: 100%;
    max-height: 60vw;
  }

  /* line 261, /xcolor/app/assets/stylesheets/commercial/_responsive.scss */
  .session__form {
    width: 40%;
  }
}
/* line 1, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.policy {
  padding: 6em 0;
}
/* line 2, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.policy h1 {
  text-align: center;
  margin-bottom: 1.5em;
}
/* line 8, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.policy .content {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 65.8807826589%;
  margin-left: 17.0596086706%;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.policy .content:last-child {
  margin-right: 0;
}
/* line 13, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.policy ol {
  list-style-type: decimal;
}
/* line 16, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.policy ol li {
  padding-left: 1.5em;
  margin-bottom: 1.5em;
}

/* line 23, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.faq {
  margin-top: -6em;
}
/* line 26, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.faq__menu {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 23.2317609825%;
  margin-left: 8.5298043353%;
  margin-top: 1.8em;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.faq__menu:last-child {
  margin-right: 0;
}
/* line 31, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.faq__menu > li {
  margin-bottom: 0.75em;
}
/* line 34, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.faq__menu > li > a {
  font-size: 1.2em;
  color: #032735;
  border-color: #ffffff;
}
/* line 39, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.faq__menu > li > a:hover {
  border-bottom: 1px solid;
}
/* line 46, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.faq__content {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 65.8807826589%;
}
/* line 89, /usr/local/bundle/gems/neat-1.9.0/app/assets/stylesheets/grid/_span-columns.scss */
.faq__content:last-child {
  margin-right: 0;
}
/* line 50, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.faq__section {
  margin-top: -4.5em;
  padding-top: 6em;
}
/* line 55, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.faq__quick-registration {
  margin-top: 4.5em;
  margin-bottom: 12em;
  text-align: center;
}
/* line 60, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.faq__quick-registration input {
  width: 300px;
  font-size: 1.4em;
  vertical-align: baseline;
}
/* line 66, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.faq__quick-registration input[type="submit"] {
  width: 200px;
}
/* line 71, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.faq p {
  margin-bottom: 3em;
}
/* line 75, /xcolor/app/assets/stylesheets/commercial/_static_pages.scss */
.faq hr {
  margin-bottom: 3em;
}

/* line 11, /xcolor/app/assets/stylesheets/commercial.scss */
.error {
  color: #d9343e;
}