@charset "UTF-8";
/*! 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 {
  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 {
  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"] {
  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 */
  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.
 */
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; }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont-674f50d287.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont-674f50d287.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont-af7ae505a9.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont-fee66e712a.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont-b06871f281.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont-912ec66d75.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa, #configurator .option .components .component input:checked + label .price {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left, #configurator .option .components .component input:checked + label .fa-pull-left.price {
  margin-right: .3em; }

.fa.fa-pull-right, #configurator .option .components .component input:checked + label .fa-pull-right.price {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left, #configurator .option .components .component input:checked + label .pull-left.price {
  margin-right: .3em; }

.fa.pull-right, #configurator .option .components .component input:checked + label .pull-right.price {
  margin-left: .3em; }

.fa-spin {
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before, #configurator .option .components .component input:checked + label .price:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-pp:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

.fa-universal-access:before {
  content: ""; }

.fa-wheelchair-alt:before {
  content: ""; }

.fa-question-circle-o:before {
  content: ""; }

.fa-blind:before {
  content: ""; }

.fa-audio-description:before {
  content: ""; }

.fa-volume-control-phone:before {
  content: ""; }

.fa-braille:before {
  content: ""; }

.fa-assistive-listening-systems:before {
  content: ""; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""; }

.fa-glide:before {
  content: ""; }

.fa-glide-g:before {
  content: ""; }

.fa-signing:before,
.fa-sign-language:before {
  content: ""; }

.fa-low-vision:before {
  content: ""; }

.fa-viadeo:before {
  content: ""; }

.fa-viadeo-square:before {
  content: ""; }

.fa-snapchat:before {
  content: ""; }

.fa-snapchat-ghost:before {
  content: ""; }

.fa-snapchat-square:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-first-order:before {
  content: ""; }

.fa-yoast:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: ""; }

.fa-fa:before,
.fa-font-awesome:before {
  content: ""; }

.fa-handshake-o:before {
  content: ""; }

.fa-envelope-open:before {
  content: ""; }

.fa-envelope-open-o:before {
  content: ""; }

.fa-linode:before {
  content: ""; }

.fa-address-book:before {
  content: ""; }

.fa-address-book-o:before {
  content: ""; }

.fa-vcard:before,
.fa-address-card:before {
  content: ""; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: ""; }

.fa-user-circle:before {
  content: ""; }

.fa-user-circle-o:before {
  content: ""; }

.fa-user-o:before {
  content: ""; }

.fa-id-badge:before {
  content: ""; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: ""; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: ""; }

.fa-quora:before {
  content: ""; }

.fa-free-code-camp:before {
  content: ""; }

.fa-telegram:before {
  content: ""; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: ""; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: ""; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: ""; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: ""; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: ""; }

.fa-shower:before {
  content: ""; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: ""; }

.fa-podcast:before {
  content: ""; }

.fa-window-maximize:before {
  content: ""; }

.fa-window-minimize:before {
  content: ""; }

.fa-window-restore:before {
  content: ""; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: ""; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: ""; }

.fa-bandcamp:before {
  content: ""; }

.fa-grav:before {
  content: ""; }

.fa-etsy:before {
  content: ""; }

.fa-imdb:before {
  content: ""; }

.fa-ravelry:before {
  content: ""; }

.fa-eercast:before {
  content: ""; }

.fa-microchip:before {
  content: ""; }

.fa-snowflake-o:before {
  content: ""; }

.fa-superpowers:before {
  content: ""; }

.fa-wpexplorer:before {
  content: ""; }

.fa-meetup:before {
  content: ""; }

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

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

/*
  Icon Font: font-logos
*/
@font-face {
  font-family: "font-logos";
  src: url("./font-logos.eot");
  src: url("./font-logos.eot?#iefix") format("embedded-opentype"), url("./font-logos.woff2") format("woff2"), url("./font-logos.woff") format("woff"), url("./font-logos.ttf") format("truetype"), url("./font-logos.svg#font-logos") format("svg");
  font-weight: normal;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "font-logos";
    src: url("./font-logos.svg#font-logos") format("svg"); } }

.fl-12 {
  font-size: 12px; }

.fl-14 {
  font-size: 14px; }

.fl-16 {
  font-size: 16px; }

.fl-18 {
  font-size: 18px; }

.fl-21 {
  font-size: 21px; }

.fl-24 {
  font-size: 24px; }

.fl-36 {
  font-size: 36px; }

.fl-48 {
  font-size: 48px; }

.fl-60 {
  font-size: 60px; }

.fl-72 {
  font-size: 72px; }

[data-icon]:before {
  content: attr(data-icon); }

[data-icon]:before,
.fl-alpine:before,
.fl-aosc:before,
.fl-apple:before,
.fl-archlinux:before,
.fl-centos:before,
.fl-coreos:before,
.fl-debian:before,
.fl-devuan:before,
.fl-docker:before,
.fl-elementary:before,
.fl-fedora:before,
.fl-fedora-inverse:before,
.fl-freebsd:before,
.fl-gentoo:before,
.fl-linuxmint:before,
.fl-linuxmint-inverse:before,
.fl-mageia:before,
.fl-mandriva:before,
.fl-manjaro:before,
.fl-nixos:before,
.fl-opensuse:before,
.fl-raspberry-pi:before,
.fl-redhat:before,
.fl-sabayon:before,
.fl-slackware:before,
.fl-slackware-inverse:before,
.fl-tux:before,
.fl-ubuntu:before,
.fl-ubuntu-inverse:before {
  display: inline-block;
  font-family: "font-logos";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.fl-alpine:before {
  content: "\f100"; }

.fl-aosc:before {
  content: "\f101"; }

.fl-apple:before {
  content: "\f102"; }

.fl-archlinux:before {
  content: "\f103"; }

.fl-centos:before {
  content: "\f104"; }

.fl-coreos:before {
  content: "\f105"; }

.fl-debian:before {
  content: "\f106"; }

.fl-devuan:before {
  content: "\f107"; }

.fl-docker:before {
  content: "\f108"; }

.fl-elementary:before {
  content: "\f109"; }

.fl-fedora:before {
  content: "\f10a"; }

.fl-fedora-inverse:before {
  content: "\f10b"; }

.fl-freebsd:before {
  content: "\f10c"; }

.fl-gentoo:before {
  content: "\f10d"; }

.fl-linuxmint:before {
  content: "\f10e"; }

.fl-linuxmint-inverse:before {
  content: "\f10f"; }

.fl-mageia:before {
  content: "\f110"; }

.fl-mandriva:before {
  content: "\f111"; }

.fl-manjaro:before {
  content: "\f112"; }

.fl-nixos:before {
  content: "\f113"; }

.fl-opensuse:before {
  content: "\f114"; }

.fl-raspberry-pi:before {
  content: "\f115"; }

.fl-redhat:before {
  content: "\f116"; }

.fl-sabayon:before {
  content: "\f117"; }

.fl-slackware:before {
  content: "\f118"; }

.fl-slackware-inverse:before {
  content: "\f119"; }

.fl-tux:before {
  content: "\f11a"; }

.fl-ubuntu:before {
  content: "\f11b"; }

.fl-ubuntu-inverse:before {
  content: "\f11c"; }

meta.foundation-version {
  font-family: "/5.5.2/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.0625em)/";
  width: 40.0625em; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
  width: 40.0625em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.0625em)/";
  width: 64.0625em; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
  width: 64.0625em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.0625em)/";
  width: 90.0625em; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
  width: 90.0625em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.0625em)/";
  width: 120.0625em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

html {
  box-sizing: border-box; }

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

html,
body {
  font-size: 100%; }

body {
  background: #fff;
  color: #222;
  cursor: auto;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative; }

a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }

#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; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.invisible {
  visibility: hidden; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 80rem; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .small-1 {
    width: 8.33333%; }
  .small-2 {
    width: 16.66667%; }
  .small-3 {
    width: 25%; }
  .small-4 {
    width: 33.33333%; }
  .small-5 {
    width: 41.66667%; }
  .small-6 {
    width: 50%; }
  .small-7 {
    width: 58.33333%; }
  .small-8 {
    width: 66.66667%; }
  .small-9 {
    width: 75%; }
  .small-10 {
    width: 83.33333%; }
  .small-11 {
    width: 91.66667%; }
  .small-12 {
    width: 100%; }
  [class*="column"] + [class*="column"]:last-child {
    float: right; }
  [class*="column"] + [class*="column"].end {
    float: left; }
  .small-offset-0 {
    margin-left: 0% !important; }
  .small-offset-1 {
    margin-left: 8.33333% !important; }
  .small-offset-2 {
    margin-left: 16.66667% !important; }
  .small-offset-3 {
    margin-left: 25% !important; }
  .small-offset-4 {
    margin-left: 33.33333% !important; }
  .small-offset-5 {
    margin-left: 41.66667% !important; }
  .small-offset-6 {
    margin-left: 50% !important; }
  .small-offset-7 {
    margin-left: 58.33333% !important; }
  .small-offset-8 {
    margin-left: 66.66667% !important; }
  .small-offset-9 {
    margin-left: 75% !important; }
  .small-offset-10 {
    margin-left: 83.33333% !important; }
  .small-offset-11 {
    margin-left: 91.66667% !important; }
  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }
  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; } }

@media only screen and (min-width: 600px) {
  .smablet-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .smablet-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .smablet-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .smablet-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .smablet-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .smablet-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .smablet-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .smablet-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .smablet-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .smablet-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .smablet-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .smablet-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .smablet-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .smablet-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .smablet-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .smablet-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .smablet-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .smablet-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .smablet-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .smablet-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .smablet-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .smablet-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .smablet-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .smablet-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .smablet-1 {
    width: 8.33333%; }
  .smablet-2 {
    width: 16.66667%; }
  .smablet-3 {
    width: 25%; }
  .smablet-4 {
    width: 33.33333%; }
  .smablet-5 {
    width: 41.66667%; }
  .smablet-6 {
    width: 50%; }
  .smablet-7 {
    width: 58.33333%; }
  .smablet-8 {
    width: 66.66667%; }
  .smablet-9 {
    width: 75%; }
  .smablet-10 {
    width: 83.33333%; }
  .smablet-11 {
    width: 91.66667%; }
  .smablet-12 {
    width: 100%; }
  [class*="column"] + [class*="column"]:last-child {
    float: right; }
  [class*="column"] + [class*="column"].end {
    float: left; }
  .smablet-offset-0 {
    margin-left: 0% !important; }
  .smablet-offset-1 {
    margin-left: 8.33333% !important; }
  .smablet-offset-2 {
    margin-left: 16.66667% !important; }
  .smablet-offset-3 {
    margin-left: 25% !important; }
  .smablet-offset-4 {
    margin-left: 33.33333% !important; }
  .smablet-offset-5 {
    margin-left: 41.66667% !important; }
  .smablet-offset-6 {
    margin-left: 50% !important; }
  .smablet-offset-7 {
    margin-left: 58.33333% !important; }
  .smablet-offset-8 {
    margin-left: 66.66667% !important; }
  .smablet-offset-9 {
    margin-left: 75% !important; }
  .smablet-offset-10 {
    margin-left: 83.33333% !important; }
  .smablet-offset-11 {
    margin-left: 91.66667% !important; }
  .smablet-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.smablet-centered,
  .columns.smablet-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }
  .column.smablet-uncentered,
  .columns.smablet-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }
  .column.smablet-uncentered.opposite,
  .columns.smablet-uncentered.opposite {
    float: right; }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

@media only screen and (min-width: 768px) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .medium-1 {
    width: 8.33333%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-12 {
    width: 100%; }
  [class*="column"] + [class*="column"]:last-child {
    float: right; }
  [class*="column"] + [class*="column"].end {
    float: left; }
  .medium-offset-0 {
    margin-left: 0% !important; }
  .medium-offset-1 {
    margin-left: 8.33333% !important; }
  .medium-offset-2 {
    margin-left: 16.66667% !important; }
  .medium-offset-3 {
    margin-left: 25% !important; }
  .medium-offset-4 {
    margin-left: 33.33333% !important; }
  .medium-offset-5 {
    margin-left: 41.66667% !important; }
  .medium-offset-6 {
    margin-left: 50% !important; }
  .medium-offset-7 {
    margin-left: 58.33333% !important; }
  .medium-offset-8 {
    margin-left: 66.66667% !important; }
  .medium-offset-9 {
    margin-left: 75% !important; }
  .medium-offset-10 {
    margin-left: 83.33333% !important; }
  .medium-offset-11 {
    margin-left: 91.66667% !important; }
  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

@media only screen and (min-width: 64.0625em) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .large-1 {
    width: 8.33333%; }
  .large-2 {
    width: 16.66667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.33333%; }
  .large-5 {
    width: 41.66667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.33333%; }
  .large-8 {
    width: 66.66667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.33333%; }
  .large-11 {
    width: 91.66667%; }
  .large-12 {
    width: 100%; }
  [class*="column"] + [class*="column"]:last-child {
    float: right; }
  [class*="column"] + [class*="column"].end {
    float: left; }
  .large-offset-0 {
    margin-left: 0% !important; }
  .large-offset-1 {
    margin-left: 8.33333% !important; }
  .large-offset-2 {
    margin-left: 16.66667% !important; }
  .large-offset-3 {
    margin-left: 25% !important; }
  .large-offset-4 {
    margin-left: 33.33333% !important; }
  .large-offset-5 {
    margin-left: 41.66667% !important; }
  .large-offset-6 {
    margin-left: 50% !important; }
  .large-offset-7 {
    margin-left: 58.33333% !important; }
  .large-offset-8 {
    margin-left: 66.66667% !important; }
  .large-offset-9 {
    margin-left: 75% !important; }
  .large-offset-10 {
    margin-left: 83.33333% !important; }
  .large-offset-11 {
    margin-left: 91.66667% !important; }
  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }
  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

.accordion {
  margin-bottom: 0; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
  .accordion:after {
    clear: both; }
  .accordion .accordion-navigation, .accordion dd {
    display: block;
    margin-bottom: 0 !important; }
    .accordion .accordion-navigation.active > a, .accordion dd.active > a {
      background: transparent; }
    .accordion .accordion-navigation > a, .accordion dd > a {
      background: transparent;
      color: #222222;
      display: block;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1.5rem;
      padding: 1rem; }
      .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
        background: transparent; }
    .accordion .accordion-navigation > .content, .accordion dd > .content {
      display: none;
      padding: 0.9375rem; }
      .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
        background: #fff;
        display: block; }

.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.8125rem;
  font-weight: normal;
  margin-bottom: 0.1875rem;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  position: relative;
  transition: opacity 300ms ease-out;
  background-color: #faa41a;
  border-color: #e89105;
  color: #fff; }
  .alert-box .close {
    right: 0.25rem;
    background: inherit;
    color: #333333;
    font-size: 1.375rem;
    line-height: .9;
    margin-top: -0.6875rem;
    opacity: 0.3;
    padding: 0 6px 4px;
    position: absolute;
    top: 50%; }
    .alert-box .close:hover, .alert-box .close:focus {
      opacity: 0.5; }
  .alert-box.radius {
    border-radius: 3px; }
  .alert-box.round {
    border-radius: 1000px; }
  .alert-box.success {
    background-color: #48b9c7;
    border-color: #37a5b2;
    color: #fff; }
  .alert-box.alert {
    background-color: #faa41a;
    border-color: #e89105;
    color: #fff; }
  .alert-box.secondary {
    background-color: #48b9c7;
    border-color: #37a5b2;
    color: #fff; }
  .alert-box.warning {
    background-color: #f15d22;
    border-color: #de490e;
    color: #fff; }
  .alert-box.info {
    background-color: #ffce51;
    border-color: #ffc122;
    color: #fff; }
  .alert-box.alert-close {
    opacity: 0; }

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    float: left;
    height: auto;
    padding: 0 0.625rem 1.25rem; }

@media only screen {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .small-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .small-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .small-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .small-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .small-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .small-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .small-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .small-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .small-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .small-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .small-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width: 768px) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .medium-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .medium-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .medium-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .medium-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .medium-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .medium-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .medium-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .medium-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .medium-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .medium-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .medium-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .medium-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width: 64.0625em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .large-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .large-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .large-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .large-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .large-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .large-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .large-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .large-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .large-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .large-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .large-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

.breadcrumbs {
  border-style: solid;
  border-width: 1px;
  display: block;
  list-style: none;
  margin-left: 0;
  overflow: hidden;
  padding: 0.5625rem 0.875rem 0.5625rem;
  background-color: #ade0e6;
  border-color: #8ed4dc;
  border-radius: 3px; }
  .breadcrumbs > * {
    color: #faa41a;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    margin: 0;
    text-transform: uppercase; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a {
      color: #faa41a; }
    .breadcrumbs > *.current {
      color: #333333;
      cursor: default; }
      .breadcrumbs > *.current a {
        color: #333333;
        cursor: default; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover,
      .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        color: #999999;
        cursor: not-allowed;
        text-decoration: none; }
    .breadcrumbs > *:before {
      color: #AAAAAA;
      content: "/";
      margin: 0 0.75rem;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }

/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
  content: "/"; }

button, .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: "System76 Roboto Slab", serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 0.5rem 1rem 0.5625rem 1rem;
  font-size: 1rem;
  background-color: transparent;
  border-color: #574f4a;
  color: #574f4a;
  transition: background-color 300ms ease-out; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: transparent; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: #574f4a; }
  button.secondary, .button.secondary {
    background-color: #48b9c7;
    border-color: #3399a6;
    color: #574f4a; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #3399a6; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #574f4a; }
  button.success, .button.success {
    background-color: #48b9c7;
    border-color: #3399a6;
    color: #574f4a; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #3399a6; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: #574f4a; }
  button.alert, .button.alert {
    background-color: #faa41a;
    border-color: #d88705;
    color: #574f4a; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #d88705; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: #574f4a; }
  button.warning, .button.warning {
    background-color: #f15d22;
    border-color: #cf440d;
    color: #574f4a; }
    button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
      background-color: #cf440d; }
    button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
      color: #574f4a; }
  button.info, .button.info {
    background-color: #ffce51;
    border-color: #ffbb0e;
    color: #574f4a; }
    button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
      background-color: #ffbb0e; }
    button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
      color: #574f4a; }
  button.large, .button.large {
    padding: 0.5625rem 1.125rem 0.625rem 1.125rem;
    font-size: 1.25rem; }
  button.small, .button.small {
    padding: 0.25rem 0.5rem 0.3125rem 0.5rem;
    font-size: 0.8125rem; }
  button.tiny, .button.tiny {
    padding: 0.1875rem 0.375rem 0.25rem 0.375rem;
    font-size: 0.6875rem; }
  button.expand, .button.expand {
    padding-left: 0;
    padding-right: 0;
    width: 100%; }
  button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75rem; }
  button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75rem; }
  button.radius, .button.radius {
    border-radius: 3px; }
  button.round, .button.round {
    border-radius: 1000px; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: transparent;
    border-color: #574f4a;
    color: #574f4a;
    box-shadow: none;
    cursor: default;
    opacity: 0.7; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: transparent; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: #574f4a; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: transparent; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #48b9c7;
      border-color: #3399a6;
      color: #574f4a;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #3399a6; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #574f4a; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #48b9c7; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #48b9c7;
      border-color: #3399a6;
      color: #574f4a;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #3399a6; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: #574f4a; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #48b9c7; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #faa41a;
      border-color: #d88705;
      color: #574f4a;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #d88705; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: #574f4a; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #faa41a; }
    button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
      background-color: #f15d22;
      border-color: #cf440d;
      color: #574f4a;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #cf440d; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        color: #574f4a; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #f15d22; }
    button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
      background-color: #ffce51;
      border-color: #ffbb0e;
      color: #574f4a;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
        background-color: #ffbb0e; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
        color: #574f4a; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
        background-color: #ffce51; }

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

@media only screen and (min-width: 768px) {
  button, .button {
    display: inline-block; } }

.button-group {
  list-style: none;
  margin: 0;
  left: 0; }
  .button-group:before, .button-group:after {
    content: " ";
    display: table; }
  .button-group:after {
    clear: both; }
  .button-group.even-2 li {
    display: inline-block;
    margin: 0 -2px;
    width: 50%; }
    .button-group.even-2 li > button, .button-group.even-2 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
      border-left: 0; }
    .button-group.even-2 li button, .button-group.even-2 li .button {
      width: 100%; }
  .button-group.even-3 li {
    display: inline-block;
    margin: 0 -2px;
    width: 33.33333%; }
    .button-group.even-3 li > button, .button-group.even-3 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
      border-left: 0; }
    .button-group.even-3 li button, .button-group.even-3 li .button {
      width: 100%; }
  .button-group.even-4 li {
    display: inline-block;
    margin: 0 -2px;
    width: 25%; }
    .button-group.even-4 li > button, .button-group.even-4 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
      border-left: 0; }
    .button-group.even-4 li button, .button-group.even-4 li .button {
      width: 100%; }
  .button-group.even-5 li {
    display: inline-block;
    margin: 0 -2px;
    width: 20%; }
    .button-group.even-5 li > button, .button-group.even-5 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
      border-left: 0; }
    .button-group.even-5 li button, .button-group.even-5 li .button {
      width: 100%; }
  .button-group.even-6 li {
    display: inline-block;
    margin: 0 -2px;
    width: 16.66667%; }
    .button-group.even-6 li > button, .button-group.even-6 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
      border-left: 0; }
    .button-group.even-6 li button, .button-group.even-6 li .button {
      width: 100%; }
  .button-group.even-7 li {
    display: inline-block;
    margin: 0 -2px;
    width: 14.28571%; }
    .button-group.even-7 li > button, .button-group.even-7 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
      border-left: 0; }
    .button-group.even-7 li button, .button-group.even-7 li .button {
      width: 100%; }
  .button-group.even-8 li {
    display: inline-block;
    margin: 0 -2px;
    width: 12.5%; }
    .button-group.even-8 li > button, .button-group.even-8 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
      border-left: 0; }
    .button-group.even-8 li button, .button-group.even-8 li .button {
      width: 100%; }
  .button-group > li {
    display: inline-block;
    margin: 0 -2px; }
    .button-group > li > button, .button-group > li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group > li:first-child button, .button-group > li:first-child .button {
      border-left: 0; }
  .button-group.stack > li {
    display: block;
    margin: 0;
    float: none; }
    .button-group.stack > li > button, .button-group.stack > li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
      border-left: 0; }
    .button-group.stack > li > button, .button-group.stack > li .button {
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0;
      border-top: 1px solid;
      display: block;
      margin: 0; }
    .button-group.stack > li > button {
      width: 100%; }
    .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
      border-top: 0; }
  .button-group.stack-for-small > li {
    display: inline-block;
    margin: 0 -2px; }
    .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
      border-left: 0; }
    @media only screen and (max-width: 599px) {
      .button-group.stack-for-small > li {
        display: block;
        margin: 0; }
        .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
          border-left: 1px solid;
          border-color: rgba(255, 255, 255, 0.5); }
        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
          border-left: 0; }
        .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
          border-color: rgba(255, 255, 255, 0.5);
          border-left-width: 0;
          border-top: 1px solid;
          display: block;
          margin: 0; }
        .button-group.stack-for-small > li > button {
          width: 100%; }
        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
          border-top: 0; } }
  .button-group.radius > * {
    display: inline-block;
    margin: 0 -2px; }
    .button-group.radius > * > button, .button-group.radius > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
      border-left: 0; }
    .button-group.radius > *,
    .button-group.radius > * > a,
    .button-group.radius > * > button,
    .button-group.radius > * > .button {
      border-radius: 0; }
    .button-group.radius > *:first-child,
    .button-group.radius > *:first-child > a,
    .button-group.radius > *:first-child > button,
    .button-group.radius > *:first-child > .button {
      -webkit-border-bottom-left-radius: 3px;
      -webkit-border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px; }
    .button-group.radius > *:last-child,
    .button-group.radius > *:last-child > a,
    .button-group.radius > *:last-child > button,
    .button-group.radius > *:last-child > .button {
      -webkit-border-bottom-right-radius: 3px;
      -webkit-border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px; }
  .button-group.radius.stack > * {
    display: block;
    margin: 0; }
    .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
      border-left: 0; }
    .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0;
      border-top: 1px solid;
      display: block;
      margin: 0; }
    .button-group.radius.stack > * > button {
      width: 100%; }
    .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
      border-top: 0; }
    .button-group.radius.stack > *,
    .button-group.radius.stack > * > a,
    .button-group.radius.stack > * > button,
    .button-group.radius.stack > * > .button {
      border-radius: 0; }
    .button-group.radius.stack > *:first-child,
    .button-group.radius.stack > *:first-child > a,
    .button-group.radius.stack > *:first-child > button,
    .button-group.radius.stack > *:first-child > .button {
      -webkit-top-left-radius: 3px;
      -webkit-top-right-radius: 3px;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
    .button-group.radius.stack > *:last-child,
    .button-group.radius.stack > *:last-child > a,
    .button-group.radius.stack > *:last-child > button,
    .button-group.radius.stack > *:last-child > .button {
      -webkit-bottom-left-radius: 3px;
      -webkit-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }
  @media only screen and (min-width: 768px) {
    .button-group.radius.stack-for-small > * {
      display: inline-block;
      margin: 0 -2px; }
      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.radius.stack-for-small > *,
      .button-group.radius.stack-for-small > * > a,
      .button-group.radius.stack-for-small > * > button,
      .button-group.radius.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.radius.stack-for-small > *:first-child,
      .button-group.radius.stack-for-small > *:first-child > a,
      .button-group.radius.stack-for-small > *:first-child > button,
      .button-group.radius.stack-for-small > *:first-child > .button {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px; }
      .button-group.radius.stack-for-small > *:last-child,
      .button-group.radius.stack-for-small > *:last-child > a,
      .button-group.radius.stack-for-small > *:last-child > button,
      .button-group.radius.stack-for-small > *:last-child > .button {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px; } }
  @media only screen and (max-width: 599px) {
    .button-group.radius.stack-for-small > * {
      display: block;
      margin: 0; }
      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0; }
      .button-group.radius.stack-for-small > * > button {
        width: 100%; }
      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
        border-top: 0; }
      .button-group.radius.stack-for-small > *,
      .button-group.radius.stack-for-small > * > a,
      .button-group.radius.stack-for-small > * > button,
      .button-group.radius.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.radius.stack-for-small > *:first-child,
      .button-group.radius.stack-for-small > *:first-child > a,
      .button-group.radius.stack-for-small > *:first-child > button,
      .button-group.radius.stack-for-small > *:first-child > .button {
        -webkit-top-left-radius: 3px;
        -webkit-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; }
      .button-group.radius.stack-for-small > *:last-child,
      .button-group.radius.stack-for-small > *:last-child > a,
      .button-group.radius.stack-for-small > *:last-child > button,
      .button-group.radius.stack-for-small > *:last-child > .button {
        -webkit-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; } }
  .button-group.round > * {
    display: inline-block;
    margin: 0 -2px; }
    .button-group.round > * > button, .button-group.round > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.round > *:first-child button, .button-group.round > *:first-child .button {
      border-left: 0; }
    .button-group.round > *,
    .button-group.round > * > a,
    .button-group.round > * > button,
    .button-group.round > * > .button {
      border-radius: 0; }
    .button-group.round > *:first-child,
    .button-group.round > *:first-child > a,
    .button-group.round > *:first-child > button,
    .button-group.round > *:first-child > .button {
      -webkit-border-bottom-left-radius: 1000px;
      -webkit-border-top-left-radius: 1000px;
      border-bottom-left-radius: 1000px;
      border-top-left-radius: 1000px; }
    .button-group.round > *:last-child,
    .button-group.round > *:last-child > a,
    .button-group.round > *:last-child > button,
    .button-group.round > *:last-child > .button {
      -webkit-border-bottom-right-radius: 1000px;
      -webkit-border-top-right-radius: 1000px;
      border-bottom-right-radius: 1000px;
      border-top-right-radius: 1000px; }
  .button-group.round.stack > * {
    display: block;
    margin: 0; }
    .button-group.round.stack > * > button, .button-group.round.stack > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
      border-left: 0; }
    .button-group.round.stack > * > button, .button-group.round.stack > * .button {
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0;
      border-top: 1px solid;
      display: block;
      margin: 0; }
    .button-group.round.stack > * > button {
      width: 100%; }
    .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
      border-top: 0; }
    .button-group.round.stack > *,
    .button-group.round.stack > * > a,
    .button-group.round.stack > * > button,
    .button-group.round.stack > * > .button {
      border-radius: 0; }
    .button-group.round.stack > *:first-child,
    .button-group.round.stack > *:first-child > a,
    .button-group.round.stack > *:first-child > button,
    .button-group.round.stack > *:first-child > .button {
      -webkit-top-left-radius: 0.5rem;
      -webkit-top-right-radius: 0.5rem;
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem; }
    .button-group.round.stack > *:last-child,
    .button-group.round.stack > *:last-child > a,
    .button-group.round.stack > *:last-child > button,
    .button-group.round.stack > *:last-child > .button {
      -webkit-bottom-left-radius: 0.5rem;
      -webkit-bottom-right-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem; }
  @media only screen and (min-width: 768px) {
    .button-group.round.stack-for-small > * {
      display: inline-block;
      margin: 0 -2px; }
      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.round.stack-for-small > *,
      .button-group.round.stack-for-small > * > a,
      .button-group.round.stack-for-small > * > button,
      .button-group.round.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.round.stack-for-small > *:first-child,
      .button-group.round.stack-for-small > *:first-child > a,
      .button-group.round.stack-for-small > *:first-child > button,
      .button-group.round.stack-for-small > *:first-child > .button {
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px; }
      .button-group.round.stack-for-small > *:last-child,
      .button-group.round.stack-for-small > *:last-child > a,
      .button-group.round.stack-for-small > *:last-child > button,
      .button-group.round.stack-for-small > *:last-child > .button {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px; } }
  @media only screen and (max-width: 599px) {
    .button-group.round.stack-for-small > * {
      display: block;
      margin: 0; }
      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0; }
      .button-group.round.stack-for-small > * > button {
        width: 100%; }
      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
        border-top: 0; }
      .button-group.round.stack-for-small > *,
      .button-group.round.stack-for-small > * > a,
      .button-group.round.stack-for-small > * > button,
      .button-group.round.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.round.stack-for-small > *:first-child,
      .button-group.round.stack-for-small > *:first-child > a,
      .button-group.round.stack-for-small > *:first-child > button,
      .button-group.round.stack-for-small > *:first-child > .button {
        -webkit-top-left-radius: 0.5rem;
        -webkit-top-right-radius: 0.5rem;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem; }
      .button-group.round.stack-for-small > *:last-child,
      .button-group.round.stack-for-small > *:last-child > a,
      .button-group.round.stack-for-small > *:last-child > button,
      .button-group.round.stack-for-small > *:last-child > .button {
        -webkit-bottom-left-radius: 0.5rem;
        -webkit-bottom-right-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem; } }

.button-bar:before, .button-bar:after {
  content: " ";
  display: table; }

.button-bar:after {
  clear: both; }

.button-bar .button-group {
  float: left;
  margin-right: 0.625rem; }
  .button-bar .button-group div {
    overflow: hidden; }

/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0; }
  .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
    content: " ";
    display: table; }
  .clearing-thumbs:after, [data-clearing]:after {
    clear: both; }
  .clearing-thumbs li, [data-clearing] li {
    float: left;
    margin-right: 10px; }
  .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
    margin-right: 0; }

.clearing-blackout {
  background: #333333;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
  left: 0; }
  .clearing-blackout .clearing-close {
    display: block; }

.clearing-container {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  z-index: 998; }

.clearing-touch-label {
  color: #AAAAAA;
  font-size: .6em;
  left: 50%;
  position: absolute;
  top: 50%; }

.visible-img {
  height: 95%;
  position: relative; }
  .visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    max-height: 100%;
    max-width: 100%; }

.clearing-caption {
  background: #333333;
  bottom: 0;
  color: #CCCCCC;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 0;
  padding: 10px 30px 20px;
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0; }

.clearing-close {
  color: #CCCCCC;
  display: none;
  font-size: 30px;
  line-height: 1;
  padding-left: 20px;
  padding-top: 10px;
  z-index: 999; }
  .clearing-close:hover, .clearing-close:focus {
    color: #CCCCCC; }

.clearing-assembled .clearing-container {
  height: 100%; }
  .clearing-assembled .clearing-container .carousel > ul {
    display: none; }

.clearing-feature li {
  display: none; }
  .clearing-feature li.clearing-featured-img {
    display: block; }

@media only screen and (min-width: 768px) {
  .clearing-main-prev,
  .clearing-main-next {
    height: 100%;
    position: absolute;
    top: 0;
    width: 40px; }
    .clearing-main-prev > span,
    .clearing-main-next > span {
      border: solid 12px;
      display: block;
      height: 0;
      position: absolute;
      top: 50%;
      width: 0; }
      .clearing-main-prev > span:hover,
      .clearing-main-next > span:hover {
        opacity: .8; }
  .clearing-main-prev {
    left: 0; }
    .clearing-main-prev > span {
      left: 5px;
      border-color: transparent;
      border-right-color: #CCCCCC; }
  .clearing-main-next {
    right: 0; }
    .clearing-main-next > span {
      border-color: transparent;
      border-left-color: #CCCCCC; }
  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: .3; }
  .clearing-assembled .clearing-container .carousel {
    background: rgba(51, 51, 51, 0.8);
    height: 120px;
    margin-top: 10px;
    text-align: center; }
    .clearing-assembled .clearing-container .carousel > ul {
      display: inline-block;
      z-index: 999;
      height: 100%;
      position: relative;
      float: none; }
      .clearing-assembled .clearing-container .carousel > ul li {
        clear: none;
        cursor: pointer;
        display: block;
        float: left;
        margin-right: 0;
        min-height: inherit;
        opacity: .4;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 120px; }
        .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
          height: 100%;
          max-width: none; }
        .clearing-assembled .clearing-container .carousel > ul li a.th {
          border: none;
          box-shadow: none;
          display: block; }
        .clearing-assembled .clearing-container .carousel > ul li img {
          cursor: pointer !important;
          width: 100% !important; }
        .clearing-assembled .clearing-container .carousel > ul li.visible {
          opacity: 1; }
        .clearing-assembled .clearing-container .carousel > ul li:hover {
          opacity: .8; }
  .clearing-assembled .clearing-container .visible-img {
    background: #333333;
    height: 85%;
    overflow: hidden; }
  .clearing-close {
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    top: 10px;
    right: 20px; } }

/* Foundation Dropdowns */
.f-dropdown {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #fff;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 2px;
  max-width: 200px; }
  .f-dropdown.open {
    display: block; }
  .f-dropdown > *:first-child {
    margin-top: 0; }
  .f-dropdown > *:last-child {
    margin-bottom: 0; }
  .f-dropdown:before {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #fff transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 89; }
  .f-dropdown:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #cccccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 88; }
  .f-dropdown.right:before {
    left: auto;
    right: 10px; }
  .f-dropdown.right:after {
    left: auto;
    right: 9px; }
  .f-dropdown.drop-right {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px; }
    .f-dropdown.drop-right.open {
      display: block; }
    .f-dropdown.drop-right > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-right > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-right:before {
      border: inset 6px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent #fff transparent transparent;
      border-right-style: solid;
      position: absolute;
      top: 10px;
      left: -12px;
      z-index: 89; }
    .f-dropdown.drop-right:after {
      border: inset 7px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent #cccccc transparent transparent;
      border-right-style: solid;
      position: absolute;
      top: 9px;
      left: -14px;
      z-index: 88; }
  .f-dropdown.drop-left {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: -2px;
    max-width: 200px; }
    .f-dropdown.drop-left.open {
      display: block; }
    .f-dropdown.drop-left > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-left > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-left:before {
      border: inset 6px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent transparent transparent #fff;
      border-left-style: solid;
      position: absolute;
      top: 10px;
      right: -12px;
      left: auto;
      z-index: 89; }
    .f-dropdown.drop-left:after {
      border: inset 7px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent transparent transparent #cccccc;
      border-left-style: solid;
      position: absolute;
      top: 9px;
      right: -14px;
      left: auto;
      z-index: 88; }
  .f-dropdown.drop-top {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-left: 0;
    margin-top: -2px;
    max-width: 200px; }
    .f-dropdown.drop-top.open {
      display: block; }
    .f-dropdown.drop-top > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-top > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-top:before {
      border: inset 6px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: #fff transparent transparent transparent;
      border-top-style: solid;
      bottom: -12px;
      position: absolute;
      top: auto;
      left: 10px;
      right: auto;
      z-index: 89; }
    .f-dropdown.drop-top:after {
      border: inset 7px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: #cccccc transparent transparent transparent;
      border-top-style: solid;
      bottom: -14px;
      position: absolute;
      top: auto;
      left: 9px;
      right: auto;
      z-index: 88; }
  .f-dropdown li {
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin: 0; }
    .f-dropdown li:hover, .f-dropdown li:focus {
      background: #EEEEEE; }
    .f-dropdown li.radius {
      border-radius: 3px; }
    .f-dropdown li a {
      display: block;
      padding: 0.5rem;
      color: #555555; }
  .f-dropdown.content {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    padding: 1.25rem;
    width: 100%;
    z-index: 89;
    max-width: 200px; }
    .f-dropdown.content.open {
      display: block; }
    .f-dropdown.content > *:first-child {
      margin-top: 0; }
    .f-dropdown.content > *:last-child {
      margin-bottom: 0; }
  .f-dropdown.tiny {
    max-width: 200px; }
  .f-dropdown.small {
    max-width: 300px; }
  .f-dropdown.medium {
    max-width: 500px; }
  .f-dropdown.large {
    max-width: 800px; }
  .f-dropdown.mega {
    width: 100% !important;
    max-width: 100% !important; }
    .f-dropdown.mega.open {
      left: 0 !important; }

.dropdown.button, button.dropdown {
  position: relative;
  padding-right: 3.5625rem; }
  .dropdown.button::after, button.dropdown::after {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0; }
  .dropdown.button::after, button.dropdown::after {
    border-width: 0.375rem;
    right: 1.40625rem;
    margin-top: -0.15625rem; }
  .dropdown.button::after, button.dropdown::after {
    border-color: #fff transparent transparent transparent; }
  .dropdown.button.tiny, button.dropdown.tiny {
    padding-right: 2.625rem; }
    .dropdown.button.tiny:after, button.dropdown.tiny:after {
      border-width: 0.375rem;
      right: 1.125rem;
      margin-top: -0.125rem; }
    .dropdown.button.tiny::after, button.dropdown.tiny::after {
      border-color: #fff transparent transparent transparent; }
  .dropdown.button.small, button.dropdown.small {
    padding-right: 3.0625rem; }
    .dropdown.button.small::after, button.dropdown.small::after {
      border-width: 0.4375rem;
      right: 1.3125rem;
      margin-top: -0.15625rem; }
    .dropdown.button.small::after, button.dropdown.small::after {
      border-color: #fff transparent transparent transparent; }
  .dropdown.button.large, button.dropdown.large {
    padding-right: 3.625rem; }
    .dropdown.button.large::after, button.dropdown.large::after {
      border-width: 0.3125rem;
      right: 1.71875rem;
      margin-top: -0.15625rem; }
    .dropdown.button.large::after, button.dropdown.large::after {
      border-color: #fff transparent transparent transparent; }
  .dropdown.button.secondary:after, button.dropdown.secondary:after {
    border-color: #333333 transparent transparent transparent; }

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

/* Standard Forms */
form {
  margin: 0 0 1rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5rem; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem; }

/* Label Styles */
label {
  color: #8f837b;
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */ }
  label.right {
    float: none !important;
    text-align: right; }
  label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0; }
  label small {
    text-transform: capitalize;
    color: #a0958f; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.875rem;
  height: 2.6875rem;
  line-height: 2.6875rem;
  overflow: visible;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  border-color: true; }

.prefix.button {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center; }

.prefix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.prefix.button.round {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc; }

span.postfix, label.postfix {
  background: #f2f2f2;
  color: #333333;
  border-color: #cccccc; }

/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #574e4a;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-family: inherit;
  font-size: 1.25rem;
  height: 2.6875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.15s linear, background 0.15s linear; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    background: #fff;
    border-color: #574e4a;
    outline: none; }
  input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
    background-color: #eee;
    cursor: default; }
  input[type="text"][disabled], input[type="text"][readonly],
  fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly],
  fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly],
  fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly],
  fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly],
  fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly],
  fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly],
  fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly],
  fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly],
  fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly],
  fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly],
  fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly],
  fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly],
  fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly],
  fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly],
  fieldset[disabled] textarea {
    background-color: #eee;
    cursor: default; }
  input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
    border-radius: 0.5rem; }

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

form .row .prefix-radius.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

form .row .postfix-radius.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

form .row .prefix-round.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

form .row .postfix-round.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Not allow resize out of parent */
textarea {
  max-width: 100%; }

::-webkit-input-placeholder {
  color: #cccccc; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #cccccc; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #cccccc; }

:-ms-input-placeholder {
  color: #cccccc; }

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #FAFAFA;
  border-radius: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #574e4a;
  color: rgba(0, 0, 0, 0.75);
  font-family: inherit;
  font-size: 1.25rem;
  line-height: normal;
  padding: 0.5rem;
  border-radius: 0;
  height: 2.6875rem; }
  select::-ms-expand {
    display: none; }
  select.radius {
    border-radius: 3px; }
  select:hover {
    background-color: #f3f3f3;
    border-color: #574e4a; }
  select:disabled {
    background-color: #eee;
    cursor: default; }
  select[multiple] {
    height: auto; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }

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

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 1px solid #DDDDDD;
  margin: 1.125rem 0;
  padding: 1.25rem; }
  fieldset legend {
    background: #fff;
    font-weight: bold;
    margin-left: -0.1875rem;
    margin: 0;
    padding: 0 0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #faa41a;
  color: #fff; }

[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #faa41a;
  color: #fff; }

.error input,
.error textarea,
.error select {
  margin-bottom: 0; }

.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem; }

.error label,
.error label.error {
  color: #faa41a; }

.error small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #faa41a;
  color: #fff; }

.error > label > small {
  background: transparent;
  color: #a0958f;
  display: inline;
  font-size: 60%;
  font-style: normal;
  margin: 0;
  padding: 0;
  text-transform: capitalize; }

.error span.error-message {
  display: block; }

input.error,
textarea.error,
select.error {
  margin-bottom: 0; }

label.error {
  color: #faa41a; }

.inline-list {
  list-style: none;
  margin-left: -1.375rem;
  margin-right: 0;
  margin: 0 auto 1.0625rem auto;
  overflow: hidden;
  padding: 0; }
  .inline-list > li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.375rem; }
    .inline-list > li > * {
      display: block; }

/* Foundation Joyride */
.joyride-list {
  display: none; }

/* Default styles for the container */
.joyride-tip-guide {
  background: #333333;
  color: #fff;
  display: none;
  font-family: inherit;
  font-weight: normal;
  position: absolute;
  top: 0;
  width: 95%;
  z-index: 101;
  left: 2.5%; }

.lt-ie9 .joyride-tip-guide {
  margin-left: -400px;
  max-width: 800px;
  left: 50%; }

.joyride-content-wrapper {
  padding: 1.125rem 1.25rem 1.5rem;
  width: 100%; }
  .joyride-content-wrapper .button {
    margin-bottom: 0 !important; }
  .joyride-content-wrapper .joyride-prev-tip {
    margin-right: 10px; }

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide .joyride-nub {
  border: 10px solid #333333;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  left: 22px; }
  .joyride-tip-guide .joyride-nub.top {
    border-color: #333333;
    border-top-color: transparent !important;
    border-top-style: solid;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    top: -20px; }
  .joyride-tip-guide .joyride-nub.bottom {
    border-color: #333333 !important;
    border-bottom-color: transparent !important;
    border-bottom-style: solid;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -20px; }
  .joyride-tip-guide .joyride-nub.right {
    right: -20px; }
  .joyride-tip-guide .joyride-nub.left {
    left: -20px; }

/* Typography */
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
  color: #fff;
  font-weight: bold;
  line-height: 1.25;
  margin: 0; }

.joyride-tip-guide p {
  font-size: 0.875rem;
  line-height: 1.3;
  margin: 0 0 1.125rem 0; }

.joyride-timer-indicator-wrap {
  border: solid 1px #555555;
  bottom: 1rem;
  height: 3px;
  position: absolute;
  width: 50px;
  right: 1.0625rem; }

.joyride-timer-indicator {
  background: #666666;
  display: block;
  height: inherit;
  width: 0; }

.joyride-close-tip {
  color: #777777 !important;
  font-size: 24px;
  font-weight: normal;
  line-height: .5 !important;
  position: absolute;
  text-decoration: none;
  top: 10px;
  right: 12px; }
  .joyride-close-tip:hover, .joyride-close-tip:focus {
    color: #EEEEEE !important; }

.joyride-modal-bg {
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: none;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  left: 0; }

.joyride-expose-wrapper {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 15px #fff;
  position: absolute;
  z-index: 102; }

.joyride-expose-cover {
  background: transparent;
  border-radius: 3px;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 9999; }

/* Styles for screens that are at least 768px; */
@media only screen and (min-width: 768px) {
  .joyride-tip-guide {
    width: 300px;
    left: inherit; }
    .joyride-tip-guide .joyride-nub.bottom {
      border-color: #333333 !important;
      border-bottom-color: transparent !important;
      border-left-color: transparent !important;
      border-right-color: transparent !important;
      bottom: -20px; }
    .joyride-tip-guide .joyride-nub.right {
      border-color: #333333 !important;
      border-right-color: transparent !important;
      border-bottom-color: transparent !important;
      border-top-color: transparent !important;
      left: auto;
      right: -20px;
      top: 22px; }
    .joyride-tip-guide .joyride-nub.left {
      border-color: #333333 !important;
      border-bottom-color: transparent !important;
      border-left-color: transparent !important;
      border-top-color: transparent !important;
      left: -20px;
      right: auto;
      top: 22px; } }

.keystroke,
kbd {
  background-color: #f6f6f6;
  border-color: #f6f6f6;
  color: #574e4a;
  border-style: solid;
  border-width: 1px;
  font-family: "System76 Fira Sans", sans-serif;
  font-size: 100%;
  margin: 0;
  padding: 0 0.5em;
  border-radius: 3px; }

.label {
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1;
  margin-bottom: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.25rem 0.5rem 0.25rem;
  font-size: 0.6875rem;
  background-color: #faa41a;
  color: #fff; }
  .label.radius {
    border-radius: 3px; }
  .label.round {
    border-radius: 1000px; }
  .label.alert {
    background-color: #faa41a;
    color: #fff; }
  .label.warning {
    background-color: #f15d22;
    color: #fff; }
  .label.success {
    background-color: #48b9c7;
    color: #fff; }
  .label.secondary {
    background-color: #48b9c7;
    color: #fff; }
  .label.info {
    background-color: #ffce51;
    color: #fff; }

[data-magellan-expedition], [data-magellan-expedition-clone] {
  background: #fff;
  min-width: 100%;
  padding: 10px;
  z-index: 50; }
  [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
    margin-bottom: 0; }
    [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
      margin-bottom: 0; }
    [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
      line-height: 1.8em; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/* Orbit Graceful Loading */
.slideshow-wrapper {
  position: relative; }
  .slideshow-wrapper ul {
    list-style-type: none;
    margin: 0; }
    .slideshow-wrapper ul li,
    .slideshow-wrapper ul li .orbit-caption {
      display: none; }
    .slideshow-wrapper ul li:first-child {
      display: block; }
  .slideshow-wrapper .orbit-container {
    background-color: transparent; }
    .slideshow-wrapper .orbit-container li {
      display: block; }
      .slideshow-wrapper .orbit-container li .orbit-caption {
        display: block; }
    .slideshow-wrapper .orbit-container .orbit-bullets li {
      display: inline-block; }
  .slideshow-wrapper .preloader {
    border-radius: 1000px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: rotate;
    animation-timing-function: linear;
    border-color: #555555 #fff;
    border: solid 3px;
    display: block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px; }

.orbit-container {
  background: none;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    transform: translateZ(0); }
    .orbit-container .orbit-slides-container img {
      display: block;
      max-width: 100%; }
    .orbit-container .orbit-slides-container > * {
      position: absolute;
      top: 0;
      width: 100%;
      margin-left: 100%; }
      .orbit-container .orbit-slides-container > *:first-child {
        margin-left: 0; }
      .orbit-container .orbit-slides-container > * .orbit-caption {
        bottom: 0;
        position: absolute;
        background-color: rgba(51, 51, 51, 0.8);
        color: #fff;
        font-size: 0.875rem;
        padding: 0.625rem 0.875rem;
        width: 100%; }
  .orbit-container .orbit-slide-number {
    left: 10px;
    background: transparent;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 10px;
    z-index: 10; }
    .orbit-container .orbit-slide-number span {
      font-weight: 700;
      padding: 0.3125rem; }
  .orbit-container .orbit-timer {
    position: absolute;
    top: 12px;
    right: 10px;
    height: 6px;
    width: 100px;
    z-index: 10; }
    .orbit-container .orbit-timer .orbit-progress {
      height: 3px;
      background-color: rgba(255, 255, 255, 0.3);
      display: block;
      width: 0;
      position: relative;
      right: 20px;
      top: 5px; }
    .orbit-container .orbit-timer > span {
      border: solid 4px #fff;
      border-bottom: none;
      border-top: none;
      display: none;
      height: 14px;
      position: absolute;
      top: 0;
      width: 11px;
      right: 0; }
    .orbit-container .orbit-timer.paused > span {
      top: 0;
      width: 11px;
      height: 14px;
      border: inset 8px;
      border-left-style: solid;
      border-color: transparent;
      border-left-color: #fff;
      right: -4px; }
      .orbit-container .orbit-timer.paused > span.dark {
        border-left-color: #333333; }
  .orbit-container:hover .orbit-timer > span {
    display: block; }
  .orbit-container .orbit-prev,
  .orbit-container .orbit-next {
    background-color: transparent;
    color: white;
    height: 60px;
    line-height: 50px;
    margin-top: -25px;
    position: absolute;
    text-indent: -9999px !important;
    top: 45%;
    width: 36px;
    z-index: 10; }
    .orbit-container .orbit-prev:hover,
    .orbit-container .orbit-next:hover {
      background-color: rgba(0, 0, 0, 0.3); }
    .orbit-container .orbit-prev > span,
    .orbit-container .orbit-next > span {
      border: inset 10px;
      display: block;
      height: 0;
      margin-top: -10px;
      position: absolute;
      top: 50%;
      width: 0; }
  .orbit-container .orbit-prev {
    left: 0; }
    .orbit-container .orbit-prev > span {
      border-right-style: solid;
      border-color: transparent;
      border-right-color: #fff; }
    .orbit-container .orbit-prev:hover > span {
      border-right-color: #fff; }
  .orbit-container .orbit-next {
    right: 0; }
    .orbit-container .orbit-next > span {
      border-color: transparent;
      border-left-style: solid;
      border-left-color: #fff;
      left: 50%;
      margin-left: -4px; }
    .orbit-container .orbit-next:hover > span {
      border-left-color: #fff; }

.orbit-bullets-container {
  text-align: center; }

.orbit-bullets {
  display: block;
  float: none;
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  top: 10px; }
  .orbit-bullets li {
    background: #CCCCCC;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 0.5625rem;
    margin-right: 6px;
    width: 0.5625rem;
    border-radius: 1000px; }
    .orbit-bullets li.active {
      background: #999999; }
    .orbit-bullets li:last-child {
      margin-right: 0; }

.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
  display: none; }

.touch .orbit-bullets {
  display: none; }

@media only screen and (min-width: 768px) {
  .touch .orbit-container .orbit-prev,
  .touch .orbit-container .orbit-next {
    display: inherit; }
  .touch .orbit-bullets {
    display: block; } }

@media only screen and (max-width: 599px) {
  .orbit-stack-on-small .orbit-slides-container {
    height: auto !important; }
  .orbit-stack-on-small .orbit-slides-container > * {
    margin: 0  !important;
    opacity: 1 !important;
    position: relative; }
  .orbit-stack-on-small .orbit-slide-number {
    display: none; }
  .orbit-timer {
    display: none; }
  .orbit-next, .orbit-prev {
    display: none; }
  .orbit-bullets {
    display: none; } }

ul.pagination {
  display: block;
  margin-left: -0.3125rem;
  min-height: 1.5rem; }
  ul.pagination li {
    color: #222222;
    font-size: 0.875rem;
    height: 1.5rem;
    margin-left: 0.3125rem; }
    ul.pagination li a, ul.pagination li button {
      border-radius: 3px;
      transition: background-color 300ms ease-out;
      background: none;
      color: #999999;
      display: block;
      font-size: 1em;
      font-weight: normal;
      line-height: inherit;
      padding: 0.0625rem 0.625rem 0.0625rem; }
    ul.pagination li:hover a,
    ul.pagination li a:focus,
    ul.pagination li:hover button,
    ul.pagination li button:focus {
      background: #e6e6e6; }
    ul.pagination li.unavailable a, ul.pagination li.unavailable button {
      cursor: default;
      color: #999999; }
    ul.pagination li.unavailable:hover a,
    ul.pagination li.unavailable a:focus,
    ul.pagination li.unavailable:hover button,
    ul.pagination li.unavailable button:focus {
      background: transparent; }
    ul.pagination li.current a, ul.pagination li.current button {
      background: #faa41a;
      color: #fff;
      cursor: default;
      font-weight: bold; }
      ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
        background: #faa41a; }
  ul.pagination li {
    display: block;
    float: left; }

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center; }
  .pagination-centered ul.pagination li {
    display: inline-block;
    float: none; }

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #333333; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
    color: #333333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625rem; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #fffaf1;
    color: #333333; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
      color: #333333; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625rem; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
    .panel.callout a:not(.button) {
      color: #faa41a; }
      .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
        color: #e89105; }
  .panel.radius {
    border-radius: 3px; }

/* Pricing Tables */
.pricing-table {
  border: solid 1px #574e4a;
  margin-left: 0;
  margin-bottom: 1.25rem; }
  .pricing-table * {
    list-style: none;
    line-height: 1; }
  .pricing-table .title {
    background-color: #574e4a;
    color: #EEEEEE;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    padding: 0.9375rem 1.25rem;
    text-align: center; }
  .pricing-table .price {
    background-color: #f2f2f2;
    color: #574e4a;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 2rem;
    font-weight: normal;
    padding: 0.9375rem 1.25rem;
    text-align: center; }
  .pricing-table .description {
    background-color: #fff;
    border-bottom: dotted 1px #999;
    color: #999;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.4;
    padding: 0.9375rem;
    text-align: center; }
  .pricing-table .bullet-item {
    background-color: #fff;
    border-bottom: dotted 1px #999;
    color: #888;
    font-size: 0.875rem;
    font-weight: normal;
    padding: 0.9375rem;
    text-align: center; }
  .pricing-table .cta-button {
    background-color: #fff;
    padding: 1.25rem 1.25rem 0;
    text-align: center; }

/* Progress Bar */
.progress {
  background-color: #F6F6F6;
  border: 1px solid white;
  height: 0.625rem;
  margin-bottom: 0.625rem;
  padding: 0; }
  .progress .meter {
    background: #faa41a;
    display: block;
    height: 100%; }
  .progress.secondary .meter {
    background: #48b9c7;
    display: block;
    height: 100%; }
  .progress.success .meter {
    background: #48b9c7;
    display: block;
    height: 100%; }
  .progress.alert .meter {
    background: #faa41a;
    display: block;
    height: 100%; }
  .progress.radius {
    border-radius: 3px; }
    .progress.radius .meter {
      border-radius: 2px; }
  .progress.round {
    border-radius: 1000px; }
    .progress.round .meter {
      border-radius: 999px; }

.range-slider {
  border: 1px solid #DDDDDD;
  margin: 1.25rem 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  display: block;
  height: 1rem;
  width: 100%;
  background: #FAFAFA; }
  .range-slider.vertical-range {
    border: 1px solid #DDDDDD;
    margin: 1.25rem 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    display: inline-block;
    height: 12.5rem;
    width: 1rem; }
    .range-slider.vertical-range .range-slider-handle {
      bottom: -10.5rem;
      margin-left: -0.5rem;
      margin-top: 0;
      position: absolute; }
    .range-slider.vertical-range .range-slider-active-segment {
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit;
      border-top-left-radius: initial;
      bottom: 0;
      height: auto;
      width: 0.875rem; }
  .range-slider.radius {
    background: #FAFAFA;
    border-radius: 3px; }
    .range-slider.radius .range-slider-handle {
      background: #faa41a;
      border-radius: 3px; }
      .range-slider.radius .range-slider-handle:hover {
        background: #ee9405; }
  .range-slider.round {
    background: #FAFAFA;
    border-radius: 1000px; }
    .range-slider.round .range-slider-handle {
      background: #faa41a;
      border-radius: 1000px; }
      .range-slider.round .range-slider-handle:hover {
        background: #ee9405; }
  .range-slider.disabled, .range-slider[disabled] {
    background: #FAFAFA;
    cursor: not-allowed;
    opacity: 0.7; }
    .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
      background: #faa41a;
      cursor: default;
      opacity: 0.7; }
      .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
        background: #ee9405; }

.range-slider-active-segment {
  background: #46b8c6;
  border-bottom-left-radius: inherit;
  border-top-left-radius: inherit;
  display: inline-block;
  height: 0.875rem;
  position: absolute; }

.range-slider-handle {
  border: 1px solid none;
  cursor: pointer;
  display: inline-block;
  height: 1.375rem;
  position: absolute;
  top: -0.3125rem;
  width: 2rem;
  z-index: 1;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #faa41a; }
  .range-slider-handle:hover {
    background: #ee9405; }

.reveal-modal-bg {
  background: #574f4a;
  background: rgba(87, 79, 74, 0.45);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0; }

.reveal-modal {
  border-radius: 3px;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 0;
  background-color: #fff;
  padding: 1.875rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(87, 79, 74, 0.4); }
  @media only screen and (max-width: 599px) {
    .reveal-modal {
      min-height: 100vh; } }
  .reveal-modal .column, .reveal-modal .columns {
    min-width: 0; }
  .reveal-modal > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .reveal-modal {
      left: 0;
      margin: 0 auto;
      max-width: 80rem;
      right: 0;
      width: 80%; } }
  @media only screen and (min-width: 768px) {
    .reveal-modal {
      top: 6.25rem; } }
  .reveal-modal.radius {
    border-radius: 3px; }
  .reveal-modal.round {
    border-radius: 1000px; }
  .reveal-modal.collapse {
    padding: 0; }
  @media only screen and (min-width: 768px) {
    .reveal-modal.tiny {
      left: 0;
      margin: 0 auto;
      max-width: 80rem;
      right: 0;
      width: 30%; } }
  @media only screen and (min-width: 768px) {
    .reveal-modal.small {
      left: 0;
      margin: 0 auto;
      max-width: 80rem;
      right: 0;
      width: 40%; } }
  @media only screen and (min-width: 768px) {
    .reveal-modal.medium {
      left: 0;
      margin: 0 auto;
      max-width: 80rem;
      right: 0;
      width: 60%; } }
  @media only screen and (min-width: 768px) {
    .reveal-modal.large {
      left: 0;
      margin: 0 auto;
      max-width: 80rem;
      right: 0;
      width: 70%; } }
  @media only screen and (min-width: 768px) {
    .reveal-modal.xlarge {
      left: 0;
      margin: 0 auto;
      max-width: 80rem;
      right: 0;
      width: 95%; } }
  .reveal-modal.full {
    height: 100vh;
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    top: 0; }
    @media only screen and (min-width: 768px) {
      .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 80rem;
        right: 0;
        width: 100%; } }
  .reveal-modal.toback {
    z-index: 1003; }
  .reveal-modal .close-reveal-modal {
    color: #AAAAAA;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top: 0.625rem;
    right: 1.375rem; }

.side-nav {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0.875rem 0; }
  .side-nav li {
    font-size: 0.875rem;
    font-weight: normal;
    margin: 0 0 0.4375rem 0; }
    .side-nav li a:not(.button) {
      color: #faa41a;
      display: block;
      margin: 0;
      padding: 0.4375rem 0.875rem; }
      .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
        background: rgba(0, 0, 0, 0.025);
        color: #fcbf5f; }
      .side-nav li a:not(.button):active {
        color: #fcbf5f; }
    .side-nav li.active > a:first-child:not(.button) {
      color: #fcbf5f;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-weight: normal; }
    .side-nav li.divider {
      border-top: 1px solid;
      height: 0;
      list-style: none;
      padding: 0;
      border-top-color: #e6e6e6; }
    .side-nav li.heading {
      color: #faa41a;
      font-size: 0.875rem;
      font-weight: bold;
      text-transform: uppercase; }

.split.button {
  position: relative;
  padding-right: 5.0625rem; }
  .split.button span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px; }
    .split.button span:after {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      display: block;
      border-style: inset;
      top: 50%;
      left: 50%; }
    .split.button span:active {
      background-color: rgba(0, 0, 0, 0.1); }
  .split.button span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button span {
    width: 3.09375rem; }
    .split.button span:after {
      border-top-style: solid;
      border-width: 0.375rem;
      margin-left: -0.375rem;
      top: 48%; }
  .split.button span:after {
    border-color: #fff transparent transparent transparent; }
  .split.button.secondary span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.secondary span:after {
    border-color: #fff transparent transparent transparent; }
  .split.button.alert span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.success span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.tiny {
    padding-right: 3.75rem; }
    .split.button.tiny span {
      width: 2.25rem; }
      .split.button.tiny span:after {
        border-top-style: solid;
        border-width: 0.375rem;
        margin-left: -0.375rem;
        top: 48%; }
  .split.button.small {
    padding-right: 4.375rem; }
    .split.button.small span {
      width: 2.625rem; }
      .split.button.small span:after {
        border-top-style: solid;
        border-width: 0.4375rem;
        margin-left: -0.375rem;
        top: 48%; }
  .split.button.large {
    padding-right: 5.5rem; }
    .split.button.large span {
      width: 3.4375rem; }
      .split.button.large span:after {
        border-top-style: solid;
        border-width: 0.3125rem;
        margin-left: -0.375rem;
        top: 48%; }
  .split.button.expand {
    padding-left: 2rem; }
  .split.button.secondary span:after {
    border-color: #333333 transparent transparent transparent; }
  .split.button.radius span {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .split.button.round span {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px; }
  .split.button.no-pip span:before {
    border-style: none; }
  .split.button.no-pip span:after {
    border-style: none; }
  .split.button.no-pip span > i {
    display: block;
    left: 50%;
    margin-left: -0.28889em;
    margin-top: -0.48889em;
    position: absolute;
    top: 50%; }

.sub-nav {
  display: block;
  margin: -0.25rem 0 1.125rem;
  overflow: hidden;
  padding-top: 0.25rem;
  width: auto; }
  .sub-nav dt {
    text-transform: uppercase; }
  .sub-nav dt,
  .sub-nav dd,
  .sub-nav li {
    color: #999999;
    float: left;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    margin-left: 1rem;
    margin-bottom: 0; }
    .sub-nav dt a,
    .sub-nav dd a,
    .sub-nav li a {
      color: #999999;
      padding: 0.1875rem 1rem;
      text-decoration: none; }
      .sub-nav dt a:hover,
      .sub-nav dd a:hover,
      .sub-nav li a:hover {
        color: #737373; }
    .sub-nav dt.active a,
    .sub-nav dd.active a,
    .sub-nav li.active a {
      border-radius: 3px;
      background: #faa41a;
      color: #fff;
      cursor: default;
      font-weight: normal;
      padding: 0.1875rem 1rem; }
      .sub-nav dt.active a:hover,
      .sub-nav dd.active a:hover,
      .sub-nav li.active a:hover {
        background: #e89105; }

.switch {
  border: none;
  margin-bottom: 1.5rem;
  outline: 0;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .switch label {
    background: #DDDDDD;
    color: transparent;
    cursor: pointer;
    display: block;
    margin-bottom: 1rem;
    position: relative;
    text-indent: 100%;
    width: 4rem;
    height: 2rem;
    transition: left 0.15s ease-out; }
  .switch input {
    left: 10px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 9px; }
    .switch input + label {
      margin-left: 0;
      margin-right: 0; }
  .switch label:after {
    background: #fff;
    content: "";
    display: block;
    height: 1.5rem;
    left: .25rem;
    position: absolute;
    top: .25rem;
    width: 1.5rem;
    transition: left 0.15s ease-out;
    transform: translate3d(0, 0, 0); }
  .switch input:checked + label {
    background: #faa41a; }
  .switch input:checked + label:after {
    left: 2.25rem; }
  .switch label {
    height: 2rem;
    width: 4rem; }
  .switch label:after {
    height: 1.5rem;
    width: 1.5rem; }
  .switch input:checked + label:after {
    left: 2.25rem; }
  .switch label {
    color: transparent;
    background: #DDDDDD; }
  .switch label:after {
    background: #fff; }
  .switch input:checked + label {
    background: #faa41a; }
  .switch.large label {
    height: 2.5rem;
    width: 5rem; }
  .switch.large label:after {
    height: 2rem;
    width: 2rem; }
  .switch.large input:checked + label:after {
    left: 2.75rem; }
  .switch.small label {
    height: 1.75rem;
    width: 3.5rem; }
  .switch.small label:after {
    height: 1.25rem;
    width: 1.25rem; }
  .switch.small input:checked + label:after {
    left: 2rem; }
  .switch.tiny label {
    height: 1.5rem;
    width: 3rem; }
  .switch.tiny label:after {
    height: 1rem;
    width: 1rem; }
  .switch.tiny input:checked + label:after {
    left: 1.75rem; }
  .switch.radius label {
    border-radius: 4px; }
  .switch.radius label:after {
    border-radius: 3px; }
  .switch.round {
    border-radius: 1000px; }
    .switch.round label {
      border-radius: 2rem; }
    .switch.round label:after {
      border-radius: 2rem; }

table {
  background: #fff;
  border: none 0 transparent;
  margin-bottom: 1.25rem;
  table-layout: auto; }
  table caption {
    background: transparent;
    color: #574f4a;
    font-size: 1rem;
    font-weight: bold; }
  table thead {
    background: #fff; }
    table thead tr th,
    table thead tr td {
      color: #574f4a;
      font-size: 0.875rem;
      font-weight: normal;
      padding: 0.5625rem 0; }
  table tfoot {
    background: #fff; }
    table tfoot tr th,
    table tfoot tr td {
      color: #574f4a;
      font-size: 0.875rem;
      font-weight: normal;
      padding: 0.5625rem 0; }
  table tr th,
  table tr td {
    color: #574f4a;
    font-size: 0.875rem;
    padding: 0.5625rem 0;
    text-align: left; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #fff; }
  table thead tr th,
  table tfoot tr th,
  table tfoot tr td,
  table tbody tr th,
  table tbody tr td,
  table tr td {
    display: table-cell;
    line-height: 1.125rem; }

.tabs {
  margin-bottom: 0 !important;
  margin-left: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs dd,
  .tabs .tab-title {
    float: left;
    list-style: none;
    margin-bottom: 0 !important;
    position: relative; }
    .tabs dd > a,
    .tabs .tab-title > a {
      display: block;
      background-color: #EFEFEF;
      color: #222222;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1rem;
      padding: 1rem 2rem; }
      .tabs dd > a:hover,
      .tabs .tab-title > a:hover {
        background-color: #e1e1e1; }
    .tabs dd.active a,
    .tabs .tab-title.active a {
      background-color: #fff;
      color: #222222; }
  .tabs.radius dd:first-child a,
  .tabs.radius .tab:first-child a {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .tabs.radius dd:last-child a,
  .tabs.radius .tab:last-child a {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .tabs.vertical dd,
  .tabs.vertical .tab-title {
    position: inherit;
    float: none;
    display: block;
    top: auto; }

.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%; }
  .tabs-content:before, .tabs-content:after {
    content: " ";
    display: table; }
  .tabs-content:after {
    clear: both; }
  .tabs-content > .content {
    display: none;
    float: left;
    padding: 0.9375rem 0;
    width: 100%; }
    .tabs-content > .content.active {
      display: block;
      float: none; }
    .tabs-content > .content.contained {
      padding: 0.9375rem; }
  .tabs-content.vertical {
    display: block; }
    .tabs-content.vertical > .content {
      padding: 0 0.9375rem; }

@media only screen and (min-width: 768px) {
  .tabs.vertical {
    float: left;
    margin: 0;
    margin-bottom: 1.25rem !important;
    max-width: 20%;
    width: 20%; }
  .tabs-content.vertical {
    float: left;
    margin-left: -1px;
    max-width: 80%;
    padding-left: 1rem;
    width: 80%; } }

.no-js .tabs-content > .content {
  display: block;
  float: none; }

/* Image Thumbnails */
.th {
  border: solid 4px #fff;
  box-shadow: 0 0 0 1px rgba(87, 79, 74, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: all 200ms ease-out; }
  .th:hover, .th:focus {
    box-shadow: 0 0 6px 1px rgba(250, 164, 26, 0.5); }
  .th.radius {
    border-radius: 3px; }

/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #CCCCCC;
  color: #333333;
  cursor: help;
  font-weight: bold; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px #7a4c03;
    color: #faa41a; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

.tooltip {
  background: #333333;
  color: #fff;
  display: none;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.3;
  max-width: 300px;
  padding: 0.75rem;
  position: absolute;
  width: 100%;
  z-index: 1006;
  left: 50%; }
  .tooltip > .nub {
    border-color: transparent transparent #333333 transparent;
    border: solid 5px;
    display: block;
    height: 0;
    pointer-events: none;
    position: absolute;
    top: -10px;
    width: 0;
    left: 5px; }
    .tooltip > .nub.rtl {
      left: auto;
      right: 5px; }
  .tooltip.radius {
    border-radius: 3px; }
  .tooltip.round {
    border-radius: 1000px; }
    .tooltip.round > .nub {
      left: 2rem; }
  .tooltip.opened {
    border-bottom: dotted 1px #7a4c03 !important;
    color: #faa41a !important; }

.tap-to-close {
  color: #777777;
  display: block;
  font-size: 0.625rem;
  font-weight: normal; }

@media only screen and (min-width: 768px) {
  .tooltip > .nub {
    border-color: transparent transparent #333333 transparent;
    top: -10px; }
  .tooltip.tip-top > .nub {
    border-color: #333333 transparent transparent transparent;
    bottom: -10px;
    top: auto; }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #333333;
    left: auto;
    margin-top: -5px;
    right: -10px;
    top: 50%; }
  .tooltip.tip-right > .nub {
    border-color: transparent #333333 transparent transparent;
    left: -10px;
    margin-top: -5px;
    right: auto;
    top: 50%; } }

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:768px)/";
  width: 768px; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #333333; }
  .contain-to-grid .top-bar {
    margin-bottom: 0; }

.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  left: 0; }
  .fixed.expanded:not(.top-bar) {
    height: auto;
    max-height: 100%;
    overflow-y: auto;
    width: 100%; }
    .fixed.expanded:not(.top-bar) .title-area {
      position: fixed;
      width: 100%;
      z-index: 99; }
    .fixed.expanded:not(.top-bar) .top-bar-section {
      margin-top: 2.8125rem;
      z-index: 98; }

.top-bar {
  background: #333333;
  height: 2.8125rem;
  line-height: 2.8125rem;
  margin-bottom: 0;
  overflow: hidden;
  position: relative; }
  .top-bar ul {
    list-style: none;
    margin-bottom: 0; }
  .top-bar .row {
    max-width: none; }
  .top-bar form,
  .top-bar input,
  .top-bar select {
    margin-bottom: 0; }
  .top-bar input,
  .top-bar select {
    font-size: 0.75rem;
    height: 1.75rem;
    padding-bottom: .35rem;
    padding-top: .35rem; }
  .top-bar .button, .top-bar button {
    font-size: 0.75rem;
    margin-bottom: 0;
    padding-bottom: 0.4125rem;
    padding-top: 0.4125rem; }
    @media only screen and (max-width: 599px) {
      .top-bar .button, .top-bar button {
        position: relative;
        top: -1px; } }
  .top-bar .title-area {
    margin: 0;
    position: relative; }
  .top-bar .name {
    font-size: 16px;
    height: 2.8125rem;
    margin: 0; }
    .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
      font-size: 1.0625rem;
      line-height: 2.8125rem;
      margin: 0; }
      .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
        color: #fff;
        display: block;
        font-weight: normal;
        padding: 0 0.9375rem;
        width: 75%; }
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar a {
      color: #fff;
      display: block;
      font-size: 0.8125rem;
      font-weight: bold;
      height: 2.8125rem;
      line-height: 2.8125rem;
      padding: 0 0.9375rem;
      position: relative;
      text-transform: uppercase; }
    .top-bar .toggle-topbar.menu-icon {
      margin-top: -16px;
      top: 50%; }
      .top-bar .toggle-topbar.menu-icon a {
        color: #fff;
        height: 34px;
        line-height: 33px;
        padding: 0 2.5rem 0 0.9375rem;
        position: relative; }
        .top-bar .toggle-topbar.menu-icon a span::after {
          content: "";
          display: block;
          height: 0;
          position: absolute;
          margin-top: -8px;
          top: 50%;
          right: 0.9375rem;
          box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
          width: 16px; }
        .top-bar .toggle-topbar.menu-icon a span:hover:after {
          box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
  .top-bar.expanded {
    background: transparent;
    height: auto; }
    .top-bar.expanded .title-area {
      background: #333333; }
    .top-bar.expanded .toggle-topbar a {
      color: #888888; }
      .top-bar.expanded .toggle-topbar a span::after {
        box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
      .top-bar.expanded .top-bar-section .dropdown {
        clip: initial; }
      .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
        padding: 0; } }

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left 300ms ease-out; }
  .top-bar-section ul {
    display: block;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%; }
  .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-top: solid 1px #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%; }
  .top-bar-section ul li {
    background: #333333; }
    .top-bar-section ul li > a {
      color: #fff;
      display: block;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 0.8125rem;
      font-weight: normal;
      padding-left: 0.9375rem;
      padding: 12px 0 12px 0.9375rem;
      text-transform: none;
      width: 100%; }
      .top-bar-section ul li > a.button {
        font-size: 0.8125rem;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        background-color: #faa41a;
        border-color: #d88705;
        color: #574f4a; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          background-color: #d88705; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          color: #574f4a; }
      .top-bar-section ul li > a.button.secondary {
        background-color: #48b9c7;
        border-color: #3399a6;
        color: #574f4a; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          background-color: #3399a6; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          color: #574f4a; }
      .top-bar-section ul li > a.button.success {
        background-color: #48b9c7;
        border-color: #3399a6;
        color: #574f4a; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          background-color: #3399a6; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          color: #574f4a; }
      .top-bar-section ul li > a.button.alert {
        background-color: #faa41a;
        border-color: #d88705;
        color: #574f4a; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          background-color: #d88705; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          color: #574f4a; }
      .top-bar-section ul li > a.button.warning {
        background-color: #f15d22;
        border-color: #cf440d;
        color: #574f4a; }
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          background-color: #cf440d; }
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          color: #574f4a; }
      .top-bar-section ul li > a.button.info {
        background-color: #ffce51;
        border-color: #ffbb0e;
        color: #574f4a; }
        .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
          background-color: #ffbb0e; }
        .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
          color: #574f4a; }
    .top-bar-section ul li > button {
      font-size: 0.8125rem;
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      background-color: #faa41a;
      border-color: #d88705;
      color: #574f4a; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        background-color: #d88705; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        color: #574f4a; }
      .top-bar-section ul li > button.secondary {
        background-color: #48b9c7;
        border-color: #3399a6;
        color: #574f4a; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          background-color: #3399a6; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          color: #574f4a; }
      .top-bar-section ul li > button.success {
        background-color: #48b9c7;
        border-color: #3399a6;
        color: #574f4a; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          background-color: #3399a6; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          color: #574f4a; }
      .top-bar-section ul li > button.alert {
        background-color: #faa41a;
        border-color: #d88705;
        color: #574f4a; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          background-color: #d88705; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          color: #574f4a; }
      .top-bar-section ul li > button.warning {
        background-color: #f15d22;
        border-color: #cf440d;
        color: #574f4a; }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          background-color: #cf440d; }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          color: #574f4a; }
      .top-bar-section ul li > button.info {
        background-color: #ffce51;
        border-color: #ffbb0e;
        color: #574f4a; }
        .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
          background-color: #ffbb0e; }
        .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
          color: #574f4a; }
    .top-bar-section ul li:hover:not(.has-form) > a {
      background-color: #555555;
      color: #fff;
      background: #222222; }
    .top-bar-section ul li.active > a {
      background: #faa41a;
      color: #fff; }
      .top-bar-section ul li.active > a:hover {
        background: #e89105;
        color: #fff; }
  .top-bar-section .has-form {
    padding: 0.9375rem; }
  .top-bar-section .has-dropdown {
    position: relative; }
    .top-bar-section .has-dropdown > a:after {
      border: inset 5px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
      border-left-style: solid;
      margin-right: 0.9375rem;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; }
    .top-bar-section .has-dropdown.moved {
      position: static; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important;
        width: 100%; }
      .top-bar-section .has-dropdown.moved > a:after {
        display: none; }
  .top-bar-section .dropdown {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    display: block;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    left: 100%; }
    .top-bar-section .dropdown li {
      height: auto;
      width: 100%; }
      .top-bar-section .dropdown li a {
        font-weight: normal;
        padding: 8px 0.9375rem; }
        .top-bar-section .dropdown li a.parent-link {
          font-weight: normal; }
      .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
        margin-bottom: 0;
        margin-top: 0;
        font-size: 1.125rem; }
        .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
          color: #fff;
          display: block; }
          .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
            background: none; }
      .top-bar-section .dropdown li.has-form {
        padding: 8px 0.9375rem; }
      .top-bar-section .dropdown li .button,
      .top-bar-section .dropdown li button {
        top: auto; }
    .top-bar-section .dropdown label {
      color: #777777;
      font-size: 0.625rem;
      font-weight: bold;
      margin-bottom: 0;
      padding: 8px 0.9375rem 2px;
      text-transform: uppercase; }

.js-generated {
  display: block; }

@media only screen and (min-width: 768px) {
  .top-bar {
    background: #333333;
    overflow: visible; }
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }
    .top-bar .name h1 a,
    .top-bar .name h2 a,
    .top-bar .name h3 a,
    .top-bar .name h4 a,
    .top-bar .name h5 a,
    .top-bar .name h6 a {
      width: auto; }
    .top-bar input,
    .top-bar select,
    .top-bar .button,
    .top-bar button {
      font-size: 0.875rem;
      height: 1.75rem;
      position: relative;
      top: 0.53125rem; }
    .top-bar.expanded {
      background: #333333; }
  .contain-to-grid .top-bar {
    margin-bottom: 0;
    margin: 0 auto;
    max-width: 80rem; }
  .top-bar-section {
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section ul {
      display: inline;
      height: auto !important;
      width: auto; }
      .top-bar-section ul li {
        float: left; }
        .top-bar-section ul li .js-generated {
          display: none; }
    .top-bar-section li.hover > a:not(.button) {
      background-color: #555555;
      background: #222222;
      color: #fff; }
    .top-bar-section li:not(.has-form) a:not(.button) {
      background: #333333;
      line-height: 2.8125rem;
      padding: 0 0.9375rem; }
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #555555;
        background: #222222; }
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      background: #faa41a;
      color: #fff;
      line-height: 2.8125rem;
      padding: 0 0.9375rem; }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #e89105;
        color: #fff; }
    .top-bar-section .has-dropdown > a {
      padding-right: 2.1875rem !important; }
      .top-bar-section .has-dropdown > a:after {
        border: inset 5px;
        content: "";
        display: block;
        height: 0;
        width: 0;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 1.40625rem; }
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
        display: block; }
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      display: block;
      position: absolute !important; }
    .top-bar-section .has-dropdown > a:focus + .dropdown {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      display: block;
      position: absolute !important; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      top: 0.1875rem;
      right: 5px; }
    .top-bar-section .dropdown {
      left: 0;
      background: transparent;
      min-width: 100%;
      top: auto; }
      .top-bar-section .dropdown li a {
        background: #333333;
        color: #fff;
        line-height: 2.8125rem;
        padding: 12px 0.9375rem;
        white-space: nowrap; }
      .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        background: #333333;
        color: #fff; }
      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        background-color: #555555;
        color: #fff;
        background: #222222; }
      .top-bar-section .dropdown li label {
        background: #333333;
        white-space: nowrap; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider,
    .top-bar-section > ul > [role="separator"] {
      border-right: solid 1px #4e4e4e;
      border-bottom: none;
      border-top: none;
      clear: none;
      height: 2.8125rem;
      width: 0; }
    .top-bar-section .has-form {
      background: #333333;
      height: 2.8125rem;
      padding: 0 0.9375rem; }
    .top-bar-section .right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section .right li .dropdown li .dropdown {
        right: 100%; }
    .top-bar-section .left li .dropdown {
      right: auto;
      left: 0; }
      .top-bar-section .left li .dropdown li .dropdown {
        left: 100%; }
  .no-js .top-bar-section ul li:hover > a {
    background-color: #555555;
    background: #222222;
    color: #fff; }
  .no-js .top-bar-section ul li:active > a {
    background: #faa41a;
    color: #fff; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important; }
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important; } }

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

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

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

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

@media only screen and (max-width: 599px) {
  .small-only-text-left {
    text-align: left !important; }
  .small-only-text-right {
    text-align: right !important; }
  .small-only-text-center {
    text-align: center !important; }
  .small-only-text-justify {
    text-align: justify !important; } }

@media only screen {
  .small-text-left {
    text-align: left !important; }
  .small-text-right {
    text-align: right !important; }
  .small-text-center {
    text-align: center !important; }
  .small-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 768px) and (max-width: 64em) {
  .medium-only-text-left {
    text-align: left !important; }
  .medium-only-text-right {
    text-align: right !important; }
  .medium-only-text-center {
    text-align: center !important; }
  .medium-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 768px) {
  .medium-text-left {
    text-align: left !important; }
  .medium-text-right {
    text-align: right !important; }
  .medium-text-center {
    text-align: center !important; }
  .medium-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
  .large-only-text-left {
    text-align: left !important; }
  .large-only-text-right {
    text-align: right !important; }
  .large-only-text-center {
    text-align: center !important; }
  .large-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 64.0625em) {
  .large-text-left {
    text-align: left !important; }
  .large-text-right {
    text-align: right !important; }
  .large-text-center {
    text-align: center !important; }
  .large-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 90.0625em) and (max-width: 120em) {
  .xlarge-only-text-left {
    text-align: left !important; }
  .xlarge-only-text-right {
    text-align: right !important; }
  .xlarge-only-text-center {
    text-align: center !important; }
  .xlarge-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 90.0625em) {
  .xlarge-text-left {
    text-align: left !important; }
  .xlarge-text-right {
    text-align: right !important; }
  .xlarge-text-center {
    text-align: center !important; }
  .xlarge-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) {
  .xxlarge-only-text-left {
    text-align: left !important; }
  .xxlarge-only-text-right {
    text-align: right !important; }
  .xxlarge-only-text-center {
    text-align: center !important; }
  .xxlarge-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 120.0625em) {
  .xxlarge-text-left {
    text-align: left !important; }
  .xxlarge-text-right {
    text-align: right !important; }
  .xxlarge-text-center {
    text-align: center !important; }
  .xxlarge-text-justify {
    text-align: justify !important; } }

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

/* Default Link Styles */
a {
  color: #faa41a;
  line-height: inherit;
  text-decoration: none; }
  a:hover, a:focus {
    color: #e89105; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; }
  p.lead {
    font-size: 1.21875rem;
    line-height: 1.6; }
  p aside {
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.35; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  color: #222222;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
  text-rendering: optimizeLegibility; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #6f6f6f;
    font-size: 60%;
    line-height: 0; }

h1 {
  font-size: 2.125rem; }

h2 {
  font-size: 1.6875rem; }

h3 {
  font-size: 1.375rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.125rem; }

h6 {
  font-size: 1rem; }

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

hr {
  border: solid #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 1.25rem 0 1.1875rem; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

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

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

code {
  background-color: #c8eaee;
  border-color: #a7dde4;
  border-style: solid;
  border-width: 1px;
  color: #403a36;
  font-family: "System76 Ubuntu Mono", monospace, mono;
  font-weight: normal;
  padding: 0.125rem 0.3125rem 0.0625rem; }

/* Lists */
ul,
ol,
dl {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.6;
  list-style-position: outside;
  margin-bottom: 1.25rem; }

ul {
  margin-left: 1.1rem; }
  ul.no-bullet {
    margin-left: 0; }
    ul.no-bullet li ul,
    ul.no-bullet li ol {
      margin-left: 1.25rem;
      margin-bottom: 0;
      list-style: none; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }

ul.square {
  list-style-type: square;
  margin-left: 1.1rem; }

ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem; }

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

ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol {
  margin-left: 1.4rem; }
  ol li ul,
  ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold; }

dl dd {
  margin-bottom: 0.75rem; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  cursor: help; }

abbr {
  text-transform: none; }
  abbr[title] {
    border-bottom: 1px dotted #DDDDDD; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #DDDDDD; }
  blockquote cite {
    display: block;
    font-size: 0.8125rem;
    color: #555555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #555555; }

blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f; }

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #DDDDDD;
  padding: 0.625rem 0.75rem; }
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.9375rem; }

.vevent .summary {
  font-weight: bold; }

.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625rem; }

@media only screen and (min-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }
  h1 {
    font-size: 2.75rem; }
  h2 {
    font-size: 2.3125rem; }
  h3 {
    font-size: 1.6875rem; }
  h4 {
    font-size: 1.4375rem; }
  h5 {
    font-size: 1.125rem; }
  h6 {
    font-size: 1rem; } }

.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden; }
  .off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
    min-height: 100%;
    -webkit-overflow-scrolling: touch; }

.inner-wrap {
  position: relative;
  width: 100%;
  transition: transform 500ms ease; }
  .inner-wrap:before, .inner-wrap:after {
    content: " ";
    display: table; }
  .inner-wrap:after {
    clear: both; }

.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #333333;
  color: #fff;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative; }
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
    color: #fff;
    font-weight: bold;
    line-height: 2.8125rem;
    margin: 0; }
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
    font-size: 1.125rem; }

.left-small {
  height: 2.8125rem;
  position: absolute;
  top: 0;
  width: 2.8125rem;
  border-right: solid 1px #1a1a1a;
  left: 0; }

.right-small {
  height: 2.8125rem;
  position: absolute;
  top: 0;
  width: 2.8125rem;
  border-left: solid 1px #1a1a1a;
  right: 0; }

.tab-bar-section {
  height: 2.8125rem;
  padding: 0 0.625rem;
  position: absolute;
  text-align: center;
  top: 0; }
  .tab-bar-section.left {
    text-align: left; }
  .tab-bar-section.right {
    text-align: right; }
  .tab-bar-section.left {
    left: 0;
    right: 2.8125rem; }
  .tab-bar-section.right {
    left: 2.8125rem;
    right: 0; }
  .tab-bar-section.middle {
    left: 2.8125rem;
    right: 2.8125rem; }

.tab-bar .menu-icon {
  color: #fff;
  display: block;
  height: 2.8125rem;
  padding: 0;
  position: relative;
  text-indent: 2.1875rem;
  transform: translate3d(0, 0, 0);
  width: 2.8125rem; }
  .tab-bar .menu-icon span::after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    left: 0.90625rem;
    box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    width: 1rem; }
  .tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }

.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  transition: transform 500ms ease 0s;
  width: 15.625rem;
  z-index: 1001;
  transform: translate3d(-100%, 0, 0);
  left: 0; }
  .left-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }

.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  transition: transform 500ms ease 0s;
  width: 15.625rem;
  z-index: 1001;
  transform: translate3d(100%, 0, 0);
  right: 0; }
  .right-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }

ul.off-canvas-list {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul.off-canvas-list li label {
    background: #444444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999999;
    display: block;
    font-size: 0.75rem;
    font-weight: bold;
    margin: 0;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase; }
  ul.off-canvas-list li a {
    border-bottom: 1px solid #262626;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    padding: 0.66667rem;
    transition: background 300ms ease; }
    ul.off-canvas-list li a:hover {
      background: #242424; }
    ul.off-canvas-list li a:active {
      background: #242424; }

.move-right > .inner-wrap {
  transform: translate3d(15.625rem, 0, 0); }

.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(87, 79, 74, 0.5), 4px 0 4px rgba(87, 79, 74, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002; }
  @media only screen and (min-width: 768px) {
    .move-right .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.move-left > .inner-wrap {
  transform: translate3d(-15.625rem, 0, 0); }

.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(87, 79, 74, 0.5), 4px 0 4px rgba(87, 79, 74, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002; }
  @media only screen and (min-width: 768px) {
    .move-left .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
  transform: none;
  z-index: 1003; }

.offcanvas-overlap .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(87, 79, 74, 0.5), 4px 0 4px rgba(87, 79, 74, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002; }
  @media only screen and (min-width: 768px) {
    .offcanvas-overlap .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap-left .right-off-canvas-menu {
  transform: none;
  z-index: 1003; }

.offcanvas-overlap-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(87, 79, 74, 0.5), 4px 0 4px rgba(87, 79, 74, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002; }
  @media only screen and (min-width: 768px) {
    .offcanvas-overlap-left .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap-right .left-off-canvas-menu {
  transform: none;
  z-index: 1003; }

.offcanvas-overlap-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(87, 79, 74, 0.5), 4px 0 4px rgba(87, 79, 74, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002; }
  @media only screen and (min-width: 768px) {
    .offcanvas-overlap-right .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.no-csstransforms .left-off-canvas-menu {
  left: -15.625rem; }

.no-csstransforms .right-off-canvas-menu {
  right: -15.625rem; }

.no-csstransforms .move-left > .inner-wrap {
  right: 15.625rem; }

.no-csstransforms .move-right > .inner-wrap {
  left: 15.625rem; }

.left-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 15.625rem;
  z-index: 1002;
  transform: translate3d(-100%, 0, 0);
  left: 0;
  transition: transform 500ms ease; }
  .left-submenu * {
    -webkit-backface-visibility: hidden; }
  .left-submenu .back > a {
    background: #444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999999;
    font-weight: bold;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase;
    margin: 0; }
    .left-submenu .back > a:hover {
      background: #303030;
      border-bottom: none;
      border-top: 1px solid #5e5e5e; }
    .left-submenu .back > a:before {
      content: "\AB";
      margin-right: .5rem;
      display: inline; }
  .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
    transform: translate3d(0%, 0, 0); }

.right-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 15.625rem;
  z-index: 1002;
  transform: translate3d(100%, 0, 0);
  right: 0;
  transition: transform 500ms ease; }
  .right-submenu * {
    -webkit-backface-visibility: hidden; }
  .right-submenu .back > a {
    background: #444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999999;
    font-weight: bold;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase;
    margin: 0; }
    .right-submenu .back > a:hover {
      background: #303030;
      border-bottom: none;
      border-top: 1px solid #5e5e5e; }
    .right-submenu .back > a:after {
      content: "\BB";
      margin-left: .5rem;
      display: inline; }
  .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
    transform: translate3d(0%, 0, 0); }

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
  content: "\BB";
  margin-left: .5rem;
  display: inline; }

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
  content: "\AB";
  margin-right: .5rem;
  display: inline; }

/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* medium displays */
@media only screen and (min-width: 768px) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* large displays */
@media only screen and (min-width: 64.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* xlarge displays */
@media only screen and (min-width: 90.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* xxlarge displays */
@media only screen and (min-width: 120.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table !important; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }
  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table !important; }
  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }
  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }
  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }
  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }

@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }
  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table !important; }
  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }
  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }
  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }
  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

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

/* Specific visibility for tables */
table.hide-for-touch {
  display: table !important; }

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

thead.hide-for-touch {
  display: table-header-group !important; }

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

tbody.hide-for-touch {
  display: table-row-group !important; }

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

tr.hide-for-touch {
  display: table-row !important; }

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

td.hide-for-touch {
  display: table-cell !important; }

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

th.hide-for-touch {
  display: table-cell !important; }

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

/* Screen reader-specific classes */
.show-for-sr {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }

.show-on-focus {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }
  .show-on-focus:focus, .show-on-focus:active {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

/* Print visibility */
@media print {
  .show-for-print {
    display: block; }
  .hide-for-print {
    display: none; }
  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; } }

@media not print {
  .show-for-print {
    display: none !important; } }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.animated.infinite {
  animation-iteration-count: infinite; }

.animated.hinge {
  animation-duration: 2s; }

.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s; }

.animated.flipOutX,
.animated.flipOutY {
  animation-duration: .75s; }

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% {
    transform: translate3d(0, -4px, 0); } }

.bounce {
  animation-name: bounce;
  transform-origin: center bottom; }

@keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    transform: scale3d(1, 1, 1); } }

.pulse {
  animation-name: pulse; }

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  to {
    transform: scale3d(1, 1, 1); } }

.rubberBand {
  animation-name: rubberBand; }

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0); } }

.shake {
  animation-name: shake; }

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  transform-origin: top center;
  animation-name: swing; }

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    transform: scale3d(1, 1, 1); } }

.tada {
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    transform: none; } }

.wobble {
  animation-name: wobble; }

@keyframes jello {
  from, 11.1%, to {
    transform: none; }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {
  animation-name: jello;
  transform-origin: center; }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  animation-name: bounceIn; }

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

.bounceInDown {
  animation-name: bounceInDown; }

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

.bounceInLeft {
  animation-name: bounceInLeft; }

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }

.bounceInRight {
  animation-name: bounceInRight; }

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  animation-name: bounceInUp; }

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  animation-name: bounceOut; }

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  animation-name: bounceOutDown; }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  animation-name: bounceOutLeft; }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  animation-name: bounceOutRight; }

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  animation-name: bounceOutUp; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  animation-name: fadeIn; }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInDown {
  animation-name: fadeInDown; }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInDownBig {
  animation-name: fadeInDownBig; }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInLeft {
  animation-name: fadeInLeft; }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInLeftBig {
  animation-name: fadeInLeftBig; }

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInRight {
  animation-name: fadeInRight; }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInRightBig {
  animation-name: fadeInRightBig; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInUp {
  animation-name: fadeInUp; }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInUpBig {
  animation-name: fadeInUpBig; }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  animation-name: fadeOutDown; }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  animation-name: fadeOutDownBig; }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  animation-name: fadeOutLeft; }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig; }

.fadeOutRight {
  animation-name: fadeOutRight; }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  animation-name: fadeOutRightBig; }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  animation-name: fadeOutUp; }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  animation-name: fadeOutUpBig; }

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in; }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  animation-name: flip; }

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  animation-name: flipInX; }

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  animation-name: flipInY; }

@keyframes flipOutX {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important; }

@keyframes flipOutY {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  animation-name: flipOutY; }

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    transform: none;
    opacity: 1; } }

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out; }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in; }

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1; } }

.rotateIn {
  animation-name: rotateIn; }

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft {
  animation-name: rotateInDownLeft; }

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownRight {
  animation-name: rotateInDownRight; }

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft {
  animation-name: rotateInUpLeft; }

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpRight {
  animation-name: rotateInUpRight; }

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1; }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  animation-name: rotateOut; }

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft; }

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  animation-name: rotateOutDownRight; }

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft; }

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  animation-name: rotateOutUpRight; }

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    transform: none; } }

.rollIn {
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  animation-name: rollOut; }

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  animation-name: zoomIn; }

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  animation-name: zoomInDown; }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  animation-name: zoomInLeft; }

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  animation-name: zoomInRight; }

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  animation-name: zoomInUp; }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  animation-name: zoomOut; }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  animation-name: zoomOutDown; }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center; } }

.zoomOutLeft {
  animation-name: zoomOutLeft; }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center; } }

.zoomOutRight {
  animation-name: zoomOutRight; }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  animation-name: zoomOutUp; }

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  animation-name: slideInDown; }

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  animation-name: slideInLeft; }

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInRight {
  animation-name: slideInRight; }

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  animation-name: slideInUp; }

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  animation-name: slideOutDown; }

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  animation-name: slideOutLeft; }

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  animation-name: slideOutRight; }

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  animation-name: slideOutUp; }

@keyframes wipeUp {
  from {
    height: 100%;
    opacity: 0; }
  20% {
    height: 100%;
    opacity: 1; }
  80% {
    height: 0%; }
  to {
    height: 0%;
    opacity: 1; } }

@keyframes wipeDown {
  from {
    height: 0%;
    opacity: 1; }
  20% {
    height: 0%; }
  80% {
    height: 100%;
    opacity: 1; }
  to {
    height: 100%;
    opacity: 0; } }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none; }

.twentytwenty-container img {
  max-width: 100%;
  position: absolute;
  top: 0;
  display: block; }

.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
  background: transparent; }

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
  opacity: 0; }

.twentytwenty-container * {
  box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }

.twentytwenty-before-label:before {
  content: "Before"; }

.twentytwenty-after-label {
  opacity: 0; }

.twentytwenty-after-label:before {
  content: "After"; }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  transition-property: background;
  background: transparent;
  z-index: 25; }

.twentytwenty-overlay:hover .twentytwenty-after-label {
  opacity: 1; }

.twentytwenty-overlay:hover .twentytwenty-before-label {
  opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  border-radius: 1000px;
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }

/* Custom visibility classes */
html .show-only-for-ios,
html .show-for-ios-only {
  display: none !important; }

html.ios .hide-for-ios {
  display: none !important; }
  html.ios .hide-for-ios * {
    display: none !important; }

html.ios .show-only-for-ios,
html.ios .show-for-ios-only {
  display: inherit !important; }

html .show-for-legacy,
html .show-for-legacy-only {
  display: none !important; }

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

html.legacy .show-for-legacy,
html.legacy .show-for-legacy-only {
  display: inherit !important; }

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }

html {
  min-height: 100%; }

body {
  min-height: 100%;
  background-color: #574e4a;
  font-family: "System76 Fira Sans", sans-serif;
  color: #574f4a;
  overflow-x: hidden;
  overflow-y: scroll; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1rem auto 1rem;
  font-family: "System76 Roboto Slab", serif;
  font-weight: 300;
  color: #574f4a; }

p {
  margin: auto auto 1.25em;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.75rem; }

a {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink; }

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

input,
textarea,
select {
  padding: 0.25em 0.5em 0.25em 0.5em;
  margin: 0.375rem 0;
  resize: none;
  border: 0.0625rem solid #574e4a;
  border-radius: 0.5rem;
  font-size: 1.25rem; }
  input:disabled,
  textarea:disabled,
  select:disabled {
    opacity: 0.5; }

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]) {
  width: 100%;
  border-radius: 0.5rem; }
  input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])::-webkit-input-placeholder {
    color: #888;
    font-style: italic; }
  input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):-ms-input-placeholder {
    color: #888;
    font-style: italic; }
  input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])::placeholder {
    color: #888;
    font-style: italic; }
  input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):focus {
    box-shadow: 0 0 4px #faa41a;
    border-color: #faa41a;
    outline: none; }
  input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]).simple {
    display: inline-block;
    width: 3em;
    height: 1.5em;
    padding: 0;
    margin-top: 1em;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    text-align: center;
    font-style: normal;
    font-family: "System76 Roboto Slab", serif;
    font-weight: 500; }
  input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]) + .fa, #configurator .option .components .component input:checked + label input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]) + .price {
    position: absolute;
    top: 0.4em;
    font-size: 1.5em;
    opacity: 0.25;
    right: 0.8em; }
  input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])[type=checkbox] {
    display: none; }
    input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])[type=checkbox] + label:before {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      letter-spacing: 10px; }
    input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])[type=checkbox]:checked + label:before {
      letter-spacing: 7px;
      content: ""; }
  input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])[type=radio] + label {
    margin-left: 0.25rem; }

select {
  margin: 0 0 1rem 0;
  padding-right: 0.75em;
  padding-left: 0.25em; }
  select.placeholder {
    font-style: italic;
    color: #888; }
    select.placeholder option {
      font-style: normal;
      color: #574f4a; }
  select option[disabled] {
    display: none; }

label.simple {
  display: inline-block;
  text-transform: uppercase;
  font-style: italic; }

.tabs {
  display: inline-block;
  width: auto;
  border: 2px solid #574f4a;
  border-radius: 0.5rem;
  overflow: hidden; }
  .tabs .tab-title > a {
    padding: 0.5rem 1.5rem;
    background: transparent;
    font-family: "System76 Roboto Slab", serif;
    font-size: 1.25em;
    font-weight: bold; }
  .tabs .tab-title.active > a {
    background-color: #faa41a;
    color: #fff; }

.error {
  margin-bottom: 1rem; }
  .error > input,
  .error > select {
    border-color: #faa41a;
    box-shadow: 0 0.25rem 0 0 #faa41a; }
    .error > input:focus,
    .error > select:focus {
      box-shadow: 0 0.25rem 0 0 #faa41a, 0 0 0.25rem #faa41a; }
  .error small.error {
    margin-bottom: 0;
    margin-top: -0.25rem;
    padding: 0;
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem; }

.circle {
  border-radius: 50%;
  display: block;
  margin: 2em auto; }

.button {
  margin-top: 0;
  margin-right: 0.5em;
  margin-left: 0.5em;
  border-color: #574f4a;
  border-radius: 0.5rem;
  text-transform: uppercase; }
  .button:hover, .button.active {
    background-color: #faa41a;
    color: #fff; }
  .button.simple {
    display: inline-block;
    padding: 0;
    margin-top: 1.5em;
    border: none;
    font-style: italic;
    font-family: "System76 Fira Sans", sans-serif;
    font-size: 1rem; }
    .button.simple:hover {
      background-color: inherit;
      color: #faa41a; }
  .button.tiny, .button.small {
    text-transform: lowercase;
    margin-top: 0.25em;
    margin-bottom: 0.25em; }
  .button.list-action {
    margin: 1em auto; }
  .button.text {
    margin-top: 0;
    padding: 0.5em 0;
    background: none;
    border: none;
    border-radius: 0;
    font-weight: bold;
    text-align: left; }
    .button.text:hover, .button.text.active {
      background: none;
      color: #faa41a; }
  .button.expand {
    margin-left: auto;
    margin-right: auto; }

.alert-box {
  font-size: 1rem;
  margin: auto 0 1.875rem; }
  .alert-box.info {
    color: #574f4a; }
  .alert-box a:not(.close) {
    color: inherit;
    text-decoration: underline; }

thead {
  border-top: 1px solid;
  border-bottom: 1px solid; }

.destructive {
  color: #f15d22; }

.emory-loading,
.loading {
  opacity: 0.5;
  pointer-events: none; }
  .emory-loading .button,
  .loading .button {
    visibility: hidden; }
  .emory-loading:after,
  .loading:after {
    position: fixed;
    top: 40%;
    left: 50%;
    width: 1em;
    margin-left: -1.5625rem;
    font-size: 3.125rem;
    font-family: FontAwesome;
    text-align: center;
    visibility: visible;
    content: "\f021";
    animation: spin 1.5s infinite linear; }
    @media only screen and (min-width: 64.0625em) {
      .emory-loading:after,
      .loading:after {
        position: absolute; } }

.keystroke,
kbd {
  padding: 0.2em 0.33em 0;
  border-color: #000;
  box-shadow: 0 2px 0 #000, 0 3px 1px #999, inset 0 1px 1px #aaa, inset 0 -1px 3px #272727;
  background-color: #4d4c4c;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent 80%, transparent);
  background-repeat: no-repeat;
  color: #eee;
  font-family: "System76 Fira Sans", sans-serif;
  font-weight: normal;
  text-shadow: 0 -1px 0 #000; }
  @media print {
    .keystroke,
    kbd {
      padding: 0.25em 0.5em;
      border: 1px solid #666;
      box-shadow: none; } }

code {
  display: inline-block;
  padding: 0 0.5em;
  background-color: #f3f3f3;
  border: 1px solid #ddd;
  border-radius: 3px; }

pre code {
  display: block;
  margin: 1em auto; }

figure {
  margin-left: 0;
  margin-right: 0; }
  figure figcaption {
    font-family: "System76 Roboto Slab", serif;
    font-size: 1.5em;
    font-weight: bold; }

@media only screen and (max-width: 599px) {
  .column,
  .columns {
    padding-left: 0.75rem;
    padding-right: 0.75rem; } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

@media print {
  html {
    margin: 0;
    padding: 0;
    font-size: 10px; }
  body {
    margin: 0;
    padding: 0;
    width: 100%; }
    body::before {
      content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALIAAAAwCAMAAACCLNCJAAAABGdBTUEAALGPC/xh BQAAAAFzUkdCAK7OHOkAAAA/UExURUxpcVxRTFxRTFxRTFxRTGBTS1xRTF5STFxR TF5SS1xRTFxRTFxRTFxRTGNUS/qmMPqmMPqmMFxRTPqmMFxRTdewackAAAASdFJO UwC86GyfJNYE/BH1OoJYSdWfloIYKKkAAAWBSURBVGje1VnretsgDDVXcd/G+v7P OgkDFo6zpmubb+FHGyeyfBDS0QFv2ysMY4WH7ZWGl7Wml0K8qVprfiXAAIjYbi+V GLq6Wl4qLUx1zr4UYhAYZPNSiA1msn6lTIbN1hpei5QzpsWXcjJ88/QBrHMOvnTZ vjsv8pd3kSC+OZPDV3cR78R3pQbMLvK1Qf40ZNhSvRzCty4S7nYRoPFYOSx2V5Dh zn2XV7BVF64GUnEPcusi0ayeu4P5D9gMlis42zfIfBrt03rzuI/B5H/tdZQdEhv4 0UVECFKY7fBgStJap2zaVz7uY//dl/2qWUaFdlrFtmhbLCU7mwuN4cwUlVLuBpuh O/GzUc39sFHNSb8qlK3eLEN2YsNW7QgUyOCCq2K2bS37zIJVOAHdr3LP/33gE+IM iMRMg+2NBWUXWlF0Vza1sDaLYqzb3QuC4cV+5WyPmnBOXsvjiIj1/AYxh16JospE ITXKBuwz4FUWVeTco6yyrTpnDHF1IntaBS1dxcfRcjh7LAI6djZFYwoGIVBEilLW peqkMt4k6YKngrLKbz7jw3JXw2t7w/TuxIaTqWP5oka66+xRqoWRfqXfaxyn2+o6 Q+aZkbLuEfLDkK5SlUPVghriSzv3lqbutXin6uYYuT0T8YPjIqITW9ND6sh/SH21 0cAw0dS92xqnj0ShJ9UqZvnh7xPyrKpSJXtwcRZ2yCyEotoJgqA2j9STKwtRJ7ZG f9wjrrOrLcdFPQrRDIeRyb0QTF8BOCCHM2RAWRvXrUTe/8nDPzgGAjDiviuf0D+N IMed/s56KO/JrfH36SUe1DN85L72LMp4Yc68DKauvdvvs9bssVTampmkESEsp2lD xNaehFTi4onxBQWeyjLCWZihGtHTKo9ZaH+2Y4mR1u0ZxlDukNUCMi2SJw2aPaKB qPYc1zWEc0PyezZjyohOk8BODqTvRmFkjURyS8XzrjAh09ROfVDXHXJe6ItNAMqI ORxPptjuy4WUIm56qNgPNCJKUiJbHeEmFY/F26u/tX/lLyBLCZuybITHIa/yeM9J kFfSnuLbQmty0gJ5T6o5Xd9TtwbeaIvSwk7RskAOCFlIPuw/QC51nAt5hKyuDmEs yxOj6/RBC22ayY1X74scRMogW0wM/I0N4Kv1EGQikbHRg0vIiUFuAsbLSVTY7ETr pvFKk6V+I4NM/A7r+DBk6p8zG2S4+bknhkqs6tS8AbOqejBhzskLw4jFhnMrKadi gbUmHoKMyXCwxK32GOVnJYPMnRAhqeOBqhZWnaJpCM7LuELms5ATa9Gtb8RLklsg c96EN7u5MH/kkGeUt2oneyS2SUOmFemjkKk5Hj5a91uPXEYrscFPK2zvkfMcnwE9 bSp9PbLAMkFjSWDB6Jn1w5Cb0C3wlyNaTHWS/kQT2XgAE9Ny8EyrEI78jZVEqkFW MEXM85tMuhtMzj0GaOFNVLa6zpcfgHw6Ltw5Os/9C7RUCa1tIrEgiVqsUDSARRHw iiIOdGQnD14mmPRVn0IOaCHJ0dz16LBAdn+B3PXQMSLKpaph7Meolbd6wYuoW7sS 6oZRylpPSjRDbTjJ0DfJj0CQK5H8UQKWo4jScDEp1em4UKybXWwsGGhdcG8VKWAz UY7NJJwOz+Up+6e84GuxbHz/+RgJDj3Evouh7iKhNvAhvuMlPfX9RGkEcTMRzTbd 7x/ZBvnMM1KqNXMRfJMEtu6wZNv910D6icfIuda7z2uK5f0TWMqt+DzEpIfcnSgC PHKYhRaxPvOVCukh9Yn7hcB+8NRXKoC7auk/Uwn1rb2BfV7xpasgm18/b8evO4Es Ioj4xBgDNeBThGD7fTl+wP3T6OfFuGnKAttDkH/77b8Yyl68dCo/rkbZ/gA5U1Na 1TUGUQAAAABJRU5ErkJggg==");
      display: inline-block; }
    body #page-container {
      top: 0;
      margin: 0;
      padding: 0; }
    body #page-title {
      padding: 0.5em 0; }
  header#omni.omni,
  header#masthead,
  footer#foot {
    display: none; }
    header#omni.omni *,
    header#masthead *,
    footer#foot * {
      display: none; }
  img {
    page-break-before: auto;
    page-break-after: auto;
    page-break-inside: avoid !important; } }

/* Legacy browser alert */
#legacy-warning {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.25em 0.25em;
  background-color: #f15d22;
  color: #fff;
  text-align: center;
  z-index: 999; }
  #legacy-warning h1 {
    color: #fff; }
  #legacy-warning p {
    margin: 0;
    color: #fff; }
  #legacy-warning a {
    color: #fff;
    font-weight: bold; }
    #legacy-warning a:hover {
      text-decoration: underline; }
  #legacy-warning #legacy-warning-buttons {
    margin: 2em auto; }
    #legacy-warning #legacy-warning-buttons a {
      padding: 0.5em 1em; }
      #legacy-warning #legacy-warning-buttons a.primary {
        border: 1px solid #fff; }
        #legacy-warning #legacy-warning-buttons a.primary:hover {
          background-color: #fff;
          color: #f15d22;
          text-decoration: none; }

html.legacy #legacy-warning {
  display: block; }

.option .component .component-icon {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  font-size: 1.25em;
  font-family: "System76 Roboto Slab", serif;
  font-weight: 700; }
  .option .component .component-icon i {
    font-size: 24px; }
    .option .component .component-icon i.yellow {
      color: #ffce51; }

.option .component.selected .component-icon i, .option .component:active .component-icon i,
.option .component input:checked + label .component-icon i {
  color: #fff; }
  .option .component.selected .component-icon i.ki, .option .component:active .component-icon i.ki,
  .option .component input:checked + label .component-icon i.ki {
    background-position: right; }
  .option .component.selected .component-icon i.yellow, .option .component:active .component-icon i.yellow,
  .option .component input:checked + label .component-icon i.yellow {
    color: #fff; }

.product-callout {
  margin: 2em auto 0;
  max-width: 65.9375rem;
  padding: 0 1em;
  border-top: 4px solid;
  border-bottom: 4px solid;
  color: #349ca8;
  font-family: "System76 Roboto Slab", serif;
  text-align: center; }
  .product-callout h1,
  .product-callout h2,
  .product-callout h3,
  .product-callout h4,
  .product-callout h5,
  .product-callout h6,
  .product-callout p {
    color: inherit;
    font-style: normal; }
  .product-callout h1 {
    font-size: 1.75em; }
  .product-callout.has-icon h1::before, .product-callout.has-icon h1::after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffce51;
    content: "";
    display: inline-block;
    margin: 0 0.25em; }
  .product-callout h2,
  .product-callout h3,
  .product-callout h4,
  .product-callout h5,
  .product-callout h6 {
    font-size: 1.25em;
    font-weight: normal; }
  .product-callout p {
    max-width: 38rem; }
    .product-callout p:first-child {
      margin-top: 1.25em; }
    .product-callout p.success {
      font-family: "System76 Fira Sans", sans-serif;
      font-style: italic; }
  .product-callout .button {
    margin-bottom: 1rem;
    border-color: initial;
    border-width: 3px;
    color: inherit;
    font-weight: 700; }
    .product-callout .button:hover, .product-callout .button:active {
      background-color: #48b9c7;
      border-color: #48b9c7;
      color: #fff; }
  .product-callout form {
    margin-left: auto;
    margin-right: auto;
    max-width: 38rem; }
  .product-callout input {
    border-color: #48b9c7;
    border-width: 3px;
    font-family: "System76 Fira Sans", sans-serif; }
  .product-callout .error input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #faa41a; }

i.ki {
  display: inline-block;
  width: 36px;
  height: 36px; }

.back-to-school-2018.hero.buttonless-hero {
  background-color: #44352d; }
  .back-to-school-2018.hero.buttonless-hero .bg {
    opacity: 0.4;
    width: 100%;
    min-width: 100%; }
  .back-to-school-2018.hero.buttonless-hero .fg {
    width: 85%; }
  .back-to-school-2018.hero.buttonless-hero .fg > *:first-child {
    margin: 0 auto; }
  @media only screen and (min-width: 1025px) {
    .back-to-school-2018.hero.buttonless-hero .bg {
      opacity: 1; }
    .back-to-school-2018.hero.buttonless-hero .fg {
      left: 61%;
      width: 65%; } }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-Hair-3c406ba396.eot");
  src: url("/fonts/fira/eot/FiraSans-Hair-3c406ba396.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-Hair-571b038db1.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-Hair-f1e0304c4b.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-HairItalic-25bb6de77c.eot");
  src: url("/fonts/fira/eot/FiraSans-HairItalic-25bb6de77c.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-HairItalic-76131e3f2a.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-HairItalic-07665a8655.ttf") format("truetype");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-UltraLight-3baefce4c2.eot");
  src: url("/fonts/fira/eot/FiraSans-UltraLight-3baefce4c2.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-UltraLight-f7289beeaa.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-UltraLight-e3909a352b.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-UltraLightItalic-8d0cab9ea6.eot");
  src: url("/fonts/fira/eot/FiraSans-UltraLightItalic-8d0cab9ea6.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-UltraLightItalic-a6d5834d2b.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-UltraLightItalic-44d25d86ba.ttf") format("truetype");
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-Light-3689e18b38.eot");
  src: url("/fonts/fira/eot/FiraSans-Light-3689e18b38.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-Light-20adaf630b.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-Light-55b04531e7.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-LightItalic-7af5b26041.eot");
  src: url("/fonts/fira/eot/FiraSans-LightItalic-7af5b26041.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-LightItalic-61177e5d22.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-LightItalic-8f3698a75a.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-Regular-db689e5fea.eot");
  src: url("/fonts/fira/eot/FiraSans-Regular-db689e5fea.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-Regular-5d6a923de9.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-Regular-537188a19a.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-Italic-bdea00fee0.eot");
  src: url("/fonts/fira/eot/FiraSans-Italic-bdea00fee0.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-Italic-ac4cb18fe1.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-Italic-e7e76a0ee1.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-Medium-11706edfe8.eot");
  src: url("/fonts/fira/eot/FiraSans-Medium-11706edfe8.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-Medium-082fab5904.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-Medium-3a0dacdeab.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-MediumItalic-eae7f4a3c4.eot");
  src: url("/fonts/fira/eot/FiraSans-MediumItalic-eae7f4a3c4.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-MediumItalic-6c8a2646d7.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-MediumItalic-b81e92794a.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-SemiBold-a4b7ffb8a4.eot");
  src: url("/fonts/fira/eot/FiraSans-SemiBold-a4b7ffb8a4.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-SemiBold-c993fe3b9d.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-SemiBold-99490044e8.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-SemiBoldItalic-928098d88f.eot");
  src: url("/fonts/fira/eot/FiraSans-SemiBoldItalic-928098d88f.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-SemiBoldItalic-c6ab1ca458.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-SemiBoldItalic-1f011c7711.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-Bold-0de5f536bd.eot");
  src: url("/fonts/fira/eot/FiraSans-Bold-0de5f536bd.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-Bold-494219a963.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-Bold-25037ef8d1.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-BoldItalic-90b8087c48.eot");
  src: url("/fonts/fira/eot/FiraSans-BoldItalic-90b8087c48.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-BoldItalic-b10e46158d.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-BoldItalic-5b3b812df9.ttf") format("truetype");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-ExtraBold-f815b4abe4.eot");
  src: url("/fonts/fira/eot/FiraSans-ExtraBold-f815b4abe4.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-ExtraBold-397e374a54.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-ExtraBold-567fc26028.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-ExtraBoldItalic-038d6c4947.eot");
  src: url("/fonts/fira/eot/FiraSans-ExtraBoldItalic-038d6c4947.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-ExtraBoldItalic-fb62edfe82.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-ExtraBoldItalic-e94711c046.ttf") format("truetype");
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-Heavy-ad5f8a76f0.eot");
  src: url("/fonts/fira/eot/FiraSans-Heavy-ad5f8a76f0.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-Heavy-9fc9132c19.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-Heavy-7214af207c.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'System76 Fira Sans';
  src: url("/fonts/fira/eot/FiraSans-HeavyItalic-1c3a70661b.eot");
  src: url("/fonts/fira/eot/FiraSans-HeavyItalic-1c3a70661b.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraSans-HeavyItalic-fdd47976a4.woff") format("woff"), url("/fonts/fira/ttf/FiraSans-HeavyItalic-a101160bad.ttf") format("truetype");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'System76 Fira Mono';
  src: url("/fonts/fira/eot/FiraMono-Regular-98f97ed2db.eot");
  src: url("/fonts/fira/eot/FiraMono-Regular-98f97ed2db.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraMono-Regular-690950e8d8.woff") format("woff"), url("/fonts/fira/ttf/FiraMono-Regular-0b6138c5b3.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'System76 Fira Mono';
  src: url("/fonts/fira/eot/FiraMono-Bold-b4d0ec951f.eot");
  src: url("/fonts/fira/eot/FiraMono-Bold-b4d0ec951f.eot?#iefix") format("embedded-opentype"), url("/fonts/fira/woff/FiraMono-Bold-b6ef510e23.woff") format("woff"), url("/fonts/fira/ttf/FiraMono-Bold-e0fd770c1b.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "font-logos";
  src: url("/fonts/font-logos-a4718ebec5.eot");
  src: url("/fonts/font-logos-a4718ebec5.eot?#iefix") format("embedded-opentype"), url("/fonts/font-logos-b4511bb2da.woff") format("woff"), url("/fonts/font-logos-a8bfa7e3d9.ttf") format("truetype"), url("/fonts/font-logos-0c1bea63f2.svg#font-logos") format("svg");
  font-weight: normal;
  font-style: normal; }

/** The quickest way to do this without diverging from upstream **/
kbd .fl-pop-key::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M11.88%2011.691h-7.7a.453.453%200%200%201-.454-.453V4.762c0-.251.204-.453.453-.453h7.701c.252%200%20.454.204.454.453v6.476a.45.45%200%200%201-.454.453zm-7.544-.61h7.39V4.919h-7.39zM0%2012.364h1.4a.74.74%200%200%200%20.74-.74V4.376a.74.74%200%200%200-.74-.74H.002v8.728zm16%200h-1.4a.74.74%200%200%201-.74-.74V4.376a.74.74%200%200%201%20.74-.74h1.398v8.728z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  display: inline-block;
  height: 16px;
  line-height: 1;
  position: relative;
  top: 2px;
  width: 16px; }

@font-face {
  font-family: 'System76 Roboto Slab';
  src: url("/fonts/roboto-slab/robotoslab-bold-webfont-cae06c5d5d.eot");
  src: url("/fonts/roboto-slab/robotoslab-bold-webfont-cae06c5d5d.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-slab/robotoslab-bold-webfont-f7bfdbd780.woff2") format("woff2"), url("/fonts/roboto-slab/robotoslab-bold-webfont-d42f65b29f.woff") format("woff"), url("/fonts/roboto-slab/robotoslab-bold-webfont-c705f0426b.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'System76 Roboto Slab';
  src: url("/fonts/roboto-slab/robotoslab-light-webfont-d174c546fe.eot");
  src: url("/fonts/roboto-slab/robotoslab-light-webfont-d174c546fe.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-slab/robotoslab-light-webfont-db918b3b76.woff2") format("woff2"), url("/fonts/roboto-slab/robotoslab-light-webfont-54c3efcc34.woff") format("woff"), url("/fonts/roboto-slab/robotoslab-light-webfont-3bde54802d.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'System76 Roboto Slab';
  src: url("/fonts/roboto-slab/robotoslab-regular-webfont-89831d0a0b.eot");
  src: url("/fonts/roboto-slab/robotoslab-regular-webfont-89831d0a0b.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-slab/robotoslab-regular-webfont-df89b19df3.woff2") format("woff2"), url("/fonts/roboto-slab/robotoslab-regular-webfont-06b3a835fe.woff") format("woff"), url("/fonts/roboto-slab/robotoslab-regular-webfont-dd60c56734.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'System76 Roboto Slab';
  src: url("/fonts/roboto-slab/robotoslab-thin-webfont-1b77667e55.eot");
  src: url("/fonts/roboto-slab/robotoslab-thin-webfont-1b77667e55.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-slab/robotoslab-thin-webfont-dd5eda617d.woff2") format("woff2"), url("/fonts/roboto-slab/robotoslab-thin-webfont-01465919b9.woff") format("woff"), url("/fonts/roboto-slab/robotoslab-thin-webfont-2bace8146a.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'System76 Ubuntu Mono';
  src: url("/fonts/ubuntu-mono/ubuntumono-b-webfont-35dc628450.eot");
  src: url("/fonts/ubuntu-mono/ubuntumono-b-webfont-35dc628450.eot?#iefix") format("embedded-opentype"), url("/fonts/ubuntu-mono/ubuntumono-b-webfont-d6b75583b8.woff2") format("woff2"), url("/fonts/ubuntu-mono/ubuntumono-b-webfont-cb487bdae7.woff") format("woff"), url("/fonts/ubuntu-mono/ubuntumono-b-webfont-41bff44180.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'System76 Ubuntu Mono';
  src: url("/fonts/ubuntu-mono/ubuntumono-bi-webfont-cb7193aa27.eot");
  src: url("/fonts/ubuntu-mono/ubuntumono-bi-webfont-cb7193aa27.eot?#iefix") format("embedded-opentype"), url("/fonts/ubuntu-mono/ubuntumono-bi-webfont-7abc78456d.woff2") format("woff2"), url("/fonts/ubuntu-mono/ubuntumono-bi-webfont-b1e9fa7ba6.woff") format("woff"), url("/fonts/ubuntu-mono/ubuntumono-bi-webfont-bc5d6838f2.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'System76 Ubuntu Mono';
  src: url("/fonts/ubuntu-mono/ubuntumono-r-webfont-bf3eccc3c1.eot");
  src: url("/fonts/ubuntu-mono/ubuntumono-r-webfont-bf3eccc3c1.eot?#iefix") format("embedded-opentype"), url("/fonts/ubuntu-mono/ubuntumono-r-webfont-447358250b.woff2") format("woff2"), url("/fonts/ubuntu-mono/ubuntumono-r-webfont-84f15b3593.woff") format("woff"), url("/fonts/ubuntu-mono/ubuntumono-r-webfont-fafcb7aed4.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'System76 Ubuntu Mono';
  src: url("/fonts/ubuntu-mono/ubuntumono-ri-webfont-8ef2cb26e9.eot");
  src: url("/fonts/ubuntu-mono/ubuntumono-ri-webfont-8ef2cb26e9.eot?#iefix") format("embedded-opentype"), url("/fonts/ubuntu-mono/ubuntumono-ri-webfont-ca071ca84a.woff2") format("woff2"), url("/fonts/ubuntu-mono/ubuntumono-ri-webfont-ad71bc8f44.woff") format("woff"), url("/fonts/ubuntu-mono/ubuntumono-ri-webfont-93e838b4fb.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

#compatibar {
  margin-bottom: -3.75rem;
  margin-top: 3.75rem;
  z-index: 999; }

#compatibar .bar.js,
#compatibar .bar.support {
  display: none; }

html:not([class]) #compatibar .bar.js {
  display: block; }

/**
 * A list of all the things we want support with. This is tied to the
 * modernizr script we run, but this is the most foolproof way of selecting
 * bad browsers.
 */
.no-passiveeventlisteners #compatibar .bar.support,
.no-promises #compatibar .bar.support,
.no-localstorage #compatibar .bar.support,
.no-canvas #compatibar .bar.support,
.no-scriptasync #compatibar .bar.support,
.no-csscalc #compatibar .bar.support,
.no-csspositionstick #compatibar .bar.supporty .no-csschunit #compatibar .bar.support,
.no-requestanimationframe #compatibar .bar.support,
.no-raf #compatibar .bar.support,
.no-objectfit #compatibar .bar.support,
.no-object-fit #compatibar .bar.support,
.no-boxsizing #compatibar .bar.support,
.no-flexbox #compatibar .bar.support {
  display: block; }

#compatibar .bar {
  background-color: #ffce51;
  color: #574f4a;
  font-size: 16px;
  padding: 12px;
  text-align: center;
  width: 100%; }

#compatibar .bar p a {
  color: #574f4a;
  text-decoration: underline; }

.no-masthead #page-container {
  margin-bottom: 0;
  padding-bottom: 4.375rem; }

#page-container {
  top: 60px;
  min-height: 500px;
  position: relative;
  background-color: #fff;
  margin-bottom: 3rem;
  padding-bottom: 2em; }

.emailBlacklistAlert {
  background-color: #ffce51;
  color: #574f4a;
  padding: 0.5rem 1rem;
  position: relative;
  text-align: center;
  z-index: 9; }

.emailBlacklistAlert a {
  color: inherit;
  text-decoration: underline; }

#page-title {
  max-width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  background-color: #48b9c7;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  color: #fff;
  text-align: center; }
  #page-title h1 {
    max-width: 100%;
    margin-top: 0.3125rem;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    color: inherit;
    font-family: "System76 Fira Sans", sans-serif;
    font-weight: 300;
    font-style: italic;
    text-transform: uppercase;
    font-size: 2.25rem;
    line-height: 1em;
    text-align: center; }
    #page-title h1.greeting {
      text-transform: initial; }
  #page-title a {
    margin-bottom: 0; }
    #page-title a .active {
      color: inherit;
      font-weight: bold; }
  #page-title .button {
    border-color: #fff;
    color: #fff; }

.contact-map {
  margin-top: 6em;
  margin-bottom: -2rem; }
  .contact-map .contact-details {
    text-align: center;
    background-color: #48b9c7;
    color: #fff; }
    .contact-map .contact-details .right-box {
      display: inline-block;
      padding: 1rem;
      margin: 0 auto;
      text-align: left; }
    .contact-map .contact-details h4 {
      color: #fff;
      font-weight: 500; }
    .contact-map .contact-details h5 {
      margin-bottom: 0;
      font-family: "System76 Fira Sans", sans-serif;
      font-style: italic;
      font-size: 1rem;
      line-height: 1.25em;
      text-transform: uppercase;
      color: #fff; }
  .contact-map .map-iframe {
    background-color: #E5E3DF; }
    .contact-map .map-iframe iframe {
      width: 100%;
      height: 100%; }
    .contact-map .map-iframe p {
      font-style: italic;
      font-weight: 300;
      line-height: 1.25em; }
      .contact-map .map-iframe p.address {
        text-transform: uppercase; }

@media only screen and (min-width: 768px) {
  #page-container {
    min-height: 63vh; }
    #page-container .contact-map {
      overflow: hidden; }
      #page-container .contact-map .contact-details {
        float: left;
        width: 33%; }
        #page-container .contact-map .contact-details .right-box {
          padding-right: 2rem;
          float: right;
          margin: 0; }
      #page-container .contact-map .map-iframe {
        width: 67%;
        float: left; } }

@media only screen and (min-width: 64.0625em) {
  .no-masthead #page-container {
    padding-bottom: 2em; }
  #page-title {
    text-align: left; }
    #page-title h1 {
      padding-bottom: 0;
      border-bottom: none;
      text-align: left; } }

/* Checkout styles */
#bitcoin-error-message {
  background-color: rgba(255, 255, 255, 0.85);
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 9; }
  #bitcoin-error-message.active {
    display: block; }

#checkout-form {
  position: relative;
  z-index: 1; }

.accordion dd.accordion-navigation {
  position: relative;
  border-bottom: 0.0625rem solid;
  text-align: center; }
  .accordion dd.accordion-navigation .columns {
    text-align: left; }
  .accordion dd.accordion-navigation > a {
    color: #574f4a;
    font-family: "System76 Roboto Slab", serif;
    font-weight: 300;
    text-align: left; }
  .accordion dd.accordion-navigation.active > a {
    font-weight: 500; }
  .accordion dd.accordion-navigation:last-child {
    border-bottom: none; }
  .accordion dd.accordion-navigation .content h5 {
    margin-bottom: 0.25rem;
    margin-top: 0;
    font-family: "System76 Fira Sans", sans-serif;
    font-size: 1.15875rem;
    font-weight: 300; }

.accordion .button {
  margin: 2em auto 1em; }

[data-new-method],
#billing-info,
#ship-addr,
#address-form,
#cc-form,
#po-form,
#klarna-input,
#bitcoin-input {
  max-height: 0;
  opacity: 0;
  transition: 250ms; }
  [data-new-method] > *,
  #billing-info > *,
  #ship-addr > *,
  #address-form > *,
  #cc-form > *,
  #po-form > *,
  #klarna-input > *,
  #bitcoin-input > * {
    max-height: 0;
    opacity: 0; }
  [data-new-method].shown,
  [data-new-method].shown > *,
  #billing-info.shown,
  #billing-info.shown > *,
  #ship-addr.shown,
  #ship-addr.shown > *,
  #address-form.shown,
  #address-form.shown > *,
  #cc-form.shown,
  #cc-form.shown > *,
  #po-form.shown,
  #po-form.shown > *,
  #klarna-input.shown,
  #klarna-input.shown > *,
  #bitcoin-input.shown,
  #bitcoin-input.shown > * {
    max-height: 1000px;
    opacity: 1; }

#bitcoin-input {
  text-align: center; }

[data-new-method],
#cc-form {
  margin-top: 2em; }

/*form{
  & > .columns{
    margin-top: 2em;

    &:first-child{
      margin-top: rem-calc(-8px);
    }
  }

  & > .columns > .row {
    padding-left:  12px;
    padding-right: 12px;

    .columns {
      padding-left: rem-calc(4px);
      padding-right: rem-calc(4px);
    }
  }

   h3{
    margin-bottom: rem-calc(4px);
    margin-top: 0;

    font-family: $font-family-sans;
    font-size: rem-calc(18.54px);
    font-weight: 300;
  }
}*/
#panel-ship-method p.lead {
  margin-bottom: 1.75em;
  font-style: italic; }

#panel-ship-method .pricing-table .bullet-item {
  text-align: left; }
  #panel-ship-method .pricing-table .bullet-item span.right {
    padding-left: 1em;
    font-family: "System76 Ubuntu Mono", monospace, mono; }

#panel-ship-method .pricing-table .button {
  margin-top: 0;
  margin-bottom: 1.25rem; }

#panel-account .button {
  margin-top: 0; }

#panel-review h3 {
  margin-left: 0;
  max-width: 100%;
  padding-left: 0;
  font-family: "System76 Fira Sans", sans-serif;
  font-style: italic;
  text-align: left;
  text-transform: uppercase; }

#panel-review .item {
  text-align: center; }
  #panel-review .item h4 {
    display: block;
    margin-bottom: 0;
    font-family: "System76 Fira Sans", sans-serif;
    font-weight: 400;
    text-align: center; }
  #panel-review .item .qty {
    display: block;
    font-size: 1.25rem;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase; }
  #panel-review .item img {
    display: block;
    margin: 0 auto; }
  #panel-review .item .item-total {
    display: block;
    margin: 0 auto 2em;
    width: 80%;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center; }

#panel-review .summary table {
  width: 100%; }
  #panel-review .summary table td {
    line-height: 1.25em;
    font-size: 1.25rem; }
    #panel-review .summary table td:last-child {
      font-weight: bold;
      text-align: right; }

#panel-review .summary .total {
  display: block;
  margin: 1em 0 2em 0;
  padding-top: 1em;
  width: 100%;
  border-top: 2px solid;
  font-size: 1.75rem;
  font-weight: 500;
  text-align: center; }

#panel-review .summary p {
  margin-left: 0;
  padding-left: 0;
  font-size: 1.25rem;
  font-weight: 300; }

#panel-review .summary textarea {
  height: 8em;
  margin-bottom: 3em; }

label[for=terms] {
  font-size: 1.25rem;
  font-weight: 300; }
  label[for=terms] a {
    color: inherit;
    font-weight: 600;
    text-decoration: underline; }

#complete-order {
  background-color: #faa41a;
  margin-top: 1em;
  border: none;
  color: #fff;
  font-size: 200%;
  font-weight: bold; }
  #complete-order .explanatory {
    display: block;
    font-family: "System76 Fira Sans", sans-serif;
    font-size: 66%;
    font-style: italic;
    font-weight: 300;
    text-transform: lowercase; }
    #complete-order .explanatory:before {
      content: "("; }
    #complete-order .explanatory:after {
      content: ")"; }

#terms-modal {
  margin-top: 20vh;
  max-height: 70vh;
  min-height: 70vh; }
  #terms-modal .scroll {
    height: 48vh;
    overflow-x: hidden;
    overflow-y: scroll; }

@media only screen and (min-width: 768px) {
  form > .columns {
    margin-top: 0; }
    form > .columns:first-child {
      margin-top: 0; }
  form h3 {
    margin-top: -8px; }
  #panel-review label[for=terms] {
    margin-left: 0.25em;
    margin-right: 0.25em; }
  #terms-modal {
    margin-top: auto;
    max-height: 70vh;
    min-height: 70vh; }
    #terms-modal .scroll {
      height: 60vh;
      overflow-x: hidden;
      overflow-y: scroll; } }

/* Cart/Orders styles */
#review-total {
  font-weight: 500; }

#review-total-financing {
  display: block;
  position: relative;
  font-size: 75%;
  text-transform: lowercase; }
  @media only screen and (min-width: 64.0625em) {
    #review-total-financing {
      display: inline; } }
  #review-total-financing::after {
    content: "*"; }
  #review-total-financing .finance-disclaimer {
    display: none;
    margin: -1em auto -2em;
    padding: 0;
    position: initial;
    width: 6em;
    font-size: 12px; }
    @media only screen and (min-width: 64.0625em) {
      #review-total-financing .finance-disclaimer {
        display: inline;
        bottom: -13px;
        left: -62px;
        position: relative; } }

.review-item h2,
.order-detail h2,
.order-payment-details h2 {
  margin-left: 0;
  padding-left: 0;
  color: #574f4a;
  font-family: "System76 Roboto Slab", serif;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center; }

.review-item h3,
.order-detail h3,
.order-payment-details h3 {
  margin: 0;
  padding: 0;
  font-family: "System76 Fira Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 500; }

.review-item p,
.order-detail p,
.order-payment-details p {
  margin: 0.25em;
  padding: 0; }

.review-item table,
.order-detail table,
.order-payment-details table {
  width: 100%;
  font-size: 1.125rem; }
  .review-item table thead,
  .order-detail table thead,
  .order-payment-details table thead {
    border: none; }
  .review-item table tr,
  .order-detail table tr,
  .order-payment-details table tr {
    border-bottom: 2px solid #f2f2f2;
    border-top: 2px solid #f2f2f2; }
  .review-item table th,
  .order-detail table th,
  .order-payment-details table th {
    font-weight: 700; }
  .review-item table th:last-child,
  .review-item table td:last-child,
  .order-detail table th:last-child,
  .order-detail table td:last-child,
  .order-payment-details table th:last-child,
  .order-payment-details table td:last-child {
    padding-left: 2em;
    text-align: right; }
  .review-item table .affects-price,
  .order-detail table .affects-price,
  .order-payment-details table .affects-price {
    font-weight: 700; }

.review-item > .row:last-child,
.order-detail > .row:last-child,
.order-payment-details > .row:last-child {
  padding-bottom: 1em;
  border-bottom: 1px solid; }

.review-item .count::after,
.order-detail .count::after,
.order-payment-details .count::after {
  content: "× "; }

.review-item .non-refundable,
.order-detail .non-refundable,
.order-payment-details .non-refundable {
  font-size: 0.67rem;
  font-weight: 700;
  text-align: right;
  text-transform: uppercase; }

.review-item .item-total,
.order-detail .item-total,
.order-payment-details .item-total {
  display: block;
  width: 100%;
  padding: 0.25em 0 1em;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 300;
  text-align: center; }
  .review-item .item-total .price,
  .order-detail .item-total .price,
  .order-payment-details .item-total .price {
    padding-left: 1.25em;
    font-style: normal;
    font-weight: 500; }

.review-item .order-item,
.order-detail .order-item,
.order-payment-details .order-item {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  text-align: center; }
  .review-item .order-item .qty,
  .order-detail .order-item .qty,
  .order-payment-details .order-item .qty {
    text-transform: uppercase; }

.review-item .order-details h2,
.order-detail .order-details h2,
.order-payment-details .order-details h2 {
  font-weight: 700; }

.review-item .status,
.order-detail .status,
.order-payment-details .status {
  padding: 1em; }
  .review-item .status .button,
  .order-detail .status .button,
  .order-payment-details .status .button {
    margin: 0;
    margin-bottom: 0.5em; }
  .review-item .status .payment,
  .order-detail .status .payment,
  .order-payment-details .status .payment {
    padding-bottom: 1.5em; }
    .review-item .status .payment span,
    .order-detail .status .payment span,
    .order-payment-details .status .payment span {
      display: inline-block;
      padding: 0.125em 0.5em; }

.review-item img,
.order-detail img,
.order-payment-details img {
  display: block;
  margin: 0 auto; }

.review-item .qty,
.order-detail .qty,
.order-payment-details .qty {
  text-align: center; }

.review-item .button.text,
.order-detail .button.text,
.order-payment-details .button.text {
  margin: 0;
  border-right: 1px solid #574f4a;
  border-bottom: 1px solid #574f4a;
  border-left: 1px solid #574f4a;
  text-align: center; }
  .review-item .button.text:first-child,
  .order-detail .button.text:first-child,
  .order-payment-details .button.text:first-child {
    border-top: 1px solid #574f4a;
    margin-top: 2em; }

.review-item.unavailable,
.order-detail.unavailable,
.order-payment-details.unavailable {
  opacity: 0.75; }

.review-item:last-child > .row:last-child {
  border-bottom: none; }

.order-product-details-content.tracking span, .order-product-details-content.serial span {
  display: inline-block;
  padding: 0.75em 0.5em 0.25em; }

@media only screen and (min-width: 768px) {
  .review-item h2,
  .order-detail h2,
  .order-payment-details h2 {
    text-align: left; }
  .review-item .item-total,
  .order-detail .item-total,
  .order-payment-details .item-total {
    float: right;
    text-align: right; }
    .review-item .item-total .price,
    .order-detail .item-total .price,
    .order-payment-details .item-total .price {
      padding-left: 1.25em;
      font-style: normal;
      font-weight: 500; }
  .review-item .qty,
  .order-detail .qty,
  .order-payment-details .qty {
    text-align: right; }
  .review-item.ticket .row:last-child,
  .order-detail.ticket .row:last-child,
  .order-payment-details.ticket .row:last-child {
    padding-bottom: 2em; }
  .review-item .button.text,
  .order-detail .button.text,
  .order-payment-details .button.text {
    border-right: none;
    border-bottom: none;
    border-left: none;
    text-align: left; }
    .review-item .button.text:first-child,
    .order-detail .button.text:first-child,
    .order-payment-details .button.text:first-child {
      margin-top: 0;
      border-top: none; }
  .review-item .status .payments,
  .order-detail .status .payments,
  .order-payment-details .status .payments {
    display: table; }
    .review-item .status .payments .payment,
    .order-detail .status .payments .payment,
    .order-payment-details .status .payments .payment {
      display: table-row;
      padding: 1em 0; }
      .review-item .status .payments .payment span,
      .order-detail .status .payments .payment span,
      .order-payment-details .status .payments .payment span {
        display: table-cell;
        padding-bottom: 1.5em; } }

/* Omni-present bar */
#omni {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: rgba(87, 78, 74, 0.8);
  color: #fff;
  display: table;
  height: 3.75rem;
  min-height: 3.75rem;
  position: fixed;
  top: 0;
  transform: translateZ(0);
  transition: background-color 250ms;
  width: 100%;
  z-index: 100; }
  #omni .omni-text,
  #omni .omni-button {
    margin: 0;
    text-align: center; }
  #omni .omni-text,
  #omni .omni-text a,
  #omni .omni-button a {
    display: block;
    width: 100%;
    color: #fff; }
  #omni .omni-text {
    display: none;
    padding: 0.75em 0em;
    vertical-align: middle; }
  #omni .omni-button {
    display: table-cell;
    line-height: 1rem;
    padding: 0.5em;
    vertical-align: middle; }
    #omni .omni-button a {
      border-radius: 0.25em;
      border: 2px solid #fff;
      font-family: "System76 Roboto Slab", serif;
      font-weight: 500;
      line-height: 1rem;
      padding: 0.75em;
      text-transform: uppercase;
      transition: background-color 250ms ease; }
      #omni .omni-button a:active, #omni .omni-button a:hover {
        background-color: #faa41a; }
    #omni .omni-button:first-child {
      padding-right: 0.25em; }
    #omni .omni-button:last-child {
      padding-left: 0.25em; }
      #omni .omni-button:last-child a {
        /*background-color: $color-white;
        color: $color-black;
        border-color: $color-black;*/ }
  #omni.hidden {
    transform: translateY(-100%); }
  #omni.translucent {
    background-color: rgba(87, 78, 74, 0.8); }
  #omni .learn-more {
    text-decoration: underline; }
  #omni klarna-placement iframe {
    display: block;
    margin-bottom: -7px;
    width: unset !important; }

@media only screen and (max-width: 599px) {
  #omni .omni-button {
    width: 50%; } }

@media only screen and (max-width: 767px) {
  #omni .omni-button {
    width: 50%; } }

@media only screen and (min-width: 768px) {
  #omni .omni-button {
    min-width: 9.375rem; }
    #omni .omni-button a {
      white-space: nowrap; }
  #omni .omni-text {
    display: table-cell; } }

@media only screen and (min-width: 64.0625em) {
  #omni {
    max-width: 80rem;
    left: 50%;
    transform: translateX(-50%);
    border-spacing: 0.5rem;
    text-align: center; }
    #omni::before, #omni::after {
      content: "";
      display: block;
      width: 100%;
      background-color: rgba(87, 78, 74, 0.8);
      height: 3.75rem;
      position: absolute;
      top: 0;
      transition: background-color 250ms; }
    #omni.translucent::before, #omni.translucent::after {
      background-color: rgba(87, 78, 74, 0.8); }
    #omni::before {
      left: -100%; }
    #omni::after {
      right: -100%; }
    #omni .omni-button,
    #omni .omni-text {
      padding: 0; }
    #omni .omni-button a {
      display: inline-block;
      padding: 0.75em;
      border-radius: 0.25em; } }

/* Masthead (with logo, nav. etc.)*/
.no-masthead #masthead {
  display: none; }

#masthead {
  padding-top: 1.5rem;
  padding-bottom: 0.375rem;
  font-family: "System76 Roboto Slab", serif;
  text-transform: lowercase; }
  #masthead a,
  #masthead span {
    font-size: 1rem; }
  #masthead a {
    display: inline-block;
    padding-top: 0.5em;
    padding-bottom: 0.55em;
    color: #574f4a; }
  #masthead #logo {
    position: relative;
    top: -0.75rem;
    left: 0.5em;
    height: 52px;
    padding-left: 1em;
    background-image: url(/assets/logo-67274041c5.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
    font-size: 150%; }
  #masthead #nav-links {
    text-align: left; }
    #masthead #nav-links a {
      padding-left: 0.25rem;
      padding-right: 0.25rem;
      font-weight: 300; }
      #masthead #nav-links a.current {
        font-weight: bold; }
  #masthead #nav-icons {
    text-align: right; }
    #masthead #nav-icons a {
      display: inline-block;
      padding-left: 0.5em;
      padding-right: 0.5em;
      opacity: 0.8; }

@media only screen and (min-width: 768px) {
  #masthead #logo {
    position: relative;
    font-size: 2rem; }
  #masthead #nav-links {
    padding-right: 0; }
    #masthead #nav-links a {
      padding-left: 0.5rem;
      padding-right: 0.25rem; }
  #masthead #nav-icons {
    padding-left: 0; }
    #masthead #nav-icons a {
      padding-left: 1em;
      padding-right: 0.75em; } }

@media only screen and (min-width: 64.0625em) {
  .no-masthead #masthead {
    display: block; }
  #masthead {
    padding-top: 3rem;
    padding-bottom: 1rem; }
    #masthead #logo {
      top: -1rem; }
    #masthead a {
      padding-top: 0;
      padding-bottom: 0; }
    #masthead #nav-links {
      text-align: left; }
      #masthead #nav-links a {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }

.no-foot {
  background-color: #fff; }
  .no-foot #page-container {
    box-shadow: none; }
  .no-foot #foot {
    display: none; }

#foot {
  width: 100%;
  padding-top: 1em;
  clear: both;
  z-index: -100;
  background-color: #574e4a;
  font-weight: 300;
  color: #f2f2f2;
  text-align: left; }
  #foot #foot-links ul {
    margin: 0.5em 0 0.5em;
    list-style: none;
    font-size: 1.125rem;
    line-height: 1.25em; }
    #foot #foot-links ul li a {
      display: inline-block;
      color: inherit;
      padding-top: 0.3em;
      padding-bottom: 0.3em; }
      #foot #foot-links ul li a:hover {
        text-decoration: underline; }
    #foot #foot-links ul#social-links {
      margin: 0;
      text-align: center;
      color: #999; }
      #foot #foot-links ul#social-links li {
        display: inline-block;
        font-size: 200%; }
        #foot #foot-links ul#social-links li a {
          padding-left: 0.25em;
          padding-right: 0.25em; }
          #foot #foot-links ul#social-links li a i {
            transition: color 250ms; }
          #foot #foot-links ul#social-links li a:hover i {
            color: #fff; }
  #foot #copyright,
  #foot #trademarks,
  #foot .disclaimer {
    padding: 0.25em;
    font-family: "System76 Roboto Slab", serif;
    font-weight: 300;
    color: #999; }
  #foot .disclaimer a {
    color: inherit;
    text-decoration: underline; }
  #foot #trademarks,
  #foot .disclaimer {
    padding-top: 0;
    font-size: 0.625rem; }

@media only screen and (min-width: 768px) {
  #foot {
    padding-top: 3em; }
    #foot #foot-links ul#social-links {
      margin: 1em 0 1em;
      text-align: right; }
      #foot #foot-links ul#social-links li a {
        padding-left: 0.5em;
        padding-right: 0; }
    #foot #copyright {
      padding: 1.5em; } }

@media only screen and (min-width: 64.0625em) {
  .no-foot #foot {
    display: block; }
  #foot #foot-links ul#social-links li a {
    padding-left: 1em;
    padding-right: 0; } }

#page-title.account h1 {
  padding-bottom: 0.25em;
  border-bottom: 1px solid; }

#page-title.account .inline-list {
  display: block;
  text-align: center;
  padding: 0.5em 0px 0px;
  margin: 0;
  width: 100%; }
  #page-title.account .inline-list li {
    display: inline-block;
    width: 25%;
    margin: 0;
    font-family: "System76 Roboto Slab", serif;
    font-size: 0.95rem;
    text-transform: lowercase;
    text-align: center;
    line-height: 1.2em; }
    #page-title.account .inline-list li a {
      padding: 0 0.75em;
      color: inherit; }
      #page-title.account .inline-list li a.current, #page-title.account .inline-list li a:active {
        color: inherit;
        font-weight: 700; }
    #page-title.account .inline-list li:first-child a {
      border-left: none; }

a.account-add {
  display: block;
  margin: 1rem auto 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.5em;
  font-family: "System76 Fira Sans", sans-serif;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 300;
  color: #574f4a; }
  a.account-add:before {
    position: relative;
    top: 0.05em;
    padding-right: 0.2em;
    content: "+";
    color: #faa41a;
    font-weight: 700;
    font-size: 150%;
    font-style: normal; }

section.edit-account {
  padding-bottom: 2em;
  border-bottom: 1px solid #574f4a; }
  section.edit-account:last-child {
    border-bottom: none; }
  section.edit-account .address .button,
  section.edit-account .cc .button {
    display: inline-block;
    position: relative;
    top: -0.5em;
    width: auto;
    margin-top: -0.5em;
    margin-left: 1em;
    transition: opacity 250ms; }
  section.edit-account .address:hover .button, section.edit-account .address:active .button, section.edit-account .address:focus .button, section.edit-account .address.edit .button,
  section.edit-account .cc:hover .button,
  section.edit-account .cc:active .button,
  section.edit-account .cc:focus .button,
  section.edit-account .cc.edit .button {
    opacity: 1; }
  section.edit-account .avatar {
    cursor: pointer; }

#new-payment-method,
#new-ship-addr {
  max-height: 0;
  opacity: 0;
  transition: 250ms; }
  #new-payment-method.shown,
  #new-ship-addr.shown {
    max-height: 1000px;
    opacity: 1; }

.avatar.edit {
  background-image: url(/assets/user-43fb6bd96d.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 150px;
  height: 150px;
  position: relative;
  overflow: hidden; }
  .avatar.edit a {
    position: absolute;
    display: none;
    height: 100%;
    width: 50%;
    padding: 42% 0 0;
    margin: 0;
    background-color: rgba(150, 150, 150, 0.75);
    text-align: center;
    font-size: 150%;
    color: #fff;
    transition: 0s;
    vertical-align: middle;
    opacity: 0; }
    .avatar.edit a:first-child {
      background-color: rgba(250, 164, 26, 0.88); }
    .avatar.edit a:last-child {
      left: 4.3125rem; }
  .avatar.edit.editing a {
    display: block;
    opacity: 0.75; }
    .avatar.edit.editing a:hover, .avatar.edit.editing a:active {
      opacity: 1; }
  .avatar.edit.editing.new a:first-child {
    display: none; }
  .avatar.edit.editing.new a:last-child {
    width: 100%;
    left: 0; }

.ticket-item {
  border: 4px solid #faa41a;
  margin: 1em;
  padding: 1em;
  border-radius: 1rem; }
  .ticket-item h3 {
    margin-bottom: 1em;
    font-weight: 700;
    font-family: "System76 Roboto Slab", serif; }
    .ticket-item h3:after {
      content: "\f087";
      display: inline-block;
      float: right;
      text-align: right;
      font-family: FontAwesome;
      font-size: 150%;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      color: #faa41a;
      -webkit-font-smoothing: antialiased; }
  .ticket-item table {
    margin-bottom: 0; }
    .ticket-item table tr td {
      padding: 0.25em 0; }
    .ticket-item table tr:last-child {
      font-weight: bold; }

h2.chat {
  max-width: 100%;
  margin-left: 0;
  padding-left: 0;
  font-family: "System76 Fira Sans", sans-serif;
  font-weight: 300;
  font-style: italic; }

@media only screen and (min-width: 64.0625em) {
  #page-title.account h1 {
    padding-bottom: 0;
    border-bottom: none; }
  #page-title.account .inline-list {
    padding: 0.5em 0px 0px;
    margin-bottom: 0em;
    float: right;
    width: auto; }
    #page-title.account .inline-list li {
      display: block;
      width: auto;
      margin: 0; }
      #page-title.account .inline-list li a {
        padding: 0 0.75em;
        border-left: 1px solid #fff; }
      #page-title.account .inline-list li:first-child a {
        border-left: none; } }

/* Product Summaries/Category page */
.path-laptops,
.path-desktops,
.path-servers {
  /* Handles the product grid layout. Gracefully upgrades to grid awesomesause */
  /* All the style stuff for product category boxes */ }
  .path-laptops .products,
  .path-desktops .products,
  .path-servers .products {
    display: block; }
    .path-laptops .products a,
    .path-desktops .products a,
    .path-servers .products a {
      display: block;
      margin: 0 auto;
      vertical-align: top;
      width: 100%; }
  @media only screen and (min-width: 640px) {
    .path-laptops .products a,
    .path-desktops .products a,
    .path-servers .products a {
      display: inline-block;
      width: 49%; } }
  @media only screen and (min-width: 980px) {
    .path-laptops .products a,
    .path-desktops .products a,
    .path-servers .products a {
      display: inline-block;
      width: 33%; } }
  @media only screen and (min-width: 1280px) {
    .path-laptops .products a,
    .path-desktops .products a,
    .path-servers .products a {
      display: inline-block;
      width: 24%; } }
  @supports ((display: -ms-grid) or (display: grid)) {
    .path-laptops .products,
    .path-desktops .products,
    .path-servers .products {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 100%;
          grid-template-columns: 100%; }
      .path-laptops .products a,
      .path-desktops .products a,
      .path-servers .products a {
        display: block;
        max-width: unset;
        min-width: unset;
        width: 100%; }
    @media only screen and (min-width: 640px) {
      .path-laptops .products,
      .path-desktops .products,
      .path-servers .products {
        -ms-grid-columns: (50%)[2];
            grid-template-columns: repeat(2, 50%); } }
    @media only screen and (min-width: 980px) {
      .path-laptops .products,
      .path-desktops .products,
      .path-servers .products {
        -ms-grid-columns: (33.33%)[3];
            grid-template-columns: repeat(3, 33.33%); } }
    @media only screen and (min-width: 1280px) {
      .path-laptops .products,
      .path-desktops .products,
      .path-servers .products {
        -ms-grid-columns: (25%)[4];
            grid-template-columns: repeat(4, 25%); } } }
  .path-laptops .products,
  .path-desktops .products,
  .path-servers .products {
    margin: 0 auto;
    max-width: 1280px; }
    .path-laptops .products a,
    .path-desktops .products a,
    .path-servers .products a {
      color: inherit;
      transition: none; }
      .path-laptops .products a *,
      .path-desktops .products a *,
      .path-servers .products a * {
        color: inherit; }
    .path-laptops .products .product-summary,
    .path-desktops .products .product-summary,
    .path-servers .products .product-summary {
      -ms-flex-line-pack: start;
          align-content: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: start;
          justify-content: flex-start;
      padding: 2em; }
      .path-laptops .products .product-summary > *,
      .path-desktops .products .product-summary > *,
      .path-servers .products .product-summary > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 100%; }
      .path-laptops .products .product-summary h3,
      .path-desktops .products .product-summary h3,
      .path-servers .products .product-summary h3 {
        font-size: 1.375rem;
        font-weight: 500;
        margin: 0;
        padding: 0;
        position: relative; }
        @media only screen and (min-width: 600px) {
          .path-laptops .products .product-summary h3,
          .path-desktops .products .product-summary h3,
          .path-servers .products .product-summary h3 {
            font-size: 1.25rem; } }
        @media only screen and (min-width: 768px) {
          .path-laptops .products .product-summary h3,
          .path-desktops .products .product-summary h3,
          .path-servers .products .product-summary h3 {
            font-size: 1.375rem; } }
        .path-laptops .products .product-summary h3 .display,
        .path-desktops .products .product-summary h3 .display,
        .path-servers .products .product-summary h3 .display {
          color: #8d817a;
          font-family: "System76 Fira Sans", sans-serif;
          font-weight: 300; }
      .path-laptops .products .product-summary h4.price,
      .path-desktops .products .product-summary h4.price,
      .path-servers .products .product-summary h4.price {
        font-size: 1.375rem;
        font-weight: 700;
        line-height: 1em;
        margin: 0 0 0.1em;
        padding: 0;
        position: relative; }
        .path-laptops .products .product-summary h4.price strike,
        .path-desktops .products .product-summary h4.price strike,
        .path-servers .products .product-summary h4.price strike {
          font-weight: normal;
          position: relative;
          text-decoration: none; }
        .path-laptops .products .product-summary h4.price strike::before,
        .path-desktops .products .product-summary h4.price strike::before,
        .path-servers .products .product-summary h4.price strike::before {
          border-top: 0.125rem solid;
          content: "";
          left: 0;
          position: absolute;
          right: 0;
          top: 50%;
          transform: rotate(-15deg); }
      .path-laptops .products .product-summary .finance-price,
      .path-desktops .products .product-summary .finance-price,
      .path-servers .products .product-summary .finance-price {
        color: #574e4a;
        font-family: "System76 Fira Sans", sans-serif;
        font-size: 1.25em;
        font-style: italic;
        font-weight: 300;
        line-height: 1em;
        position: relative; }
      .path-laptops .products .product-summary .product-image,
      .path-desktops .products .product-summary .product-image,
      .path-servers .products .product-summary .product-image {
        -ms-flex-line-pack: center;
            align-content: center;
        -ms-flex-align: center;
            align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
        -ms-flex-pack: center;
            justify-content: center;
        margin: 2em 0;
        text-align: center; }
      .path-laptops .products .product-summary .progress,
      .path-desktops .products .product-summary .progress,
      .path-servers .products .product-summary .progress {
        border-radius: 0.4rem;
        margin: 0;
        overflow: hidden; }
        .path-laptops .products .product-summary .progress .meter,
        .path-desktops .products .product-summary .progress .meter,
        .path-servers .products .product-summary .progress .meter {
          background-color: #faa41a;
          border-radius: 0.4rem; }
      .path-laptops .products .product-summary h5,
      .path-desktops .products .product-summary h5,
      .path-servers .products .product-summary h5 {
        font-family: "System76 Fira Sans", sans-serif;
        font-size: 0.8125rem;
        font-weight: 300;
        margin-top: 0;
        padding: 0;
        text-transform: uppercase; }
      .path-laptops .products .product-summary.sale .price .mutable,
      .path-desktops .products .product-summary.sale .price .mutable,
      .path-servers .products .product-summary.sale .price .mutable {
        color: #f15d22;
        font-size: 66%;
        font-weight: bold;
        text-transform: uppercase; }
      .path-laptops .products .product-summary.sale .price:not(.unavailable) .mutable,
      .path-desktops .products .product-summary.sale .price:not(.unavailable) .mutable,
      .path-servers .products .product-summary.sale .price:not(.unavailable) .mutable {
        left: 1em;
        position: relative;
        top: -0.33em; }
    .path-laptops .products.laptops .product-summary .product-image,
    .path-desktops .products.laptops .product-summary .product-image,
    .path-servers .products.laptops .product-summary .product-image {
      margin: -1em 0; }
    .path-laptops .products.servers .product-summary .product-image,
    .path-desktops .products.servers .product-summary .product-image,
    .path-servers .products.servers .product-summary .product-image {
      margin: 0; }
  .path-laptops .servers.products,
  .path-desktops .servers.products,
  .path-servers .servers.products {
    margin-bottom: 2rem; }
  .path-laptops .product-summary klarna-placement,
  .path-desktops .product-summary klarna-placement,
  .path-servers .product-summary klarna-placement {
    display: block !important;
    margin: -0.5em 0;
    max-height: 85px;
    overflow: hidden; }
    .path-laptops .product-summary klarna-placement iframe,
    .path-desktops .product-summary klarna-placement iframe,
    .path-servers .product-summary klarna-placement iframe {
      display: block;
      height: 85px !important;
      margin: 0;
      max-width: 100%; }

/* Config table styles */
.omni.config {
  display: none; }
  .omni.config .config-price,
  .omni.config .finance-price {
    font-weight: 600;
    font-size: 1.5rem; }
    .omni.config .config-price strike,
    .omni.config .finance-price strike {
      position: relative;
      text-decoration: none;
      font-weight: normal; }
    .omni.config .config-price strike::before,
    .omni.config .finance-price strike::before {
      position: absolute;
      left: 0;
      top: 50%;
      right: 0;
      border-top: 0.125rem solid;
      transform: rotate(-15deg);
      content: ""; }
  .omni.config .finance-price::after {
    display: inline;
    content: "/month*";
    font-size: 1rem;
    font-style: normal;
    font-weight: normal; }

.config-features {
  width: 75%;
  margin-top: 2em;
  font-size: 1rem;
  line-height: 1.25em;
  font-weight: 300; }
  .config-features span {
    margin-top: 0em;
    margin-bottom: 1.25em; }
    .config-features span .detail {
      display: block;
      margin-bottom: 0;
      font-weight: 300;
      font-style: normal; }
  .config-features .default {
    font-style: italic; }
  .config-features .chosen {
    font-weight: 400; }

.slide.current .slide-step {
  opacity: 1; }

h1.config,
h2.config {
  max-width: 62.5rem;
  text-align: center; }

h1.config {
  margin-top: 2em;
  padding: 1.5em;
  border-top: 1px solid;
  border-bottom: 1px solid;
  font-size: 2.25rem;
  font-weight: 500; }

h2.config {
  display: table;
  padding-left: 0;
  padding-right: 0;
  max-width: 13.75rem;
  background-color: #fff;
  border-bottom: 4px solid #faa41a;
  font-family: "System76 Roboto Slab", serif;
  font-size: 1.40625rem;
  font-weight: 700;
  text-transform: uppercase; }

.slide-step {
  display: block;
  position: absolute;
  top: 1.625rem;
  width: 3.125rem;
  height: 1rem;
  padding-left: 0;
  padding-right: 0;
  background-color: #fff;
  font-family: "System76 Roboto Slab", serif;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  transition: opacity 200ms; }
  .slide-step span {
    position: absolute; }
  .slide-step.prev {
    left: 0; }
    .slide-step.prev span {
      right: 0; }
    .slide-step.prev:after {
      height: 2rem;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: linear-gradient(to right, #fff 50px, transparent);
      content: ""; }
  .slide-step.next {
    right: 0;
    text-align: left; }
    .slide-step.next span {
      left: 0; }
    .slide-step.next:after {
      height: 2rem;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: linear-gradient(to left, #fff 50px, transparent);
      content: ""; }

.config-details {
  font-family: "System76 Fira Sans", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  text-align: center; }
  .config-details strong,
  .config-details b {
    font-weight: 500; }

.config-required {
  max-height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  font-style: italic;
  font-weight: 300;
  text-align: center;
  transition: 250ms; }
  .config-required.shown {
    max-height: 100px;
    margin: auto 0 1.875rem;
    padding: 0.875rem 1.5rem 0.875rem 0.875rem;
    opacity: 1; }

.button.configure-product-submit {
  font-size: 1.5rem;
  border-width: 2px; }
  .button.configure-product-submit .config-finance-button {
    display: block;
    padding-top: 0.25em;
    font-family: 'System76 Fira Sans';
    font-size: 0.8em;
    font-weight: 300;
    text-transform: lowercase; }

.config-table {
  display: table;
  width: 90%;
  margin: 0 auto;
  border-collapse: collapse; }
  .config-table .component {
    display: table-row;
    margin: 0;
    padding: 0.5em 0 0.5em 0;
    min-height: 6.125rem;
    vertical-align: middle;
    border-top: none;
    border-right: 1px solid #574f4a;
    border-bottom: 1px solid #574f4a;
    border-left: 1px solid #574f4a;
    transition: none;
    color: inherit; }
    .config-table .component input[type="checkbox"] {
      display: none; }
    .config-table .component:first-of-type {
      border-top: 1px solid #574f4a; }
    .config-table .component.show-true {
      display: table-row; }
    .config-table .component.show-false {
      display: none; }
    .config-table .component > * {
      display: table-cell; }
    .config-table .component .side {
      vertical-align: middle;
      padding: 0.5em;
      height: 5rem;
      font-family: "System76 Roboto Slab", serif;
      font-weight: 700;
      text-align: center; }
      .config-table .component .side .value {
        font-size: 200%;
        display: block;
        line-height: 1em; }
      .config-table .component .side .unit {
        white-space: nowrap; }
    .config-table .component .desc {
      width: 100%;
      padding: 0;
      vertical-align: middle;
      text-overflow: ellipsis;
      font-weight: 300; }
      .config-table .component .desc .name {
        position: relative;
        z-index: 2; }
    .config-table .component .price-side {
      vertical-align: bottom;
      padding: 0.5em;
      white-space: nowrap; }
      .config-table .component .price-side .price {
        display: block;
        text-align: right; }
    .config-table .component.required {
      border-color: #ffce51;
      border-width: 3px; }
    .config-table .component:active {
      background-color: rgba(250, 164, 26, 0.66);
      color: white; }
    .config-table .component.selected {
      background-color: #faa41a;
      outline: none;
      color: #fff; }
      .config-table .component.selected .price-side {
        opacity: 0; }
      .config-table .component.selected .image:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(250, 164, 26, 0.8);
        z-index: 1; }
      .config-table .component.selected:after {
        display: inline-block;
        position: absolute;
        bottom: 10px;
        right: 10px;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        opacity: 1;
        content: "\f058";
        z-index: 2; }
    .config-table .component.has-image .desc .image img {
      display: block;
      margin: 1em auto;
      max-width: 100%; }
    .config-table .component.has-image .price-side .price {
      position: absolute;
      bottom: 0.5em;
      right: 0.5em; }
    .config-table .component.has-image.selected {
      background-color: #fff; }
      .config-table .component.has-image.selected:after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 96px;
        margin: auto;
        font-size: 6em;
        text-align: center; }
    .config-table .component.has-image:active {
      background-color: #fff;
      color: #574f4a; }
      .config-table .component.has-image:active.selected {
        color: #fff; }
    .config-table .component.disabled {
      display: none; }

.row.config-bar {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: none;
  padding: 0.5em;
  z-index: 100;
  background-color: #574e4a;
  color: #fff; }
  .row.config-bar * {
    border-color: #fff;
    color: inherit;
    text-align: center; }
  .row.config-bar a {
    display: block;
    width: 100%;
    height: 100%; }
    .row.config-bar a.button {
      display: inline-block;
      font-size: 0.9rem;
      text-transform: lowercase;
      font-weight: 300;
      font-style: italic;
      font-family: "System76 Fira Sans", sans-serif; }
      .row.config-bar a.button .price {
        font-family: "System76 Roboto Slab", serif;
        font-weight: 700;
        font-size: 1.35rem;
        font-style: normal; }
      .row.config-bar a.button .finance-price {
        font-weight: 700;
        position: relative; }
    .row.config-bar a.config-nav {
      padding-top: 1.5em;
      text-transform: uppercase;
      font-weight: 300;
      font-style: italic;
      font-size: 1.125rem;
      -webkit-tap-highlight-color: transparent;
      transition: opacity 200ms; }
      .row.config-bar a.config-nav:active {
        color: #faa41a; }
      .row.config-bar a.config-nav#config-back:before {
        position: relative;
        right: 0.33em;
        top: -0.25em;
        font-size: 0.75em;
        font-style: normal;
        content: "◀ "; }
      .row.config-bar a.config-nav#config-next:after {
        left: 0.33em;
        position: relative;
        top: -0.25em;
        font-size: 0.75em;
        font-style: normal;
        content: " ▶"; }
      .row.config-bar a.config-nav.disabled {
        opacity: 0; }
  .row.config-bar.bottom {
    top: auto;
    bottom: 0; }
  .row.config-bar.top {
    top: 0;
    bottom: auto; }

@media only screen and (min-width: 768px) {
  .omni.config {
    display: table; }
  .config-features {
    font-size: 1.375rem; }
  h2.config {
    margin-top: 1em;
    max-width: 62.5rem;
    border-bottom: none;
    font-size: 2.1875rem;
    font-family: "System76 Roboto Slab", serif;
    font-weight: 300;
    text-transform: capitalize; }
  .config-table {
    width: 75%; }
    .config-table .component {
      position: relative;
      margin: 0.5em 0;
      border: 1px solid #574f4a; }
      .config-table .component:nth-of-type(odd) {
        right: 0.5em; }
      .config-table .component:nth-of-type(even) {
        left: 0.5em; }
  .row.config-bar {
    display: none; } }

@media only screen and (min-width: 64.0625em) {
  .config-details {
    max-width: 50rem;
    font-size: 1.5625rem; }
  .config-table {
    margin-bottom: 6em; }
    .config-table .component .side .value {
      font-size: 300%; }
    .config-table .component.has-image:nth-of-type(odd) {
      right: 0; }
    .config-table .component.has-image:nth-of-type(even) {
      left: 0; }
    .config-table .component.has-image:nth-of-type(3n+1) {
      right: 1em; }
    .config-table .component.has-image:nth-of-type(3n+0) {
      left: 1em; } }

@media only screen and (max-width: 599px), only screen and (max-width: 767px) {
  body.path-cart-configure {
    background-color: #fff; }
    body.path-cart-configure #omni .omni-button:first-of-type,
    body.path-cart-configure #omni .omni-text .finance-sep,
    body.path-cart-configure #omni .omni-text klarna-placement,
    body.path-cart-configure #omni .omni-text klarna-placement iframe {
      display: none !important; } }

#configurator .option.hidden {
  display: none; }

#configurator .option h2 {
  margin-top: 1em;
  max-width: 62.5rem;
  font-size: 1.75rem;
  font-family: "System76 Roboto Slab", serif;
  font-weight: 300;
  text-align: center;
  text-transform: capitalize; }
  @media only screen and (min-width: 64.0625em) {
    #configurator .option h2 {
      font-size: 2.125rem; } }

#configurator .option .description p {
  max-width: 33em;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.25em;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    #configurator .option .description p {
      font-size: 1.25rem; } }
  @media only screen and (min-width: 64.0625em) {
    #configurator .option .description p {
      font-size: 1.5rem; } }
  #configurator .option .description p strong,
  #configurator .option .description p b {
    font-weight: 500; }

#configurator .option .components {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto 4rem; }
  #configurator .option .components .component {
    display: block;
    list-style-type: none;
    margin: 0 0 -1px;
    padding: 0 0.25rem;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      #configurator .option .components .component {
        padding: 0.5rem;
        width: 50%; } }
    @media only screen and (min-width: 90.0625em) {
      #configurator .option .components .component {
        width: 33.33%; } }
    #configurator .option .components .component input {
      display: none; }
    #configurator .option .components .component label {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      min-height: 4rem;
      padding: 1em;
      position: relative;
      width: 100%;
      border: 1px solid #574f4a;
      color: #574f4a;
      font-weight: 300; }
      @media only screen and (min-width: 768px) {
        #configurator .option .components .component label {
          min-height: 6.625rem;
          border-radius: 0.33rem; } }
      @media only screen and (min-width: 64.0625em) {
        #configurator .option .components .component label {
          font-size: 1rem; } }
      #configurator .option .components .component label:active {
        background-color: rgba(250, 164, 26, 0.33); }
      #configurator .option .components .component label::before {
        display: none; }
      #configurator .option .components .component label > * {
        -ms-flex-positive: 0;
            flex-grow: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        pointer-events: none;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
      #configurator .option .components .component label .distinguisher {
        font-family: "System76 Roboto Slab", serif;
        font-weight: 700;
        text-align: center;
        pointer-events: none; }
        #configurator .option .components .component label .distinguisher .value {
          display: block;
          padding-right: 1rem;
          font-size: 2rem;
          line-height: 1em; }
          @media only screen and (min-width: 64.0625em) {
            #configurator .option .components .component label .distinguisher .value {
              font-size: 3rem; } }
        #configurator .option .components .component label .distinguisher .unit {
          display: block;
          padding-right: 1rem; }
      #configurator .option .components .component label .image {
        padding-right: 1em; }
        #configurator .option .components .component label .image img {
          max-height: 7.8125rem; }
      #configurator .option .components .component label .count::after {
        content: '× '; }
      #configurator .option .components .component label .name {
        -ms-flex-positive: 1;
            flex-grow: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1; }
      #configurator .option .components .component label .sales-message::before {
        content: " – "; }
      #configurator .option .components .component label .non-refundable {
        display: block;
        font-size: 0.8em;
        font-weight: 700;
        text-transform: uppercase; }
      #configurator .option .components .component label .price {
        -ms-flex-item-align: end;
            align-self: flex-end;
        padding-left: 1em;
        line-height: 1em; }
    #configurator .option .components .component:first-of-type label {
      border-top-left-radius: 0.33em;
      border-top-right-radius: 0.33em; }
    #configurator .option .components .component:last-of-type label {
      border-bottom-left-radius: 0.33em;
      border-bottom-right-radius: 0.33em; }
    #configurator .option .components .component input:checked + label {
      background: #faa41a;
      color: #fff; }
      #configurator .option .components .component input:checked + label .image img {
        opacity: 0.4; }
      #configurator .option .components .component input:checked + label .price {
        color: rgba(255, 255, 255, 0); }
        #configurator .option .components .component input:checked + label .price::before {
          bottom: 0;
          display: inline-block;
          padding: 0.5em;
          position: absolute;
          right: 0;
          color: #fff;
          font-size: 1rem; }
      #configurator .option .components .component input:checked + label i {
        color: #fff; }

#configurator .alert-box {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  background-color: transparent;
  border: 4px solid #f15d22;
  border-radius: 6px;
  color: #f15d22;
  font-family: "System76 Roboto Slab", serif;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center; }
  #configurator .alert-box-enter, #configurator .alert-box-enter-active, #configurator .alert-box-leave, #configurator .alert-box-leave-active {
    transition: all 250ms ease; }
  #configurator .alert-box-enter, #configurator .alert-box-leave-active {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
    font-size: 0;
    opacity: 0; }
  #configurator .alert-box-enter-active, #configurator .alert-box-leave {
    margin-bottom: 30px;
    padding-top: 14px;
    padding-bottom: 14px;
    border-width: 4px;
    font-size: 1.5rem;
    opacity: 1; }

#configurator [type=submit] {
  display: block;
  margin: 4em auto 2em;
  border-width: 2px;
  font-size: 1.5rem;
  text-transform: uppercase; }
  #configurator [type=submit] .finance {
    display: block;
    padding-top: 0.25em;
    font-family: "System76 Fira Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 300;
    text-transform: lowercase; }

#config-bar button {
  padding: 1.5em 0 0;
  border: none;
  font-family: "System76 Fira Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  font-style: italic;
  font-size: 1.125rem;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  transition: opacity 200ms; }
  #config-bar button:active {
    color: #faa41a; }
  #config-bar button#config-back:before {
    position: relative;
    right: 0.33em;
    top: -0.25em;
    font-size: 0.75em;
    font-style: normal;
    content: "◀ "; }
  #config-bar button#config-next:after {
    left: 0.33em;
    position: relative;
    top: -0.25em;
    font-size: 0.75em;
    font-style: normal;
    content: " ▶"; }
  #config-bar button:disabled {
    opacity: 0; }

.path-contest #page-container {
  padding-bottom: 0; }

.path-contest .content {
  min-height: 63vh;
  padding: 13.75rem 1em 4em;
  background-color: #21386d;
  background-image: linear-gradient(rgba(33, 56, 109, 0.5), rgba(33, 56, 109, 0.5)), url("/assets/contests/none/fg_5120-8ca212830c.png"), url("/assets/contests/none/divider_5120-2debbf6d2c.png"), url("/assets/contests/none/banner_5120-e3dabc6777.png"), linear-gradient(#21386d 162px, #21386d 163px, #918eb4 164px, #918eb4);
  background-position: center, top 0.75rem center, top 10rem center, top 0.125rem center;
  background-repeat: repeat, no-repeat, repeat-x, repeat-x;
  background-size: cover, 600px, 600px, 600px;
  color: #fff;
  text-align: center; }
  .path-contest .content img {
    display: block;
    margin: 0 auto 3em;
    max-width: 29.0625rem;
    width: 100%; }
  .path-contest .content p {
    max-width: 17em;
    font-family: "System76 Roboto Slab", serif;
    font-size: 1.5em;
    font-weight: 700; }
  .path-contest .content div.name,
  .path-contest .content div.email,
  .path-contest .content div.submit {
    display: block;
    margin: 0 auto;
    max-width: 25rem; }
  .path-contest .content div.submit {
    text-align: right; }
    .path-contest .content div.submit .button {
      margin: 0;
      border-color: #fff;
      border-width: 2px;
      color: #fff;
      font-weight: 700; }
  @media only screen and (min-width: 768px) {
    .path-contest .content {
      padding-top: 35.9375rem;
      background-color: #21386d;
      background-image: linear-gradient(rgba(33, 56, 109, 0.5), rgba(33, 56, 109, 0.5)), url("/assets/contests/none/fg_5120-8ca212830c.png"), url("/assets/contests/none/divider_5120-2debbf6d2c.png"), url("/assets/contests/none/banner_5120-e3dabc6777.png"), linear-gradient(#21386d 492px, #21386d 493px, #918eb4 494px, #918eb4);
      background-position: center, top 3rem center, top 30rem center, top 1.25rem center;
      background-repeat: repeat, no-repeat, repeat-x, repeat-x;
      background-size: cover, 1771px, 2560px, 2560px; } }

.path-contest-rules p {
  padding: 0; }

.path-contest-rules .button {
  margin-bottom: 2em; }

[data-countdown] {
  font-family: "System76 Ubuntu Mono", monospace, mono; }

.path-guides {
  text-align: center; }
  .path-guides #page-title .button {
    background-color: #fff;
    border-radius: 4px;
    color: #574f4a;
    display: block;
    font-size: 0.85rem;
    font-style: normal;
    margin: 1.5rem auto 0;
    padding: 0.5em 1em;
    text-align: center;
    width: 22ch; }
  @media (min-width: 1025px) {
    .path-guides #page-title .button {
      float: right;
      margin: 0;
      position: relative;
      top: -2px; } }
  .path-guides h2 {
    margin: 2em auto 0;
    font-family: "System76 Fira Sans", sans-serif;
    font-style: italic;
    font-weight: 300;
    text-transform: uppercase; }
  .path-guides h3 {
    margin-top: 4em; }
  .path-guides img {
    display: block;
    margin: 0 auto; }
  .path-guides hr {
    margin-top: 6rem; }
  .path-guides .laptops img {
    margin-top: -3.75rem;
    margin-bottom: -2.75rem; }
  .path-guides .kb-icons + p {
    margin-top: 4em;
    text-align: center;
    font-style: italic;
    font-size: 0.85em; }
  .path-guides .firmware {
    text-align: left;
    margin-bottom: 8rem; }
    .path-guides .firmware h1 {
      margin-bottom: 1rem; }
    .path-guides .firmware h1 + * {
      margin-top: 0; }
  .path-guides .ports {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .path-guides .ports img {
    max-height: 65vh; }
  .path-guides .specs#specs {
    margin-top: 0; }

/* Hero images */
.hero {
  width: 100%;
  position: relative;
  text-align: center; }
  .hero img {
    width: 100%; }

.hero-overlay, .superfan-2-home-hero,
.hero-overlay.slick-slide,
.slick-slide.superfan-2-home-hero {
  display: block;
  position: relative;
  width: 100%;
  height: 50vw;
  margin: 0 auto 2em;
  background-color: #574f4a;
  color: #fff;
  overflow: hidden; }
  .hero-overlay .bg, .superfan-2-home-hero .bg,
  .hero-overlay.slick-slide .bg, .slick-slide.superfan-2-home-hero .bg {
    width: auto;
    height: 100%;
    max-width: initial;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.33; }
    .config .hero-overlay .bg, .config .superfan-2-home-hero .bg, .config
    .hero-overlay.slick-slide .bg, .config .slick-slide.superfan-2-home-hero .bg {
      opacity: 0.5; }
  .hero-overlay .fg, .superfan-2-home-hero .fg,
  .hero-overlay.slick-slide .fg, .slick-slide.superfan-2-home-hero .fg {
    width: 100%;
    max-width: initial;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    color: inherit;
    text-shadow: 0 0 16px #574f4a;
    transform: translate(-50%, -50%); }
    .hero-overlay .fg h1, .superfan-2-home-hero .fg h1,
    .hero-overlay.slick-slide .fg h1, .slick-slide.superfan-2-home-hero .fg h1 {
      margin-top: 0;
      margin-bottom: 0.5rem;
      color: inherit; }
    .hero-overlay .fg .button, .superfan-2-home-hero .fg .button,
    .hero-overlay.slick-slide .fg .button, .slick-slide.superfan-2-home-hero .fg .button {
      color: inherit;
      font-weight: bold;
      border-color: #fff;
      border-width: 0.125rem;
      box-shadow: 0 0 16px -4px #574f4a, 0 0 16px -4px #574f4a inset;
      transition: background-color 250ms ease, box-shadow 250ms ease, text-shadow 250ms ease; }
      .hero-overlay .fg .button:hover, .superfan-2-home-hero .fg .button:hover,
      .hero-overlay.slick-slide .fg .button:hover, .slick-slide.superfan-2-home-hero .fg .button:hover {
        box-shadow: none;
        text-shadow: none; }
  .hero-overlay.hero-config .fg h1::before, .hero-config.superfan-2-home-hero .fg h1::before,
  .hero-overlay.slick-slide.hero-config .fg h1::before, .slick-slide.hero-config.superfan-2-home-hero .fg h1::before {
    content: "Now designing your";
    display: block;
    font-family: "System76 Roboto Slab", serif;
    font-style: normal;
    font-weight: 700;
    font-size: 70%;
    text-transform: uppercase; }
  .hero-overlay.hero-config .fg .button, .hero-config.superfan-2-home-hero .fg .button,
  .hero-overlay.slick-slide.hero-config .fg .button, .slick-slide.hero-config.superfan-2-home-hero .fg .button {
    display: none; }

@media only screen and (max-width: 599px) {
  .hero {
    min-height: 45.83vw; } }

@media only screen and (min-width: 768px) and (max-width: 64em) {
  .hero {
    min-height: 33.33vw; } }

@media only screen and (min-width: 64.0625em) {
  .hero {
    min-height: 25vw; }
  .hero-overlay, .superfan-2-home-hero,
  .hero-overlay.slick-slide,
  .slick-slide.superfan-2-home-hero {
    height: 31.6406vw; }
    .hero-overlay:not(.hero-config) .bg, .superfan-2-home-hero:not(.hero-config) .bg,
    .hero-overlay.slick-slide:not(.hero-config) .bg, .slick-slide.superfan-2-home-hero:not(.hero-config) .bg {
      opacity: 1; }
    .hero-overlay .fg h1, .superfan-2-home-hero .fg h1,
    .hero-overlay.slick-slide .fg h1, .slick-slide.superfan-2-home-hero .fg h1 {
      font-size: 2.8125vw; }
    .hero-overlay .fg .button, .superfan-2-home-hero .fg .button,
    .hero-overlay.slick-slide .fg .button, .slick-slide.superfan-2-home-hero .fg .button {
      border-width: 0.1875rem;
      font-size: 1.40625vw; } }

@media only screen and (min-width: 90.0625em) {
  .hero-overlay .fg .button, .superfan-2-home-hero .fg .button,
  .hero-overlay.slick-slide .fg .button, .slick-slide.superfan-2-home-hero .fg .button {
    border-width: 0.25rem; } }

/* Home page */
body.homepage {
  background-color: #070d2f; }
  body.homepage #page-container {
    background-color: #070d2f;
    padding-bottom: 0;
    overflow: hidden; }

.mega.button {
  color: inherit;
  font-weight: bold;
  border-color: #fff;
  border-width: 0.125rem;
  box-shadow: 0 0 16px -4px #574f4a, 0 0 16px -4px #574f4a inset;
  transition: background-color 250ms ease, box-shadow 250ms ease, text-shadow 250ms ease; }
  .mega.button:hover {
    box-shadow: none;
    text-shadow: none; }
  @media only screen and (min-width: 64.0625em) {
    .mega.button {
      border-width: 0.1875rem;
      font-size: 1.40625vw; } }

.homepage #hero {
  display: block;
  height: 400px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  background-color: #070d2f;
  overflow: hidden;
  transition: background-color 250ms; }
  .homepage #hero .bg {
    width: 100%;
    max-width: initial;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .homepage #hero .bg img {
      height: auto;
      opacity: 0.3;
      width: 100%; }
  .homepage #hero .fg {
    margin: auto;
    max-width: initial;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #fff; }
    .homepage #hero .fg > * {
      text-align: center; }
    .homepage #hero .fg h1 {
      color: inherit;
      font-family: "System76 Fira Sans", sans-serif;
      font-size: 5.2vw;
      font-weight: 300;
      letter-spacing: 0.25mm;
      line-height: 1em;
      margin-bottom: 3rem;
      max-width: 90vw;
      text-transform: uppercase; }
    .homepage #hero .fg img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      max-height: 160px;
      max-width: 80vw; }
      @media only screen and (min-width: 64.0625em) {
        .homepage #hero .fg img {
          max-width: 600px;
          max-height: unset; } }
    .homepage #hero .fg > div {
      display: none; }
      @media only screen and (min-width: 64.0625em) {
        .homepage #hero .fg > div {
          display: block;
          margin-top: 6rem; } }
    .homepage #hero .fg .button {
      border-color: #574f4a;
      box-shadow: none;
      color: #574f4a;
      display: inline-block;
      text-shadow: none; }

.homepage #panels {
  border-top: 1px solid #fff;
  overflow: hidden; }
  .homepage #panels a {
    display: block;
    position: relative;
    height: 66vw;
    background-color: #574f4a;
    color: #fff;
    font-family: "System76 Roboto Slab", serif;
    font-size: 6.7vw;
    font-weight: 700;
    line-height: 1em;
    text-align: center;
    transition: background 250ms;
    overflow: hidden; }
    .homepage #panels a img {
      width: 100%;
      width: auto;
      max-width: initial;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      opacity: 0.25;
      -webkit-filter: saturate(0);
              filter: saturate(0);
      transition: opacity 250ms; }
    .homepage #panels a span {
      display: inline-block;
      width: 100%;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      color: inherit;
      transition: top 250ms; }
    .homepage #panels a button,
    .homepage #panels a .button {
      display: inline-block;
      position: relative;
      top: 50%;
      padding: 0.33em 1em;
      border-width: 3px;
      border-color: #fff;
      color: #fff;
      font-size: 0.75em;
      font-weight: 700;
      text-transform: uppercase;
      opacity: 0;
      transition: opacity 250ms, top 250ms, background 250ms; }
      .homepage #panels a button:hover,
      .homepage #panels a .button:hover {
        background: transparent; }
    .homepage #panels a:nth-child(6n+1) {
      background-color: #9c005d; }
    .homepage #panels a:nth-child(6n+2) {
      background-color: #f15d5e; }
    .homepage #panels a:nth-child(6n+3) {
      background-color: #ffce51; }
    .homepage #panels a:nth-child(6n+4) {
      background-color: #48b9c7; }
    .homepage #panels a:nth-child(6n+5) {
      background-color: #73c48f; }
    .homepage #panels a:nth-child(6n) {
      background-color: #faa41a; }
    .no-touch .homepage #panels a:hover {
      background-color: #574f4a; }
      .no-touch .homepage #panels a:hover span {
        top: 40%; }
      .no-touch .homepage #panels a:hover button,
      .no-touch .homepage #panels a:hover .button {
        top: 40%;
        opacity: 1; }

.homepage header.omni,
.homepage header#omni {
  background-color: rgba(7, 13, 47, 0.875);
  box-shadow: 0 1px rgba(255, 255, 255, 0.9);
  z-index: 1000; }
  .homepage header.omni:before, .homepage header.omni:after,
  .homepage header#omni:before,
  .homepage header#omni:after {
    background-color: rgba(7, 13, 47, 0.875);
    box-shadow: 0 1px rgba(255, 255, 255, 0.9); }

.homepage header#masthead {
  background-color: #070d2f;
  color: #fff;
  opacity: 1;
  transition: opacity 250ms, top 250ms;
  z-index: 900; }
  .homepage header#masthead::after {
    border-bottom: 1px solid #fff;
    bottom: 0;
    content: " ";
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 2560px; }
  .homepage header#masthead #logo {
    background-image: url("/assets/logo-white-c583b00485.png"); }

@media only screen and (min-width: 64.0625em) {
  .homepage header#masthead {
    background-color: transparent; }
  .homepage #masterhead-mask {
    background: linear-gradient(to bottom, #070d2f, rgba(7, 13, 47, 0.875) 45%, rgba(7, 13, 47, 0));
    height: 180px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1; } }

.homepage header#masthead a {
  color: inherit;
  transition: none; }

.touch .homepage #panels a span {
  top: 40%; }

.touch .homepage #panels a button,
.touch .homepage #panels a .button {
  top: 40%;
  opacity: 1; }

.kabylake-home-hero.hero-overlay, .kabylake-home-hero.superfan-2-home-hero {
  margin-bottom: 0;
  background-image: url("/assets/kaby-lake/hero-bg_640-87a647afc4.jpg");
  background-position: center;
  background-size: cover;
  border-top: 1px solid #fff;
  color: #fff;
  font-size: 0;
  opacity: 1; }
  @media only screen and (min-width: 40.0625rem) {
    .kabylake-home-hero.hero-overlay, .kabylake-home-hero.superfan-2-home-hero {
      background-image: url("/assets/kaby-lake/hero-bg_1280-cca66a08e9.jpg"); } }
  @media only screen and (min-width: 40.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 40.0625rem) and (min-resolution: 2dppx) {
    .kabylake-home-hero.hero-overlay, .kabylake-home-hero.superfan-2-home-hero {
      background-image: url("/assets/kaby-lake/hero-bg_2560-fbb5dbe1e1.jpg"); } }
  @media only screen and (min-width: 80.0625rem) {
    .kabylake-home-hero.hero-overlay, .kabylake-home-hero.superfan-2-home-hero {
      background-image: url("/assets/kaby-lake/hero-bg_2560-fbb5dbe1e1.jpg"); } }
  .kabylake-home-hero.hero-overlay img, .kabylake-home-hero.superfan-2-home-hero img {
    width: 35%; }
    @media only screen and (min-width: 64.0625em) {
      .kabylake-home-hero.hero-overlay img, .kabylake-home-hero.superfan-2-home-hero img {
        width: 21%; } }
    .kabylake-home-hero.hero-overlay img.kabylake, .kabylake-home-hero.superfan-2-home-hero img.kabylake {
      display: block;
      margin: 0 auto 4vw; }
      @media only screen and (min-width: 64.0625em) {
        .kabylake-home-hero.hero-overlay img.kabylake, .kabylake-home-hero.superfan-2-home-hero img.kabylake {
          margin-bottom: 1vw; } }
    .kabylake-home-hero.hero-overlay img.thumb, .kabylake-home-hero.superfan-2-home-hero img.thumb {
      -webkit-filter: drop-shadow(#fff 0 0 1vw);
              filter: drop-shadow(#fff 0 0 1vw); }
      @media only screen and (min-width: 600px) {
        .kabylake-home-hero.hero-overlay img.thumb, .kabylake-home-hero.superfan-2-home-hero img.thumb {
          width: 50%; } }
      @media only screen and (min-width: 64.0625em) {
        .kabylake-home-hero.hero-overlay img.thumb, .kabylake-home-hero.superfan-2-home-hero img.thumb {
          width: 25%; } }
    .kabylake-home-hero.hero-overlay img.text, .kabylake-home-hero.superfan-2-home-hero img.text {
      margin-left: -10vw;
      margin-top: -11vw; }
      @media only screen and (min-width: 64.0625em) {
        .kabylake-home-hero.hero-overlay img.text, .kabylake-home-hero.superfan-2-home-hero img.text {
          margin-left: -6vw;
          margin-top: -4vw; } }
  .kabylake-home-hero.hero-overlay .button, .kabylake-home-hero.superfan-2-home-hero .button {
    display: block;
    margin: 2vw auto 0; }
  .kabylake-home-hero.hero-overlay.bottom, .kabylake-home-hero.bottom.superfan-2-home-hero {
    background-image: url("/assets/kaby-lake/hero-bg-2_640-8be6d727fa.jpg"); }
    @media only screen and (min-width: 40.0625rem) {
      .kabylake-home-hero.hero-overlay.bottom, .kabylake-home-hero.bottom.superfan-2-home-hero {
        background-image: url("/assets/kaby-lake/hero-bg-2_1280-bb884ca444.jpg"); } }
  @media only screen and (min-width: 40.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 40.0625rem) and (min-resolution: 2dppx) {
    .kabylake-home-hero.hero-overlay.bottom, .kabylake-home-hero.bottom.superfan-2-home-hero {
      background-image: url("/assets/kaby-lake/hero-bg-2_2560-0237a181c4.jpg"); } }
    @media only screen and (min-width: 80.0625rem) {
      .kabylake-home-hero.hero-overlay.bottom, .kabylake-home-hero.bottom.superfan-2-home-hero {
        background-image: url("/assets/kaby-lake/hero-bg-2_2560-0237a181c4.jpg"); } }
    .kabylake-home-hero.hero-overlay.bottom img.text, .kabylake-home-hero.bottom.superfan-2-home-hero img.text {
      margin-left: 0;
      margin-right: 2vw;
      margin-top: -4vw; }

.cb-hero {
  display: block;
  position: relative;
  background-color: #b2a796;
  border-top: 1px solid #fff;
  color: #fff; }
  .cb-hero:hover {
    color: #fff; }
  .cb-hero [data-slideshow] {
    background-color: #b2a796; }
  .cb-hero .fg {
    position: absolute;
    top: 86%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%); }

.hero-overlay.hero.leow8, .hero.leow8.superfan-2-home-hero {
  height: initial;
  margin-bottom: 0;
  border-top: 1px solid #fff;
  color: #fff; }
  .hero-overlay.hero.leow8:hover, .hero.leow8.superfan-2-home-hero:hover {
    color: #fff; }
  .hero-overlay.hero.leow8 .fg, .hero.leow8.superfan-2-home-hero .fg {
    position: initial;
    transform: none; }
  .hero-overlay.hero.leow8 .button, .hero.leow8.superfan-2-home-hero .button {
    left: 76%;
    min-width: 8em;
    position: absolute;
    top: 50%;
    color: inherit;
    font-weight: bold;
    border-color: #fff;
    border-width: 0.125rem;
    box-shadow: 0 0 16px -4px #574f4a, 0 0 16px -4px #574f4a inset;
    transition: background-color 250ms ease, box-shadow 250ms ease, text-shadow 250ms ease;
    transform: translate(-50%, -50%); }
    .hero-overlay.hero.leow8 .button:hover, .hero.leow8.superfan-2-home-hero .button:hover {
      box-shadow: none;
      text-shadow: none; }
    @media only screen and (min-width: 64.0625em) {
      .hero-overlay.hero.leow8 .button, .hero.leow8.superfan-2-home-hero .button {
        top: 38%;
        left: 65.5%;
        border-width: 0.1875rem;
        font-size: 1.40625vw; } }

@media only screen and (min-width: 600px) {
  .homepage #hero .fg h1 {
    font-size: 2rem; }
  .homepage #panels a {
    float: left;
    width: 50%;
    height: 33vw;
    font-size: 3vw; } }

@media only screen and (min-width: 64.0625em) {
  .homepage header#masthead {
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.25); }
  .homepage #hero {
    height: 80vh;
    max-height: 80vh;
    min-height: 800px; }
    .homepage #hero .fg {
      top: 50%; }
  .homepage #panels a {
    width: 33.3%;
    height: 21.75vw;
    font-size: 2.34375vw; }
    .homepage #panels a:nth-child(6n+2) {
      width: 33.4%; }
  .homepage header#masthead {
    position: absolute;
    top: 0%;
    left: 0;
    right: 0; } }

@media only screen and (min-width: 90.0625em) {
  .homepage #hero {
    height: 75vh; }
  .homepage #panels a {
    width: 16.66%;
    height: 11vw;
    font-size: 1.125vw; }
    .homepage #panels a:nth-child(6n) {
      width: 16.67%; }
    .homepage #panels a:nth-child(6n+2) {
      width: 16.66%; } }

@media only screen and (min-width: 120.0625em) {
  .homepage #hero .fg {
    top: 55%; } }

@media only screen and (orientation: portrait) {
  .homepage #hero {
    height: 67vw; }
    .homepage #hero .bg {
      height: 100%;
      width: 120%; } }

/* Old home page styles */
.homepage-legacy {
  text-align: center; }
  .homepage-legacy p.lead {
    max-width: 50rem; }
  .homepage-legacy .card p {
    text-align: left; }
  .homepage-legacy .unleash.overlay-frame {
    padding-top: 0;
    /*h1{
        position:      absolute;
        bottom:        100%;
        left:          0px;
        width:         100%;
        margin-top:    -2em;
        padding:       1rem;
      }*/ }
    .homepage-legacy .unleash.overlay-frame p {
      max-width: 37.5rem;
      font-family: "System76 Fira Sans", sans-serif; }
  .homepage-legacy .designed {
    margin-bottom: 2em; }
  .homepage-legacy .everything div {
    margin-top: 32px;
    margin-bottom: 32px; }
    .homepage-legacy .everything div:first-child {
      margin: 0 auto; }
    .homepage-legacy .everything div #open-source-slideshow {
      margin-left: auto;
      margin-right: auto;
      max-height: 300px;
      max-width: 300px; }
    .homepage-legacy .everything div img {
      display: block;
      margin: 0 auto;
      max-height: 300px;
      max-width: 300px; }
  .homepage-legacy .power-to-create img,
  .homepage-legacy .power-to-create video {
    max-height: 75vh; }
  .homepage-legacy .latest-tech {
    position: relative; }
  .homepage-legacy .support h1 + p {
    max-width: 50rem; }
  .homepage-legacy .support #support-animation {
    position: relative;
    padding-top: 17%;
    /*background-image: url(/assets/home/drawn-figures-0db5fd1727.png);
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: contain;*/
    overflow: hidden; }
    .homepage-legacy .support #support-animation .figures {
      z-index: 2;
      position: relative;
      width: 100%;
      max-width: 600px; }
    .homepage-legacy .support #support-animation .sun-moon {
      position: absolute;
      left: 50%;
      top: 0%;
      max-height: 175%;
      margin-left: -9%; }
  .homepage-legacy .world {
    display: block;
    position: relative;
    margin-top: 4em;
    background-color: #666; }
    .homepage-legacy .world #shipping-map {
      background-color: #666;
      max-height: 500px;
      padding: 1.5rem; }
    .homepage-legacy .world .overlay.panel {
      color: #574f4a; }
  .homepage-legacy .call-to-action {
    margin-top: 3em;
    margin-bottom: 2em; }
    .homepage-legacy .call-to-action a.browse-button {
      display: inline-block;
      margin: 1em 0.5em 0;
      padding: 0.5em 1em;
      opacity: 0.85;
      /*span{
        display: block;
        width:   rem-calc(128px);

        font-size:      75%;
        text-transform: lowercase;
      }*/ }
      .homepage-legacy .call-to-action a.browse-button:hover {
        opacity: 1; }

.hero.meerkat-announce {
  position: relative;
  display: block; }
  .hero.meerkat-announce .button {
    color: white;
    border-color: white;
    position: absolute;
    bottom: 41%;
    left: 36%;
    font-size: 1vw;
    border-width: 0.01vw;
    background-color: #574e4a; }
    .hero.meerkat-announce .button:active {
      background-color: #faa41a; }

@media only screen {
  .sales.homepage-legacy .unleash.overlay-frame {
    margin-top: 0;
    padding-bottom: 0.75em; }
    .sales.homepage-legacy .unleash.overlay-frame h1 {
      margin-top: 0.25em;
      margin-bottom: 0.25em;
      padding-bottom: 0em;
      font-size: 1.75rem; }
    .sales.homepage-legacy .unleash.overlay-frame p {
      font-family: "System76 Fira Sans", sans-serif;
      margin-top: 0.25em; } }

@media only screen and (min-width: 600px) {
  .sales.homepage-legacy .unleash.overlay-frame h1 {
    margin-top: 0;
    padding-top: 0.1em;
    font-size: 2.5rem; }
  .sales.homepage-legacy .unleash.overlay-frame p {
    font-size: 1.55rem; } }

@media only screen and (min-width: 768px) {
  .sales.homepage-legacy .unleash.overlay-frame h1 {
    position: relative; }
  .sales.homepage-legacy .everything div p {
    text-align: left; }
  .sales.homepage-legacy .everything div #open-source-slideshow {
    max-height: 400px;
    max-width: 400px; }
  .sales.homepage-legacy .everything div img {
    max-width: 400px;
    max-height: 400px; }
  .sales.homepage-legacy .call-to-action {
    margin-top: 6em;
    margin-bottom: 5em; } }

@media only screen and (min-width: 64.0625em) {
  .sales.homepage-legacy .unleash.overlay-frame {
    position: relative;
    padding: 0;
    background: none;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); }
    .sales.homepage-legacy .unleash.overlay-frame .overlay {
      position: absolute;
      top: 20%;
      left: 5%; }
      .sales.homepage-legacy .unleash.overlay-frame .overlay h1 {
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin-top: 0;
        padding-bottom: 0;
        background: none;
        font-size: 2.5rem;
        text-align: left; }
      .sales.homepage-legacy .unleash.overlay-frame .overlay p {
        max-width: 450px;
        margin: 0;
        margin-right: 0;
        font-family: "System76 Fira Sans", sans-serif;
        font-size: 1.33rem;
        text-align: left; }
  .sales.homepage-legacy .latest-tech .overlay.panel {
    position: absolute;
    top: 15%;
    left: 50%;
    max-width: 70%;
    margin-left: -35%;
    background-color: rgba(0, 0, 0, 0.75);
    border: medium none;
    color: #fff; }
  .sales.homepage-legacy .world .overlay.panel {
    position: absolute;
    top: 25%;
    left: 50%;
    max-width: 70%;
    margin-left: -35%;
    background-color: rgba(0, 0, 0, 0.5);
    border: medium none;
    color: #fff; } }

@media only screen and (min-width: 90.0625em) {
  .sales.homepage-legacy .unleash.overlay-frame .overlay {
    top: 28%;
    left: 12%; }
    .sales.homepage-legacy .unleash.overlay-frame .overlay h1 {
      font-size: 3rem; }
    .sales.homepage-legacy .unleash.overlay-frame .overlay p {
      max-width: 550px;
      font-size: 1.67rem; }
  .sales.homepage-legacy .latest-tech .overlay.panel {
    top: 25%;
    max-width: 60%;
    margin-left: -30%; } }

@media only screen and (min-width: 120.0625em) {
  .sales.homepage-legacy .unleash.overlay-frame .overlay {
    top: 25%;
    left: 15%; }
    .sales.homepage-legacy .unleash.overlay-frame .overlay h1 {
      font-size: 3.75rem; }
    .sales.homepage-legacy .unleash.overlay-frame .overlay p {
      max-width: 650px;
      font-size: 2rem; }
  .sales.homepage-legacy .latest-tech .overlay.panel {
    top: 30%;
    max-width: 44%;
    margin-left: -22%; } }

.support-chat {
  overflow: hidden; }

.backend-chat .message,
.backend-chat .message.admin,
.backend-chat .message.support,
.backend-chat .message.customer {
  margin-left: 0 !important;
  margin-right: 0 !important; }
  .backend-chat .message .body,
  .backend-chat .message.admin .body,
  .backend-chat .message.support .body,
  .backend-chat .message.customer .body {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

.joshua .message {
  position: relative;
  height: auto;
  margin-top: 3.125rem; }
  .joshua .message .avatar {
    position: absolute;
    top: -3.125rem;
    right: -1.5625rem;
    margin: 0;
    background-color: #fff; }
  .joshua .message .timestamp {
    font-size: 0.83em;
    opacity: 0.5;
    float: left; }
  .joshua .message .body {
    display: block;
    min-height: 6.25em;
    margin: 0;
    padding: 3.75rem 1em 0.5em;
    border: 6px solid;
    border-radius: 1rem;
    font-size: 1.2rem;
    overflow: auto; }
    .joshua .message .body p,
    .joshua .message .body .contents {
      font-size: 1.2rem;
      padding: 0;
      line-height: 1.75rem; }
    .joshua .message .body .contents {
      min-height: 2.5em;
      margin-bottom: 1.25em; }
      .joshua .message .body .contents p {
        margin-bottom: 1em; }
      .joshua .message .body .contents pre code {
        margin: 0 auto; }
    .joshua .message .body textarea {
      min-height: 3.5em;
      max-width: 100%;
      border: none;
      box-shadow: none;
      font-size: 1.2rem;
      line-height: 1.75rem;
      transition: min-height 250ms; }
      .joshua .message .body textarea:focus, .joshua .message .body textarea:active, .joshua .message .body textarea.focused {
        min-height: 7em; }
  .joshua .message.log {
    border: none;
    text-align: center;
    opacity: 0.8;
    margin-top: 1rem; }
    .joshua .message.log .avatar,
    .joshua .message.log .rating {
      display: none; }
    .joshua .message.log .body {
      border: none;
      width: 100%;
      min-height: auto;
      margin: 0 auto;
      padding-top: 2rem; }
      .joshua .message.log .body p {
        font-size: 1rem;
        line-height: 1.25rem;
        margin-bottom: 0.25em; }
    .joshua .message.log .timestamp {
      margin: 0 auto;
      float: none; }
  .joshua .message.customer .avatar, .joshua .message.supplier .avatar {
    left: -25px; }
  .joshua .message.customer .timestamp, .joshua .message.supplier .timestamp {
    float: right;
    text-align: right; }
  .joshua .message.customer .body,
  .joshua .message.customer .avatar, .joshua .message.supplier .body,
  .joshua .message.supplier .avatar {
    border-color: #48b9c7; }
  .joshua .message.customer.loading::after, .joshua .message.customer.emory-loading::after, .joshua .message.supplier.loading::after, .joshua .message.supplier.emory-loading::after {
    left: 30%;
    margin-left: 0%; }
  .joshua .message.supplier .body,
  .joshua .message.supplier .avatar {
    border-color: #73c48f; }
  .joshua .message.support .body,
  .joshua .message.support .avatar, .joshua .message.system .body,
  .joshua .message.system .avatar {
    border-color: #faa41a; }
  .joshua .message.support.loading::after, .joshua .message.support.emory-loading::after, .joshua .message.system.loading::after, .joshua .message.system.emory-loading::after {
    left: 70%; }
  .joshua .message.admin .body,
  .joshua .message.admin .avatar {
    border-color: #f15d22; }
  .joshua .message .rating {
    position: absolute;
    bottom: 1em;
    right: 0.75em;
    text-align: center;
    color: rgba(87, 79, 74, 0.5); }
    .joshua .message .rating i {
      display: inline-block;
      padding: 0 0 0 0.25em;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      font-size: 1.5em;
      line-height: 1;
      color: rgba(87, 79, 74, 0.5);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      .joshua .message .rating i.satisfied::before {
        content: "\f087"; }
      .joshua .message .rating i.satisfied.selected::before {
        content: "\f164"; }
      .joshua .message .rating i.dissatisfied::before {
        content: "\f088"; }
      .joshua .message .rating i.dissatisfied.selected::before {
        content: "\f165"; }
    .joshua .message .rating a:hover i.satisfied,
    .joshua .message .rating .satisfied.selected {
      color: #73c48f; }
    .joshua .message .rating a:hover i.dissatisfied,
    .joshua .message .rating .dissatisfied.selected {
      color: #f15d22; }
  .joshua .message .submit,
  .joshua .message .attach {
    display: block;
    color: #999;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "System76 Roboto Slab", serif; }
    .joshua .message .submit:hover,
    .joshua .message .attach:hover {
      color: #faa41a; }
  .joshua .message .submit {
    text-align: right; }
  .joshua .message .attach {
    text-align: left; }
  .joshua .message .columns {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  .joshua .message .message-attachment {
    text-align: left; }
    .joshua .message .message-attachment .chosen {
      display: none; }
    .joshua .message .message-attachment input[type="file"] {
      display: none; }
  .joshua .message .message-attachment.chosen .attach {
    display: none; }
  .joshua .message .message-attachment.chosen .chosen {
    display: block; }
    .joshua .message .message-attachment.chosen .chosen .filename {
      display: inline-block;
      max-width: 100%;
      height: 1.25em;
      padding-right: 0.5em;
      font-size: 1rem;
      line-height: 1.25em;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      .joshua .message .message-attachment.chosen .chosen .filename::before {
        content: "\f0c6";
        display: inline-block;
        padding-right: 5px;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased; }
    .joshua .message .message-attachment.chosen .chosen .remove {
      height: 1.25em;
      position: relative;
      top: -0.25em;
      font-size: 1rem;
      line-height: 1.25em;
      color: #f15d22;
      opacity: 0; }
    .joshua .message .message-attachment.chosen .chosen:hover .remove {
      opacity: 1; }
  .joshua .message .message-form {
    padding: 0em 0 1em 1em;
    margin-bottom: 2em;
    border-top: 2px solid #f2f2f2;
    border-bottom: 2px solid #f2f2f2; }
  .joshua .message.standalone .body input, .joshua .message.full .body input {
    box-shadow: none; }
  .joshua .message.standalone .body textarea, .joshua .message.full .body textarea {
    min-height: 7em;
    border: 1px solid #574f4a; }

.attached {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }
  .attached li {
    padding-left: 0; }
    .attached li::before {
      content: "\f0c6";
      display: inline-block;
      padding-right: 5px;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased; }
    .attached li strike::after {
      content: " (removed)"; }

.avatar {
  width: 100px;
  height: 100px; }
  .avatar, .avatar:hover, .avatar:active, .avatar:focus {
    color: #574f4a;
    border: 6px solid; }

@media only screen and (min-width: 768px) {
  .joshua .message .avatar {
    top: -25px; }
  .joshua .message .body {
    width: 60%;
    padding: 0.5em 1em; }
  .joshua .message.customer, .joshua .message.supplier {
    margin-left: 20%; }
    .joshua .message.customer .body, .joshua .message.supplier .body {
      padding-left: 6.25rem; }
    .joshua .message.customer.standalone, .joshua .message.supplier.standalone {
      margin-left: 15%; }
      .joshua .message.customer.standalone .body, .joshua .message.supplier.standalone .body {
        width: 80%; }
    .joshua .message.customer.full, .joshua .message.supplier.full {
      margin-left: 5%;
      margin-right: 5%; }
      .joshua .message.customer.full .body, .joshua .message.supplier.full .body {
        width: 100%; }
  .joshua .message.support, .joshua .message.system, .joshua .message.admin {
    margin-right: 20%; }
    .joshua .message.support .body, .joshua .message.system .body, .joshua .message.admin .body {
      padding-right: 6.25rem;
      margin-left: 40%; }
    .joshua .message.support.standalone, .joshua .message.system.standalone, .joshua .message.admin.standalone {
      margin-right: 30%; }
      .joshua .message.support.standalone .body, .joshua .message.system.standalone .body, .joshua .message.admin.standalone .body {
        width: 86%;
        margin-left: 29%; }
      .joshua .message.support.standalone .avatar, .joshua .message.system.standalone .avatar, .joshua .message.admin.standalone .avatar {
        right: -17%; }
    .joshua .message.support.full, .joshua .message.system.full, .joshua .message.admin.full {
      margin-right: 5%;
      margin-left: 5%; }
      .joshua .message.support.full .body, .joshua .message.system.full .body, .joshua .message.admin.full .body {
        width: 100%;
        margin-left: 0%; } }

@media only screen and (min-width: 64.0625em) {
  .joshua .message.customer.standalone, .joshua .message.supplier.standalone {
    margin-left: 20%; }
    .joshua .message.customer.standalone .body, .joshua .message.supplier.standalone .body {
      width: 75%; } }

.ticket-list .ticket {
  color: inherit; }
  .ticket-list .ticket:hover {
    color: #faa41a; }
  .ticket-list .ticket > .row {
    border: 1px solid;
    margin: 1em 0 1em 0;
    padding: 1em 0; }
    .ticket-list .ticket > .row img {
      display: block;
      margin: 0 auto; }
    .ticket-list .ticket > .row h3 {
      margin-top: 0;
      margin-bottom: 0.25em;
      padding: 0;
      font-size: 1.333em;
      font-weight: bold;
      text-align: center;
      color: inherit; }
    .ticket-list .ticket > .row span {
      display: block;
      margin-bottom: 0.5em;
      text-align: center; }
  .ticket-list .ticket .subject::before {
    content: "Subject: “"; }
  .ticket-list .ticket .subject::after {
    content: "”"; }

ul.inline-list.ticket-filter {
  margin-top: 2em;
  text-transform: uppercase;
  text-align: center;
  font-family: "System76 Roboto Slab", serif; }
  ul.inline-list.ticket-filter > li {
    display: inline-block;
    float: none; }
    ul.inline-list.ticket-filter > li a {
      display: inline-block;
      color: inherit; }
      ul.inline-list.ticket-filter > li a:hover, ul.inline-list.ticket-filter > li a.current {
        color: #48b9c7;
        text-decoration: underline;
        font-weight: bold;
        font-size: 1.25em; }

@media only screen and (min-width: 768px) {
  .ticket-list .ticket > .row h3 {
    text-align: left; }
  .ticket-list .ticket > .row span {
    text-align: left; }
  .ticket-list .ticket .subject {
    margin-top: 1em; } }

@media only screen and (min-width: 64.0625em) {
  .ticket-list .ticket .subject {
    margin-top: 0; } }

.sales {
  overflow-x: hidden; }
  .sales h1 {
    margin-top: 1em;
    font-family: "System76 Fira Sans", sans-serif;
    font-weight: 300;
    font-style: italic;
    line-height: 1.1em;
    text-align: center;
    color: inherit; }
    .sales h1 + p {
      max-width: 65.9375rem;
      font-family: "System76 Roboto Slab", serif;
      font-weight: 300;
      line-height: 1.3em; }
    .sales h1 .button {
      position: relative;
      top: -0.75em;
      font-style: normal; }
  .sales p {
    color: inherit; }
  .sales video {
    width: 100%;
    max-width: 100%; }
  .sales > div,
  .sales > .row > .columns {
    text-align: center; }
  .sales .graphs {
    position: relative;
    height: 12.5rem;
    width: 100%;
    max-width: 64rem;
    margin: 4.375rem auto 3.125rem;
    border-bottom: 1px solid #574f4a; }
    .sales .graphs .group {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 40%;
      margin: 0 5%;
      float: left; }
      .sales .graphs .group:last-child {
        left: 50%; }
      .sales .graphs .group .graph {
        position: absolute;
        left: 0;
        width: 50%;
        height: 100%;
        float: left;
        font-family: "System76 Roboto Slab", serif; }
        .sales .graphs .group .graph:last-child {
          left: 50%; }
        .sales .graphs .group .graph .product {
          position: absolute;
          top: 0;
          width: 100%;
          margin-top: -2.5rem;
          margin-bottom: 1em;
          font-weight: 700;
          font-size: 0.75rem;
          transition: top 2000ms ease-out; }
        .sales .graphs .group .graph .bar {
          display: block;
          position: absolute;
          bottom: 0;
          background-color: #faa41a;
          min-height: 0.625rem;
          height: 100%;
          width: 40%;
          margin: 0 30%;
          transition: height 2000ms ease-out; }
        .sales .graphs .group .graph .model {
          position: absolute;
          bottom: -2.5rem;
          margin-top: 1em;
          width: 100%;
          font-weight: 300;
          font-size: 0.625rem; }
        .sales .graphs .group .graph.them .bar {
          background-color: #ffce51; }
        .sales .graphs .group .graph.half .product {
          top: 50%; }
        .sales .graphs .group .graph.half .bar {
          height: 50%; }
        .sales .graphs .group .graph.quarter .product {
          top: 75%; }
        .sales .graphs .group .graph.quarter .bar {
          height: 25%; }
      .sales .graphs .group.animate-in .graph .product {
        top: 95%; }
      .sales .graphs .group.animate-in .graph .bar {
        height: 5%; }
  .sales #terminal {
    color: #fff; }
    .sales #terminal h1 {
      margin-top: 0.5em; }
  .sales #specs {
    padding: 1em; }
  .sales .specs table {
    margin: 0 auto;
    text-rendering: optimizeLegibility; }
    .sales .specs table tr {
      vertical-align: text-top; }
      .sales .specs table tr td {
        font-size: 1.125rem;
        line-height: 1.5em;
        padding: 0; }
        .sales .specs table tr td:first-child {
          padding-right: 1em;
          font-family: "System76 Roboto Slab", serif;
          font-weight: bold;
          text-align: right; }
    .sales .specs table p {
      font-family: "System76 Fira Sans", sans-serif;
      font-size: inherit;
      line-height: 1.75;
      margin: 0;
      padding: 0; }
  .sales hr {
    margin-top: 0;
    border: 1px solid #574f4a; }
  .sales .featured-apps {
    padding: 1.875rem;
    background-color: #48b9c7;
    text-align: center; }
  .sales .what-is-it,
  .sales .features {
    margin-top: 4em; }
  .sales .features-list {
    max-width: 21.25rem;
    margin: auto;
    text-align: left;
    font-size: 1.125rem;
    font-family: "System76 Fira Sans", sans-serif;
    font-style: italic;
    font-weight: 300; }
    .sales .features-list li {
      list-style: none; }
      .sales .features-list li:before {
        content: "\2022";
        margin: 0;
        padding: 0;
        position: relative;
        top: 0.25em;
        font-size: 4em;
        font-style: normal;
        line-height: 0.25em; }
      .sales .features-list li:first-child:before, .sales .features-list li:nth-child(5n+1):before {
        color: #faa41a; }
      .sales .features-list li:nth-child(5n+2):before {
        color: #48b9c7; }
      .sales .features-list li:nth-child(5n+3):before {
        color: #f15d22; }
      .sales .features-list li:nth-child(5n+4):before {
        color: #73c48f; }
      .sales .features-list li:nth-child(5n+5):before {
        color: #ffce51; }
  .sales .side-by-side {
    position: relative; }
    .sales .side-by-side p {
      margin-top: 1em;
      font-family: "System76 Roboto Slab", serif;
      font-weight: 300;
      line-height: 1.3em; }
  .sales .overlay-frame {
    padding: 1.875rem 0;
    background-color: #faa41a;
    color: #fff; }
    .sales .overlay-frame.blue {
      background-color: #48b9c7; }
      .sales .overlay-frame.blue h1 {
        background-color: rgba(72, 185, 199, 0.5); }
    .sales .overlay-frame.gray {
      background-color: #574e4a; }
      .sales .overlay-frame.gray h1 {
        background-color: rgba(87, 78, 74, 0.75); }
    .sales .overlay-frame .overlay {
      position: relative; }
    .sales .overlay-frame h1 + p {
      max-width: 61.25rem;
      margin-bottom: 0;
      margin-top: 1rem; }
  .sales .head-on {
    position: relative; }
    .sales .head-on > *:last-child {
      position: absolute; }
  .sales #specs {
    margin-top: 6.25rem; }
  .sales .purchase {
    padding: 4em 1em 2em; }
    .sales .purchase .button {
      border-width: 2px;
      font-size: 2rem; }
  .sales .card h2,
  .sales .card h3 {
    line-height: 1.33em;
    text-align: center; }
  .sales .card p {
    text-align: left; }
  .sales .feature {
    margin-bottom: 0;
    padding-bottom: 0; }
    .sales .feature h5 {
      margin-top: 0.5em;
      margin-bottom: 1.75em;
      font-size: 1rem;
      text-align: center; }
      .sales .feature h5:last-child {
        margin-bottom: 0; }
    .sales .feature .progress {
      height: 1rem; }
      .sales .feature .progress .meter {
        background-color: #cccccc;
        transition: 250ms; }
      .sales .feature .progress:nth-of-type(1) .meter {
        border-right-color: #48b9c7;
        background-color: #48b9c7; }
      .sales .feature .progress:nth-of-type(2) .meter {
        border-right-color: #f15d22;
        background-color: #f15d22; }
      .sales .feature .progress:nth-of-type(3) .meter {
        border-right-color: #ffce51;
        background-color: #ffce51; }
  .sales .panel.ship-date {
    display: inline-block;
    margin-top: 4em;
    margin-left: auto;
    margin-right: auto;
    background-color: #48b9c7;
    border-radius: 16px;
    border-color: #48b9c7;
    font-family: "System76 Roboto Slab", serif;
    color: #fff; }
    .sales .panel.ship-date p {
      font-size: 1.5rem; }
  .sales .fine-print {
    font-size: 75%; }

@media only screen and (max-width: 599px) {
  .sales:not(.homepage) .overlay-frame .overlay h1 {
    position: relative;
    bottom: 0;
    top: 0;
    margin-top: 0.25em;
    padding-bottom: 0; } }

@media only screen and (min-width: 768px) {
  .sales h1 {
    margin-top: 2em;
    font-size: 3rem; }
    .sales h1 + p {
      font-size: 1.6875rem; }
  .sales .graphs {
    height: 25rem;
    margin-top: 6.25rem; }
    .sales .graphs .group .graph .product {
      font-size: 1.25rem; }
    .sales .graphs .group .graph .model {
      font-size: 1rem; }
  .sales .features-list {
    max-width: 30rem;
    font-size: 1.5rem; }
  .sales .side-by-side p {
    font-size: 1.6875rem; }
  .sales .overlay-frame h1 {
    position: absolute;
    bottom: 100%;
    left: 0px;
    width: 100%;
    margin-top: -2em;
    padding: 1rem;
    background-color: rgba(255, 100, 0, 0.5); } }

@media only screen and (min-width: 64.0625em) {
  .sales .features {
    position: relative; }
    .sales .features img {
      width: 75%;
      float: left; }
    .sales .features ul.features-list {
      position: absolute;
      top: 3%;
      right: 5%;
      width: 42%;
      max-width: none;
      font-size: 1.5rem; }
      .sales .features ul.features-list li {
        margin: 0.5em 0; }
  .sales .panel.overlay {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    background-color: transparent;
    border: none;
    color: #fff;
    z-index: 3; }
    .sales .panel.overlay h1,
    .sales .panel.overlay p {
      max-width: 100%;
      text-align: center; }
  .sales .side-by-side p {
    position: absolute;
    margin-top: 0;
    text-align: left; } }

@media only screen and (min-width: 90.0625em) {
  .sales .features ul.features-list {
    font-size: 1.75rem;
    width: 40%; } }

.servers .management .card img {
  width: 100px;
  margin-bottom: 0.5em; }

.servers .card {
  margin-bottom: 1em; }
  .servers .card img {
    display: block;
    margin: 0 auto; }

.servers .platform.overlay-frame h1 + p {
  max-width: 1060px; }

.servers .features img {
  max-height: 75vh; }

.servers .inside,
.servers .ports {
  padding-top: 8em; }
  .servers .inside img,
  .servers .ports img {
    max-height: 90vh; }

.servers hr {
  margin-top: 8em; }

.servers #specs {
  margin-top: 0; }

@media only screen and (min-width: 768px) {
  .servers .card {
    margin-bottom: 4em; }
  .servers .server-meter-card {
    padding-top: 3rem; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* =============================================================

  Slider v4.2
  A simple, responsive, touch-enabled image slider, forked from Swipe.

  Script by Brad Birdsall.
  http://swipejs.com/

  Forked by Chris Ferdinandi.
  http://gomakethings.com

  Code contributed by Ron Ilan.
  https://github.com/bradbirdsall/Swipe/pull/277#issuecomment-26032132

  Licensed under the MIT license.
  http://gomakethings.com/mit/

 * ============================================================= */
/*  When HTML5 JS features supported, hide slider */
.js-slider .slider {
  position: relative;
  overflow: hidden;
  visibility: hidden;
  /* required for windows phone: */
  -ms-touch-action: none; }

/*  When HTML5 JS features supported, hide slides */
.js-slider .slides {
  overflow: hidden;
  position: relative; }

/*  Add a margin-bottom to each slide */
.slides > div {
  margin-bottom: 0.3125em; }

/*  When HTML5 JS features supported, set width to 100%
 *  and float slides to the left. */
.js-slider .slides > div {
  width: 100%;
  float: left;
  position: relative; }

/*  Make slider images and videos fluid */
.slides img,
.slides video,
.slides iframe {
  max-width: 100%; }

.slides img,
.slides video {
  width: 100%;
  height: auto; }

/*  Remove floats */
.slider:before,
.slider:after {
  display: table;
  content: ""; }

/*  Remove floats */
.slider:after {
  clear: both; }

/* Cassidy's custom slideshow plugin styling, use with slideshow.js */
[data-slideshow] {
  position: relative;
  background-color: black; }
  [data-slideshow] [data-slideshow-slide] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    opacity: 0; }
    [data-slideshow] [data-slideshow-slide].current {
      z-index: 2;
      opacity: 1;
      -webkit-transform: translateZ(0px); }
  [data-slideshow] [data-slideshow-placeholder] {
    position: relative;
    width: 100%;
    z-index: 0;
    opacity: 0; }
  [data-slideshow].white {
    background-color: white; }

[data-slideshow=fade] [data-slideshow-slide] {
  transition: opacity 1s; }

.path-support #page-container {
  top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px; }

.path-support #page-title a {
  color: inherit; }

.path-support #page-title .button {
  display: block;
  margin: 1em auto 0.5em;
  padding: 0.5em 1em;
  width: 11em;
  border-radius: 4px;
  background-color: #fff;
  color: #574f4a;
  font-size: 0.85rem;
  font-style: normal;
  text-transform: lowercase; }
  @media (min-width: 1025px) {
    .path-support #page-title .button {
      float: right;
      margin: 0;
      position: relative;
      top: -2px; } }
  .path-support #page-title .button i {
    font-size: 1.5em;
    padding-right: 0.25em;
    position: relative;
    top: 2px; }

.path-support table {
  width: 90%;
  margin-left: auto;
  margin-right: auto; }
  .path-support table thead {
    border-top: none; }
    .path-support table thead tr th,
    .path-support table thead tr td {
      padding: 0.5rem 0.2rem;
      border-bottom: 1px solid #d5d5d5;
      font-family: "System76 Roboto Slab", serif;
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.25rem; }
  .path-support table tbody tr td {
    padding: 0.5rem 0.25rem;
    border: 1px solid #f5f5f5;
    line-height: 1rem;
    font-size: 1rem; }

.path-support pre code {
  margin-top: 0;
  margin-left: 1em;
  margin-right: 1em; }

@media (min-width: 769px) {
  .path-support .support-excerpts {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2; } }

.path-support .support-excerpts article {
  -ms-break-inside: avoid;
  -o-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  break-inside: avoid; }

.path-support .support-excerpts h3 {
  margin: 0;
  font-family: "System76 Roboto Slab", serif;
  font-size: 1.25rem;
  font-weight: 600;
  transition: color 100ms ease; }
  .path-support .support-excerpts h3 a {
    color: inherit; }
    .path-support .support-excerpts h3 a::after {
      content: ' »';
      color: #faa41a; }
    .path-support .support-excerpts h3 a:hover {
      color: #faa41a; }

.path-support .support-excerpts p {
  margin-bottom: 1em;
  padding: 0;
  font-weight: 300; }
  .path-support .support-excerpts p em {
    font-weight: 400; }

.path-support kbd {
  padding: 0.2em 0.33em 0;
  border-color: #000;
  box-shadow: 0 2px 0 #000, 0 3px 1px #999, inset 0 1px 1px #aaa, inset 0 -1px 3px #272727;
  background-color: #4d4c4c;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent 80%, transparent);
  background-repeat: no-repeat;
  color: #eee;
  font-family: "System76 Fira Sans", sans-serif;
  font-weight: normal;
  text-shadow: 0 -1px 0 #000; }

.path-support h1#community {
  margin-bottom: 0.5em; }

.support .hero {
  position: relative;
  width: 100%;
  height: 50vw;
  margin: 0 auto 2em;
  background-image: radial-gradient(rgba(87, 79, 74, 0.5), #574f4a), url(/assets/support/robot_2560-0f0230b06c.jpg);
  background-size: cover;
  background-position: center center;
  overflow: hidden; }
  .support .hero img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    width: auto;
    padding: 5%;
    transform: translate(-50%, -50%); }

.support h1 {
  margin: 2em auto;
  font-family: "System76 Fira Sans", sans-serif;
  font-weight: 300;
  font-style: italic;
  text-align: center; }

.support h3 {
  margin-top: 4rem; }

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

.support-links .support-product {
  margin-top: 1em;
  margin-bottom: 3em; }
  .support-links .support-product span {
    display: block;
    margin-top: 0.5em;
    font-style: italic;
    line-height: 2em; }
  .support-links .support-product a {
    display: block;
    line-height: 1.25em;
    font-weight: bold;
    font-family: "System76 Roboto Slab", serif;
    text-transform: lowercase;
    color: #574f4a; }
    .support-links .support-product a:hover {
      color: #faa41a; }

.support-links h1 {
  font-family: "System76 Fira Sans", sans-serif;
  font-weight: 300;
  font-style: italic; }

.support-links p.lead {
  font-size: 1.125rem;
  font-weight: 300;
  font-style: italic; }

.support-links ul li {
  list-style: none;
  font-family: "System76 Roboto Slab", serif;
  font-weight: 300;
  font-size: 1.5rem; }
  .support-links ul li ul {
    margin-left: 2.75rem; }
    .support-links ul li ul li {
      font-weight: 600;
      font-size: 1.25rem; }
      .support-links ul li ul li span {
        display: block;
        margin-bottom: 1em;
        font-family: "System76 Fira Sans", sans-serif;
        font-weight: 300;
        font-size: 1rem; }
        .support-links ul li ul li span em {
          font-weight: 400; }

@media only screen and (min-width: 64.0625em) {
  .support .hero {
    height: 31.6406vw; } }

/* Survey styles */
.survey {
  text-align: center;
  margin: 2em auto; }
  .survey .question {
    padding-bottom: 1em; }
    .survey .question .choices {
      padding: 0;
      margin: 0;
      border-top: 2px solid #f2f2f2;
      list-style: none;
      text-indent: 0; }
      .survey .question .choices li {
        display: inline-block;
        padding: 0;
        margin: 0;
        list-style: none;
        text-indent: 0; }
        .survey .question .choices li input[type=radio] {
          display: none; }
          .survey .question .choices li input[type=radio]:checked + label {
            background-color: #faa41a;
            color: white;
            font-weight: bold; }
        .survey .question .choices li label {
          display: inline-block;
          margin: 0;
          padding: 0.75em 0.4em 0.5em;
          color: #faa41a;
          font-size: 1rem;
          transition: all 250ms; }
          .survey .question .choices li label:hover {
            background-color: rgba(250, 164, 26, 0.25); }
    .survey .question .legend {
      height: 2em;
      padding-bottom: 2em;
      border-bottom: 2px solid #f2f2f2; }
      .survey .question .legend :first-child {
        float: left; }
      .survey .question .legend :last-child {
        float: right; }
  .survey textarea {
    min-height: 6em;
    width: 98%;
    padding: 0.5em;
    margin: 0 auto; }

@media only screen and (min-width: 600px) {
  .survey .question .choices li label {
    padding: 0.75em 0.6em 0.5em; }
  .survey .question .legend {
    margin-top: -1.75em;
    padding-bottom: 0.5em; } }

.path-specials-roguebots .slide {
  display: block;
  margin: 0 auto;
  border: 1em solid #faa41a;
  border-radius: 1em; }

.path-specials-roguebots h1,
.path-specials-roguebots h2 {
  margin: 20vh auto;
  font-family: "System76 Fira Sans", sans-serif;
  font-weight: 900;
  text-align: center; }

.path-specials-roguebots h1 {
  margin: 30vh 0;
  font-size: 7.5vw;
  text-transform: uppercase; }
  @media only screen and (min-width: 64.0625em) {
    .path-specials-roguebots h1 {
      font-size: 98px; } }

.path-specials-roguebots .end {
  display: block;
  padding-top: 50vh;
  background-image: url("/assets/sale/roguebots/grid-c553e6f54b.png"), linear-gradient(to bottom, transparent, #91d5de 25%);
  background-position: center, center;
  background-size: cover, cover;
  color: #fff;
  text-align: center; }
  .path-specials-roguebots .end h2 {
    margin: 0.5em 0;
    color: inherit;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.125em;
    text-align: center;
    text-transform: uppercase; }
    .path-specials-roguebots .end h2 em {
      font-size: 80%;
      font-weight: "only screen and (min-width:768px)"; }
      .path-specials-roguebots .end h2 em::before {
        content: "(";
        font-size: 48px; }
      .path-specials-roguebots .end h2 em::after {
        content: ")";
        font-size: 48px; }
  .path-specials-roguebots .end .badges {
    margin: 0 auto; }
    .path-specials-roguebots .end .badges a {
      display: inline-block;
      padding: 2% 1%;
      width: 49%;
      max-width: 360px; }
      .path-specials-roguebots .end .badges a img {
        width: 100%; }
  .path-specials-roguebots .end .cta {
    display: block;
    margin: 1em auto;
    font-size: 3rem;
    line-height: 1.125em;
    text-align: center;
    text-transform: uppercase; }
    .path-specials-roguebots .end .cta a {
      color: inherit;
      text-decoration: underline; }
      .path-specials-roguebots .end .cta a:hover {
        color: #faa41a; }
    .path-specials-roguebots .end .cta strong {
      display: block;
      font-weight: 900; }
  .path-specials-roguebots .end p {
    margin: 1em auto 2em;
    max-width: 64rem; }

.path-specials-roguebots #page-container {
  padding-bottom: 0; }

.specials > .hero {
  display: block;
  margin-bottom: 2rem; }

.specials a {
  display: block;
  margin-bottom: 2em; }
  .specials a h3 {
    margin-top: 0.75em;
    font-weight: 500;
    text-align: center; }
  .specials a h4 {
    margin: 0;
    text-align: center; }
  .specials a img {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .specials a p {
    padding-left: 0;
    line-height: 1.5em;
    color: #574f4a; }

.specials .mutable {
  text-transform: uppercase;
  font-size: 66%;
  font-weight: bold;
  color: #c1272d !important;
  position: relative;
  left: 0.5em;
  top: -0.33em; }

.specials.laptops a h3 {
  margin-bottom: -1.5em; }

.specials.laptops a img {
  margin-bottom: -2.5em; }

@media only screen and (min-width: 768px) {
  .specials a h3 {
    text-align: left; }
  .specials a h4 {
    text-align: left; } }

@media only screen and (min-width: 64.0625em) {
  .specials .laptops .medium-4.end {
    width: 34%; } }

/* Terminal styling */
@keyframes cursor {
  0%, 50% {
    opacity: 1; }
  51%, 100% {
    opacity: 0; } }

#terminal,
.terminal {
  padding: 2em 0;
  background-color: #300a24;
  color: white;
  font-family: "System76 Ubuntu Mono", monospace, mono;
  font-size: 0.875rem;
  line-height: 125%;
  text-align: left; }
  #terminal .output,
  .terminal .output {
    min-height: 20rem;
    max-height: 20rem;
    overflow: hidden; }
    #terminal .output .line,
    .terminal .output .line {
      display: block;
      max-width: 72.5rem;
      margin: 0 auto;
      padding-left: 2rem; }
      #terminal .output .line:last-child::after,
      .terminal .output .line:last-child::after {
        content: "▮";
        animation-name: cursor;
        animation-iteration-count: infinite;
        animation-duration: 1s;
        animation-fill-mode: both; }
  #terminal [data-terminal],
  .terminal [data-terminal] {
    display: none; }

/* Sales questions styles */
@media only screen {
  .row.questions a.question {
    padding: 1em;
    border-top: 1px solid #574f4a;
    color: #574f4a;
    font-size: 1.125rem; }
    .row.questions a.question .title {
      font-weight: bold; }
      .row.questions a.question .title::after {
        display: inline-block;
        margin-left: 1em;
        margin-right: 0.25em;
        font-weight: normal;
        text-transform: uppercase;
        font-family: FontAwesome;
        color: #999; }
    .row.questions a.question .subject {
      display: block;
      padding-top: 0.5em;
      font-style: italic;
      font-weight: 300; }
      .row.questions a.question .subject::after {
        display: inline-block;
        position: absolute;
        right: 1em;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\f101"; }
    .row.questions a.question.pending .title::after {
      content: "\f064"; }
    .row.questions a.question.answered .title::after {
      content: "\f058";
      color: #73c48f; }
    .row.questions a.question:last-child {
      border-bottom: 1px solid #574f4a; } }

@media only screen and (min-width: 768px) {
  .row.questions a.question .title {
    display: inline-block;
    min-width: 190px; }
    .row.questions a.question .title:after {
      margin-left: 2em; }
  .row.questions a.question .subject {
    display: inline; }
    .row.questions a.question .subject::before {
      display: inline-block;
      min-width: 5.75rem;
      margin-right: 2em;
      font-style: italic;
      font-weight: normal;
      text-transform: uppercase;
      color: #999; }
  .row.questions a.question.pending .subject::before {
    content: "Pending"; }
  .row.questions a.question.answered .subject::before {
    content: "Answered";
    color: #73c48f; } }

@keyframes rotate-words {
  0% {
    opacity: 0;
    transform: translateY(-1em); }
  0.5% {
    opacity: 1;
    transform: translateY(0em); }
  0.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  0.875% {
    opacity: 1;
    transform: translateY(0em); }
  5% {
    opacity: 1;
    transform: translateY(0em); }
  5.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-2s {
  5% {
    opacity: 0;
    transform: translateY(-1em); }
  5.5% {
    opacity: 1;
    transform: translateY(0em); }
  5.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  5.875% {
    opacity: 1;
    transform: translateY(0em); }
  10% {
    opacity: 1;
    transform: translateY(0em); }
  10.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-4s {
  10% {
    opacity: 0;
    transform: translateY(-1em); }
  10.5% {
    opacity: 1;
    transform: translateY(0em); }
  10.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  10.875% {
    opacity: 1;
    transform: translateY(0em); }
  15% {
    opacity: 1;
    transform: translateY(0em); }
  15.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-6s {
  15% {
    opacity: 0;
    transform: translateY(-1em); }
  15.5% {
    opacity: 1;
    transform: translateY(0em); }
  15.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  15.875% {
    opacity: 1;
    transform: translateY(0em); }
  20% {
    opacity: 1;
    transform: translateY(0em); }
  20.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-8s {
  20% {
    opacity: 0;
    transform: translateY(-1em); }
  20.5% {
    opacity: 1;
    transform: translateY(0em); }
  20.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  20.875% {
    opacity: 1;
    transform: translateY(0em); }
  25% {
    opacity: 1;
    transform: translateY(0em); }
  25.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-10s {
  25% {
    opacity: 0;
    transform: translateY(-1em); }
  25.5% {
    opacity: 1;
    transform: translateY(0em); }
  25.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  25.875% {
    opacity: 1;
    transform: translateY(0em); }
  30% {
    opacity: 1;
    transform: translateY(0em); }
  30.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-12s {
  30% {
    opacity: 0;
    transform: translateY(-1em); }
  30.5% {
    opacity: 1;
    transform: translateY(0em); }
  30.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  30.875% {
    opacity: 1;
    transform: translateY(0em); }
  35% {
    opacity: 1;
    transform: translateY(0em); }
  35.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-14s {
  35% {
    opacity: 0;
    transform: translateY(-1em); }
  35.5% {
    opacity: 1;
    transform: translateY(0em); }
  35.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  35.875% {
    opacity: 1;
    transform: translateY(0em); }
  40% {
    opacity: 1;
    transform: translateY(0em); }
  40.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-16s {
  40% {
    opacity: 0;
    transform: translateY(-1em); }
  40.5% {
    opacity: 1;
    transform: translateY(0em); }
  40.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  40.875% {
    opacity: 1;
    transform: translateY(0em); }
  45% {
    opacity: 1;
    transform: translateY(0em); }
  45.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-18s {
  45% {
    opacity: 0;
    transform: translateY(-1em); }
  45.5% {
    opacity: 1;
    transform: translateY(0em); }
  45.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  45.875% {
    opacity: 1;
    transform: translateY(0em); }
  50% {
    opacity: 1;
    transform: translateY(0em); }
  50.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-20s {
  50% {
    opacity: 0;
    transform: translateY(-1em); }
  50.5% {
    opacity: 1;
    transform: translateY(0em); }
  50.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  50.875% {
    opacity: 1;
    transform: translateY(0em); }
  55% {
    opacity: 1;
    transform: translateY(0em); }
  55.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-22s {
  55% {
    opacity: 0;
    transform: translateY(-1em); }
  55.5% {
    opacity: 1;
    transform: translateY(0em); }
  55.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  55.875% {
    opacity: 1;
    transform: translateY(0em); }
  60% {
    opacity: 1;
    transform: translateY(0em); }
  60.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-24s {
  60% {
    opacity: 0;
    transform: translateY(-1em); }
  60.5% {
    opacity: 1;
    transform: translateY(0em); }
  60.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  60.875% {
    opacity: 1;
    transform: translateY(0em); }
  65% {
    opacity: 1;
    transform: translateY(0em); }
  65.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-26s {
  65% {
    opacity: 0;
    transform: translateY(-1em); }
  65.5% {
    opacity: 1;
    transform: translateY(0em); }
  65.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  65.875% {
    opacity: 1;
    transform: translateY(0em); }
  70% {
    opacity: 1;
    transform: translateY(0em); }
  70.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-28s {
  70% {
    opacity: 0;
    transform: translateY(-1em); }
  70.5% {
    opacity: 1;
    transform: translateY(0em); }
  70.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  70.875% {
    opacity: 1;
    transform: translateY(0em); }
  75% {
    opacity: 1;
    transform: translateY(0em); }
  75.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-30s {
  75% {
    opacity: 0;
    transform: translateY(-1em); }
  75.5% {
    opacity: 1;
    transform: translateY(0em); }
  75.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  75.875% {
    opacity: 1;
    transform: translateY(0em); }
  80% {
    opacity: 1;
    transform: translateY(0em); }
  80.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-32s {
  80% {
    opacity: 0;
    transform: translateY(-1em); }
  80.5% {
    opacity: 1;
    transform: translateY(0em); }
  80.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  80.875% {
    opacity: 1;
    transform: translateY(0em); }
  85% {
    opacity: 1;
    transform: translateY(0em); }
  85.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-34s {
  85% {
    opacity: 0;
    transform: translateY(-1em); }
  85.5% {
    opacity: 1;
    transform: translateY(0em); }
  85.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  85.875% {
    opacity: 1;
    transform: translateY(0em); }
  90% {
    opacity: 1;
    transform: translateY(0em); }
  90.5% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 0;
    transform: translateY(-1em); } }

@keyframes rotate-words-36s {
  90% {
    opacity: 0;
    transform: translateY(-1em); }
  90.5% {
    opacity: 1;
    transform: translateY(0em); }
  90.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  90.875% {
    opacity: 1;
    transform: translateY(0em); }
  95% {
    opacity: 1;
    transform: translateY(0em); }
  95.5% {
    opacity: 0;
    transform: translateY(1em); } }

@keyframes rotate-words-38s {
  95% {
    opacity: 0;
    transform: translateY(-1em); }
  95.5% {
    opacity: 1;
    transform: translateY(0em); }
  95.75% {
    opacity: 1;
    transform: translateY(-0.1em); }
  95.875% {
    opacity: 1;
    transform: translateY(0em); }
  100% {
    opacity: 1;
    transform: translateY(0em); }
  100.5% {
    opacity: 0;
    transform: translateY(1em); } }

#ubuntu-scroll-container {
  position: fixed;
  width: 100%; }
  .ios #ubuntu-scroll-container,
  .android #ubuntu-scroll-container {
    position: static; }
  .scrolled-past-breakpoint #ubuntu-scroll-container {
    position: static !important; }
    .scrolled-past-breakpoint #ubuntu-scroll-container #ubuntu-monitor div {
      margin-top: 800px !important;
      width: 81.5385% !important; }
      .ios .scrolled-past-breakpoint #ubuntu-scroll-container #ubuntu-monitor div,
      .android .scrolled-past-breakpoint #ubuntu-scroll-container #ubuntu-monitor div {
        margin-top: none !important; }

body.ubuntu {
  overflow-x: hidden; }

.ubuntu.loading {
  opacity: 0 !important; }

.ubuntu h1 {
  text-align: center;
  font-weight: 700; }

.ubuntu .ubuntu-subtitle {
  display: block;
  text-align: center;
  font-family: "System76 Roboto Slab", serif;
  font-weight: 700;
  font-weight: 500;
  font-size: 2em; }

.ubuntu h2 {
  margin-top: 3em;
  margin-bottom: 0;
  font-weight: 500;
  text-align: center;
  opacity: 0; }
  .ubuntu h2#ubuntu-just-works {
    margin-top: 1em; }
  .scrolled-past-breakpoint .ubuntu h2,
  .ios .ubuntu h2,
  .android .ubuntu h2 {
    opacity: 1; }

.ubuntu .rotate-words {
  display: inline-block;
  height: 1.25em;
  color: transparent;
  position: relative;
  border-bottom: 3px solid #574f4a; }
  .ubuntu .rotate-words .rotate-word {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-1em);
    width: 100%;
    color: #574f4a;
    text-align: center;
    text-shadow: 2px 1px white, -2px -1px #fff;
    animation: rotate-words 40s linear infinite 0s;
    opacity: 0;
    overflow: hidden; }
    .ubuntu .rotate-words .rotate-word:nth-child(2) {
      animation: rotate-words-2s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(3) {
      animation: rotate-words-4s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(4) {
      animation: rotate-words-6s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(5) {
      animation: rotate-words-8s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(6) {
      animation: rotate-words-10s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(7) {
      animation: rotate-words-12s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(8) {
      animation: rotate-words-14s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(9) {
      animation: rotate-words-16s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(10) {
      animation: rotate-words-18s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(11) {
      animation: rotate-words-20s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(12) {
      animation: rotate-words-22s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(13) {
      animation: rotate-words-24s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(14) {
      animation: rotate-words-26s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(15) {
      animation: rotate-words-28s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(16) {
      animation: rotate-words-30s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(17) {
      animation: rotate-words-32s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(18) {
      animation: rotate-words-34s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(19) {
      animation: rotate-words-36s 40s linear infinite 0s; }
    .ubuntu .rotate-words .rotate-word:nth-child(20) {
      animation: rotate-words-38s 40s linear infinite 0s; }

.ubuntu video {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 75vh; }

.ubuntu #open-source-puzzle {
  position: relative;
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  margin-bottom: 0;
  z-index: 1;
  background-image: url(/assets/ubuntu/puzzle/back-92e0262122.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain; }
  .ubuntu #open-source-puzzle #puzzle-back {
    padding-top: 6%; }
  .ubuntu #open-source-puzzle #puzzle-frame {
    width: 89%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 59%;
    position: relative;
    z-index: 2; }
    .ubuntu #open-source-puzzle #puzzle-frame img {
      -webkit-filter: drop-shadow(-5px 5px 2px rgba(100, 50, 0, 0.67));
              filter: drop-shadow(-5px 5px 2px rgba(100, 50, 0, 0.67));
      width: 25%;
      position: absolute;
      top: 100%;
      left: 100%;
      cursor: -webkit-grab;
      cursor: grab; }
      .ubuntu #open-source-puzzle #puzzle-frame img:active {
        cursor: -webkit-grabbing;
        cursor: grabbing; }
      .ubuntu #open-source-puzzle #puzzle-frame img.locked {
        -webkit-filter: none;
                filter: none;
        z-index: 1;
        cursor: default; }
  .ubuntu #open-source-puzzle #puzzle-start {
    position: relative;
    width: 100%;
    padding-top: 67%; }
    .ubuntu #open-source-puzzle #puzzle-start #puzzle-win {
      position: absolute;
      top: 15%;
      left: 0;
      width: 100%;
      text-align: center;
      opacity: 0;
      pointer-events: none;
      transition: opacity 250ms ease; }
      .ubuntu #open-source-puzzle #puzzle-start #puzzle-win.shown {
        opacity: 1;
        pointer-events: auto;
        cursor: default;
        margin-bottom: 2em; }
      .ubuntu #open-source-puzzle #puzzle-start #puzzle-win h3 {
        font-family: "System76 Fira Sans", sans-serif;
        font-weight: 200;
        font-style: italic; }
      .ubuntu #open-source-puzzle #puzzle-start #puzzle-win p {
        line-height: 1.25em;
        max-width: 16.5em; }
      .ubuntu #open-source-puzzle #puzzle-start #puzzle-win .button {
        margin: 0.375rem; }
        .ubuntu #open-source-puzzle #puzzle-start #puzzle-win .button i {
          padding-right: 0.5em; }
      .ubuntu #open-source-puzzle #puzzle-start #puzzle-win .button:not(.link) {
        color: #fff;
        transition: opacity 250ms; }
        .ubuntu #open-source-puzzle #puzzle-start #puzzle-win .button:not(.link):hover {
          opacity: 0.8; }
      .ubuntu #open-source-puzzle #puzzle-start #puzzle-win .twitter {
        background-color: #1da1f2; }
      .ubuntu #open-source-puzzle #puzzle-start #puzzle-win .facebook {
        background-color: #3b5998; }
      .ubuntu #open-source-puzzle #puzzle-start #puzzle-win .google {
        background-color: #dd4b39; }
  .ubuntu #open-source-puzzle ::-moz-selection {
    background: transparent; }
  .ubuntu #open-source-puzzle ::selection {
    background: transparent; }
  .touch .ubuntu #open-source-puzzle {
    display: none; }

.ubuntu #open-source-puzzle-alt {
  display: none;
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  margin-bottom: 4rem; }
  .touch .ubuntu #open-source-puzzle-alt {
    display: block; }

.ubuntu #ubuntu-slides {
  width: 80%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0; }
  .scrolled-past-breakpoint .ubuntu #ubuntu-slides,
  .ios .ubuntu #ubuntu-slides,
  .android .ubuntu #ubuntu-slides {
    opacity: 1; }
  .ubuntu #ubuntu-slides .slide {
    position: relative; }
    .ubuntu #ubuntu-slides .slide video {
      width: 100%; }
  .ubuntu #ubuntu-slides .slide.slick-slide {
    position: relative;
    width: 100%; }
    .ubuntu #ubuntu-slides .slide.slick-slide img {
      position: absolute;
      width: 50%;
      opacity: 0;
      transition: opacity 250ms ease; }
      .ubuntu #ubuntu-slides .slide.slick-slide img#ubuntu-slide-print-back, .ubuntu #ubuntu-slides .slide.slick-slide img#ubuntu-slide-wacom-back, .ubuntu #ubuntu-slides .slide.slick-slide img#ubuntu-slide-dropbox-back, .ubuntu #ubuntu-slides .slide.slick-slide img.ubuntu-slide-print-back, .ubuntu #ubuntu-slides .slide.slick-slide img.ubuntu-slide-wacom-back, .ubuntu #ubuntu-slides .slide.slick-slide img.ubuntu-slide-dropbox-back {
        position: relative;
        width: 100%;
        opacity: 1; }
      .ubuntu #ubuntu-slides .slide.slick-slide img#ubuntu-slide-print-lemur, .ubuntu #ubuntu-slides .slide.slick-slide img.ubuntu-slide-print-lemur {
        left: 5%;
        bottom: 10%;
        opacity: 1; }
      .ubuntu #ubuntu-slides .slide.slick-slide img#ubuntu-slide-print-printer, .ubuntu #ubuntu-slides .slide.slick-slide img.ubuntu-slide-print-printer {
        top: 10%;
        right: 5%;
        opacity: 1; }
      .ubuntu #ubuntu-slides .slide.slick-slide img#ubuntu-slide-print-print, .ubuntu #ubuntu-slides .slide.slick-slide img.ubuntu-slide-print-print {
        width: 30%;
        bottom: 60%;
        left: 10%; }
      .ubuntu #ubuntu-slides .slide.slick-slide img#ubuntu-slide-print-noprob, .ubuntu #ubuntu-slides .slide.slick-slide img.ubuntu-slide-print-noprob {
        width: 30%;
        top: 65%;
        right: 12%; }
      .ubuntu #ubuntu-slides .slide.slick-slide img#ubuntu-slide-dropbox-icon, .ubuntu #ubuntu-slides .slide.slick-slide img.ubuntu-slide-dropbox-icon {
        width: 30%;
        top: 30%;
        left: 5%;
        opacity: 1; }
      .ubuntu #ubuntu-slides .slide.slick-slide img#ubuntu-slide-dropbox-files, .ubuntu #ubuntu-slides .slide.slick-slide img#ubuntu-slide-dropbox-files-selected, .ubuntu #ubuntu-slides .slide.slick-slide img.ubuntu-slide-dropbox-files, .ubuntu #ubuntu-slides .slide.slick-slide img.ubuntu-slide-dropbox-files-selected {
        width: 60%;
        top: 50%;
        right: 0;
        animation-duration: 300ms;
        transform: translateY(-50%);
        transition: none; }
        .ubuntu #ubuntu-slides .slide.slick-slide img#ubuntu-slide-dropbox-files.visible, .ubuntu #ubuntu-slides .slide.slick-slide img#ubuntu-slide-dropbox-files-selected.visible, .ubuntu #ubuntu-slides .slide.slick-slide img.ubuntu-slide-dropbox-files.visible, .ubuntu #ubuntu-slides .slide.slick-slide img.ubuntu-slide-dropbox-files-selected.visible {
          transition: opacity 250ms ease; }
      .ubuntu #ubuntu-slides .slide.slick-slide img#ubuntu-slide-dropbox-files-selected.visible, .ubuntu #ubuntu-slides .slide.slick-slide img.ubuntu-slide-dropbox-files-selected.visible {
        transition: none; }
      .ubuntu #ubuntu-slides .slide.slick-slide img#ubuntu-slide-dropbox-doc, .ubuntu #ubuntu-slides .slide.slick-slide img.ubuntu-slide-dropbox-doc {
        width: 60%;
        top: 0;
        left: 20%;
        animation-duration: 300ms;
        transition: none; }
      .ubuntu #ubuntu-slides .slide.slick-slide img.visible {
        opacity: 1; }
  .ubuntu #ubuntu-slides #ubuntu-slide-dropbox img,
  .ubuntu #ubuntu-slides .ubuntu-slide-dropbox img {
    opacity: 0; }
  .ubuntu #ubuntu-slides #ubuntu-slide-wacom,
  .ubuntu #ubuntu-slides .ubuntu-slide-wacom {
    position: relative; }
    .ubuntu #ubuntu-slides #ubuntu-slide-wacom div,
    .ubuntu #ubuntu-slides .ubuntu-slide-wacom div {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%); }
      .ubuntu #ubuntu-slides #ubuntu-slide-wacom div img,
      .ubuntu #ubuntu-slides .ubuntu-slide-wacom div img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        opacity: 1 !important; }

.ubuntu .slick-prev,
.ubuntu .slick-next {
  width: 40px;
  height: 40px;
  margin-top: -20px; }
  .touch .ubuntu .slick-prev, .touch
  .ubuntu .slick-next {
    display: none !important; }
  .ubuntu .slick-prev::before,
  .ubuntu .slick-next::before {
    font-family: FontAwesome;
    font-size: 40px;
    color: #574f4a; }
  .touch .ubuntu .slick-prev::before, .touch
  .ubuntu .slick-next::before {
    display: none; }

.ubuntu .slick-prev {
  left: -45px; }
  .ubuntu .slick-prev::before {
    content: "\f0a8"; }

.ubuntu .slick-next {
  right: -45px; }
  .ubuntu .slick-next::before {
    content: "\f0a9"; }

.ubuntu .slick-dots li {
  width: 36px; }
  .ubuntu .slick-dots li button {
    width: 36px; }
  .ubuntu .slick-dots li button:before {
    font-size: 36px; }

.ubuntu #ubuntu-monitor {
  margin-top: 32px;
  max-width: auto;
  width: 100%;
  z-index: 2; }
  .ubuntu #ubuntu-monitor div {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    min-width: 300px;
    width: 50%;
    max-width: auto; }
  .ubuntu #ubuntu-monitor .head-on {
    position: relative; }
    .ubuntu #ubuntu-monitor .head-on > *:last-child {
      position: absolute;
      top: 3.33%;
      left: 3%;
      width: 94%; }

.ubuntu #ubuntu-boot-slides .head-on {
  position: relative;
  margin-top: 2em; }
  .ubuntu #ubuntu-boot-slides .head-on > *:last-child {
    position: absolute;
    top: 8.5%;
    left: 10.5%;
    width: 79%; }

.ubuntu .card {
  text-align: center; }
  .ubuntu .card .feature i {
    text-align: center;
    font-size: 240px;
    line-height: 168px;
    color: #73c48f; }
  .ubuntu .card img {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .ubuntu .card h2 {
    margin-top: 0;
    margin-bottom: 0.25em;
    text-align: center; }
  .ubuntu .card p {
    max-width: 26em;
    text-align: left; }

@media only screen and (min-width: 600px) {
  .ubuntu #open-source-puzzle #puzzle-start {
    padding-top: 50%; } }

@media only screen and (min-width: 768px) {
  #ubuntu-scroll-container {
    margin-top: 2rem; }
    .ios #ubuntu-scroll-container,
    #ubuntu-scroll-container .android {
      margin-top: 0; }
  .ubuntu #open-source-puzzle {
    width: 50%; }
    .ubuntu #open-source-puzzle #puzzle-start #puzzle-win h3 {
      font-size: 5vw; }
    .ubuntu #open-source-puzzle #puzzle-start #puzzle-win p {
      font-size: 2vw;
      max-width: 16.5em; }
    .ubuntu #open-source-puzzle #puzzle-start #puzzle-win .button {
      display: inline-block; } }

@media only screen and (min-width: 64.0625em) {
  #ubuntu-scroll-container {
    margin-top: 2rem; }
  .ubuntu h1 {
    margin-top: 6.25rem; }
  .ubuntu #open-source-puzzle {
    width: 50%; }
    .ubuntu #open-source-puzzle #puzzle-start #puzzle-win h3 {
      font-size: 4vw; }
    .ubuntu #open-source-puzzle #puzzle-start #puzzle-win p {
      font-size: 1.5vw;
      max-width: 16.5em; }
  .ubuntu #ubuntu-monitor div {
    width: 50%;
    margin-bottom: 800px; } }

.video-container {
  position: relative; }
  .video-container::after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 10rem;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: opacity 500ms ease;
    transform: translate(-50%, -50%); }
  .video-container.paused::after {
    opacity: 1; }

.borntofly-home-hero {
  margin-bottom: 0;
  position: relative;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background-color: #151415;
  transition: none; }
  .borntofly-home-hero .bg {
    background-color: #4C7A92;
    background-image: url("/assets/specials/borntofly/hero-sale_2560-5f1cebfc4e.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity: 1; }
  .borntofly-home-hero .fg {
    height: 100%;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: none;
    background-image: url("/assets/specials/borntofly/you-created-it-1ce3499645.png");
    background-position: center 15%;
    background-repeat: no-repeat;
    background-size: auto 60%;
    color: transparent;
    text-shadow: none; }
    @media only screen and (min-width: 600px) {
      .borntofly-home-hero .fg {
        background-image: url("/assets/specials/borntofly/you-created-it-1ce3499645.png"), url("/assets/specials/borntofly/sale-ends-091f59cec2.png");
        background-position: center 15%, center 75%;
        background-repeat: no-repeat;
        background-size: auto 60%, auto 8%; } }
    .borntofly-home-hero .fg p {
      font-size: 20px;
      font-weight: 700;
      margin: 1em auto; }
    .borntofly-home-hero .fg .button {
      position: absolute;
      bottom: 5%;
      left: 50%;
      transform: translateX(-50%);
      box-shadow: none;
      color: #fff; }
  .borntofly-home-hero:hover .fg p, .borntofly-home-hero:hover .fg .button, .borntofly-home-hero:active .fg p, .borntofly-home-hero:active .fg .button {
    color: #fff; }

.path-specials-borntofly {
  background-color: #000;
  color: #fff; }
  .path-specials-borntofly .hero {
    background-color: #151415; }
    .path-specials-borntofly .hero .bg {
      background-color: #4C7A92;
      background-image: url("/assets/specials/borntofly/hero-sale_2560-5f1cebfc4e.jpg");
      background-size: cover;
      background-position: center;
      width: 100%;
      height: 100%;
      opacity: 1; }
    .path-specials-borntofly .hero .fg {
      height: 80%;
      width: 100%;
      background-image: url("/assets/specials/borntofly/you-created-it-1ce3499645.png");
      background-position: top center;
      background-repeat: no-repeat;
      background-size: auto 80%;
      color: transparent;
      text-shadow: none; }
  .path-specials-borntofly iframe {
    display: block;
    height: 180px;
    margin: 0 auto;
    width: 20rem; }
    @media only screen and (min-width: 600px) {
      .path-specials-borntofly iframe {
        height: 21.125rem;
        width: 37.5rem; } }
    @media only screen and (min-width: 768px) {
      .path-specials-borntofly iframe {
        height: 27rem;
        width: 48rem; } }
    @media only screen and (min-width: 64.0625em) {
      .path-specials-borntofly iframe {
        height: 36rem;
        width: 64rem; } }
    @media only screen and (min-width: 90.0625em) {
      .path-specials-borntofly iframe {
        height: 45rem;
        width: 80rem; } }
  .path-specials-borntofly h1 {
    margin-top: 3em;
    max-width: 1280px;
    padding-bottom: 0.5em;
    width: 100%;
    border-bottom: 1px solid #574f4a;
    font-family: "System76 Fira Sans", sans-serif;
    font-weight: 200;
    letter-spacing: 0.2em;
    text-transform: uppercase; }
  .path-specials-borntofly hr {
    height: 1px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 4em;
    margin-left: auto;
    max-width: 1280px;
    width: 100%;
    border-top: 4em solid transparent;
    border-right: none;
    border-bottom: 1px solid #574f4a;
    border-left: none;
    background-color: transparent; }
  .path-specials-borntofly .story p {
    padding-left: 2em;
    padding-right: 2em;
    color: #574f4a;
    font-size: 1.25em;
    line-height: 1.5em; }
  .path-specials-borntofly .tweets {
    margin-top: 0;
    margin-bottom: 0; }
  .path-specials-borntofly iframe#twitter-widget-0.twitter-tweet.twitter-tweet-rendered,
  .path-specials-borntofly iframe#twitter-widget-1.twitter-tweet.twitter-tweet-rendered,
  .path-specials-borntofly iframe#twitter-widget-2.twitter-tweet.twitter-tweet-rendered,
  .path-specials-borntofly iframe#twitter-widget-3.twitter-tweet.twitter-tweet-rendered,
  .path-specials-borntofly iframe#twitter-widget-4.twitter-tweet.twitter-tweet-rendered,
  .path-specials-borntofly iframe#twitter-widget-5.twitter-tweet.twitter-tweet-rendered,
  .path-specials-borntofly iframe#twitter-widget-6.twitter-tweet.twitter-tweet-rendered,
  .path-specials-borntofly iframe#twitter-widget-7.twitter-tweet.twitter-tweet-rendered,
  .path-specials-borntofly iframe#twitter-widget-8.twitter-tweet.twitter-tweet-rendered,
  .path-specials-borntofly iframe#twitter-widget-9.twitter-tweet.twitter-tweet-rendered,
  .path-specials-borntofly iframe#twitter-widget-10.twitter-tweet.twitter-tweet-rendered,
  .path-specials-borntofly iframe#twitter-widget-11.twitter-tweet.twitter-tweet-rendered {
    display: block !important;
    margin: 1em auto 0 !important; }
  .path-specials-borntofly .button.twitter {
    margin-top: 2em;
    background-color: #fff;
    border-color: #1da1f2;
    border-radius: 4px;
    color: #1da1f2;
    font-family: "Gotham Narrow", "System76 Fira Sans", sans-serif;
    font-weight: 700;
    text-transform: none;
    transition: none; }
    .path-specials-borntofly .button.twitter:hover {
      background-color: #1da1f2;
      color: #fff; }

/* Modal to ask if the user is personal or business */
#business-modal label {
  display: inline-block;
  padding: 0 1em 1em; }

#business-modal #business-modal-name {
  display: none; }

/* Call now button (to replace Zopim chat on phones) */
#call-now-button {
  position: fixed;
  bottom: 6px;
  right: 0;
  z-index: 200;
  background-color: #48b9c7;
  color: white; }

/* Dropdowns, currently used only for financing */
span.finance-disclaimer {
  position: absolute;
  bottom: -6px;
  right: 2px;
  font-size: 11px;
  line-height: 1em; }

#omni span.finance-disclaimer {
  position: relative;
  top: 1em;
  left: -5em;
  font-size: 8px; }

#finance-drop.f-dropdown,
.finance-drop.f-dropdown {
  padding: 0.5em;
  font-weight: 300;
  font-style: italic;
  z-index: 100; }
  #finance-drop.f-dropdown.open::before,
  .finance-drop.f-dropdown.open::before {
    left: 0 !important; }
  #finance-drop.f-dropdown.open::after,
  .finance-drop.f-dropdown.open::after {
    left: -1px !important; }
  #finance-drop.f-dropdown li:hover,
  #finance-drop.f-dropdown li:focus,
  .finance-drop.f-dropdown li:hover,
  .finance-drop.f-dropdown li:focus {
    background: #fff; }

body.event-page {
  overflow-x: hidden; }
  body.event-page #page-container {
    overflow-x: hidden; }

.event-page,
.stem-event {
  color: #574f4a; }
  .event-page #page-container,
  .stem-event #page-container {
    top: 0;
    margin-bottom: 0;
    padding-bottom: 0; }
  .event-page header#omni,
  .event-page header.omni,
  .stem-event header#omni,
  .stem-event header.omni {
    display: none; }
  .event-page #hero-video,
  .stem-event #hero-video {
    display: block;
    position: relative;
    width: 100%;
    height: 90vh;
    margin: 0 auto;
    background-color: #222;
    overflow: hidden;
    transition: background-color 250ms; }
    .event-page #hero-video video,
    .stem-event #hero-video video {
      height: 100%;
      width: 100%;
      margin: auto; }
    .event-page #hero-video.slid-up,
    .stem-event #hero-video.slid-up {
      background-color: black;
      transition: background-color 800ms; }
    .event-page #hero-video.white,
    .stem-event #hero-video.white {
      background-color: white;
      transition: background-color 1250ms; }
  .event-page .hero,
  .stem-event .hero {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 3rem; }
  .event-page h1,
  .stem-event h1 {
    display: block;
    max-width: 43.75rem;
    margin: 1em auto 0;
    padding-bottom: 0.5em;
    padding-left: 0.33em;
    border-bottom: 1px solid;
    color: inherit;
    font-family: "System76 Fira Sans", sans-serif;
    font-size: 3rem;
    font-size: 5.9vw;
    font-weight: 300;
    letter-spacing: 0.4em;
    text-align: center;
    text-transform: uppercase; }
  .event-page h2,
  .stem-event h2 {
    display: inline-block;
    margin-bottom: 1em;
    font-size: 5vw;
    color: inherit;
    font-family: "System76 Fira Sans", sans-serif;
    font-style: italic;
    font-weight: 200;
    text-align: center; }
    .event-page h2 strong,
    .stem-event h2 strong {
      font-weight: 300; }
  .event-page h3,
  .stem-event h3 {
    font-family: "System76 Fira Sans", sans-serif;
    font-size: 1.875rem;
    font-weight: 200;
    letter-spacing: 0.4em;
    line-height: 1.4em;
    text-align: center;
    text-transform: uppercase; }
    .event-page h3 strong,
    .stem-event h3 strong {
      font-weight: 400; }
  .event-page p,
  .stem-event p {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
    text-align: left; }
    .event-page p.quote,
    .stem-event p.quote {
      max-width: 56.25rem;
      margin-bottom: 1.5rem;
      font-family: "System76 Roboto Slab", serif;
      font-size: 1.875rem;
      font-weight: 100;
      line-height: 125%;
      text-align: center; }
      .event-page p.quote::before, .event-page p.quote::after,
      .stem-event p.quote::before,
      .stem-event p.quote::after {
        position: relative;
        font-family: FontAwesome;
        -webkit-font-feature-settings: normal;
                font-feature-settings: normal;
        -webkit-font-kerning: auto;
                font-kerning: auto;
        -webkit-font-language-override: normal;
                font-language-override: normal;
        font-size: 75%;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-synthesis: weight style;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto; }
      .event-page p.quote::before,
      .stem-event p.quote::before {
        content: "";
        top: -0.25em;
        left: -0.25em; }
      .event-page p.quote::after,
      .stem-event p.quote::after {
        content: "";
        right: -0.25em; }
    .event-page p.attr,
    .stem-event p.attr {
      font-style: italic;
      text-align: center;
      font-size: 0.8em;
      line-height: 1em;
      margin-bottom: 1em; }
  .event-page .byline,
  .stem-event .byline {
    display: block;
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 56.25rem;
    color: inherit;
    font-size: 1.5rem;
    font-family: "System76 Fira Sans", sans-serif;
    font-weight: 200;
    letter-spacing: 0.25em;
    text-align: center;
    text-transform: uppercase;
    overflow-x: scroll; }
  .event-page a.byline,
  .stem-event a.byline {
    /*&::before {
      content: "\f099";

      display: inline-block;
      position: relative;
      top: 0.1em;

      color: transparent;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: color 250ms;
    }*/ }
    .event-page a.byline:hover,
    .stem-event a.byline:hover {
      color: #1da1f2;
      /*&::before {
        color: $twitter;
        transition: color 250ms;
      }*/ }
  .event-page .column img,
  .event-page .columns img,
  .stem-event .column img,
  .stem-event .columns img {
    margin-bottom: 3rem; }
  .event-page .share,
  .stem-event .share {
    margin: 8rem auto; }
    .event-page .share p,
    .stem-event .share p {
      margin-bottom: 4rem;
      max-width: 47.8125rem; }
    .event-page .share .button,
    .stem-event .share .button {
      margin: 0.375rem; }
      .event-page .share .button i,
      .stem-event .share .button i {
        padding-right: 0.5em; }
    .event-page .share .button:not(.link),
    .stem-event .share .button:not(.link) {
      color: #fff;
      transition: opacity 250ms; }
      .event-page .share .button:not(.link):hover,
      .stem-event .share .button:not(.link):hover {
        opacity: 0.8; }
    .event-page .share .twitter,
    .stem-event .share .twitter {
      background-color: #1da1f2; }
    .event-page .share .facebook,
    .stem-event .share .facebook {
      background-color: #3b5998; }
    .event-page .share .google,
    .stem-event .share .google {
      background-color: #dd4b39; }

.stem-event {
  display: inline-block;
  position: relative;
  color: #fff;
  border-color: #fff;
  background-color: #000;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.75);
  transition: none; }
  .stem-event:hover {
    color: #fff; }
  .stem-event img {
    opacity: 0.8; }
  .stem-event .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    background-color: transparent;
    border: none;
    color: #fff;
    text-align: center;
    z-index: 3;
    transform: translateY(-50%) translateX(-50%); }
    .stem-event .overlay h1 {
      display: inline-block;
      margin-top: 0;
      padding-bottom: 0.5em;
      padding-left: 0.33em;
      font-size: 5.9vw;
      font-weight: 300; }
    .stem-event .overlay h2 {
      display: inline-block;
      margin-bottom: 1em;
      font-size: 5vw; }
    .stem-event .overlay .button {
      border-color: inherit;
      border-width: 2px;
      color: inherit;
      font-weight: 600; }

@media only screen and (min-width: 768px) {
  .event-page header#masthead {
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    width: 100%;
    max-width: initial;
    background: rgba(0, 0, 0, 0.67);
    color: white;
    opacity: 1;
    transition: opacity 250ms, top 250ms;
    z-index: 2000; }
  .event-page header#masthead.slid-up {
    top: -82px;
    opacity: 0;
    transition: opacity 800ms, top 1000ms; }
  .event-page header#masthead a {
    color: inherit;
    transition: none; }
  .event-page header#masthead #logo {
    background-image: url(/assets/logo-white-mono-5c9002cc50.png); }
  .event-page .column,
  .event-page .columns {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .event-page h1 {
    font-weight: 200; }
  .event-page p.quote {
    font-size: 3rem; }
  .event-page .byline {
    font-size: 2.25rem;
    overflow-x: auto; }
  .stem-event .overlay {
    max-width: 75vw;
    top: 55%; }
    .stem-event .overlay h1 {
      font-weight: 200;
      font-size: 4vw; }
    .stem-event .overlay h2 {
      display: block;
      margin-left: auto;
      margin-right: auto;
      font-size: 3.5vw; }
    .stem-event .overlay .button {
      display: block;
      margin-left: auto;
      margin-right: auto;
      padding: 1em 1em 1.1em;
      font-size: 2vw; } }

@media only screen and (min-width: 64.0625em) {
  .event-page h1 {
    max-width: 50vw;
    border-bottom: 1px solid;
    font-size: 3vw; }
  .event-page h2,
  .event-page h3 {
    font-size: 2.34375vw; }
  .event-page .overlay h3 {
    color: #fff;
    letter-spacing: 0.25em;
    text-shadow: 0 0 12px black; }
  .event-page .sci .overlay {
    top: 2%; }
  .event-page .tech .overlay {
    width: 55%;
    top: 55%;
    left: 58%;
    transform: translateX(-50%); }
    .event-page .tech .overlay h3 {
      text-align: right; }
  .event-page .eng .overlay {
    width: 43%;
    top: 45%;
    left: 56%;
    transform: translateX(-50%); }
  .event-page .math .overlay {
    width: 50%;
    top: 15%;
    left: 50%;
    transform: translateX(-50%); }
  .event-page .future .overlay {
    top: 35.5%;
    left: -8.5%; }
  .event-page .overlap {
    margin-top: -6rem;
    outline: 3rem solid white; }
  .stem-event .overlay {
    max-width: 55vw; }
    .stem-event .overlay h1 {
      max-width: none;
      padding-bottom: 0.25em;
      font-size: 3.5vw; }
    .stem-event .overlay h2 {
      font-size: 2.34375vw; }
    .stem-event .overlay .button {
      margin-top: 2em;
      font-size: 1vw; } }

@media only screen and (orientation: portrait) {
  .event-page #hero-video {
    position: relative;
    display: block;
    width: 100%;
    height: 56.025vw;
    margin: 0 auto;
    background-color: black;
    overflow: hidden; }
    .event-page #hero-video img,
    .event-page #hero-video video {
      display: block;
      width: 100%;
      margin: auto;
      height: 56.25vw; } }

/* Kate Icons */
i.ki {
  display: inline-block;
  width: 1em;
  height: 1em;
  padding: 0;
  margin: 0;
  background-size: cover;
  background-position: left;
  line-height: 1;
  /* STYLE CLASSES */
  /* ICONS */ }
  i.ki.ki-white {
    background-position: right; }
  i.ki.ki-sale {
    background-image: url("/assets/kateicons/ki-sale-06491198b0.png"); }
  i.ki.ki-sale-blue {
    background-image: url("/assets/kateicons/ki-sale-blue-17fe3b840b.png"); }
  i.ki.ki-holly {
    background-image: url("/assets/holiday/holly-sprite-2016.png"); }
  i.ki.ki-ginger {
    background-image: url("/assets/kateicons/ki-ginger-2346ff2c21.png");
    position: relative;
    top: 3px; }

i.white {
  color: #fff; }

i.black {
  color: #574f4a; }

i.orange {
  color: #faa41a; }

i.blue {
  color: #48b9c7; }

i.yellow {
  color: #ffce51; }

i.red {
  color: #f15d22; }

i.green {
  color: #73c48f; }

i.purple {
  color: #300a24; }

i.spruce {
  color: #2c9199; }

i.merlot {
  color: #621527; }

i.rose {
  color: #9b495d; }

i.carnation {
  color: #b47785; }

/* Share Config */
.config-share-buttons {
  text-align: center; }
  .config-share-buttons .button {
    display: inline-block;
    margin: 0 0.5em 1em; }
  .config-share-buttons .facebook {
    background-color: #3b5998;
    color: #fff;
    border-color: #2d4373; }
    .config-share-buttons .facebook:hover {
      background-color: #4c70ba; }
  .config-share-buttons .google {
    background-color: #dd4b39;
    color: #fff;
    border-color: #c23321; }
    .config-share-buttons .google:hover {
      background-color: #e47365; }
  .config-share-buttons .twitter {
    background-color: #1da1f2;
    color: #fff;
    border-color: #0c85d0; }
    .config-share-buttons .twitter:hover {
      background-color: #4db5f5; }

.config-share-link {
  margin-top: 1em; }

#config-link-modal input[type=text]:disabled {
  background-color: #fff;
  color: #574f4a;
  opacity: 1; }

.showcase {
  margin-bottom: -2rem;
  background-color: #f2f2f2; }
  .showcase .sub-nav {
    margin-bottom: 2rem;
    font-size: 1.25rem;
    text-align: center; }
    .showcase .sub-nav dt,
    .showcase .sub-nav dd {
      display: inline-block;
      float: none;
      margin: 0;
      padding: 0;
      font-family: inherit;
      font-size: inherit; }
      .showcase .sub-nav dt a,
      .showcase .sub-nav dd a {
        padding: 0.1875em 1em; }
  .showcase .panel {
    padding: 0;
    border: 0;
    color: #574f4a;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: box-shadow 200ms ease; }
    .showcase .panel:hover {
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
    .showcase .panel.video::before {
      content: "    \f04b";
      display: inline-block;
      height: 4rem;
      left: 50%;
      padding-left: 0.1em;
      position: absolute;
      top: 20%;
      width: 4rem;
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      color: #fff;
      font: normal normal normal 2rem/2 FontAwesome;
      text-rendering: auto;
      text-align: center;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transform: translateX(-50%);
      transition: background-color 250ms ease; }
    .showcase .panel.video:hover::before {
      background-color: rgba(0, 0, 0, 0.75); }
    .showcase .panel img {
      width: 100%; }
    .showcase .panel h4,
    .showcase .panel p {
      margin: 0.75rem;
      padding: 0;
      color: inherit; }
    .showcase .panel h4 {
      font-weight: 600; }
    .showcase .panel p {
      padding-bottom: 1em;
      font-family: "System76 Fira Sans", sans-serif;
      line-height: 1.25em; }
    .showcase .panel i {
      float: right;
      padding-left: 0.5em; }
      .showcase .panel i.fa-newspaper-o {
        color: #48b9c7; }
      .showcase .panel i.fa-film {
        color: #f15d22; }
      .showcase .panel i.fa-rss {
        color: #faa41a; }
      .showcase .panel i.fa-calendar {
        color: #73c48f; }
      .showcase .panel i.fa-wrench {
        color: #999; }

/* Social login buttons and related styling */
.button.social-login {
  color: #fff;
  transition: opacity 250ms ease;
  margin: 0.5em auto;
  border: none;
  font-family: "System76 Fira Sans", sans-serif;
  font-weight: 500;
  font-size: 1rem; }
  .button.social-login i {
    position: absolute;
    left: .5em;
    font-size: 1.5em; }
  .button.social-login span {
    padding-left: 2em; }
  .button.social-login:hover {
    opacity: 0.85; }
  .button.social-login:active {
    opacity: 1; }
  .button.social-login.facebook {
    background-color: #3b5998; }
  .button.social-login.google {
    background-color: #dd4b39; }
  .button.social-login.github {
    background-color: #000; }

.specs.quickstart .ports {
  margin: 0 auto 4rem; }

.specs.quickstart .value-unit {
  display: inline-block;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
  border: 1px solid #999; }

.specs.quickstart .value,
.specs.quickstart .unit {
  /*font-weight: 500;*/ }

.specs.quickstart .name {
  display: inline-block;
  padding: 0.6rem 0; }

.specs.quickstart .kb-icons li {
  margin-top: 1.5em;
  font-family: "System76 Roboto Slab", serif;
  line-height: 1.2em;
  font-weight: 300; }
  .specs.quickstart .kb-icons li img {
    width: 2rem;
    height: 2rem;
    display: block;
    margin: 0 auto; }
  .specs.quickstart .kb-icons li div {
    height: 2rem;
    color: #000;
    font-weight: 600;
    line-height: 2em; }
  .specs.quickstart .kb-icons li .kbd {
    display: block;
    margin: 0.5em 0; }

.superfan {
  color: #48b9c7; }
  .superfan h1,
  .superfan h2,
  .superfan h3,
  .superfan h4,
  .superfan h5,
  .superfan h6,
  .superfan p,
  .superfan ul,
  .superfan ol {
    color: inherit; }
  .superfan .hero-overlay, .superfan .superfan-2-home-hero {
    background-color: #fff; }
    .superfan .hero-overlay .bg, .superfan .superfan-2-home-hero .bg {
      width: 100%;
      background-color: #fff;
      background-image: linear-gradient(to bottom, transparent 50%, #fff 133%), url(/assets/superfan/hero-confetti-a647dd44ec.png), linear-gradient(#48b9c7, #48b9c7);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      opacity: 1; }
    .superfan .hero-overlay .fg, .superfan .superfan-2-home-hero .fg {
      width: 80%;
      height: auto; }
  .superfan .video iframe,
  .superfan .need iframe {
    display: block;
    margin: 0 auto;
    width: 320px;
    height: 180px; }
  .superfan .video .text,
  .superfan .need .text {
    margin: 0 auto;
    font-size: 28.3333vw;
    font-weight: 700;
    font-family: "System76 Fira Sans", sans-serif;
    line-height: 0.85em;
    text-transform: uppercase;
    text-align: center; }
    .superfan .video .text span,
    .superfan .need .text span {
      display: block; }
      .superfan .video .text span:nth-child(2),
      .superfan .need .text span:nth-child(2) {
        font-size: 1.55em;
        line-height: 0.75em; }
      .superfan .video .text span:nth-child(3),
      .superfan .need .text span:nth-child(3) {
        font-size: 1.17em;
        line-height: 0.75em; }
    .superfan .video .text::after,
    .superfan .need .text::after {
      content: "\f063";
      display: block;
      font-size: 0.9em;
      font-family: FontAwesome;
      text-align: center; }
  .superfan .enter {
    margin-top: 8em; }
    .superfan .enter h1 {
      margin: 0 auto;
      font-size: 15vw;
      font-weight: 700;
      font-family: "System76 Fira Sans", sans-serif;
      line-height: 0.85em;
      text-transform: uppercase;
      text-align: center; }
      .superfan .enter h1 span {
        display: block; }
        .superfan .enter h1 span:nth-child(2) {
          font-size: 1.20em; }
      .superfan .enter h1 p {
        margin: 0.25em auto;
        font-size: 6.25vw;
        font-style: italic; }
      .superfan .enter h1::after {
        content: "\f063";
        display: block;
        font-size: 0.9em;
        font-family: FontAwesome;
        text-align: center; }
    .superfan .enter ol {
      margin-left: 6em;
      font-size: 1.3em;
      line-height: 1.25em;
      font-weight: 300;
      counter-reset: step-counter; }
      .superfan .enter ol li {
        display: block;
        list-style: none;
        position: relative;
        margin-bottom: 2em; }
        .superfan .enter ol li:first-child {
          color: #f15d22; }
          .superfan .enter ol li:first-child::before {
            background-color: #f15d22; }
        .superfan .enter ol li:nth-child(2) {
          color: #faa41a; }
          .superfan .enter ol li:nth-child(2)::before {
            background-color: #faa41a; }
        .superfan .enter ol li:nth-child(3) {
          color: #73c48f; }
          .superfan .enter ol li:nth-child(3)::before {
            background-color: #73c48f; }
        .superfan .enter ol li span:first-child {
          display: block;
          margin-bottom: 0.25em;
          font-size: 225%;
          font-weight: 500;
          font-style: italic;
          line-height: 1em; }
        .superfan .enter ol li::before {
          position: absolute;
          left: -2em;
          top: 0;
          height: 1.5em;
          width: 1.5em;
          padding-top: 0.55em;
          background-color: #48b9c7;
          border-radius: 50%;
          color: #fff;
          font-size: 2.67em;
          font-weight: 900;
          text-align: center;
          content: counter(step-counter);
          counter-increment: step-counter; }
        .superfan .enter ol li strong {
          font-weight: 500; }
        .superfan .enter ol li sup {
          font-size: 1em;
          line-height: inherit;
          top: auto; }
    .superfan .enter .fine-print p {
      margin: 0 auto 0 7.6em;
      position: relative;
      font-size: 0.875rem; }
      .superfan .enter .fine-print p::before {
        display: block;
        position: absolute;
        left: -1.5em;
        text-align: right;
        width: 2em; }
      .superfan .enter .fine-print p:first-child::before {
        content: "*"; }
      .superfan .enter .fine-print p:nth-child(2)::before {
        content: "**"; }
      .superfan .enter .fine-print p a {
        color: inherit;
        text-decoration: underline; }
  .superfan .win {
    margin-top: 8em; }
    .superfan .win h1 {
      margin: 0 auto;
      font-size: 20vw;
      font-weight: 700;
      font-family: "System76 Fira Sans", sans-serif;
      line-height: 0.85em;
      text-transform: uppercase; }
      .superfan .win h1::after {
        content: "\f063";
        display: block;
        font-size: 0.9em;
        font-family: FontAwesome;
        text-align: center; }
    .superfan .win .badge img {
      display: block;
      margin: 4em auto 0;
      width: 100%;
      max-width: 400px; }
  .superfan .check {
    margin-top: 8em; }
    .superfan .check h1,
    .superfan .check h2 {
      margin: 0 auto;
      font-family: "System76 Fira Sans", sans-serif;
      font-size: 8vw;
      line-height: 1em;
      text-align: center; }
    .superfan .check h1 {
      font-weight: 700;
      text-transform: uppercase; }
    .superfan .check h2 {
      font-style: italic;
      font-weight: 300; }
  .superfan .skylake h1,
  .superfan .kabylake h1 {
    margin: 0 auto;
    font-family: "System76 Fira Sans", sans-serif;
    font-size: 8vw;
    font-style: italic;
    line-height: 1em;
    text-align: center; }
    .superfan .skylake h1 span,
    .superfan .kabylake h1 span {
      display: block;
      font-weight: 700;
      text-transform: uppercase; }
  .superfan .skylake h2,
  .superfan .kabylake h2 {
    font-family: "System76 Fira Sans", sans-serif; }
  .superfan .skylake .button,
  .superfan .kabylake .button {
    display: block;
    margin: 1em auto;
    font-size: 24px;
    font-weight: 600;
    color: #48b9c7;
    border: 4px solid #48b9c7; }
    .superfan .skylake .button:hover,
    .superfan .kabylake .button:hover {
      background-color: #48b9c7;
      color: #fff; }
  .superfan .skylake .form,
  .superfan .kabylake .form {
    display: none;
    margin-top: 4em; }
    .superfan .skylake .form input,
    .superfan .kabylake .form input {
      border: 3px solid #48b9c7; }
  .superfan #rules-modal {
    max-height: 90vh;
    font-family: "System76 Fira Sans", sans-serif;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 2rem; }
    .superfan #rules-modal .rules-regs {
      overflow-x: hidden;
      overflow-y: scroll;
      max-height: 70vh; }
    .superfan #rules-modal h1 {
      font-family: "System76 Fira Sans", sans-serif;
      text-transform: uppercase;
      text-align: center;
      font-size: 8vw; }
      .superfan #rules-modal h1 span {
        font-weight: 700; }
    .superfan #rules-modal h4 {
      color: inherit;
      font-family: "System76 Fira Sans", sans-serif; }
    .superfan #rules-modal p,
    .superfan #rules-modal ul,
    .superfan #rules-modal li {
      font-family: inherit;
      font-weight: inherit;
      font-size: inherit;
      line-height: inherit;
      padding-left: 0; }

@media only screen and (min-width: 600px) {
  .superfan .video iframe,
  .superfan .need iframe {
    width: 550px;
    height: 309px; }
  .superfan .video .text,
  .superfan .need .text {
    font-size: 6.875rem; }
  .superfan .enter {
    margin-top: 8rem; }
    .superfan .enter h1 {
      font-size: 6rem; }
      .superfan .enter h1 p {
        font-size: 2.75vw; }
    .superfan .enter img {
      display: block;
      margin: 0 auto;
      max-width: 80%; }
  .superfan .win h1 {
    font-size: 110px; }
  .superfan #rules-modal h1 {
    font-size: 6vw; } }

@media only screen and (min-width: 64.0625em) {
  .superfan .hero-overlay .bg, .superfan .superfan-2-home-hero .bg {
    background-image: url(/assets/superfan/home-hero-kate-7f08565d45.png), linear-gradient(to bottom, transparent 50%, #fff 133%), url(/assets/superfan/hero-confetti-a647dd44ec.png), linear-gradient(#48b9c7, #48b9c7);
    background-size: contain, cover, cover, cover;
    background-position: 85% center, center, center, center;
    background-repeat: no-repeat; }
  .superfan .hero-overlay .fg, .superfan .superfan-2-home-hero .fg {
    width: 100%;
    height: 60%; }
    .superfan .hero-overlay .fg img, .superfan .superfan-2-home-hero .fg img {
      height: 100%;
      width: auto; }
  .superfan .video iframe,
  .superfan .need iframe {
    width: 670px;
    height: 377px; }
  .superfan .video .text,
  .superfan .need .text {
    text-align: left; }
    .superfan .video .text::after,
    .superfan .need .text::after {
      content: "\f060";
      text-align: left; }
  .superfan .enter {
    position: relative; }
    .superfan .enter .text {
      height: 500px; }
    .superfan .enter h1 {
      display: inline-block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 6.94444vw;
      text-align: left; }
      .superfan .enter h1::after {
        content: "\f061";
        text-align: left;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(125%, -50%); }
    .superfan .enter img {
      max-width: 100%; }
  .superfan .win h1 {
    text-align: center; }
  .superfan .check h1,
  .superfan .check h2 {
    font-size: 6rem; }
  .superfan .skylake h1,
  .superfan .kabylake h1 {
    font-size: 5rem; }
  .superfan .skylake .button,
  .superfan .kabylake .button {
    font-size: 36px;
    border: 4px solid #48b9c7; }
  .superfan #rules-modal h1 {
    font-size: 3.2em; } }

@media only screen and (min-width: 90.0625em) {
  .superfan .video iframe,
  .superfan .need iframe {
    width: 800px;
    height: 450px; }
  .superfan .enter h1 {
    font-size: 6rem; }
    .superfan .enter h1 p {
      font-size: 2.375rem; } }

.superfan-2-home-hero {
  transition: none;
  background-color: #e9e6cb;
  margin: 0; }
  .superfan-2-home-hero img {
    width: 100%;
    border-top: 1px solid #fff; }
  .superfan-2-home-hero button {
    position: absolute;
    top: 85%;
    left: 50%;
    border: 2px solid #519abf;
    color: #519abf;
    font-weight: 700;
    transform: translate(-50%, -50%);
    z-index: 200; }
    @media only screen and (min-width: 64.0625em) {
      .superfan-2-home-hero button {
        border-width: 0.25rem;
        font-size: 1.40625vw; } }
    .superfan-2-home-hero button:hover {
      background-color: #519abf; }

.path-superfan-2 .superfan {
  color: #519abf; }
  .path-superfan-2 .superfan .video {
    background: #000;
    border-top: 1rem solid #f3bd22;
    border-bottom: 1rem solid #f3bd22; }
    .path-superfan-2 .superfan .video iframe {
      width: 100vw;
      height: 67vh; }
      @media only screen and (orientation: portrait) {
        .path-superfan-2 .superfan .video iframe {
          height: 56.25vw; } }
  .path-superfan-2 .superfan .video + picture img {
    border-bottom: 1rem solid #f3bd22; }
  .path-superfan-2 .superfan .enter ol li a {
    color: inherit;
    font-style: italic;
    font-weight: 600; }
    .path-superfan-2 .superfan .enter ol li a:hover {
      text-decoration: underline; }
  .path-superfan-2 .superfan .enter ol li:nth-child(1) {
    color: #666 !important; }
    .path-superfan-2 .superfan .enter ol li:nth-child(1)::before {
      background-color: #666 !important; }
  .path-superfan-2 .superfan .enter ol li:nth-child(2) {
    color: #7f1540 !important; }
    .path-superfan-2 .superfan .enter ol li:nth-child(2)::before {
      background-color: #7f1540 !important; }
  .path-superfan-2 .superfan .enter ol li:nth-child(3) {
    color: #f3bd22 !important; }
    .path-superfan-2 .superfan .enter ol li:nth-child(3)::before {
      background-color: #f3bd22 !important; }
  .path-superfan-2 .superfan .need {
    margin: 8em auto; }
    .path-superfan-2 .superfan .need.imagery {
      color: #7f1540; }
    .path-superfan-2 .superfan .need.code {
      color: #f3bd22; }
    @media only screen and (max-width: 599px) {
      .path-superfan-2 .superfan .need .text {
        font-size: 3rem; } }
    .path-superfan-2 .superfan .need .text span {
      display: block; }
      .path-superfan-2 .superfan .need .text span:nth-child(2) {
        font-size: 1.15em;
        line-height: 0.75em; }
    .path-superfan-2 .superfan .need .get {
      text-align: center; }
      .path-superfan-2 .superfan .need .get .button {
        margin-top: 1em;
        border-color: inherit;
        border-width: 6px;
        color: inherit;
        font-size: 3em;
        font-weight: 700; }
  .path-superfan-2 .superfan .kabylake {
    margin-bottom: 9em; }
    .path-superfan-2 .superfan .kabylake .form input {
      border-color: #519abf; }
    .path-superfan-2 .superfan .kabylake .button {
      border-color: #519abf;
      color: #519abf; }
      .path-superfan-2 .superfan .kabylake .button:hover {
        background-color: #519abf;
        color: #fff; }

/* Swag styling */
.products.swag.row h2 {
  margin: 2em auto 0; }

.products.swag.row:first-of-type h2 {
  margin: 0 auto; }

.products.swag.row .product-image {
  margin-top: 1em; }
  .products.swag.row .product-image img {
    border: 1px solid #574f4a;
    border-radius: 0.5rem; }

.swag-stickers h1 {
  font-family: "System76 Fira Sans", sans-serif;
  font-weight: 200;
  font-style: italic;
  text-align: center; }

.swag-stickers p {
  padding-left: 0;
  padding-right: 0; }
  .swag-stickers p.lead {
    text-align: center;
    max-width: 41.875rem;
    margin-bottom: 6em; }

.swag-stickers #sticker-photo {
  display: block;
  width: 800px;
  margin: 0 auto; }

.product.swag.row h2 {
  margin-bottom: 0; }

.product.swag.row h3 {
  font-family: "System76 Roboto Slab", serif;
  font-weight: bold;
  margin-top: 0; }

.product.swag.row p {
  padding: 0;
  font-size: 1.3em; }

.product.swag.row .swag-photos {
  padding: 0 2em; }
  .product.swag.row .swag-photos .large-photo {
    margin-bottom: 1.5em;
    position: relative; }
    .product.swag.row .swag-photos .large-photo img {
      position: absolute;
      top: 0;
      opacity: 0;
      max-width: 500px;
      border: 1px solid #574f4a;
      border-radius: 0.5rem; }
      .product.swag.row .swag-photos .large-photo img.shown {
        position: relative;
        opacity: 1; }
  .product.swag.row .swag-photos .thumbnails {
    max-width: 500px;
    margin: 0 auto; }
    .product.swag.row .swag-photos .thumbnails .thumbnail img {
      border: 1px solid #574f4a;
      border-radius: 0.5rem; }
  .product.swag.row .swag-photos img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 500px; }

.product.swag.row .swag-details .swag-config {
  text-align: center; }
  .product.swag.row .swag-details .swag-config .title {
    font-family: "System76 Roboto Slab", serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-right: 0.5em;
    width: 130px;
    text-align: right;
    display: inline-block; }
  .product.swag.row .swag-details .swag-config a.left-button,
  .product.swag.row .swag-details .swag-config a.right-button {
    display: inline-block;
    float: none;
    width: 32px;
    height: 32px;
    border: 1px solid #574f4a;
    border-radius: 50%;
    line-height: 32px;
    text-align: center;
    color: #48b9c7;
    font-weight: 500;
    font-size: 32px; }
  .product.swag.row .swag-details .swag-config input[type=number]::-webkit-inner-spin-button,
  .product.swag.row .swag-details .swag-config input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .product.swag.row .swag-details .swag-config input[type=number] {
    -moz-appearance: textfield; }
  .product.swag.row .swag-details .swag-config .label {
    display: inline-block;
    width: 4rem;
    background-color: #fff;
    color: #574f4a;
    font-size: 2rem;
    padding: 0.1em;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    height: auto;
    font-family: "System76 Roboto Slab", serif; }
    .product.swag.row .swag-details .swag-config .label::-webkit-input-placeholder {
      line-height: inherit; }
  .product.swag.row .swag-details .swag-config input[type=checkbox],
  .product.swag.row .swag-details .swag-config input[type=radio] {
    visibility: hidden; }
  .product.swag.row .swag-details .swag-config .swag-buy .button,
  .product.swag.row .swag-details .swag-config .swag-buy .button:hover {
    background-color: #fff;
    margin: 1em 0 2em;
    font-weight: bold;
    border: 3px solid #48b9c7;
    color: #48b9c7; }
  .product.swag.row .swag-details .swag-config .swag-buy .button:active {
    background-color: #48b9c7;
    color: #fff; }

.product.swag.row table {
  width: 100%; }
  .product.swag.row table tbody tr {
    border-top: 1px solid #574f4a; }
    .product.swag.row table tbody tr td {
      font-style: italic;
      text-align: center; }

@media only screen and (min-width: 64.0625em) {
  .product.swag.row .swag-details .swag-config {
    text-align: left; }
    .product.swag.row .swag-details .swag-config .swag-buy .button,
    .product.swag.row .swag-details .swag-config .swag-buy .button:hover {
      margin: 1em 5em 2em; }
  .product.swag.row table tbody tr td {
    text-align: left; } }

.path-weekend-project.path-weekend-project-arsandbox .weekend-project .hero {
  background-color: #60a7a2; }

.path-weekend-project.path-weekend-project-arsandbox .weekend-project iframe {
  margin: 2em  auto; }

.path-weekend-project .weekend-project h1 {
  margin-bottom: 1em;
  margin-top: 1em;
  color: #48b9c7;
  font-family: "System76 Fira Sans", sans-serif;
  font-size: 2.25rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1em;
  text-align: center; }
  @media only screen and (min-width: 64.0625em) {
    .path-weekend-project .weekend-project h1 {
      margin-bottom: 2em;
      margin-top: 2em;
      font-size: 4rem; } }

.path-weekend-project .weekend-project iframe {
  display: block;
  height: 180px;
  margin: 0 auto;
  width: 20rem; }
  @media only screen and (min-width: 600px) {
    .path-weekend-project .weekend-project iframe {
      height: 21.125rem;
      width: 37.5rem; } }
  @media only screen and (min-width: 768px) {
    .path-weekend-project .weekend-project iframe {
      height: 27rem;
      width: 48rem; } }
  @media only screen and (min-width: 64.0625em) {
    .path-weekend-project .weekend-project iframe {
      height: 36rem;
      width: 64rem; } }
  @media only screen and (min-width: 90.0625em) {
    .path-weekend-project .weekend-project iframe {
      height: 45rem;
      width: 80rem; } }

.path-weekend-project .weekend-project code {
  margin-bottom: -0.0625rem;
  margin-top: -0.0625rem;
  padding: 0 0.25em; }

.path-weekend-project .weekend-project pre {
  overflow: hidden;
  position: relative; }
  .path-weekend-project .weekend-project pre code {
    margin: 0.5em auto;
    padding: 0.25em 2em 0.25em 0.5em;
    position: relative;
    background: #300a24;
    border-color: #000;
    border-radius: 0.375rem;
    color: #fff;
    overflow-x: auto; }
    @media only screen and (min-width: 64.0625em) {
      .path-weekend-project .weekend-project pre code {
        font-size: 0.9em;
        line-height: 1.25em; } }
  .path-weekend-project .weekend-project pre::after {
    bottom: 0;
    margin: 0.5em auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 15%;
    background-image: linear-gradient(to left, #300a24, transparent);
    border-radius: 0.375rem;
    content: '';
    pointer-events: none; }

.path-weekend-project .weekend-project h2 {
  margin-top: 2em;
  color: inherit;
  font-family: "System76 Fira Sans", sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1.25em;
  text-align: center; }
  @media only screen and (min-width: 64.0625em) {
    .path-weekend-project .weekend-project h2 {
      font-size: 3rem; } }
  .path-weekend-project .weekend-project h2::before {
    display: block;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    content: ''; }
  .path-weekend-project .weekend-project h2:nth-of-type(2), .path-weekend-project .weekend-project h2:nth-of-type(3), .path-weekend-project .weekend-project h2:nth-of-type(4), .path-weekend-project .weekend-project h2:nth-of-type(5), .path-weekend-project .weekend-project h2:nth-of-type(6), .path-weekend-project .weekend-project h2:nth-of-type(7), .path-weekend-project .weekend-project h2:nth-of-type(8), .path-weekend-project .weekend-project h2:nth-of-type(9), .path-weekend-project .weekend-project h2:nth-of-type(10) {
    margin-top: 7.5rem; }
    .path-weekend-project .weekend-project h2:nth-of-type(2)::before, .path-weekend-project .weekend-project h2:nth-of-type(3)::before, .path-weekend-project .weekend-project h2:nth-of-type(4)::before, .path-weekend-project .weekend-project h2:nth-of-type(5)::before, .path-weekend-project .weekend-project h2:nth-of-type(6)::before, .path-weekend-project .weekend-project h2:nth-of-type(7)::before, .path-weekend-project .weekend-project h2:nth-of-type(8)::before, .path-weekend-project .weekend-project h2:nth-of-type(9)::before, .path-weekend-project .weekend-project h2:nth-of-type(10)::before {
      height: 4.5625rem;
      margin-bottom: 0.9375rem;
      width: 8.25rem; }
  .path-weekend-project .weekend-project h2:nth-of-type(2) {
    color: #005e8b; }
    .path-weekend-project .weekend-project h2:nth-of-type(2)::before {
      background-image: url("/assets/weekend-project/arsandbox/1-e2719a4c6e.png"); }
    .path-weekend-project .weekend-project h2:nth-of-type(2) + ol img:not(.inline):not(.hero):not(.borderless) {
      border-color: #005e8b; }
  .path-weekend-project .weekend-project h2:nth-of-type(3) {
    color: #238ea8; }
    .path-weekend-project .weekend-project h2:nth-of-type(3)::before {
      background-image: url("/assets/weekend-project/arsandbox/2-b52632c881.png"); }
    .path-weekend-project .weekend-project h2:nth-of-type(3) + ol img:not(.inline):not(.hero):not(.borderless) {
      border-color: #238ea8; }
  .path-weekend-project .weekend-project h2:nth-of-type(4) {
    color: #06703e; }
    .path-weekend-project .weekend-project h2:nth-of-type(4)::before {
      background-image: url("/assets/weekend-project/arsandbox/3-768d744e2f.png"); }
    .path-weekend-project .weekend-project h2:nth-of-type(4) + ol img:not(.inline):not(.hero):not(.borderless) {
      border-color: #06703e; }
  .path-weekend-project .weekend-project h2:nth-of-type(5) {
    color: #2f9c4c; }
    .path-weekend-project .weekend-project h2:nth-of-type(5)::before {
      background-image: url("/assets/weekend-project/arsandbox/4-ae8958394d.png"); }
    .path-weekend-project .weekend-project h2:nth-of-type(5) + ol img:not(.inline):not(.hero):not(.borderless) {
      border-color: #2f9c4c; }
  .path-weekend-project .weekend-project h2:nth-of-type(6) {
    color: #91b832; }
    .path-weekend-project .weekend-project h2:nth-of-type(6)::before {
      background-image: url("/assets/weekend-project/arsandbox/5-3095b186b8.png"); }
    .path-weekend-project .weekend-project h2:nth-of-type(6) + ol img:not(.inline):not(.hero):not(.borderless) {
      border-color: #91b832; }
  .path-weekend-project .weekend-project h2:nth-of-type(7) {
    color: #dcba1e; }
    .path-weekend-project .weekend-project h2:nth-of-type(7)::before {
      background-image: url("/assets/weekend-project/arsandbox/6-73f75b5cec.png"); }
    .path-weekend-project .weekend-project h2:nth-of-type(7) + ol img:not(.inline):not(.hero):not(.borderless) {
      border-color: #dcba1e; }
  .path-weekend-project .weekend-project h2:nth-of-type(8) {
    color: #d58d00; }
    .path-weekend-project .weekend-project h2:nth-of-type(8)::before {
      background-image: url("/assets/weekend-project/arsandbox/7-e93948467b.png"); }
    .path-weekend-project .weekend-project h2:nth-of-type(8) + ol img:not(.inline):not(.hero):not(.borderless) {
      border-color: #d58d00; }
  .path-weekend-project .weekend-project h2:nth-of-type(9) {
    color: #d13e10; }
    .path-weekend-project .weekend-project h2:nth-of-type(9)::before {
      background-image: url("/assets/weekend-project/arsandbox/8-5213379724.png"); }
    .path-weekend-project .weekend-project h2:nth-of-type(9) + ol img:not(.inline):not(.hero):not(.borderless) {
      border-color: #d13e10; }
  .path-weekend-project .weekend-project h2:nth-of-type(10) {
    color: #a72021; }
    .path-weekend-project .weekend-project h2:nth-of-type(10)::before {
      background-image: url("/assets/weekend-project/arsandbox/9-f747fc1289.png"); }
    .path-weekend-project .weekend-project h2:nth-of-type(10) + ol img:not(.inline):not(.hero):not(.borderless) {
      border-color: #a72021; }

.path-weekend-project .weekend-project p,
.path-weekend-project .weekend-project li,
.path-weekend-project .weekend-project dl {
  margin-left: auto;
  margin-right: auto;
  color: #999;
  line-height: 1.5em; }
  @media only screen and (min-width: 64.0625em) {
    .path-weekend-project .weekend-project p,
    .path-weekend-project .weekend-project li,
    .path-weekend-project .weekend-project dl {
      font-size: 1.5rem; } }

.path-weekend-project .weekend-project li pre code {
  margin-top: 0; }

.path-weekend-project .weekend-project li pre + p {
  margin-top: 1em; }

.path-weekend-project .weekend-project dl {
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.5em; }
  .path-weekend-project .weekend-project dl dt {
    margin-bottom: 0;
    margin-top: 2em; }
  .path-weekend-project .weekend-project dl dd {
    margin-bottom: 2em; }
  .path-weekend-project .weekend-project dl a {
    color: #73c48f;
    font-style: italic; }

.path-weekend-project .weekend-project a {
  color: #faa41a;
  font-weight: 700; }
  .path-weekend-project .weekend-project a:hover {
    text-decoration: underline; }

.path-weekend-project .weekend-project p,
.path-weekend-project .weekend-project li,
.path-weekend-project .weekend-project dl {
  max-width: 48rem; }

.path-weekend-project .weekend-project ol {
  counter-reset: li-counter;
  list-style-type: none;
  margin-left: 2em; }
  .path-weekend-project .weekend-project ol > li {
    margin-bottom: 1em;
    position: relative;
    line-height: 1.5em; }
    .path-weekend-project .weekend-project ol > li::before {
      position: absolute;
      left: -1.25em;
      font-weight: 700;
      content: counter(li-counter, upper-alpha) ":";
      counter-increment: li-counter; }
    .path-weekend-project .weekend-project ol > li ul li {
      line-height: 1.5em; }
  .path-weekend-project .weekend-project ol:nth-of-type(2) > li::before {
    color: #005e8b; }
  .path-weekend-project .weekend-project ol:nth-of-type(3) > li::before {
    color: #238ea8; }
  .path-weekend-project .weekend-project ol:nth-of-type(4) > li::before {
    color: #06703e; }
  .path-weekend-project .weekend-project ol:nth-of-type(5) > li::before {
    color: #2f9c4c; }
  .path-weekend-project .weekend-project ol:nth-of-type(6) > li::before {
    color: #91b832; }
  .path-weekend-project .weekend-project ol:nth-of-type(7) > li::before {
    color: #dcba1e; }
  .path-weekend-project .weekend-project ol:nth-of-type(8) > li::before {
    color: #d58d00; }
  .path-weekend-project .weekend-project ol:nth-of-type(9) > li::before {
    color: #d13e10; }
  .path-weekend-project .weekend-project ol:nth-of-type(10) > li::before {
    color: #a72021; }

.path-weekend-project .weekend-project img:not(.inline):not(.hero) {
  display: block;
  margin: 2em auto; }
  .path-weekend-project .weekend-project img:not(.inline):not(.hero):not(.borderless) {
    border: 0.5rem solid #574e4a;
    border-radius: 0.375rem; }

.path-weekend-project .weekend-project .alert-box {
  font-size: inherit; }

.path-weekend-project .weekend-project #share,
.path-weekend-project .weekend-project .share {
  margin: 0 auto;
  max-width: 768px;
  color: #48b9c7;
  text-align: center; }
  .path-weekend-project .weekend-project #share a.button,
  .path-weekend-project .weekend-project .share a.button {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    color: #fff;
    transition: opacity 250ms ease; }
    .path-weekend-project .weekend-project #share a.button.twitter,
    .path-weekend-project .weekend-project .share a.button.twitter {
      background-color: #1da1f2; }
    .path-weekend-project .weekend-project #share a.button.facebook,
    .path-weekend-project .weekend-project .share a.button.facebook {
      background-color: #3b5998; }
    .path-weekend-project .weekend-project #share a.button.google,
    .path-weekend-project .weekend-project .share a.button.google {
      background-color: #dd4b39; }
    .path-weekend-project .weekend-project #share a.button:hover,
    .path-weekend-project .weekend-project .share a.button:hover {
      text-decoration: none;
      opacity: 0.75; }

.path-weekend-project.path-weekend-project-holiday-light-show .weekend-project {
  overflow-x: hidden; }
  .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #weekend-project-hero {
    background-color: #9b6948; }
  .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project .hero img:not(.inline):not(.borderless):not(.hero) {
    margin: 0;
    border: 0; }
  .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project h1 {
    color: #73c48f; }
  .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project .step {
    text-align: center; }
    .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project .step .width-setter {
      display: inline;
      width: auto;
      text-align: left; }
      .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project .step .width-setter h2.light::before {
        display: block;
        height: 5rem;
        margin: 0.25em auto;
        width: 5rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: ''; }
      .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project .step .width-setter img:not(.inline):not(.hero):not(.borderless) {
        border: 0.75rem solid #3fa9f5;
        border-radius: 4rem;
        box-shadow: none; }
    .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project .step ol > li::before {
      color: inherit; }
  .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-1 {
    color: #f15d22; }
    .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-1 h2::before {
      background-image: url("/assets/sale/christmas-2015/instructions-1-1c9075b5b1.png"); }
    .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-1 .width-setter > .row > .columns {
      text-align: center; }
      .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-1 .width-setter > .row > .columns > ul {
        display: inline-block;
        width: auto;
        text-align: left; }
        .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-1 .width-setter > .row > .columns > ul > li {
          color: inherit;
          font-style: italic; }
          .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-1 .width-setter > .row > .columns > ul > li > ul {
            margin-bottom: 0.5em;
            margin-left: 0;
            margin-top: -0.5em;
            list-style: none; }
  .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-2 {
    color: #ffce51; }
    .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-2 h2::before {
      background-image: url("/assets/sale/christmas-2015/instructions-2-9f1fe29b77.png"); }
    .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-2 ol > li::before {
      color: #ffce51; }
  .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-3 {
    color: #39b54a; }
    .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-3 h2::before {
      background-image: url("/assets/sale/christmas-2015/instructions-3-3c6d792009.png"); }
    .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-3 ol > li::before {
      color: #39b54a; }
  .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-4 {
    color: #a952a5; }
    .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-4 h2::before {
      background-image: url("/assets/sale/christmas-2015/instructions-4-ca13d7ea90.png"); }
    .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-4 ol > li::before {
      color: #a952a5; }
  .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-5 {
    color: #3fa9f5; }
    .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-5 h2::before {
      background-image: url("/assets/sale/christmas-2015/instructions-5-0f8860aec2.png"); }
    .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #step-5 ol > li::before {
      color: #3fa9f5; }
  .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #notes {
    color: #73c48f; }
  .path-weekend-project.path-weekend-project-holiday-light-show .weekend-project #share {
    color: #48b9c7; }

.weekend-project-home-hero {
  position: relative;
  background-color: #9b6948; }
  .weekend-project-home-hero .fg,
  .weekend-project-home-hero #weekend-project-home-hero {
    position: relative;
    background-color: #9b6948; }
  .weekend-project-home-hero .fg {
    position: relative;
    border-top: 0.0625rem solid #fff;
    border-bottom: 0.0625rem solid #fff; }
    .weekend-project-home-hero .fg::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0.2vw;
      background-color: #9b6948;
      z-index: 3; }
  .weekend-project-home-hero .button {
    top: 82.5%;
    display: block;
    left: 50%;
    margin: 0;
    position: absolute;
    border-color: #fff;
    border-width: 0.125rem;
    color: #fff;
    font-weight: bold;
    transform: translate(-50%, -50%);
    transition: background-color 250ms ease, box-shadow 250ms ease, text-shadow 250ms ease;
    z-index: 2; }

.arsandbox-home-hero {
  margin-bottom: 0;
  border-bottom: 1px solid #fff;
  background-image: url("/assets/weekend-project/arsandbox/hero-type-211fce0c29.png"), url("/assets/weekend-project/arsandbox/hero-bg-fca57c5922.jpg");
  background-position: center 20%, center bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: auto 60%, cover; }
  @media only screen and (min-width: 768px) {
    .arsandbox-home-hero {
      background-position: center 20%, center bottom;
      background-size: auto 65%, cover; } }
  .arsandbox-home-hero:hover {
    color: #fff; }
  .arsandbox-home-hero .bg {
    color: transparent; }
  .arsandbox-home-hero .fg {
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%; }
    .arsandbox-home-hero .fg button,
    .arsandbox-home-hero .fg .button {
      bottom: 5%;
      left: 50%;
      margin: 0;
      position: absolute;
      transform: translateX(-50%);
      box-shadow: none; }
      @media only screen and (min-width: 768px) {
        .arsandbox-home-hero .fg button,
        .arsandbox-home-hero .fg .button {
          bottom: 10%; } }

@media only screen and (min-width: 64.0625em) {
  .weekend-project.holiday-light-show .step {
    margin-bottom: 4rem; }
    .weekend-project.holiday-light-show .step .width-setter img:not(.inline):not(.borderless) {
      border-radius: 8rem; }
    .weekend-project.holiday-light-show .step .width-setter > .row > .columns.left {
      text-align: right; }
    .weekend-project.holiday-light-show .step .width-setter > .row > .columns.right {
      text-align: left; }
    .weekend-project.holiday-light-show .step .width-setter > .row > .columns > ul > li {
      font-size: 2rem; }
  .weekend-project-home-hero .button {
    border-width: 0.1875rem;
    font-size: 1.40625vw; } }

@media only screen and (min-width: 90.0625em) {
  .weekend-project-home-hero .button {
    border-width: 0.25rem; } }

.fake-htop {
  margin: 0 auto;
  overflow: hidden;
  width: 120ch;
  background: #300a24;
  color: #fff;
  font-family: "System76 Ubuntu Mono", monospace, mono;
  font-size: 1.7vw;
  line-height: 1;
  text-align: left; }
  .fake-htop .bar .id {
    color: #48b9c7; }
  .fake-htop .bar .percent {
    color: #999; }
  .fake-htop .bar .tick.transparent {
    color: transparent; }
  .fake-htop .bar .tick.green {
    color: #73c48f; }
  .fake-htop .bar .tick.red {
    color: #f15d22; }
  .fake-htop .bar .tick.blue {
    color: #48b9c7; }
  .fake-htop .bar .tick.yellow {
    color: #ffce51; }
  .fake-htop .tasks {
    color: #48b9c7; }
    .fake-htop .tasks .total {
      font-weight: bold; }
    .fake-htop .tasks .throttled {
      color: #73c48f; }
      .fake-htop .tasks .throttled .count {
        font-weight: bold; }
    .fake-htop .tasks .running .count {
      color: #73c48f;
      font-weight: bold; }
  .fake-htop .uptime {
    color: #48b9c7; }
    .fake-htop .uptime .time {
      font-weight: bold; }
  .fake-htop .header {
    background: #73c48f;
    color: #574f4a; }
  .fake-htop .help-label {
    background: #48b9c7; }
  @media only screen and (min-width: 64.0625em) {
    .fake-htop {
      font-size: 1vw; } }

.lemu8-home-hero.hero-overlay.hero, .lemu8-home-hero.hero.superfan-2-home-hero {
  margin-bottom: 0;
  background-color: #52311e;
  border-top: 1px solid #fff; }
  @media only screen and (min-width: 64.0625em) {
    .lemu8-home-hero.hero-overlay.hero, .lemu8-home-hero.hero.superfan-2-home-hero {
      background-color: #574f4a; } }
  .lemu8-home-hero.hero-overlay.hero picture, .lemu8-home-hero.hero.superfan-2-home-hero picture {
    height: 100%; }
    .lemu8-home-hero.hero-overlay.hero picture img, .lemu8-home-hero.hero.superfan-2-home-hero picture img {
      height: 100%;
      left: 50%;
      max-width: initial;
      position: absolute;
      top: 50%;
      width: auto;
      opacity: 0.5;
      transform: translate(-50%, -50%); }
      @media only screen and (min-width: 64.0625em) {
        .lemu8-home-hero.hero-overlay.hero picture img, .lemu8-home-hero.hero.superfan-2-home-hero picture img {
          height: auto;
          width: 100%;
          opacity: 1; } }
  @media only screen and (min-width: 64.0625em) {
    .lemu8-home-hero.hero-overlay.hero .fg, .lemu8-home-hero.hero.superfan-2-home-hero .fg {
      width: 25%;
      position: absolute;
      top: 47%;
      left: 22%;
      transform: translate(-50%, -50%); } }
  .lemu8-home-hero.hero-overlay.hero .fg img, .lemu8-home-hero.hero.superfan-2-home-hero .fg img {
    width: 60%; }
    @media only screen and (min-width: 64.0625em) {
      .lemu8-home-hero.hero-overlay.hero .fg img, .lemu8-home-hero.hero.superfan-2-home-hero .fg img {
        width: 100%; } }
  .lemu8-home-hero.hero-overlay.hero .fg .button, .lemu8-home-hero.hero.superfan-2-home-hero .fg .button {
    display: none;
    margin: 1em auto 0; }
    @media only screen and (min-width: 64.0625em) {
      .lemu8-home-hero.hero-overlay.hero .fg .button, .lemu8-home-hero.hero.superfan-2-home-hero .fg .button {
        display: block; } }
  .lemu8-home-hero.hero-overlay.hero:hover, .lemu8-home-hero.hero.superfan-2-home-hero:hover {
    color: #fff; }

.lemur .hero-overlay .bg, .lemur .superfan-2-home-hero .bg {
  background-image: url("/assets/products/lemu8/hero-6b6248295e_640.jpg"); }
  @media only screen and (min-width: 40.0625rem) {
    .lemur .hero-overlay .bg, .lemur .superfan-2-home-hero .bg {
      background-image: url("/assets/products/lemu8/hero-6b6248295e_1280.jpg"); } }
  @media only screen and (min-width: 40.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 40.0625rem) and (min-resolution: 2dppx) {
    .lemur .hero-overlay .bg, .lemur .superfan-2-home-hero .bg {
      background-image: url("/assets/products/lemu8/hero-6b6248295e_2560.jpg"); } }
  @media only screen and (min-width: 80.0625rem) {
    .lemur .hero-overlay .bg, .lemur .superfan-2-home-hero .bg {
      background-image: url("/assets/products/lemu8/hero_wide-94644d634f_2560.jpg"); } }
  @media only screen and (min-width: 80.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 80.0625rem) and (min-resolution: 2dppx) {
    .lemur .hero-overlay .bg, .lemur .superfan-2-home-hero .bg {
      background-image: url("/assets/products/lemu8/hero_wide-94644d634f_5120.jpg"); } }
  @media only screen and (min-width: 160.0625rem) {
    .lemur .hero-overlay .bg, .lemur .superfan-2-home-hero .bg {
      background-image: url("/assets/products/lemu8/hero_wide-94644d634f_5120.jpg"); } }

.lemur h1 {
  margin-top: 1.75em; }

.lemur .hero-overlay, .lemur .superfan-2-home-hero {
  margin-bottom: 0; }
  .lemur .hero-overlay .bg, .lemur .superfan-2-home-hero .bg {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover; }

.lemur .what-is-it {
  margin-top: 4em; }

.lemur #video-360,
.lemur #video-360 video {
  max-width: 1288px;
  max-height: 75vh;
  margin: 0 auto; }

.lemur #travel {
  position: relative; }
  .lemur #travel .panel.overlay {
    top: 50%;
    transform: translateY(-50%); }
    .lemur #travel .panel.overlay h1 + p {
      max-width: 36.75rem; }

.lemur #powerful-multitasking {
  margin-bottom: 4rem; }
  .lemur #powerful-multitasking .head-on > *:last-child {
    width: 73%;
    top: 9%;
    left: 12.67%;
    height: auto;
    max-height: 68%; }

.lemur #best-of-the-web {
  position: relative;
  overflow: hidden;
  text-align: center; }
  .lemur #best-of-the-web .columns.video-container {
    padding: 0; }
  .lemur #best-of-the-web video.left {
    position: absolute;
    top: 0;
    right: 100%; }
  .lemur #best-of-the-web video.right {
    position: absolute;
    top: 0;
    left: 100%; }
  .lemur #best-of-the-web .panel.overlay {
    top: 1em;
    left: 0; }

.lemur .hero-overlay, .lemur .superfan-2-home-hero {
  margin-bottom: 0; }
  .lemur .hero-overlay .bg, .lemur .superfan-2-home-hero .bg {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover; }

.lemur .design h1 + p {
  max-width: 42.5rem; }

.lemur .vibrant-display h1 + p {
  max-width: 40.625rem; }

.lemur #ports .top-down {
  margin-top: 6rem; }

.lemur #specs {
  margin-top: 0; }

@media only screen and (min-width: 64.0625em) {
  .lemur .panel.overlay {
    text-shadow: 0px  2px  8px black, 0px  4px 16px black; }
  .lemur #best-of-the-web .panel.overlay h1 {
    display: inline-block;
    padding: 0.5em 1em;
    width: auto;
    background-color: rgba(0, 0, 0, 0.75);
    border: none;
    color: #fff; }
  .lemur .hero-overlay:not(.hero-config) .fg, .lemur .superfan-2-home-hero:not(.hero-config) .fg {
    transform: translate(-68%, -155%); }
  .lemur .features ul.features-list {
    top: 9%; } }

.path-cart-configure-galp2 .hero-overlay .bg, .path-cart-configure-galp2 .superfan-2-home-hero .bg,
.path-cart-configure-galp3 .hero-overlay .bg,
.path-cart-configure-galp3 .superfan-2-home-hero .bg {
  width: 100%;
  background-size: cover;
  background-image: url("/assets/products/galp3/hero-be47a20a43_640.jpg"); }
  @media only screen and (min-width: 40.0625rem) {
    .path-cart-configure-galp2 .hero-overlay .bg, .path-cart-configure-galp2 .superfan-2-home-hero .bg,
    .path-cart-configure-galp3 .hero-overlay .bg,
    .path-cart-configure-galp3 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/galp3/hero-be47a20a43_1280.jpg"); } }
  @media only screen and (min-width: 40.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 40.0625rem) and (min-resolution: 2dppx) {
    .path-cart-configure-galp2 .hero-overlay .bg, .path-cart-configure-galp2 .superfan-2-home-hero .bg,
    .path-cart-configure-galp3 .hero-overlay .bg,
    .path-cart-configure-galp3 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/galp3/hero-be47a20a43_2560.jpg"); } }
  @media only screen and (min-width: 80.0625rem) {
    .path-cart-configure-galp2 .hero-overlay .bg, .path-cart-configure-galp2 .superfan-2-home-hero .bg,
    .path-cart-configure-galp3 .hero-overlay .bg,
    .path-cart-configure-galp3 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/galp3/hero_wide-f680811cd0_2560.jpg"); } }
  @media only screen and (min-width: 80.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 80.0625rem) and (min-resolution: 2dppx) {
    .path-cart-configure-galp2 .hero-overlay .bg, .path-cart-configure-galp2 .superfan-2-home-hero .bg,
    .path-cart-configure-galp3 .hero-overlay .bg,
    .path-cart-configure-galp3 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/galp3/hero_wide-f680811cd0_5120.jpg"); } }
  @media only screen and (min-width: 160.0625rem) {
    .path-cart-configure-galp2 .hero-overlay .bg, .path-cart-configure-galp2 .superfan-2-home-hero .bg,
    .path-cart-configure-galp3 .hero-overlay .bg,
    .path-cart-configure-galp3 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/galp3/hero_wide-f680811cd0_5120.jpg"); } }

.galp2-home-hero.hero-overlay.hero, .galp2-home-hero.hero.superfan-2-home-hero,
.galp3-home-hero.hero-overlay.hero,
.galp3-home-hero.hero.superfan-2-home-hero {
  margin-bottom: 0;
  background-color: #29abe2;
  border-top: 1px solid #fff; }
  @media only screen and (min-width: 64.0625em) {
    .galp2-home-hero.hero-overlay.hero, .galp2-home-hero.hero.superfan-2-home-hero,
    .galp3-home-hero.hero-overlay.hero,
    .galp3-home-hero.hero.superfan-2-home-hero {
      background-color: #574f4a; } }
  .galp2-home-hero.hero-overlay.hero picture, .galp2-home-hero.hero.superfan-2-home-hero picture,
  .galp3-home-hero.hero-overlay.hero picture, .galp3-home-hero.hero.superfan-2-home-hero picture {
    height: 100%; }
    .galp2-home-hero.hero-overlay.hero picture img, .galp2-home-hero.hero.superfan-2-home-hero picture img,
    .galp3-home-hero.hero-overlay.hero picture img, .galp3-home-hero.hero.superfan-2-home-hero picture img {
      height: 100%;
      left: 50%;
      max-width: initial;
      position: absolute;
      top: 50%;
      width: auto;
      opacity: 0.5;
      transform: translate(-50%, -50%); }
      @media only screen and (min-width: 64.0625em) {
        .galp2-home-hero.hero-overlay.hero picture img, .galp2-home-hero.hero.superfan-2-home-hero picture img,
        .galp3-home-hero.hero-overlay.hero picture img, .galp3-home-hero.hero.superfan-2-home-hero picture img {
          height: auto;
          width: 100%;
          opacity: 1; } }
  @media only screen and (min-width: 64.0625em) {
    .galp2-home-hero.hero-overlay.hero .fg, .galp2-home-hero.hero.superfan-2-home-hero .fg,
    .galp3-home-hero.hero-overlay.hero .fg, .galp3-home-hero.hero.superfan-2-home-hero .fg {
      width: 25%;
      position: absolute;
      top: 48%;
      left: 76%;
      transform: translate(-50%, -50%); } }
  .galp2-home-hero.hero-overlay.hero .fg img, .galp2-home-hero.hero.superfan-2-home-hero .fg img,
  .galp3-home-hero.hero-overlay.hero .fg img, .galp3-home-hero.hero.superfan-2-home-hero .fg img {
    width: 70%; }
    @media only screen and (min-width: 64.0625em) {
      .galp2-home-hero.hero-overlay.hero .fg img, .galp2-home-hero.hero.superfan-2-home-hero .fg img,
      .galp3-home-hero.hero-overlay.hero .fg img, .galp3-home-hero.hero.superfan-2-home-hero .fg img {
        width: 100%; } }
  .galp2-home-hero.hero-overlay.hero .fg .button, .galp2-home-hero.hero.superfan-2-home-hero .fg .button,
  .galp3-home-hero.hero-overlay.hero .fg .button, .galp3-home-hero.hero.superfan-2-home-hero .fg .button {
    display: none;
    margin: 1em auto 0; }
    @media only screen and (min-width: 64.0625em) {
      .galp2-home-hero.hero-overlay.hero .fg .button, .galp2-home-hero.hero.superfan-2-home-hero .fg .button,
      .galp3-home-hero.hero-overlay.hero .fg .button, .galp3-home-hero.hero.superfan-2-home-hero .fg .button {
        display: block; } }
  .galp2-home-hero.hero-overlay.hero:hover, .galp2-home-hero.hero.superfan-2-home-hero:hover,
  .galp3-home-hero.hero-overlay.hero:hover,
  .galp3-home-hero.hero.superfan-2-home-hero:hover {
    color: #fff; }

.path-laptops-gazelle .hero-overlay .bg, .path-laptops-gazelle .superfan-2-home-hero .bg,
.path-cart-configure-gaze12 .hero-overlay .bg,
.path-cart-configure-gaze12 .superfan-2-home-hero .bg {
  width: 100%;
  background-size: cover;
  background-image: url("/assets/products/gaze12/hero-ed7ed3f5f0_640.jpg"); }
  @media only screen and (min-width: 40.0625rem) {
    .path-laptops-gazelle .hero-overlay .bg, .path-laptops-gazelle .superfan-2-home-hero .bg,
    .path-cart-configure-gaze12 .hero-overlay .bg,
    .path-cart-configure-gaze12 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/gaze12/hero-ed7ed3f5f0_1280.jpg"); } }
  @media only screen and (min-width: 40.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 40.0625rem) and (min-resolution: 2dppx) {
    .path-laptops-gazelle .hero-overlay .bg, .path-laptops-gazelle .superfan-2-home-hero .bg,
    .path-cart-configure-gaze12 .hero-overlay .bg,
    .path-cart-configure-gaze12 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/gaze12/hero-ed7ed3f5f0_2560.jpg"); } }
  @media only screen and (min-width: 64.0625rem) {
    .path-laptops-gazelle .hero-overlay .bg, .path-laptops-gazelle .superfan-2-home-hero .bg,
    .path-cart-configure-gaze12 .hero-overlay .bg,
    .path-cart-configure-gaze12 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/gaze12/hero_wide-9ddf6ce6fa_2560.jpg"); } }
  @media only screen and (min-width: 64.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 64.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 64.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 64.0625rem) and (min-resolution: 2dppx) {
    .path-laptops-gazelle .hero-overlay .bg, .path-laptops-gazelle .superfan-2-home-hero .bg,
    .path-cart-configure-gaze12 .hero-overlay .bg,
    .path-cart-configure-gaze12 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/gaze12/hero_wide-9ddf6ce6fa_5120.jpg"); } }
  @media only screen and (min-width: 128.0625rem) {
    .path-laptops-gazelle .hero-overlay .bg, .path-laptops-gazelle .superfan-2-home-hero .bg,
    .path-cart-configure-gaze12 .hero-overlay .bg,
    .path-cart-configure-gaze12 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/gaze12/hero_wide-9ddf6ce6fa_5120.jpg"); } }

.path-laptops-gazelle .hero-overlay .fg, .path-laptops-gazelle .superfan-2-home-hero .fg {
  width: auto; }
  @media only screen and (min-width: 64.0625em) {
    .path-laptops-gazelle .hero-overlay .fg, .path-laptops-gazelle .superfan-2-home-hero .fg {
      left: 30%;
      top: 34%; } }

.path-laptops-gazelle .finish h1 + p {
  max-width: 50rem; }

.path-laptops-gazelle .finish #video-360 video,
.path-laptops-gazelle .finish #video-360 img {
  max-width: 100%;
  max-height: 75vh;
  margin: 0 auto; }

.path-laptops-gazelle .clarity {
  margin-bottom: 4em; }
  .path-laptops-gazelle .clarity h1 + p {
    max-width: 68.125rem; }

.path-laptops-gazelle .music h1 + p {
  max-width: 58.125rem; }

.path-laptops-gazelle .features ul.features-list {
  top: 12%; }

.path-laptops-gazelle .hangouts h1 + p {
  max-width: 70rem; }

.path-laptops-gazelle .hangouts .head-on > *:last-child {
  left: 5%;
  top: 9.75%;
  width: 90%; }

.path-laptops-gazelle .ports {
  margin-bottom: 4em; }

.path-laptops-kudu .hero-overlay .bg, .path-laptops-kudu .superfan-2-home-hero .bg,
.path-cart-configure-kudu4 .hero-overlay .bg,
.path-cart-configure-kudu4 .superfan-2-home-hero .bg {
  width: 100%;
  background-size: cover;
  background-image: url("/assets/products/kudu4/hero-db6fb954f3_640.jpg"); }
  @media only screen and (min-width: 40.0625rem) {
    .path-laptops-kudu .hero-overlay .bg, .path-laptops-kudu .superfan-2-home-hero .bg,
    .path-cart-configure-kudu4 .hero-overlay .bg,
    .path-cart-configure-kudu4 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/kudu4/hero-db6fb954f3_1280.jpg"); } }
  @media only screen and (min-width: 40.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 40.0625rem) and (min-resolution: 2dppx) {
    .path-laptops-kudu .hero-overlay .bg, .path-laptops-kudu .superfan-2-home-hero .bg,
    .path-cart-configure-kudu4 .hero-overlay .bg,
    .path-cart-configure-kudu4 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/kudu4/hero-db6fb954f3_2560.jpg"); } }
  @media only screen and (min-width: 64.0625rem) {
    .path-laptops-kudu .hero-overlay .bg, .path-laptops-kudu .superfan-2-home-hero .bg,
    .path-cart-configure-kudu4 .hero-overlay .bg,
    .path-cart-configure-kudu4 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/kudu4/hero_wide-06ecadd2f2_2560.jpg"); } }
  @media only screen and (min-width: 64.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 64.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 64.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 64.0625rem) and (min-resolution: 2dppx) {
    .path-laptops-kudu .hero-overlay .bg, .path-laptops-kudu .superfan-2-home-hero .bg,
    .path-cart-configure-kudu4 .hero-overlay .bg,
    .path-cart-configure-kudu4 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/kudu4/hero_wide-06ecadd2f2_5120.jpg"); } }
  @media only screen and (min-width: 128.0625rem) {
    .path-laptops-kudu .hero-overlay .bg, .path-laptops-kudu .superfan-2-home-hero .bg,
    .path-cart-configure-kudu4 .hero-overlay .bg,
    .path-cart-configure-kudu4 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/kudu4/hero_wide-06ecadd2f2_5120.jpg"); } }

.path-laptops-kudu .hero-overlay .fg, .path-laptops-kudu .superfan-2-home-hero .fg {
  width: auto; }
  @media only screen and (min-width: 64.0625em) {
    .path-laptops-kudu .hero-overlay .fg, .path-laptops-kudu .superfan-2-home-hero .fg {
      left: 30%;
      top: 34%; } }

.path-laptops-kudu .input {
  position: relative;
  background-color: black; }
  @media only screen and (min-width: 64.0625em) {
    .path-laptops-kudu .input .panel.overlay {
      left: 50%;
      max-width: 68.75rem;
      width: 70%;
      background-color: rgba(0, 0, 0, 0.75);
      transform: translateX(-50%);
      text-shadow: -1px -1px 0px black, 1px -1px 0px black, -1px 1px 0px black, 1px 1px 0px black, 0px 2px 8px black, 0px 4px 16px black; } }
  .path-laptops-kudu .input .panel.overlay h1,
  .path-laptops-kudu .input .panel.overlay h1 + p {
    max-width: 68.75rem; }
  .path-laptops-kudu .input picture,
  .path-laptops-kudu .input img {
    width: 100%; }
  .path-laptops-kudu .input [slideshow-slide] {
    transition: opacity 2s; }
    .path-laptops-kudu .input [slideshow-slide].shown {
      opacity: 0.67; }

.path-laptops-kudu .ports {
  margin-bottom: 4em; }

.oryx .hero-overlay, .oryx .superfan-2-home-hero {
  margin-bottom: 0; }
  .oryx .hero-overlay .bg, .oryx .superfan-2-home-hero .bg {
    height: 100%;
    width: 100%;
    background-image: url(/assets/products/oryp4/hero-721c44ffa5_640.jpg);
    background-size: cover;
    background-position: center; }

.oryx .design h1 + p {
  max-width: 53.3125rem; }

.oryx .design .sizes span {
  display: block;
  float: left;
  padding: 0;
  margin: 0 0 4em;
  width: 50%;
  font-family: "System76 Roboto Slab", serif;
  font-size: 1.5em;
  font-weight: 700; }

.oryx .keyboard picture img {
  opacity: 0.85; }

.oryx .keyboard .panel {
  background-color: #000;
  border: none;
  color: #fff;
  text-shadow: -1px -1px  0px black, 1px -1px  0px black, -1px  1px  0px black, 1px  1px  0px black, 0px  2px  8px black, 0px  4px 16px black; }
  .oryx .keyboard .panel p {
    max-width: 56.5rem; }
  @media only screen and (min-width: 64.0625em) {
    .oryx .keyboard .panel {
      background-color: transparent; } }

.oryx .slimline-power {
  margin-bottom: 4rem; }
  .oryx .slimline-power img {
    max-height: 70vh; }

.oryx .game.hero.hero-overlay, .oryx .game.hero.superfan-2-home-hero {
  position: relative;
  margin-bottom: 0;
  background-color: #48b9c7; }
  .oryx .game.hero.hero-overlay .bg, .oryx .game.hero.superfan-2-home-hero .bg {
    background-image: url(/assets/products/oryp4/trine3.jpg); }
  .oryx .game.hero.hero-overlay .fg h1, .oryx .game.hero.superfan-2-home-hero .fg h1 {
    font-size: 2.125rem; }

.oryx .any-perspective {
  margin-bottom: 4rem; }
  .oryx .any-perspective h1 + p {
    max-width: 60.1875rem; }

.oryx .entertainment.hero.hero-overlay, .oryx .entertainment.hero.superfan-2-home-hero {
  position: relative;
  margin-bottom: 0; }
  .oryx .entertainment.hero.hero-overlay h1 + p, .oryx .entertainment.hero.superfan-2-home-hero h1 + p {
    max-width: 46.875rem; }
  .oryx .entertainment.hero.hero-overlay .bg, .oryx .entertainment.hero.superfan-2-home-hero .bg {
    background-image: url(/assets/products/oryp4/entertainment_wide_2560.jpg); }
  .oryx .entertainment.hero.hero-overlay .fg h1, .oryx .entertainment.hero.superfan-2-home-hero .fg h1 {
    font-size: 2.125rem; }

.oryx #ports .back img {
  padding: 6% 15% 0; }

.oryx #ports .top-down {
  margin-top: 4rem; }

.oryx #specs {
  margin-top: 0; }

.oryp2-home-hero.hero-overlay, .oryp2-home-hero.superfan-2-home-hero {
  margin-bottom: 0;
  border-top: 1px solid #fff;
  background-color: #151415;
  color: #fff; }
  .oryp2-home-hero.hero-overlay .bg, .oryp2-home-hero.superfan-2-home-hero .bg {
    height: 100%;
    width: 100%;
    background-image: url(/assets/products/oryp4/hero-home-721c44ffa5.jpg);
    background-position: center;
    background-size: cover; }
  .oryp2-home-hero.hero-overlay .fg, .oryp2-home-hero.superfan-2-home-hero .fg {
    width: 55vw;
    color: inherit;
    font-size: 3.125vw;
    font-weight: 300;
    letter-spacing: 0.2em;
    text-transform: uppercase; }
    @media only screen and (min-width: 64.0625em) {
      .oryp2-home-hero.hero-overlay .fg, .oryp2-home-hero.superfan-2-home-hero .fg {
        left: 57%;
        top: 0.5em;
        width: auto;
        font-size: 1.5rem;
        transform: none; } }
    @media only screen and (min-width: 90.0625em) {
      .oryp2-home-hero.hero-overlay .fg, .oryp2-home-hero.superfan-2-home-hero .fg {
        left: 60%;
        top: 1em;
        font-size: 1.75rem; } }
    .oryp2-home-hero.hero-overlay .fg span, .oryp2-home-hero.superfan-2-home-hero .fg span {
      display: block;
      padding: 0;
      margin: 0;
      line-height: 1.125em; }
      .oryp2-home-hero.hero-overlay .fg span.slim, .oryp2-home-hero.superfan-2-home-hero .fg span.slim {
        font-style: italic; }
      .oryp2-home-hero.hero-overlay .fg span.oryx, .oryp2-home-hero.superfan-2-home-hero .fg span.oryx {
        font-size: 2.625em;
        font-weight: 200;
        letter-spacing: 0.25em; }
      .oryp2-home-hero.hero-overlay .fg span.now, .oryp2-home-hero.superfan-2-home-hero .fg span.now {
        font-size: 0.95em; }
        .oryp2-home-hero.hero-overlay .fg span.now::before, .oryp2-home-hero.superfan-2-home-hero .fg span.now::before, .oryp2-home-hero.hero-overlay .fg span.now::after, .oryp2-home-hero.superfan-2-home-hero .fg span.now::after {
          display: block;
          margin: 0 auto;
          height: 1px;
          width: 92.5%;
          background: #fff;
          content: ""; }
        .oryp2-home-hero.hero-overlay .fg span.now::before, .oryp2-home-hero.superfan-2-home-hero .fg span.now::before {
          margin-bottom: 0.6em; }
        .oryp2-home-hero.hero-overlay .fg span.now::after, .oryp2-home-hero.superfan-2-home-hero .fg span.now::after {
          margin-top: 0.5em; }
      .oryp2-home-hero.hero-overlay .fg span.feature, .oryp2-home-hero.superfan-2-home-hero .fg span.feature {
        padding: 0.25em 0 0;
        font-size: 2em;
        font-style: italic;
        font-weight: 200;
        letter-spacing: 0.225em;
        word-spacing: -0.125em; }
      .oryp2-home-hero.hero-overlay .fg span.detail strong, .oryp2-home-hero.superfan-2-home-hero .fg span.detail strong {
        font-weight: 600; }
      .oryp2-home-hero.hero-overlay .fg span strong, .oryp2-home-hero.superfan-2-home-hero .fg span strong {
        font-weight: 400; }
  .oryp2-home-hero.hero-overlay button, .oryp2-home-hero.superfan-2-home-hero button {
    margin-top: 1em; }
  .oryp2-home-hero.hero-overlay :hover, .oryp2-home-hero.superfan-2-home-hero :hover {
    color: inherit; }

@media only screen and (max-width: 599px) {
  .oryx .entertainment.hero.hero-overlay, .oryx .entertainment.hero.superfan-2-home-hero {
    overflow: visible;
    position: relative;
    margin-bottom: 6rem; }
    .oryx .entertainment.hero.hero-overlay .fg, .oryx .entertainment.hero.superfan-2-home-hero .fg {
      height: 100%; }
      .oryx .entertainment.hero.hero-overlay .fg h1, .oryx .entertainment.hero.superfan-2-home-hero .fg h1 {
        font-size: 2.75rem; }
      .oryx .entertainment.hero.hero-overlay .fg p, .oryx .entertainment.hero.superfan-2-home-hero .fg p {
        position: absolute;
        bottom: 0;
        margin-bottom: 0;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        background-color: #574f4a;
        color: #fff;
        text-shadow: none;
        transform: translateY(99%); } }

@media only screen and (min-width: 768px) {
  .oryx .hero-overlay .bg, .oryx .superfan-2-home-hero .bg {
    background-image: url(/assets/products/oryp4/hero-721c44ffa5_1280.jpg); } }

@media only screen and (min-width: 64.0625em) {
  .oryx .hero-overlay .bg, .oryx .superfan-2-home-hero .bg {
    background-image: url(/assets/products/oryp4/hero_wide-c459a61dbd_2560.jpg); }
  .oryx .hero-overlay:first-of-type:not(.hero-config) .fg, .oryx .superfan-2-home-hero:first-of-type:not(.hero-config) .fg {
    width: auto;
    top: 19%;
    left: 67%; }
  .oryx .features ul.features-list {
    top: 38%;
    transform: translateY(-50%); }
  .oryx .game.hero.hero-overlay, .oryx .game.hero.superfan-2-home-hero {
    height: 39.0625vw; }
    .oryx .game.hero.hero-overlay .bg, .oryx .game.hero.superfan-2-home-hero .bg {
      background-image: none; }
    .oryx .game.hero.hero-overlay .fg, .oryx .game.hero.superfan-2-home-hero .fg {
      top: 0;
      padding-top: 4%;
      padding-bottom: 4%;
      background-image: linear-gradient(to bottom, #48b9c7 0%, transparent 100%);
      transform: translateX(-50%);
      text-shadow: none; }
      .oryx .game.hero.hero-overlay .fg h1, .oryx .game.hero.superfan-2-home-hero .fg h1 {
        font-size: 3rem; }
  .oryx .entertainment.hero.hero-overlay, .oryx .entertainment.hero.superfan-2-home-hero {
    height: 39.0625vw; }
    .oryx .entertainment.hero.hero-overlay .bg, .oryx .entertainment.hero.superfan-2-home-hero .bg {
      background-image: linear-gradient(to bottom, #574f4a 0%, transparent 60%), url(/assets/products/oryp4/entertainment_wide_2560.jpg); }
    .oryx .entertainment.hero.hero-overlay .fg, .oryx .entertainment.hero.superfan-2-home-hero .fg {
      top: 5%;
      transform: translateX(-50%); }
      .oryx .entertainment.hero.hero-overlay .fg h1, .oryx .entertainment.hero.superfan-2-home-hero .fg h1 {
        font-size: 3rem; } }

@media only screen and (min-width: 90.0625em) {
  .oryx .hero-overlay .bg, .oryx .superfan-2-home-hero .bg {
    background-image: url(/assets/products/oryp4/hero_wide-c459a61dbd_2560.jpg); }
  .oryx .entertainment.hero.hero-overlay .bg, .oryx .entertainment.hero.superfan-2-home-hero .bg {
    background-image: linear-gradient(to bottom, #574f4a 0%, transparent 50%), url(/assets/products/oryp4/entertainment_wide_2560.jpg); } }

@media only screen and (min-width: 120.0625em) {
  .oryx .hero-overlay .bg, .oryx .superfan-2-home-hero .bg {
    background-image: url(/assets/products/oryp4/hero_wide-c459a61dbd_2560.jpg); }
  .oryx .entertainment.hero.hero-overlay .bg, .oryx .entertainment.hero.superfan-2-home-hero .bg {
    background-image: linear-gradient(to bottom, #574f4a 0%, transparent 40%), url(/assets/products/oryp4/entertainment_wide_2560.jpg); } }

.serval .hero-overlay .bg, .serval .superfan-2-home-hero .bg {
  background-position: center bottom;
  background-image: url("/assets/products/serw10/hero-a5f9b21300_640.jpg"); }
  @media only screen and (min-width: 40.0625rem) {
    .serval .hero-overlay .bg, .serval .superfan-2-home-hero .bg {
      background-image: url("/assets/products/serw10/hero-a5f9b21300_1280.jpg"); } }
  @media only screen and (min-width: 40.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 40.0625rem) and (min-resolution: 2dppx) {
    .serval .hero-overlay .bg, .serval .superfan-2-home-hero .bg {
      background-image: url("/assets/products/serw10/hero-a5f9b21300_2560.jpg"); } }
  @media only screen and (min-width: 80.0625rem) {
    .serval .hero-overlay .bg, .serval .superfan-2-home-hero .bg {
      background-image: url("/assets/products/serw10/hero_wide-d57a52072f_2560.jpg"); } }
  @media only screen and (min-width: 80.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 80.0625rem) and (min-resolution: 2dppx) {
    .serval .hero-overlay .bg, .serval .superfan-2-home-hero .bg {
      background-image: url("/assets/products/serw10/hero_wide-d57a52072f_5120.jpg"); } }
  @media only screen and (min-width: 160.0625rem) {
    .serval .hero-overlay .bg, .serval .superfan-2-home-hero .bg {
      background-image: url("/assets/products/serw10/hero_wide-d57a52072f_5120.jpg"); } }

.serval .hero-overlay .fg, .serval .superfan-2-home-hero .fg {
  text-shadow: 0 0 20px #000, 0 0 10px #000; }

.serval .hero-overlay, .serval .superfan-2-home-hero,
.serw8 .hero-overlay,
.serw8 .superfan-2-home-hero {
  margin-bottom: 0; }
  .serval .hero-overlay .bg, .serval .superfan-2-home-hero .bg,
  .serw8 .hero-overlay .bg,
  .serw8 .superfan-2-home-hero .bg {
    width: 100%;
    height: 100%;
    background-size: cover; }

.serval .what-is-it,
.serw8 .what-is-it {
  margin-top: 4em; }

.serval #power-harnessed h1 + p,
.serw8 #power-harnessed h1 + p {
  max-width: 56.25rem; }

.serval #desktop-cpu-performance,
.serw8 #desktop-cpu-performance {
  overflow-x: hidden; }
  .serval #desktop-cpu-performance h1 + p,
  .serw8 #desktop-cpu-performance h1 + p {
    max-width: 56.1875rem; }
  .serval #desktop-cpu-performance h3,
  .serw8 #desktop-cpu-performance h3 {
    font-weight: bold;
    font-size: 125%; }
  .serval #desktop-cpu-performance video,
  .serw8 #desktop-cpu-performance video {
    max-width: 100vw; }
  .serval #desktop-cpu-performance > .row > .columns,
  .serw8 #desktop-cpu-performance > .row > .columns {
    padding: 0;
    position: relative; }
    .serval #desktop-cpu-performance > .row > .columns #macbook-blender,
    .serw8 #desktop-cpu-performance > .row > .columns #macbook-blender {
      position: absolute;
      width: 79%;
      bottom: 1%;
      left: 10%; }
    .serval #desktop-cpu-performance > .row > .columns #serval-blender,
    .serw8 #desktop-cpu-performance > .row > .columns #serval-blender {
      position: absolute;
      width: 89%;
      bottom: 0;
      left: 5.5%; }
  .serval #desktop-cpu-performance #serval-blender-container,
  .serw8 #desktop-cpu-performance #serval-blender-container {
    position: relative;
    left: -0.625rem; }
  .serval #desktop-cpu-performance #blender-render img,
  .serw8 #desktop-cpu-performance #blender-render img {
    width: 100%; }
  .serval #desktop-cpu-performance #render-details,
  .serw8 #desktop-cpu-performance #render-details {
    line-height: 1em;
    margin-top: -0.25em; }

.serval #addictive-speed,
.serw8 #addictive-speed {
  position: relative;
  background-color: black;
  margin-top: 2em; }
  .serval #addictive-speed img,
  .serw8 #addictive-speed img {
    opacity: 0.67; }
  .serval #addictive-speed h1 + p,
  .serw8 #addictive-speed h1 + p {
    max-width: 41.625rem; }

.serval #extreme-gaming h1 + p,
.serw8 #extreme-gaming h1 + p {
  max-width: 43.75rem; }

.serval #extreme-gaming .overlay-container,
.serw8 #extreme-gaming .overlay-container {
  position: relative; }

.serval #extreme-gaming .overlay,
.serw8 #extreme-gaming .overlay {
  position: absolute;
  width: 73%;
  top: 7%;
  left: 14.25%; }

.serval #quality-typing-sharp-backlighting,
.serw8 #quality-typing-sharp-backlighting {
  position: relative;
  background-color: #000; }
  .serval #quality-typing-sharp-backlighting img,
  .serw8 #quality-typing-sharp-backlighting img {
    opacity: 0;
    transition: opacity 2s; }
    .serval #quality-typing-sharp-backlighting img.shown,
    .serw8 #quality-typing-sharp-backlighting img.shown {
      opacity: 0.67; }
  .serval #quality-typing-sharp-backlighting h1 + p,
  .serw8 #quality-typing-sharp-backlighting h1 + p {
    max-width: 67.1875rem; }

.serval #specs img,
.serw8 #specs img {
  max-height: 75vh; }

.serw9 #extreme-gaming,
.serw10 #extreme-gaming,
.serw11 #extreme-gaming {
  margin-bottom: 4em; }
  .serw9 #extreme-gaming .overlay,
  .serw10 #extreme-gaming .overlay,
  .serw11 #extreme-gaming .overlay {
    width: 73.5%;
    top: 6.25%;
    left: 13.25%; }

.serw9 #ports .back-ports,
.serw10 #ports .back-ports,
.serw11 #ports .back-ports {
  width: 900px;
  margin-top: 76px; }

.serw9 #ports .top-down,
.serw10 #ports .top-down,
.serw11 #ports .top-down {
  margin-top: 6rem; }

.serw9 #specs,
.serw10 #specs,
.serw11 #specs {
  margin-top: 0; }

.serw10 #power-harnessed h1,
.serw10 #power-harnessed p,
.serw10 #power-harnessed .sizes,
.serw11 #power-harnessed h1,
.serw11 #power-harnessed p,
.serw11 #power-harnessed .sizes {
  position: relative; }

.serw10 #power-harnessed video,
.serw11 #power-harnessed video {
  margin-top: -10vw;
  margin-bottom: -2vw; }

.serw10 #power-harnessed .sizes span,
.serw11 #power-harnessed .sizes span {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  width: 50%;
  font-family: "System76 Roboto Slab", serif;
  font-size: 1.5em;
  font-weight: 700; }

.serw10 #ports h3,
.serw11 #ports h3 {
  font-family: "System76 Roboto Slab", serif;
  font-size: 1.5em;
  font-weight: 700; }

.serw10 #ports .side,
.serw11 #ports .side {
  display: block;
  margin-top: 3em; }

.serw10 #ports .back,
.serw11 #ports .back {
  display: block;
  margin: 3em auto;
  width: 67%; }

.serw9-home-hero.hero-overlay, .serw9-home-hero.superfan-2-home-hero {
  margin-bottom: 0;
  background-color: #505582; }
  .serw9-home-hero.hero-overlay .bg, .serw9-home-hero.superfan-2-home-hero .bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: 1; }
  .serw9-home-hero.hero-overlay .fg, .serw9-home-hero.superfan-2-home-hero .fg {
    width: 100%;
    height: 100%;
    max-width: 100%; }
    .serw9-home-hero.hero-overlay .fg img, .serw9-home-hero.superfan-2-home-hero .fg img {
      width: auto;
      height: 33%;
      position: relative;
      top: 24.3333%;
      margin: 0 auto; }
    .serw9-home-hero.hero-overlay .fg .button, .serw9-home-hero.superfan-2-home-hero .fg .button {
      display: block;
      margin: 0;
      position: absolute;
      top: 60%;
      left: 50%;
      transform: translate(-50%, 0);
      color: #fff; }
  .serw9-home-hero.hero-overlay:hover .fg .button, .serw9-home-hero.superfan-2-home-hero:hover .fg .button {
    color: #fff; }

@media only screen and (min-width: 64.0625em) {
  .serval .hero-overlay:not(.hero-config) .fg, .serval .superfan-2-home-hero:not(.hero-config) .fg,
  .serw8 .hero-overlay:not(.hero-config) .fg,
  .serw8 .superfan-2-home-hero:not(.hero-config) .fg {
    transform: translate(-67.5%, -125%); }
  .serval .panel.overlay,
  .serw8 .panel.overlay {
    text-shadow: 0px  2px  8px black, 0px  4px 16px black; } }

.bonobo .hero-overlay, .bonobo .superfan-2-home-hero {
  margin-bottom: 0; }
  .bonobo .hero-overlay .bg, .bonobo .superfan-2-home-hero .bg {
    width: 100%;
    height: 100%;
    background-image: url("/assets/products/bonw12/hero-54f49aac7d_640.jpg");
    background-position: center;
    background-size: cover; }
    @media only screen and (min-width: 768px) {
      .bonobo .hero-overlay .bg, .bonobo .superfan-2-home-hero .bg {
        background-image: url("/assets/products/bonw12/hero-54f49aac7d_1280.jpg"); } }
    @media only screen and (min-width: 64.0625em) {
      .bonobo .hero-overlay .bg, .bonobo .superfan-2-home-hero .bg {
        background-image: url("/assets/products/bonw12/hero_wide-0c5bee02c0_2560.jpg"); } }

.bonobo .what-is-it {
  margin-top: 4rem; }

.bonobo .design h1 + p {
  max-width: 43.75rem; }

.bonobo .design #video-360,
.bonobo .design video {
  max-width: 966px;
  max-height: 75vh;
  margin: 0 auto; }

.bonobo .interior {
  position: relative; }
  .bonobo .interior .overlay.panel h1 + p {
    max-width: 62.5rem; }

@media only screen and (min-width: 768px) {
  .bonobo #trine .panel.overlay {
    position: absolute;
    top: 10%;
    left: 0;
    width: 75%;
    background-color: transparent;
    border: none;
    color: #fff;
    text-shadow: -1px -1px  0px black, 1px -1px  0px black, -1px  1px  0px black, 1px  1px  0px black, 0px  2px  8px black, 0px  4px 16px black;
    z-index: 3; } }

.bonobo #trine .panel.overlay p {
  font-family: "System76 Fira Sans", sans-serif;
  font-weight: 300;
  line-height: 1.3em;
  font-style: italic;
  text-align: left;
  font-size: 1.5rem; }
  @media only screen and (min-width: 768px) {
    .bonobo #trine .panel.overlay p {
      font-size: 2.25rem; } }

.bonobo .keyboard {
  position: relative;
  margin-top: 3.125rem;
  background-color: black; }
  .bonobo .keyboard .panel.overlay h1 + p {
    max-width: 76.25rem; }
    @media only screen and (min-width: 768px) {
      .bonobo .keyboard .panel.overlay h1 + p {
        font-size: 1.625rem; } }
  @media only screen and (min-width: 768px) {
    .bonobo .keyboard {
      margin-top: 6.25rem; } }

.bonobo .ports .back img {
  margin-top: 4rem;
  margin-bottom: 4rem;
  width: 62.5rem; }

.bonobo .specs {
  margin-top: 3.125rem; }

@media only screen and (min-width: 64.0625em) {
  .bonobo #trine .panel.overlay {
    width: 45.5rem;
    margin-left: 20%;
    margin-top: 10%; }
    .bonobo #trine .panel.overlay p {
      font-size: 3rem;
      text-align: left; }
  .bonobo .side-by-side p {
    top: 15%;
    left: 0;
    max-width: 36%; }
  .bonobo .keyboard .panel.overlay {
    text-shadow: -1px -1px  0px black, 1px -1px  0px black, -1px  1px  0px black, 1px  1px  0px black, 0px  2px  8px black, 0px  4px 16px black; }
  .bonobo .hero-overlay:first-child .bg::after, .bonobo .superfan-2-home-hero:first-child .bg::after {
    opacity: 0.67; }
  .bonobo .interior {
    background-color: #000;
    text-shadow: -1px -1px  0px black, 1px -1px  0px black, -1px  1px  0px black, 1px  1px  0px black, 0px  2px  8px black, 0px  4px 16px black; }
    .bonobo .interior img {
      opacity: 0.67; } }

.path-desktops-meerkat .hero-overlay .bg, .path-desktops-meerkat .superfan-2-home-hero .bg,
.path-cart-configure-meer3 .hero-overlay .bg,
.path-cart-configure-meer3 .superfan-2-home-hero .bg {
  width: 100%;
  background-size: cover;
  background-image: url("/assets/products/meer3/hero-8494bc62dd_640.jpg"); }
  @media only screen and (min-width: 40.0625rem) {
    .path-desktops-meerkat .hero-overlay .bg, .path-desktops-meerkat .superfan-2-home-hero .bg,
    .path-cart-configure-meer3 .hero-overlay .bg,
    .path-cart-configure-meer3 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/meer3/hero-8494bc62dd_1280.jpg"); } }
  @media only screen and (min-width: 40.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 40.0625rem) and (min-resolution: 2dppx) {
    .path-desktops-meerkat .hero-overlay .bg, .path-desktops-meerkat .superfan-2-home-hero .bg,
    .path-cart-configure-meer3 .hero-overlay .bg,
    .path-cart-configure-meer3 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/meer3/hero-8494bc62dd_2560.jpg"); } }
  @media only screen and (min-width: 64.0625rem) {
    .path-desktops-meerkat .hero-overlay .bg, .path-desktops-meerkat .superfan-2-home-hero .bg,
    .path-cart-configure-meer3 .hero-overlay .bg,
    .path-cart-configure-meer3 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/meer3/hero_wide-8e81ff5497_2560.jpg"); } }
  @media only screen and (min-width: 64.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 64.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 64.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 64.0625rem) and (min-resolution: 2dppx) {
    .path-desktops-meerkat .hero-overlay .bg, .path-desktops-meerkat .superfan-2-home-hero .bg,
    .path-cart-configure-meer3 .hero-overlay .bg,
    .path-cart-configure-meer3 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/meer3/hero_wide-8e81ff5497_5120.jpg"); } }
  @media only screen and (min-width: 128.0625rem) {
    .path-desktops-meerkat .hero-overlay .bg, .path-desktops-meerkat .superfan-2-home-hero .bg,
    .path-cart-configure-meer3 .hero-overlay .bg,
    .path-cart-configure-meer3 .superfan-2-home-hero .bg {
      background-image: url("/assets/products/meer3/hero_wide-8e81ff5497_5120.jpg"); } }

.path-desktops-meerkat {
  overflow-x: hidden; }
  .path-desktops-meerkat .hero-overlay, .path-desktops-meerkat .superfan-2-home-hero {
    margin-bottom: 0; }
    @media only screen and (min-width: 64.0625em) {
      .path-desktops-meerkat .hero-overlay:not(.hero-config) .fg, .path-desktops-meerkat .superfan-2-home-hero:not(.hero-config) .fg {
        transform: translate(-77%, 50%);
        color: #574e4a;
        text-shadow: 0 0 16px #aba6a3; }
        .path-desktops-meerkat .hero-overlay:not(.hero-config) .fg a, .path-desktops-meerkat .superfan-2-home-hero:not(.hero-config) .fg a {
          border-color: #574e4a; } }
  @media only screen and (min-width: 64.0625em) {
    .path-desktops-meerkat .features img {
      width: 50%; } }
  .path-desktops-meerkat .what-is-it {
    margin-top: 4em; }
  .path-desktops-meerkat .design h1 + p {
    max-width: 600px; }
  .path-desktops-meerkat #video-360,
  .path-desktops-meerkat #video-360 video {
    max-width: 980px;
    max-height: 60vh;
    margin: 0 auto; }
  .path-desktops-meerkat #video-360 picture,
  .path-desktops-meerkat #video-360 img {
    max-width: 100%;
    max-height: 60vh;
    margin: 0 auto; }
  @media only screen and (min-width: 64.0625em) {
    .path-desktops-meerkat .panel.overlay {
      text-shadow: 0px 2px 8px #000, 0px 4px 16px #000; } }
  .path-desktops-meerkat .setup {
    position: relative;
    margin-top: 3.125rem;
    background-color: black; }
    .path-desktops-meerkat .setup .panel.overlay h1 + p {
      max-width: 60.5625rem; }
  .path-desktops-meerkat .small-but-fierce {
    padding-bottom: 6em; }
    @media only screen and (min-width: 64.0625em) {
      .path-desktops-meerkat .small-but-fierce img {
        padding: 4em; } }
  @media only screen and (min-width: 768px) {
    .path-desktops-meerkat .short-tall figure.short {
      padding-top: 5.5%; } }
  .path-desktops-meerkat #possibilities {
    padding-bottom: 6em;
    text-align: center; }
    .path-desktops-meerkat #possibilities h1 {
      margin-bottom: 1em; }
    .path-desktops-meerkat #possibilities img.top,
    .path-desktops-meerkat #possibilities .top img {
      width: 75%;
      margin-bottom: 3em; }
    .path-desktops-meerkat #possibilities svg {
      width: 75%;
      float: right;
      fill: #574f4a; }
    .path-desktops-meerkat #possibilities > .row > .columns > .row > .columns:nth-child(2) {
      margin: 0;
      padding: 0; }
    .path-desktops-meerkat #possibilities > .row > .columns > .row:nth-child(1) svg {
      fill: #73c48f; }
    .path-desktops-meerkat #possibilities > .row > .columns > .row:nth-child(2) svg {
      fill: #f15d22; }
    .path-desktops-meerkat #possibilities > .row > .columns > .row:nth-child(3) svg {
      fill: #48b9c7; }
    .path-desktops-meerkat #possibilities > .row > .columns > .row:nth-child(4) svg {
      fill: #faa41a; }
    .path-desktops-meerkat #possibilities p {
      text-align: left; }
    @media only screen and (min-width: 64.0625em) {
      .path-desktops-meerkat #possibilities #possibilities p {
        margin-bottom: 3em; } }
  .path-desktops-meerkat #fits-anywhere {
    position: relative; }
    .path-desktops-meerkat #fits-anywhere .panel.overlay h1 + p {
      max-width: 50rem; }
      @media only screen and (min-width: 64.0625em) {
        .path-desktops-meerkat #fits-anywhere .panel.overlay h1 + p {
          background-color: rgba(0, 0, 0, 0.5); } }

.wild-dog .hero-overlay, .wild-dog .superfan-2-home-hero {
  margin-bottom: 0; }
  .wild-dog .hero-overlay .bg, .wild-dog .superfan-2-home-hero .bg {
    width: 100%;
    height: 100%;
    background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/products/wilp13/hero-d29a270b22_640.jpg);
    background-position: center;
    background-size: cover; }

.wild-dog .what-is-it {
  margin-top: 4em; }

.wild-dog #video-360 {
  max-width: 880px;
  margin: 0 auto;
  position: relative; }
  .wild-dog #video-360::after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    background-color: #fff; }

.wild-dog .black-silver {
  position: relative;
  background-image: radial-gradient(circle, #fff 50%, #574f4a 250%); }
  .wild-dog .black-silver h1 {
    position: relative;
    top: 1em;
    width: 100%; }
  .wild-dog .black-silver span.left {
    position: absolute;
    bottom: 33%;
    right: 67%; }
  .wild-dog .black-silver span.right {
    position: absolute;
    bottom: 33%;
    left: 67%; }
  .wild-dog .black-silver img {
    width: auto;
    max-width: 33%;
    padding-top: 10%; }

.wild-dog .style h1 + p {
  max-width: 72.34375rem; }

.wild-dog .graphics {
  margin-top: 3em; }
  .wild-dog .graphics .panel {
    margin-top: -9px; }

.wild-dog .immerse {
  margin-bottom: 2rem; }
  .wild-dog .immerse .immerse-wrapper {
    position: relative; }
    .wild-dog .immerse .immerse-wrapper .immerse-screenshot {
      position: absolute;
      width: 93.5%;
      top: 4.25%;
      left: 3.25%; }

.wild-dog .specs picture img {
  max-height: 75vh; }

@media only screen and (min-width: 768px) {
  .wild-dog .hero-overlay .bg, .wild-dog .superfan-2-home-hero .bg {
    background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/products/wilp13/hero-d29a270b22_1280.jpg); } }

@media only screen and (min-width: 64.0625em) {
  .wild-dog .hero-overlay .bg, .wild-dog .superfan-2-home-hero .bg {
    background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/products/wilp13/hero_wide-0cc86af97a_2560.jpg); }
  .wild-dog .hero-overlay:not(.hero-config) .fg, .wild-dog .superfan-2-home-hero:not(.hero-config) .fg {
    transform: translate(-65%, -185%); }
  .wild-dog .features img {
    max-width: 600px; }
  .wild-dog .features ul.features-list {
    top: 50%;
    transform: translateY(-50%); }
  .wild-dog .black-silver {
    margin-top: 6rem; }
    .wild-dog .black-silver h1 {
      top: auto;
      position: absolute;
      bottom: 80%; }
    .wild-dog .black-silver span.left {
      font-size: 2vw; }
    .wild-dog .black-silver span.right {
      font-size: 2vw; }
  .wild-dog .graphics {
    position: relative;
    margin-top: 8.75rem; } }

@media only screen and (min-width: 90.0625em) {
  .wild-dog .hero-overlay .bg, .wild-dog .superfan-2-home-hero .bg {
    background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/products/wilp13/hero_wide-0cc86af97a_2560.jpg); }
  .wild-dog .hero-overlay:not(.hero-config) .fg, .wild-dog .superfan-2-home-hero:not(.hero-config) .fg {
    transform: translate(-65%, -205%); }
  .wild-dog .black-silver {
    margin-top: 6rem; }
    .wild-dog .black-silver span.left,
    .wild-dog .black-silver span.right {
      font-size: 1.5625rem; } }

@media only screen and (min-width: 120.0625em) {
  .wild-dog .hero-overlay .bg, .wild-dog .superfan-2-home-hero .bg {
    background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/products/wilp13/hero-d29a270b22_2560.jpg); } }

.sales.desktops.wilp14 .performance img {
  max-height: 40vh; }

.path-desktops-leopard .hero-overlay, .path-desktops-leopard .superfan-2-home-hero,
.path-cart-configure-leow8 .hero-overlay,
.path-cart-configure-leow8 .superfan-2-home-hero,
.path-cart-configure-leow9 .hero-overlay,
.path-cart-configure-leow9 .superfan-2-home-hero,
.path-cart-configure-leow9b .hero-overlay,
.path-cart-configure-leow9b .superfan-2-home-hero {
  margin-bottom: 0; }
  .path-desktops-leopard .hero-overlay .bg, .path-desktops-leopard .superfan-2-home-hero .bg,
  .path-cart-configure-leow8 .hero-overlay .bg,
  .path-cart-configure-leow8 .superfan-2-home-hero .bg,
  .path-cart-configure-leow9 .hero-overlay .bg,
  .path-cart-configure-leow9 .superfan-2-home-hero .bg,
  .path-cart-configure-leow9b .hero-overlay .bg,
  .path-cart-configure-leow9b .superfan-2-home-hero .bg {
    width: 100%;
    height: 100%;
    background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/products/leow8/hero-e31b69c63f_640.jpg);
    background-position: center;
    background-size: cover; }
    @media only screen and (min-width: 768px) {
      .path-desktops-leopard .hero-overlay .bg, .path-desktops-leopard .superfan-2-home-hero .bg,
      .path-cart-configure-leow8 .hero-overlay .bg,
      .path-cart-configure-leow8 .superfan-2-home-hero .bg,
      .path-cart-configure-leow9 .hero-overlay .bg,
      .path-cart-configure-leow9 .superfan-2-home-hero .bg,
      .path-cart-configure-leow9b .hero-overlay .bg,
      .path-cart-configure-leow9b .superfan-2-home-hero .bg {
        background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/products/leow8/hero-e31b69c63f_1280.jpg); } }
    @media only screen and (min-width: 64.0625em) {
      .path-desktops-leopard .hero-overlay .bg, .path-desktops-leopard .superfan-2-home-hero .bg,
      .path-cart-configure-leow8 .hero-overlay .bg,
      .path-cart-configure-leow8 .superfan-2-home-hero .bg,
      .path-cart-configure-leow9 .hero-overlay .bg,
      .path-cart-configure-leow9 .superfan-2-home-hero .bg,
      .path-cart-configure-leow9b .hero-overlay .bg,
      .path-cart-configure-leow9b .superfan-2-home-hero .bg {
        background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/products/leow8/hero_wide-de8c3f1ece_2560.jpg); } }

.path-desktops-leopard .what-is-it,
.path-cart-configure-leow8 .what-is-it,
.path-cart-configure-leow9 .what-is-it,
.path-cart-configure-leow9b .what-is-it {
  margin-top: 4em; }
  .path-desktops-leopard .what-is-it img,
  .path-cart-configure-leow8 .what-is-it img,
  .path-cart-configure-leow9 .what-is-it img,
  .path-cart-configure-leow9b .what-is-it img {
    max-height: 75vh; }

@media only screen and (min-width: 64.0625em) {
  .path-desktops-leopard .features img,
  .path-cart-configure-leow8 .features img,
  .path-cart-configure-leow9 .features img,
  .path-cart-configure-leow9b .features img {
    max-height: none;
    width: 35.4375rem; } }

@media only screen and (min-width: 64.0625em) {
  .path-desktops-leopard .features ul.features-list,
  .path-cart-configure-leow8 .features ul.features-list,
  .path-cart-configure-leow9 .features ul.features-list,
  .path-cart-configure-leow9b .features ul.features-list {
    right: 0;
    top: 50%;
    transform: translateY(-50%); } }

.path-desktops-leopard .design #video-360,
.path-cart-configure-leow8 .design #video-360,
.path-cart-configure-leow9 .design #video-360,
.path-cart-configure-leow9b .design #video-360 {
  max-height: 75vh; }
  .path-desktops-leopard .design #video-360 video,
  .path-desktops-leopard .design #video-360 img,
  .path-cart-configure-leow8 .design #video-360 video,
  .path-cart-configure-leow8 .design #video-360 img,
  .path-cart-configure-leow9 .design #video-360 video,
  .path-cart-configure-leow9 .design #video-360 img,
  .path-cart-configure-leow9b .design #video-360 video,
  .path-cart-configure-leow9b .design #video-360 img {
    max-height: 75vh;
    max-width: 60rem; }

.path-desktops-leopard .cooling,
.path-cart-configure-leow8 .cooling,
.path-cart-configure-leow9 .cooling,
.path-cart-configure-leow9b .cooling {
  position: relative; }
  .path-desktops-leopard .cooling .panel.overlay h1,
  .path-cart-configure-leow8 .cooling .panel.overlay h1,
  .path-cart-configure-leow9 .cooling .panel.overlay h1,
  .path-cart-configure-leow9b .cooling .panel.overlay h1 {
    margin-top: 0; }
  .path-desktops-leopard .cooling .panel.overlay p,
  .path-cart-configure-leow8 .cooling .panel.overlay p,
  .path-cart-configure-leow9 .cooling .panel.overlay p,
  .path-cart-configure-leow9b .cooling .panel.overlay p {
    max-width: 78.125rem; }

@media only screen and (min-width: 768px) {
  .path-desktops-leopard #trine .panel.overlay,
  .path-cart-configure-leow8 #trine .panel.overlay,
  .path-cart-configure-leow9 #trine .panel.overlay,
  .path-cart-configure-leow9b #trine .panel.overlay {
    left: 0;
    position: absolute;
    top: 10%;
    width: 75%;
    background-color: transparent;
    border: none;
    color: #fff;
    text-shadow: -1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000, 1px 1px 0px #000, 0px 2px 8px #000, 0px 4px 16px #000;
    z-index: 3; } }

@media only screen and (min-width: 64.0625em) {
  .path-desktops-leopard #trine .panel.overlay,
  .path-cart-configure-leow8 #trine .panel.overlay,
  .path-cart-configure-leow9 #trine .panel.overlay,
  .path-cart-configure-leow9b #trine .panel.overlay {
    margin-left: 20%;
    margin-top: 10%;
    width: 45.5rem; } }

.path-desktops-leopard #trine .panel.overlay p,
.path-cart-configure-leow8 #trine .panel.overlay p,
.path-cart-configure-leow9 #trine .panel.overlay p,
.path-cart-configure-leow9b #trine .panel.overlay p {
  font-family: "System76 Fira Sans", sans-serif;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1.3em;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .path-desktops-leopard #trine .panel.overlay p,
    .path-cart-configure-leow8 #trine .panel.overlay p,
    .path-cart-configure-leow9 #trine .panel.overlay p,
    .path-cart-configure-leow9b #trine .panel.overlay p {
      font-size: 2.25rem; } }
  @media only screen and (min-width: 64.0625em) {
    .path-desktops-leopard #trine .panel.overlay p,
    .path-cart-configure-leow8 #trine .panel.overlay p,
    .path-cart-configure-leow9 #trine .panel.overlay p,
    .path-cart-configure-leow9b #trine .panel.overlay p {
      font-size: 3rem;
      text-align: left; } }

.path-desktops-leopard .specs img,
.path-cart-configure-leow8 .specs img,
.path-cart-configure-leow9 .specs img,
.path-cart-configure-leow9b .specs img {
  max-height: 75vh; }

.sales.desktops.leow9 .hero-overlay, .sales.desktops.leow9 .superfan-2-home-hero,
.sales.desktops.leow9b .hero-overlay,
.sales.desktops.leow9b .superfan-2-home-hero,
.path-cart-configure-leow9 .hero-overlay,
.path-cart-configure-leow9 .superfan-2-home-hero,
.path-cart-configure-leow9b .hero-overlay,
.path-cart-configure-leow9b .superfan-2-home-hero {
  margin-bottom: 0; }
  .sales.desktops.leow9 .hero-overlay .bg, .sales.desktops.leow9 .superfan-2-home-hero .bg,
  .sales.desktops.leow9b .hero-overlay .bg,
  .sales.desktops.leow9b .superfan-2-home-hero .bg,
  .path-cart-configure-leow9 .hero-overlay .bg,
  .path-cart-configure-leow9 .superfan-2-home-hero .bg,
  .path-cart-configure-leow9b .hero-overlay .bg,
  .path-cart-configure-leow9b .superfan-2-home-hero .bg {
    background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/products/leow9/hero-4db75f3e2d_640.jpg); }
    @media only screen and (min-width: 768px) {
      .sales.desktops.leow9 .hero-overlay .bg, .sales.desktops.leow9 .superfan-2-home-hero .bg,
      .sales.desktops.leow9b .hero-overlay .bg,
      .sales.desktops.leow9b .superfan-2-home-hero .bg,
      .path-cart-configure-leow9 .hero-overlay .bg,
      .path-cart-configure-leow9 .superfan-2-home-hero .bg,
      .path-cart-configure-leow9b .hero-overlay .bg,
      .path-cart-configure-leow9b .superfan-2-home-hero .bg {
        background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/products/leow9/hero-4db75f3e2d_1280.jpg); } }
    @media only screen and (min-width: 64.0625em) {
      .sales.desktops.leow9 .hero-overlay .bg, .sales.desktops.leow9 .superfan-2-home-hero .bg,
      .sales.desktops.leow9b .hero-overlay .bg,
      .sales.desktops.leow9b .superfan-2-home-hero .bg,
      .path-cart-configure-leow9 .hero-overlay .bg,
      .path-cart-configure-leow9 .superfan-2-home-hero .bg,
      .path-cart-configure-leow9b .hero-overlay .bg,
      .path-cart-configure-leow9b .superfan-2-home-hero .bg {
        background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/products/leow9/hero_wide-9fca8040ee_2560.jpg); } }
  @media only screen and (min-width: 64.0625em) {
    .sales.desktops.leow9 .hero-overlay .fg, .sales.desktops.leow9 .superfan-2-home-hero .fg,
    .sales.desktops.leow9b .hero-overlay .fg,
    .sales.desktops.leow9b .superfan-2-home-hero .fg,
    .path-cart-configure-leow9 .hero-overlay .fg,
    .path-cart-configure-leow9 .superfan-2-home-hero .fg,
    .path-cart-configure-leow9b .hero-overlay .fg,
    .path-cart-configure-leow9b .superfan-2-home-hero .fg {
      left: 54%;
      top: 34%; } }

@media only screen and (min-width: 64.0625em) {
  .sales.desktops.leow9 .features img,
  .sales.desktops.leow9b .features img,
  .path-cart-configure-leow9 .features img,
  .path-cart-configure-leow9b .features img {
    width: 42rem; } }

@media only screen and (min-width: 90.0625em) {
  .sales.desktops.leow9 .features img,
  .sales.desktops.leow9b .features img,
  .path-cart-configure-leow9 .features img,
  .path-cart-configure-leow9b .features img {
    width: 48rem; } }

.sales.desktops.leow9 .interior-grid,
.sales.desktops.leow9b .interior-grid,
.path-cart-configure-leow9 .interior-grid,
.path-cart-configure-leow9b .interior-grid {
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  grid-gap: 1rem;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  -ms-flex-pack: center;
      justify-content: center; }
  @media only screen and (min-width: 768px) {
    .sales.desktops.leow9 .interior-grid,
    .sales.desktops.leow9b .interior-grid,
    .path-cart-configure-leow9 .interior-grid,
    .path-cart-configure-leow9b .interior-grid {
      -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr; } }
  .sales.desktops.leow9 .interior-grid.active,
  .sales.desktops.leow9b .interior-grid.active,
  .path-cart-configure-leow9 .interior-grid.active,
  .path-cart-configure-leow9b .interior-grid.active {
    display: -ms-grid;
    display: grid; }

.sales.desktops.leow9.breakaway .tabs-content,
.sales.desktops.leow9b.breakaway .tabs-content,
.path-cart-configure-leow9.breakaway .tabs-content,
.path-cart-configure-leow9b.breakaway .tabs-content {
  width: 100%; }
  @media only screen and (min-width: 1800px) {
    .sales.desktops.leow9.breakaway .tabs-content,
    .sales.desktops.leow9b.breakaway .tabs-content,
    .path-cart-configure-leow9.breakaway .tabs-content,
    .path-cart-configure-leow9b.breakaway .tabs-content {
      width: 1800px;
      margin-left: auto;
      margin-right: auto; } }

.silverback .hero-overlay, .silverback .superfan-2-home-hero,
.silw1 .hero-overlay,
.silw1 .superfan-2-home-hero {
  margin-bottom: 0; }
  .silverback .hero-overlay .bg, .silverback .superfan-2-home-hero .bg,
  .silw1 .hero-overlay .bg,
  .silw1 .superfan-2-home-hero .bg {
    width: 100%;
    height: 100%;
    background-image: radial-gradient(transparent 25%, rgba(0, 0, 0, 0.67)), url(/assets/products/silw3/hero-fd69dfc7c1_640.jpg);
    background-position: center;
    background-size: cover; }

.silverback .what-is-it,
.silw1 .what-is-it {
  margin-top: 4em; }

.silverback #powerful-precision,
.silw1 #powerful-precision {
  margin-bottom: 4em; }
  .silverback #powerful-precision h1 + p,
  .silw1 #powerful-precision h1 + p {
    max-width: 53.125rem; }

.silverback #explore-new-frontiers,
.silw1 #explore-new-frontiers {
  position: relative; }
  .silverback #explore-new-frontiers h1 + p,
  .silw1 #explore-new-frontiers h1 + p {
    max-width: 68.75rem; }

.silverback #simulate-complex-systems h1 + p,
.silw1 #simulate-complex-systems h1 + p {
  max-width: 46.25rem; }

.silverback #see-further,
.silw1 #see-further {
  position: relative; }
  .silverback #see-further h1 + p,
  .silw1 #see-further h1 + p {
    max-width: 62.5rem; }

.silverback #configure-to-your-field h1 + p,
.silw1 #configure-to-your-field h1 + p {
  max-width: 51.875rem; }

.silverback #configure-to-your-field .slideshow,
.silw1 #configure-to-your-field .slideshow {
  position: relative;
  margin-top: 3.125rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 75vh;
  background-color: #fff; }
  .silverback #configure-to-your-field .slideshow .panel.overlay h1 + p,
  .silw1 #configure-to-your-field .slideshow .panel.overlay h1 + p {
    max-width: 76.25rem; }
  .silverback #configure-to-your-field .slideshow [data-slideshow-placeholder],
  .silverback #configure-to-your-field .slideshow [data-slideshow-slide],
  .silw1 #configure-to-your-field .slideshow [data-slideshow-placeholder],
  .silw1 #configure-to-your-field .slideshow [data-slideshow-slide] {
    opacity: 0; }
    .silverback #configure-to-your-field .slideshow [data-slideshow-placeholder].current,
    .silverback #configure-to-your-field .slideshow [data-slideshow-slide].current,
    .silw1 #configure-to-your-field .slideshow [data-slideshow-placeholder].current,
    .silw1 #configure-to-your-field .slideshow [data-slideshow-slide].current {
      opacity: 1; }

.silverback .overlay.panel,
.silw1 .overlay.panel {
  margin: 1.25rem 0 0; }

.silverback #specs img,
.silverback #ports img,
.silw1 #specs img,
.silw1 #ports img {
  max-height: 75vh; }

.silw2 .features img,
.silw3 .features img {
  max-height: 60vh; }

@media only screen and (min-width: 768px) {
  .silverback .hero-overlay .bg, .silverback .superfan-2-home-hero .bg,
  .silw1 .hero-overlay .bg,
  .silw1 .superfan-2-home-hero .bg {
    background-image: radial-gradient(transparent 25%, rgba(0, 0, 0, 0.67)), url(/assets/products/silw3/hero_wide-1cbed10aa5_1280.jpg); } }

@media only screen and (min-width: 64.0625em) {
  .silverback .hero-overlay .bg, .silverback .superfan-2-home-hero .bg,
  .silw1 .hero-overlay .bg,
  .silw1 .superfan-2-home-hero .bg {
    background-image: radial-gradient(transparent 25%, rgba(0, 0, 0, 0.67)), url(/assets/products/silw3/hero_wide-1cbed10aa5_2560.jpg); }
  .silverback .hero-overlay:not(.hero-config) .fg, .silverback .superfan-2-home-hero:not(.hero-config) .fg,
  .silw1 .hero-overlay:not(.hero-config) .fg,
  .silw1 .superfan-2-home-hero:not(.hero-config) .fg {
    transform: translate(-60%, -175%); }
    .silverback .hero-overlay:not(.hero-config) .fg .button, .silverback .superfan-2-home-hero:not(.hero-config) .fg .button,
    .silw1 .hero-overlay:not(.hero-config) .fg .button,
    .silw1 .superfan-2-home-hero:not(.hero-config) .fg .button {
      transition: background-color 250ms ease; }
  .silverback .panel.overlay,
  .silw1 .panel.overlay {
    text-shadow: 0px  2px  8px black, 0px  4px 16px black; }
  .silw2 .features img,
  .silw3 .features img {
    max-height: unset;
    width: 600px; }
  .silw2 .features ul.features-list,
  .silw3 .features ul.features-list {
    top: 50% !important;
    right: 0%;
    transform: translateY(-50%); } }

@media only screen and (min-width: 90.0625em) {
  .silverback .hero-overlay .bg, .silverback .superfan-2-home-hero .bg,
  .silw1 .hero-overlay .bg,
  .silw1 .superfan-2-home-hero .bg {
    background-image: radial-gradient(transparent 25%, rgba(0, 0, 0, 0.67)), url(/assets/products/silw3/hero_wide-1cbed10aa5_2560.jpg); }
  .silverback .hero-overlay:not(.hero-config) .fg, .silverback .superfan-2-home-hero:not(.hero-config) .fg,
  .silw1 .hero-overlay:not(.hero-config) .fg,
  .silw1 .superfan-2-home-hero:not(.hero-config) .fg {
    transform: translate(-60%, -185%); }
  .silverback .black-silver,
  .silw1 .black-silver {
    margin-top: 6rem; }
    .silverback .black-silver span.left,
    .silverback .black-silver span.right,
    .silw1 .black-silver span.left,
    .silw1 .black-silver span.right {
      font-size: 1.5625rem; } }

@media only screen and (min-width: 120.0625em) {
  .silverback .hero-overlay .bg, .silverback .superfan-2-home-hero .bg,
  .silw1 .hero-overlay .bg,
  .silw1 .superfan-2-home-hero .bg {
    background-image: radial-gradient(transparent 25%, rgba(0, 0, 0, 0.67)), url(/assets/products/silw3/hero_wide-1cbed10aa5_2560.jpg); }
  .silverback .hero-overlay:not(.hero-config) .fg, .silverback .superfan-2-home-hero:not(.hero-config) .fg,
  .silw1 .hero-overlay:not(.hero-config) .fg,
  .silw1 .superfan-2-home-hero:not(.hero-config) .fg {
    transform: translate(-60%, -195%); } }

.sales.servers .hero-overlay, .sales.servers .superfan-2-home-hero {
  margin-bottom: 4em; }
  .sales.servers .hero-overlay .bg, .sales.servers .superfan-2-home-hero .bg {
    width: 100%;
    height: 100%;
    background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/servers/drive-cages_2560-d071f43738.jpg);
    background-position: center;
    background-size: cover; }
    @media medium-up {
      .sales.servers .hero-overlay .bg, .sales.servers .superfan-2-home-hero .bg {
        background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/servers/drive-cages_2560-d071f43738.jpg); } }
    @media xlarge-up {
      .sales.servers .hero-overlay .bg, .sales.servers .superfan-2-home-hero .bg {
        background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/servers/drive-cages_2560-d071f43738.jpg); } }
    @media xlarge-up {
      .sales.servers .hero-overlay .bg, .sales.servers .superfan-2-home-hero .bg {
        background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/servers/drive-cages_2560-d071f43738.jpg); } }
    @media only screen and (min-width: 120.0625em) {
      .sales.servers .hero-overlay .bg, .sales.servers .superfan-2-home-hero .bg {
        background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.67)), url(/assets/servers/drive-cages_2560-d071f43738.jpg); } }

@media only screen and (min-width: 64.0625em) {
  .sales.servers .features img {
    margin-top: 4em;
    max-width: 50%; } }

.sales.servers .features ul.features-list {
  top: 0; }

.sales.servers.jacv6 .what-is-it img, .sales.servers.jacv6b .what-is-it img {
  margin-bottom: 9.75rem; }

.sales.servers.jacv6 ul.features-list, .sales.servers.jacv6b ul.features-list {
  max-width: none;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -9.75rem); }

.path-servers-ibex .sales.servers .hero-overlay .bg, .path-servers-ibex .sales.servers .superfan-2-home-hero .bg {
  background-image: url("/assets/products/ibep1/hero-619fde86d0_640.jpg");
  opacity: 1; }
  @media only screen and (min-width: 40.0625rem) {
    .path-servers-ibex .sales.servers .hero-overlay .bg, .path-servers-ibex .sales.servers .superfan-2-home-hero .bg {
      background-image: url("/assets/products/ibep1/hero-619fde86d0_1280.jpg"); } }
  @media only screen and (min-width: 40.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 40.0625rem) and (min-resolution: 2dppx) {
    .path-servers-ibex .sales.servers .hero-overlay .bg, .path-servers-ibex .sales.servers .superfan-2-home-hero .bg {
      background-image: url("/assets/products/ibep1/hero-619fde86d0_2560.jpg"); } }
  @media only screen and (min-width: 80.0625rem) {
    .path-servers-ibex .sales.servers .hero-overlay .bg, .path-servers-ibex .sales.servers .superfan-2-home-hero .bg {
      background-image: url("/assets/products/ibep1/hero_wide-07fc31213b_2560.jpg"); } }
  @media only screen and (min-width: 80.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 80.0625rem) and (min-resolution: 2dppx) {
    .path-servers-ibex .sales.servers .hero-overlay .bg, .path-servers-ibex .sales.servers .superfan-2-home-hero .bg {
      background-image: url("/assets/products/ibep1/hero_wide-07fc31213b_5120.jpg"); } }
  @media only screen and (min-width: 160.0625rem) {
    .path-servers-ibex .sales.servers .hero-overlay .bg, .path-servers-ibex .sales.servers .superfan-2-home-hero .bg {
      background-image: url("/assets/products/ibep1/hero_wide-07fc31213b_5120.jpg"); } }

.path-servers-ibex .sales.servers .hero-overlay .fg, .path-servers-ibex .sales.servers .superfan-2-home-hero .fg {
  text-shadow: 0 0 0.5em #000; }
  .path-servers-ibex .sales.servers .hero-overlay .fg .button, .path-servers-ibex .sales.servers .superfan-2-home-hero .fg .button {
    margin-bottom: 1em; }
  .path-servers-ibex .sales.servers .hero-overlay .fg::after, .path-servers-ibex .sales.servers .superfan-2-home-hero .fg::after {
    content: "";
    display: block;
    margin: 0 auto;
    max-width: 33%;
    height: 12vw;
    background-image: url("/assets/products/ibep1/front-58df244604_1280.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-filter: drop-shadow(#fff 0 0 1vw);
            filter: drop-shadow(#fff 0 0 1vw); }

.path-servers-ibex .panel.overlay {
  border: none; }
  @media only screen and (min-width: 64.0625em) {
    .path-servers-ibex .panel.overlay {
      left: 50%;
      max-width: 1280px;
      padding: 3em;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%); } }

.path-servers-ibex .transcendence {
  margin-top: 4em;
  margin-bottom: 8em; }

.path-servers-ibex .intelligent-landscape {
  position: relative;
  background-color: #fff; }
  .path-servers-ibex .intelligent-landscape .panel.overlay {
    background: #ffce51;
    color: #574f4a; }
    @media only screen and (min-width: 64.0625em) {
      .path-servers-ibex .intelligent-landscape .panel.overlay {
        background: rgba(255, 206, 81, 0.9); } }
  .path-servers-ibex .intelligent-landscape picture:nth-child(2) {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    animation-delay: 3s;
    animation-duration: 5s;
    animation-name: wipeUp;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.path-servers-ibex .accelerate-discovery {
  margin-top: 3em;
  margin-bottom: 4em; }

.path-servers-ibex .imagination-realized {
  position: relative; }
  @media only screen and (min-width: 64.0625em) {
    .path-servers-ibex .imagination-realized .panel.overlay {
      background: rgba(0, 0, 0, 0.67);
      color: #fff; } }

.path-servers-ibex #ports {
  margin-top: 8em; }

.ibep1-home-hero {
  margin-bottom: 0;
  background-color: #100219;
  background-image: url("/assets/products/ibep1/hero-619fde86d0_640.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 1px solid #fff;
  color: #fff;
  opacity: 1;
  transition: none; }

@media only screen and (min-width: 20.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 20.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 20.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 20.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 20.0625rem) and (min-resolution: 2dppx) {
  .ibep1-home-hero {
    background-image: url("/assets/products/ibep1/hero-619fde86d0_1280.jpg"); } }
  @media only screen and (min-width: 40.0625rem) {
    .ibep1-home-hero {
      background-image: url("/assets/products/ibep1/hero-619fde86d0_1280.jpg"); } }
  @media only screen and (min-width: 40.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 40.0625rem) and (min-resolution: 2dppx) {
    .ibep1-home-hero {
      background-image: url("/assets/products/ibep1/hero-619fde86d0_2560.jpg"); } }
  @media only screen and (min-width: 80.0625rem) {
    .ibep1-home-hero {
      background-image: url("/assets/products/ibep1/hero_wide-07fc31213b_2560.jpg"); } }
  @media only screen and (min-width: 80.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 80.0625rem) and (min-resolution: 2dppx) {
    .ibep1-home-hero {
      background-image: url("/assets/products/ibep1/hero_wide-07fc31213b_5120.jpg"); } }
  @media only screen and (min-width: 160.0625rem) {
    .ibep1-home-hero {
      background-image: url("/assets/products/ibep1/hero_wide-07fc31213b_5120.jpg"); } }
  .ibep1-home-hero:hover, .ibep1-home-hero:focus, .ibep1-home-hero:active {
    color: #fff; }
  .ibep1-home-hero .fg {
    text-shadow: 0 0 0.5em #000; }
    .ibep1-home-hero .fg span {
      display: block;
      font-family: "System76 Fira Sans", sans-serif;
      font-size: 5vw;
      font-weight: 300;
      line-height: 1.125em; }
      @media only screen and (min-width: 768px) {
        .ibep1-home-hero .fg span {
          font-size: 2.5vw; } }
      .ibep1-home-hero .fg span:first-of-type {
        font-style: italic;
        text-transform: lowercase; }
      .ibep1-home-hero .fg span:nth-of-type(2) {
        font-size: 7vw;
        text-transform: uppercase; }
        @media only screen and (min-width: 768px) {
          .ibep1-home-hero .fg span:nth-of-type(2) {
            font-size: 3.4vw; } }
  .ibep1-home-hero img {
    display: block;
    margin: 0 auto;
    max-width: 33%;
    -webkit-filter: drop-shadow(#fff 0 0 1vw);
            filter: drop-shadow(#fff 0 0 1vw); }
    @media only screen and (min-width: 768px) {
      .ibep1-home-hero img {
        margin: 1em auto; } }
  .ibep1-home-hero .button {
    margin-top: 0.75em; }

.path-servers-starling .sales.servers .hero-overlay .bg, .path-servers-starling .sales.servers .superfan-2-home-hero .bg {
  background-image: url("/assets/products/stap1/hero-6834cff31e_640.jpg");
  opacity: 1; }
  @media only screen and (min-width: 40.0625rem) {
    .path-servers-starling .sales.servers .hero-overlay .bg, .path-servers-starling .sales.servers .superfan-2-home-hero .bg {
      background-image: url("/assets/products/stap1/hero-6834cff31e_1280.jpg"); } }
  @media only screen and (min-width: 40.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 40.0625rem) and (min-resolution: 2dppx) {
    .path-servers-starling .sales.servers .hero-overlay .bg, .path-servers-starling .sales.servers .superfan-2-home-hero .bg {
      background-image: url("/assets/products/stap1/hero-6834cff31e_2560.jpg"); } }
  @media only screen and (min-width: 80.0625rem) {
    .path-servers-starling .sales.servers .hero-overlay .bg, .path-servers-starling .sales.servers .superfan-2-home-hero .bg {
      background-image: url("/assets/products/stap1/hero_wide-95cbffdff7_2560.jpg"); } }
  @media only screen and (min-width: 80.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 80.0625rem) and (min-resolution: 2dppx) {
    .path-servers-starling .sales.servers .hero-overlay .bg, .path-servers-starling .sales.servers .superfan-2-home-hero .bg {
      background-image: url("/assets/products/stap1/hero_wide-95cbffdff7_5120.jpg"); } }
  @media only screen and (min-width: 160.0625rem) {
    .path-servers-starling .sales.servers .hero-overlay .bg, .path-servers-starling .sales.servers .superfan-2-home-hero .bg {
      background-image: url("/assets/products/stap1/hero_wide-95cbffdff7_5120.jpg"); } }

.path-servers-starling .sales.servers .hero-overlay .fg, .path-servers-starling .sales.servers .superfan-2-home-hero .fg {
  text-shadow: 0 0 0.5em #000; }
  .path-servers-starling .sales.servers .hero-overlay .fg .button, .path-servers-starling .sales.servers .superfan-2-home-hero .fg .button {
    margin-bottom: 1em; }
  .path-servers-starling .sales.servers .hero-overlay .fg::after, .path-servers-starling .sales.servers .superfan-2-home-hero .fg::after {
    content: "";
    display: block;
    margin: 0 auto;
    max-width: 25%;
    height: 12vw;
    background-image: url("/assets/products/stap1/front-998eb3c2ce_1280.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-filter: drop-shadow(#fff 0 0 1vw);
            filter: drop-shadow(#fff 0 0 1vw); }

.path-servers-starling .sales.servers .remarkable-density h1 {
  margin-top: 2em; }
  @media only screen and (min-width: 64.0625em) {
    .path-servers-starling .sales.servers .remarkable-density h1 {
      margin-top: 5em; } }

.path-servers-starling .sales.servers .remarkable-density .slides {
  margin: 0 auto;
  max-width: 80vh;
  position: relative; }
  .path-servers-starling .sales.servers .remarkable-density .slides picture:not(:first-of-type) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    animation-duration: 5s;
    animation-iteration-count: infinite; }
    .path-servers-starling .sales.servers .remarkable-density .slides picture:not(:first-of-type):nth-of-type(2) {
      animation-name: starlingFadeIn2; }

@keyframes starlingFadeIn2 {
  0% {
    opacity: 0; }
  10% {
    opacity: 0; }
  14% {
    opacity: 1; }
  28% {
    opacity: 0; }
  100% {
    opacity: 0; } }
    .path-servers-starling .sales.servers .remarkable-density .slides picture:not(:first-of-type):nth-of-type(3) {
      animation-name: starlingFadeIn3; }

@keyframes starlingFadeIn3 {
  0% {
    opacity: 0; }
  15% {
    opacity: 0; }
  21% {
    opacity: 1; }
  42% {
    opacity: 0; }
  100% {
    opacity: 0; } }
    .path-servers-starling .sales.servers .remarkable-density .slides picture:not(:first-of-type):nth-of-type(4) {
      animation-name: starlingFadeIn4; }

@keyframes starlingFadeIn4 {
  0% {
    opacity: 0; }
  20% {
    opacity: 0; }
  28% {
    opacity: 1; }
  56% {
    opacity: 0; }
  100% {
    opacity: 0; } }
    .path-servers-starling .sales.servers .remarkable-density .slides picture:not(:first-of-type):nth-of-type(5) {
      animation-name: starlingFadeIn5; }

@keyframes starlingFadeIn5 {
  0% {
    opacity: 0; }
  25% {
    opacity: 0; }
  35% {
    opacity: 1; }
  70% {
    opacity: 0; }
  100% {
    opacity: 0; } }
    .path-servers-starling .sales.servers .remarkable-density .slides picture:not(:first-of-type):nth-of-type(6) {
      animation-name: starlingFadeIn6; }

@keyframes starlingFadeIn6 {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  42% {
    opacity: 1; }
  84% {
    opacity: 0; }
  100% {
    opacity: 0; } }
    .path-servers-starling .sales.servers .remarkable-density .slides picture:not(:first-of-type):last-of-type {
      animation-name: starlingFadeInLast; }

@keyframes starlingFadeInLast {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  60% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.path-servers-starling .sales.servers .extreme-parallelism {
  overflow: auto;
  position: relative;
  background-color: #300a24;
  color: #fff; }
  .path-servers-starling .sales.servers .extreme-parallelism h1 {
    margin-top: 1em; }

.path-servers-starling .sales.servers .discover-causation {
  display: none; }

.path-servers-starling .sales.servers .modern-infrastructure {
  margin-bottom: 4em; }
  .path-servers-starling .sales.servers .modern-infrastructure .network {
    margin: 0 auto;
    max-width: 100vh; }

.path-servers-starling .sales.servers .delight-your-customers {
  position: relative;
  background-color: #a4c8d4; }
  .path-servers-starling .sales.servers .delight-your-customers [data-slideshow] {
    background-color: #a4c8d4; }
    .path-servers-starling .sales.servers .delight-your-customers [data-slideshow] [data-slideshow-placeholder] {
      opacity: 1; }
  @media only screen and (min-width: 64.0625em) and (max-width: 90em) {
    .path-servers-starling .sales.servers .delight-your-customers .panel.overlay {
      max-width: 41.5rem;
      position: absolute;
      top: 50%;
      left: 50%;
      background: rgba(0, 0, 0, 0.7);
      transform: translate(-50%, -50%); } }
  @media only screen and (min-width: 90.0625em) {
    .path-servers-starling .sales.servers .delight-your-customers .panel.overlay {
      top: 3%;
      color: #574f4a; } }

.path-servers-starling .sales.servers #ports {
  margin-top: 2em; }
  .path-servers-starling .sales.servers #ports img {
    margin: 1em auto; }

.stap1-home-hero {
  margin-bottom: 0;
  background-color: #100219;
  background-image: url("/assets/products/stap1/hero-6834cff31e_640.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 1px solid #fff;
  color: #fff;
  opacity: 1;
  transition: none; }

@media only screen and (min-width: 20.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 20.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 20.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 20.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 20.0625rem) and (min-resolution: 2dppx) {
  .stap1-home-hero {
    background-image: url("/assets/products/stap1/hero-6834cff31e_1280.jpg"); } }
  @media only screen and (min-width: 40.0625rem) {
    .stap1-home-hero {
      background-image: url("/assets/products/stap1/hero-6834cff31e_1280.jpg"); } }
  @media only screen and (min-width: 40.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 40.0625rem) and (min-resolution: 2dppx) {
    .stap1-home-hero {
      background-image: url("/assets/products/stap1/hero-6834cff31e_2560.jpg"); } }
  @media only screen and (min-width: 80.0625rem) {
    .stap1-home-hero {
      background-image: url("/assets/products/stap1/hero_wide-95cbffdff7_2560.jpg"); } }
  @media only screen and (min-width: 80.0625rem) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min-device-pixel-ratio: 2), only screen and (min-width: 80.0625rem) and (min-resolution: 192dpi), only screen and (min-width: 80.0625rem) and (min-resolution: 2dppx) {
    .stap1-home-hero {
      background-image: url("/assets/products/stap1/hero_wide-95cbffdff7_5120.jpg"); } }
  @media only screen and (min-width: 160.0625rem) {
    .stap1-home-hero {
      background-image: url("/assets/products/stap1/hero_wide-95cbffdff7_5120.jpg"); } }
  .stap1-home-hero:hover, .stap1-home-hero:focus, .stap1-home-hero:active {
    color: #fff; }
  .stap1-home-hero .fg {
    text-shadow: 0 0 1em #000, 0 0 0.75em #000, 0 0 0.5em #000, 0 0 0.25em #000; }
    .stap1-home-hero .fg span {
      display: block;
      font-family: "System76 Fira Sans", sans-serif;
      font-size: 4vw;
      font-weight: 400;
      line-height: 1.125em; }
      @media only screen and (min-width: 64.0625em) {
        .stap1-home-hero .fg span {
          font-size: 1.75vw; } }
      .stap1-home-hero .fg span:first-of-type {
        letter-spacing: 0.4em;
        text-transform: uppercase; }
      .stap1-home-hero .fg span:nth-of-type(2) {
        font-size: 7vw;
        text-transform: uppercase; }
        @media only screen and (min-width: 64.0625em) {
          .stap1-home-hero .fg span:nth-of-type(2) {
            margin-bottom: 1em;
            font-size: 3vw; } }
  .stap1-home-hero img {
    display: block;
    margin: 0 auto;
    max-width: 25%;
    -webkit-filter: drop-shadow(#fff 0 0 1vw);
            filter: drop-shadow(#fff 0 0 1vw); }
    @media only screen and (min-width: 64.0625em) {
      .stap1-home-hero img {
        margin: 1em auto; } }
  .stap1-home-hero .button {
    margin-top: 0.75em; }

section.edit-account {
  position: relative; }

.ticket-item h3.no-thumb:after {
  content: ""; }

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