/*  ==========================================================================
    $TOC - STYLE

    1. core
    2. pages
    ========================================================================== */
/*  $CORE
    ========================================================================== */
/*  $PAGES
    ========================================================================== */
/*  ==========================================================================
    $TOC - STYLE

    1. core
    2. pages
    ========================================================================== */
/*  $CORE
    ========================================================================== */
/*  ==========================================================================
    $TOC - STYLE

    1. reset
    2. icons
    3. grid
    4. components
    5. styling
    6. responsive
    7. z-index
    ========================================================================== */
/*  $RESET
    ========================================================================== */
/*! 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 {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
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;
}
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
/*  ==========================================================================
    $TOC - SCAFFOLDING

    1. box-sizing
    2. body
    3. ngView
    ========================================================================== */
/*  $BOX-SIZING
    ========================================================================== */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*  $BODY
    ========================================================================== */
body {
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2em;
  color: rgba(0, 0, 0, 0.8);
  text-rendering: optimizeLegibility;
  max-width: 100vw;
  min-width: 100vw;
  min-height: 100vh;
  /* autoprefixer: off */
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-smooth: always;
}
/*  $ngView
    ========================================================================== */
#ngView {
  min-height: 100vh;
  /* FIXES firefox windwos z-index */
  position: relative;
  z-index: 1;
}
/*  $ICONS
    ========================================================================== */
/*  $ICONS
    ========================================================================== */
@font-face {
  font-family: 'solvebio-v5';
  src: url(//s3.amazonaws.com/solvebio/static-assets/core/fonts/v5.0/solvebio-v5.eot?bb25e00cfea98e69ed60ae8b5fc68619);
  src: url(//s3.amazonaws.com/solvebio/static-assets/core/fonts/v5.0/solvebio-v5.eot?bb25e00cfea98e69ed60ae8b5fc68619#iefix) format('embedded-opentype'), url(//s3.amazonaws.com/solvebio/static-assets/core/fonts/v5.0/solvebio-v5.woff2?c661c5d5457dd90bc18e7237150c5458) format('woff2'), url(//s3.amazonaws.com/solvebio/static-assets/core/fonts/v5.0/solvebio-v5.ttf?7582f5bed802f290de89ee4258cb4e94) format('truetype'), url(//s3.amazonaws.com/solvebio/static-assets/core/fonts/v5.0/solvebio-v5.woff?749e15ae06bf69f6ac8004138d96eb1a) format('woff'), url(//s3.amazonaws.com/solvebio/static-assets/core/fonts/v5.0/solvebio-v5.svg?6929c97a78408cb24ae0062a69bcd16a#solvebio-v5) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-v5--"],
[class*=" icon-v5--"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'solvebio-v5' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-v5--slide_down:before {
  content: "\e905";
}
.icon-v5--slide_up:before {
  content: "\e906";
}
.icon-v5--slide_left:before {
  content: "\e908";
}
.icon-v5--slide_right:before {
  content: "\e90a";
}
.icon-v5--thumbtack_pinned:before {
  content: "\e901";
}
.icon-v5--thumbtack_unpinned:before {
  content: "\e902";
}
.icon-v5--arrow_forward_long:before {
  content: "\e904";
}
.icon-v5--vault:before {
  content: "\e900";
}
.icon-v5--one-login:before {
  content: "\e969";
}
.icon-v5--brandmark:before {
  content: "\e600";
}
.icon-v5--wordmark:before {
  content: "\e907";
}
.icon-v5--linkedin:before {
  content: "\e903";
}
.icon-v5--twitter:before {
  content: "\e941";
}
.icon-v5--facebook:before {
  content: "\e942";
}
.icon-v5--medium:before {
  content: "\e943";
}
.icon-v5--alarm:before {
  content: "\e855";
}
.icon-v5--access_alarms:before {
  content: "\e191";
}
.icon-v5--schedule:before {
  content: "\e8b5";
}
.icon-v5--account_box:before {
  content: "\e851";
}
.icon-v5--account_circle:before {
  content: "\e853";
}
.icon-v5--add:before {
  content: "\e145";
}
.icon-v5--add_box:before {
  content: "\e146";
}
.icon-v5--add_circle:before {
  content: "\e147";
}
.icon-v5--control_point:before {
  content: "\e3ba";
}
.icon-v5--all_inclusive:before {
  content: "\eb3d";
}
.icon-v5--announcement:before {
  content: "\e85a";
}
.icon-v5--apps:before {
  content: "\e5c3";
}
.icon-v5--archive:before {
  content: "\e149";
}
.icon-v5--arrow_back:before {
  content: "\e5c4";
}
.icon-v5--arrow_downward:before {
  content: "\e5db";
}
.icon-v5--arrow_drop_down:before {
  content: "\e5c5";
}
.icon-v5--expand_opened:before {
  content: "\e5c6";
}
.icon-v5--expand_closed:before {
  content: "\e5cb";
}
.icon-v5--arrow_drop_up:before {
  content: "\e5c7";
}
.icon-v5--arrow_forward:before {
  content: "\e5c8";
}
.icon-v5--arrow_upward:before {
  content: "\e5d8";
}
.icon-v5--art_track:before {
  content: "\e060";
}
.icon-v5--aspect_ratio:before {
  content: "\e85b";
}
.icon-v5--poll:before {
  content: "\e801";
}
.icon-v5--assignment:before {
  content: "\e85d";
}
.icon-v5--flag:before {
  content: "\e153";
}
.icon-v5--attach_file:before {
  content: "\e226";
}
.icon-v5--attach_money:before {
  content: "\e227";
}
.icon-v5--attachment:before {
  content: "\e2bc";
}
.icon-v5--autorenew:before {
  content: "\e863";
}
.icon-v5--av_timer:before {
  content: "\e01b";
}
.icon-v5--backspace:before {
  content: "\e14a";
}
.icon-v5--beenhere:before {
  content: "\e52d";
}
.icon-v5--block:before {
  content: "\e14b";
}
.icon-v5--blur_on:before {
  content: "\e3a5";
}
.icon-v5--turned_in:before {
  content: "\e8e6";
}
.icon-v5--turned_in_not:before {
  content: "\e8e7";
}
.icon-v5--border_color:before {
  content: "\e22b";
}
.icon-v5--brightness_1:before {
  content: "\e3a6";
}
.icon-v5--bug_report:before {
  content: "\e868";
}
.icon-v5--build:before {
  content: "\e869";
}
.icon-v5--domain:before {
  content: "\e7ee";
}
.icon-v5--cached:before {
  content: "\e86a";
}
.icon-v5--call_made:before {
  content: "\e0b2";
}
.icon-v5--merge_type:before {
  content: "\e252";
}
.icon-v5--call_missed:before {
  content: "\e0b4";
}
.icon-v5--call_missed_outgoing:before {
  content: "\e0e4";
}
.icon-v5--call_split:before {
  content: "\e0b6";
}
.icon-v5--cancel:before {
  content: "\e5c9";
}
.icon-v5--card_travel:before {
  content: "\e8f8";
}
.icon-v5--center_focus_strong:before {
  content: "\e3b4";
}
.icon-v5--center_focus_weak:before {
  content: "\e3b5";
}
.icon-v5--change_history:before {
  content: "\e86b";
}
.icon-v5--chat:before {
  content: "\e0b7";
}
.icon-v5--chat_bubble:before {
  content: "\e0ca";
}
.icon-v5--chat_bubble_outline:before {
  content: "\e0cb";
}
.icon-v5--check:before {
  content: "\e5ca";
}
.icon-v5--check_box:before {
  content: "\e834";
}
.icon-v5--check_circle:before {
  content: "\e86c";
}
.icon-v5--navigate_before:before {
  content: "\e408";
}
.icon-v5--navigate_next:before {
  content: "\e409";
}
.icon-v5--chrome_reader_mode:before {
  content: "\e86d";
}
.icon-v5--close:before {
  content: "\e5cd";
}
.icon-v5--wb_cloudy:before {
  content: "\e42d";
}
.icon-v5--cloud_download:before {
  content: "\e2c0";
}
.icon-v5--cloud_off:before {
  content: "\e2c1";
}
.icon-v5--cloud_queue:before {
  content: "\e2c2";
}
.icon-v5--code:before {
  content: "\e86f";
}
.icon-v5--content_copy:before {
  content: "\e14d";
}
.icon-v5--content_cut:before {
  content: "\e14e";
}
.icon-v5--content_paste:before {
  content: "\e14f";
}
.icon-v5--copyright:before {
  content: "\e90c";
}
.icon-v5--mode_edit:before {
  content: "\e254";
}
.icon-v5--crop:before {
  content: "\e3be";
}
.icon-v5--crop_3_2:before {
  content: "\e3bd";
}
.icon-v5--crop_free:before {
  content: "\e3c2";
}
.icon-v5--dashboard:before {
  content: "\e871";
}
.icon-v5--date_range:before {
  content: "\e916";
}
.icon-v5--dehaze:before {
  content: "\e3c7";
}
.icon-v5--delete:before {
  content: "\e872";
}
.icon-v5--description:before {
  content: "\e873";
}
.icon-v5--device_hub:before {
  content: "\e335";
}
.icon-v5--directions:before {
  content: "\e52e";
}
.icon-v5--directions_walk:before {
  content: "\e536";
}
.icon-v5--disc_full:before {
  content: "\e610";
}
.icon-v5--dns:before {
  content: "\e875";
}
.icon-v5--not_interested:before {
  content: "\e033";
}
.icon-v5--do_not_disturb_alt:before {
  content: "\e611";
}
.icon-v5--remove_circle:before {
  content: "\e15c";
}
.icon-v5--done:before {
  content: "\e876";
}
.icon-v5--done_all:before {
  content: "\e877";
}
.icon-v5--donut_large:before {
  content: "\e917";
}
.icon-v5--drafts:before {
  content: "\e151";
}
.icon-v5--dvr:before {
  content: "\e1b2";
}
.icon-v5--markunread:before {
  content: "\e159";
}
.icon-v5--equalizer:before {
  content: "\e01d";
}
.icon-v5--error:before {
  content: "\e000";
}
.icon-v5--error_outline:before {
  content: "\e001";
}
.icon-v5--insert_invitation:before {
  content: "\e24f";
}
.icon-v5--event_available:before {
  content: "\e614";
}
.icon-v5--event_busy:before {
  content: "\e615";
}
.icon-v5--event_note:before {
  content: "\e616";
}
.icon-v5--exit_to_app:before {
  content: "\e879";
}
.icon-v5--expand_less:before {
  content: "\e5ce";
}
.icon-v5--expand_more:before {
  content: "\e5cf";
}
.icon-v5--explore:before {
  content: "\e87a";
}
.icon-v5--exposure_neg_2:before {
  content: "\e3cc";
}
.icon-v5--extension:before {
  content: "\e87b";
}
.icon-v5--favorite:before {
  content: "\e87d";
}
.icon-v5--sms_failed:before {
  content: "\e626";
}
.icon-v5--fiber_manual_record:before {
  content: "\e061";
}
.icon-v5--fiber_new:before {
  content: "\e05e";
}
.icon-v5--get_app:before {
  content: "\e884";
}
.icon-v5--file_upload:before {
  content: "\e2c6";
}
.icon-v5--filter_center_focus:before {
  content: "\e3dc";
}
.icon-v5--filter_drama:before {
  content: "\e3dd";
}
.icon-v5--terrain:before {
  content: "\e564";
}
.icon-v5--filter_list:before {
  content: "\e152";
}
.icon-v5--filter_none:before {
  content: "\e3e0";
}
.icon-v5--filter_tilt_shift:before {
  content: "\e3e2";
}
.icon-v5--find_in_page:before {
  content: "\e880";
}
.icon-v5--flare:before {
  content: "\e3e4";
}
.icon-v5--flash_on:before {
  content: "\e3e7";
}
.icon-v5--folder:before {
  content: "\e2c7";
}
.icon-v5--folder_open:before {
  content: "\e2c8";
}
.icon-v5--font_download:before {
  content: "\e167";
}
.icon-v5--format_align_center:before {
  content: "\e234";
}
.icon-v5--format_align_justify:before {
  content: "\e235";
}
.icon-v5--format_align_left:before {
  content: "\e236";
}
.icon-v5--format_align_right:before {
  content: "\e237";
}
.icon-v5--format_bold:before {
  content: "\e238";
}
.icon-v5--format_clear:before {
  content: "\e239";
}
.icon-v5--format_color_fill:before {
  content: "\e23a";
}
.icon-v5--format_color_reset:before {
  content: "\e23b";
}
.icon-v5--format_color_text:before {
  content: "\e23c";
}
.icon-v5--format_indent_decrease:before {
  content: "\e23d";
}
.icon-v5--format_indent_increase:before {
  content: "\e23e";
}
.icon-v5--format_italic:before {
  content: "\e23f";
}
.icon-v5--format_line_spacing:before {
  content: "\e240";
}
.icon-v5--format_list_bulleted:before {
  content: "\e241";
}
.icon-v5--format_list_numbered:before {
  content: "\e242";
}
.icon-v5--format_quote:before {
  content: "\e244";
}
.icon-v5--format_strikethrough:before {
  content: "\e246";
}
.icon-v5--format_underlined:before {
  content: "\e249";
}
.icon-v5--question_answer:before {
  content: "\e8af";
}
.icon-v5--forward:before {
  content: "\e154";
}
.icon-v5--fullscreen:before {
  content: "\e5d0";
}
.icon-v5--fullscreen_exit:before {
  content: "\e5d1";
}
.icon-v5--my_location:before {
  content: "\e55c";
}
.icon-v5--location_searching:before {
  content: "\e1b7";
}
.icon-v5--star:before {
  content: "\e838";
}
.icon-v5--graphic_eq:before {
  content: "\e1b8";
}
.icon-v5--grid_off:before {
  content: "\e3eb";
}
.icon-v5--grid_on:before {
  content: "\e3ec";
}
.icon-v5--people:before {
  content: "\e7fb";
}
.icon-v5--group_add:before {
  content: "\e7f0";
}
.icon-v5--group_work:before {
  content: "\e886";
}
.icon-v5--help:before {
  content: "\e887";
}
.icon-v5--help_outline:before {
  content: "\e8fd";
}
.icon-v5--highlight_off:before {
  content: "\e888";
}
.icon-v5--home:before {
  content: "\e88a";
}
.icon-v5--hourglass_empty:before {
  content: "\e88b";
}
.icon-v5--hourglass_full:before {
  content: "\e88c";
}
.icon-v5--lock:before {
  content: "\e897";
}
.icon-v5--import_contacts:before {
  content: "\e0e0";
}
.icon-v5--indeterminate_check_box:before {
  content: "\e909";
}
.icon-v5--info:before {
  content: "\e88e";
}
.icon-v5--info_outline:before {
  content: "\e88f";
}
.icon-v5--input:before {
  content: "\e890";
}
.icon-v5--insert_comment:before {
  content: "\e24c";
}
.icon-v5--insert_drive_file:before {
  content: "\e24d";
}
.icon-v5--tag_faces:before {
  content: "\e420";
}
.icon-v5--link:before {
  content: "\e157";
}
.icon-v5--keyboard_arrow_down:before {
  content: "\e313";
}
.icon-v5--keyboard_arrow_left:before {
  content: "\e314";
}
.icon-v5--keyboard_arrow_right:before {
  content: "\e315";
}
.icon-v5--keyboard_arrow_up:before {
  content: "\e316";
}
.icon-v5--keyboard_backspace:before {
  content: "\e317";
}
.icon-v5--keyboard_return:before {
  content: "\e31b";
}
.icon-v5--keyboard_tab:before {
  content: "\e31c";
}
.icon-v5--label_outline:before {
  content: "\e893";
}
.icon-v5--language:before {
  content: "\e894";
}
.icon-v5--open_in_new:before {
  content: "\e89e";
}
.icon-v5--layers:before {
  content: "\e53b";
}
.icon-v5--library_books:before {
  content: "\e02f";
}
.icon-v5--lightbulb_outline:before {
  content: "\e90f";
}
.icon-v5--list:before {
  content: "\e896";
}
.icon-v5--live_help:before {
  content: "\e0c6";
}
.icon-v5--shopping_cart:before {
  content: "\e8cc";
}
.icon-v5--local_offer:before {
  content: "\e54e";
}
.icon-v5--location_city:before {
  content: "\e7f1";
}
.icon-v5--room:before {
  content: "\e8b4";
}
.icon-v5--lock_open:before {
  content: "\e898";
}
.icon-v5--lock_outline:before {
  content: "\e899";
}
.icon-v5--sync:before {
  content: "\e627";
}
.icon-v5--mail_outline:before {
  content: "\e0e1";
}
.icon-v5--markunread_mailbox:before {
  content: "\e89b";
}
.icon-v5--memory:before {
  content: "\e322";
}
.icon-v5--menu:before {
  content: "\e5d2";
}
.icon-v5--message:before {
  content: "\e0c9";
}
.icon-v5--mode_comment:before {
  content: "\e253";
}
.icon-v5--monetization_on:before {
  content: "\e263";
}
.icon-v5--money_off:before {
  content: "\e25c";
}
.icon-v5--more_horiz:before {
  content: "\e5d3";
}
.icon-v5--more_vert:before {
  content: "\e5d4";
}
.icon-v5--network_check:before {
  content: "\e640";
}
.icon-v5--new_releases:before {
  content: "\e031";
}
.icon-v5--note:before {
  content: "\e06f";
}
.icon-v5--note_add:before {
  content: "\e89c";
}
.icon-v5--notifications:before {
  content: "\e7f4";
}
.icon-v5--notifications_active:before {
  content: "\e7f7";
}
.icon-v5--notifications_none:before {
  content: "\e7f5";
}
.icon-v5--notifications_off:before {
  content: "\e7f6";
}
.icon-v5--pan_tool:before {
  content: "\e925";
}
.icon-v5--pause:before {
  content: "\e034";
}
.icon-v5--pause_circle_outline:before {
  content: "\e036";
}
.icon-v5--people_outline:before {
  content: "\e7fc";
}
.icon-v5--person_outline:before {
  content: "\e7ff";
}
.icon-v5--perm_scan_wifi:before {
  content: "\e8a9";
}
.icon-v5--person:before {
  content: "\e7fd";
}
.icon-v5--person_add:before {
  content: "\e7fe";
}
.icon-v5--picture_in_picture_alt:before {
  content: "\e911";
}
.icon-v5--pin_drop:before {
  content: "\e55e";
}
.icon-v5--play_arrow:before {
  content: "\e037";
}
.icon-v5--play_circle_outline:before {
  content: "\e039";
}
.icon-v5--playlist_add:before {
  content: "\e03b";
}
.icon-v5--playlist_add_check:before {
  content: "\e065";
}
.icon-v5--playlist_play:before {
  content: "\e05f";
}
.icon-v5--portable_wifi_off:before {
  content: "\e0ce";
}
.icon-v5--portrait:before {
  content: "\e416";
}
.icon-v5--power_settings_new:before {
  content: "\e8ac";
}
.icon-v5--present_to_all:before {
  content: "\e0df";
}
.icon-v5--priority_high:before {
  content: "\e645";
}
.icon-v5--public:before {
  content: "\e80b";
}
.icon-v5--publish:before {
  content: "\e255";
}
.icon-v5--rate_review:before {
  content: "\e560";
}
.icon-v5--recent_actors:before {
  content: "\e03f";
}
.icon-v5--record_voice_over:before {
  content: "\e91f";
}
.icon-v5--redo:before {
  content: "\e15a";
}
.icon-v5--remove_circle_outline:before {
  content: "\e15d";
}
.icon-v5--visibility:before {
  content: "\e8f4";
}
.icon-v5--repeat:before {
  content: "\e040";
}
.icon-v5--reply:before {
  content: "\e15e";
}
.icon-v5--reply_all:before {
  content: "\e15f";
}
.icon-v5--report:before {
  content: "\e160";
}
.icon-v5--warning:before {
  content: "\e002";
}
.icon-v5--rotate_left:before {
  content: "\e419";
}
.icon-v5--rss_feed:before {
  content: "\e0e5";
}
.icon-v5--school:before {
  content: "\e80c";
}
.icon-v5--search:before {
  content: "\e8b6";
}
.icon-v5--security:before {
  content: "\e32a";
}
.icon-v5--sentiment_dissatisfied:before {
  content: "\e811";
}
.icon-v5--sentiment_neutral:before {
  content: "\e812";
}
.icon-v5--sentiment_satisfied:before {
  content: "\e813";
}
.icon-v5--sentiment_very_dissatisfied:before {
  content: "\e814";
}
.icon-v5--sentiment_very_satisfied:before {
  content: "\e815";
}
.icon-v5--vsettings:before {
  content: "\e8b8";
}
.icon-v5--settings_ethernet:before {
  content: "\e8be";
}
.icon-v5--share:before {
  content: "\e80d";
}
.icon-v5--signal_wifi_4_bar:before {
  content: "\e1d8";
}
.icon-v5--signal_wifi_4_bar_lock:before {
  content: "\e1d9";
}
.icon-v5--signal_wifi_off:before {
  content: "\e1da";
}
.icon-v5--textsms:before {
  content: "\e0d8";
}
.icon-v5--sort:before {
  content: "\e164";
}
.icon-v5--speaker_notes:before {
  content: "\e8cd";
}
.icon-v5--star_border:before {
  content: "\e83a";
}
.icon-v5--stars:before {
  content: "\e8d0";
}
.icon-v5--storage:before {
  content: "\e1db";
}
.icon-v5--subdirectory_arrow_left:before {
  content: "\e5d9";
}
.icon-v5--subdirectory_arrow_right:before {
  content: "\e5da";
}
.icon-v5--subject:before {
  content: "\e8d2";
}
.icon-v5--supervisor_account:before {
  content: "\e8d3";
}
.icon-v5--swap_calls:before {
  content: "\e0d7";
}
.icon-v5--swap_horiz:before {
  content: "\e8d4";
}
.icon-v5--swap_vert:before {
  content: "\e8d5";
}
.icon-v5--system_update_alt:before {
  content: "\e8d7";
}
.icon-v5--thumb_down:before {
  content: "\e8db";
}
.icon-v5--thumb_up:before {
  content: "\e8dc";
}
.icon-v5--timeline:before {
  content: "\e922";
}
.icon-v5--timer:before {
  content: "\e425";
}
.icon-v5--today:before {
  content: "\e8df";
}
.icon-v5--touch_app:before {
  content: "\e913";
}
.icon-v5--track_changes:before {
  content: "\e8e1";
}
.icon-v5--trending_down:before {
  content: "\e8e3";
}
.icon-v5--trending_flat:before {
  content: "\e8e4";
}
.icon-v5--trending_up:before {
  content: "\e8e5";
}
.icon-v5--tune:before {
  content: "\e429";
}
.icon-v5--undo:before {
  content: "\e166";
}
.icon-v5--unfold_less:before {
  content: "\e5d6";
}
.icon-v5--unfold_more:before {
  content: "\e5d7";
}
.icon-v5--verified_user:before {
  content: "\e8e8";
}
.icon-v5--vertical_align_bottom:before {
  content: "\e258";
}
.icon-v5--vertical_align_center:before {
  content: "\e259";
}
.icon-v5--vertical_align_top:before {
  content: "\e25a";
}
.icon-v5--vibration:before {
  content: "\e62d";
}
.icon-v5--video_label:before {
  content: "\e071";
}
.icon-v5--view_array:before {
  content: "\e8ea";
}
.icon-v5--view_carousel:before {
  content: "\e8eb";
}
.icon-v5--view_column:before {
  content: "\e8ec";
}
.icon-v5--view_comfy:before {
  content: "\e42a";
}
.icon-v5--view_compact:before {
  content: "\e42b";
}
.icon-v5--view_list:before {
  content: "\e8ef";
}
.icon-v5--view_module:before {
  content: "\e8f0";
}
.icon-v5--view_week:before {
  content: "\e8f3";
}
.icon-v5--visibility_off:before {
  content: "\e8f5";
}
.icon-v5--vpn_key:before {
  content: "\e0da";
}
.icon-v5--watch_later:before {
  content: "\e924";
}
.icon-v5--wb_incandescent:before {
  content: "\e42e";
}
.icon-v5--wb_sunny:before {
  content: "\e430";
}
.icon-v5--web:before {
  content: "\e051";
}
.icon-v5--whatshot:before {
  content: "\e80e";
}
.icon-v5--wifi:before {
  content: "\e63e";
}
.icon-v5--wifi_lock:before {
  content: "\e1e1";
}
.icon-v5--wifi_tethering:before {
  content: "\e1e2";
}
.icon-v5--work:before {
  content: "\e8f9";
}
.icon-v5--zoom_out_map:before {
  content: "\e56b";
}
/*  $FIX
    ========================================================================== */
[class^="icon-v5--"],
[class*=" icon-v5--"],
[class^="icon-v5--"]:before,
[class*=" icon-v5--"]:before {
  line-height: inherit;
  display: inline-block;
}
/*  $MIXIN
    ========================================================================== */
/*  $GRID
    ========================================================================== */
/*  ==========================================================================
    $TOC - FLEXBOX

    1. reading
    2. container-properties
    3. item-properties
    4. grid
    5. media-queries
    ========================================================================== */
/*  $READING
    ========================================================================== */
/***
 * PLAYGROUND
 * http://codepen.io/enxaneta/full/adLPwv/
 *
 * TUTORIAL
 * https://css-tricks.com/snippets/css/a-guide-.g-flexbox/
 *
 * BUGS + FIXES
 * https://github.com/philipwalton/flexbugs
 *
 * MEDIA OBJECT
 * http://philipwalton.github.io/solved-by-flexbox/demos/media-object/
 */
/*  $CONTAINER-PROPERTIES
    ========================================================================== */
/* CONTAINER */
.flex--container {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
/* DIRECTION */
.flex-direction--row {
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.flex-direction--row-reverse {
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flex-direction--column {
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-direction--column-reverse {
  -webkit-flex-direction: column-reverse;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
/* WRAP */
.flex-wrap--nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.flex-wrap--wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-wrap--wrap-reverse {
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}
/* ALIGN-ITEMS */
.flex-align-items--flex-start {
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}
.flex-align-items--flex-end {
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}
.flex-align-items--center {
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.flex-align-items--baseline {
  -webkit-align-items: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  -ms-grid-row-align: baseline;
  align-items: baseline;
}
.flex-align-items--stretch {
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
}
/* JUSTIFY */
.flex-justify-content--flex-start {
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.flex-justify-content--flex-end {
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.flex-justify-content--center {
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-justify-content--space-between {
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex-justify-content--space-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
/* ALIGN-CONTENT */
.flex-align-content--flex-start {
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
          align-content: flex-start;
}
.flex-align-content--flex-end {
  -ms-flex-line-pack: end;
  -webkit-align-content: flex-end;
          align-content: flex-end;
}
.flex-align-content--center {
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
          align-content: center;
}
.flex-align-content--space-between {
  -ms-flex-line-pack: justify;
  -webkit-align-content: space-between;
          align-content: space-between;
}
.flex-align-content--space-around {
  -ms-flex-line-pack: distribute;
  -webkit-align-content: space-around;
          align-content: space-around;
}
.flex-align-content--stretch {
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
          align-content: stretch;
}
/*  $ITEM-PROPERTIES
    ========================================================================== */
/* ALIGN-SELF */
.flex-align-self--auto {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
      align-self: auto;
}
.flex-align-self--flex-start {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.flex-align-self--flex-end {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.flex-align-self--center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center;
}
.flex-align-self--baseline {
  -webkit-align-self: baseline;
  -ms-flex-item-align: baseline;
  align-self: baseline;
}
.flex-align-self--stretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
      align-self: stretch;
}
/*  ==========================================================================
    $TOC - GRID

    1. grid
    ========================================================================== */
/*  $GRID
    ========================================================================== */
.grid--grow {
  flex: 1 0 0;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  /* autoprefixer: off */
  -ms-flex: 1 0 0%;
}
.grid--auto {
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
}
.grid--5 {
  -webkit-flex: 0 0 5%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 5%;
  flex: 0 0 5%;
  min-width: 0;
  max-width: 5%;
  min-height: 0;
}
.grid--10 {
  -webkit-flex: 0 0 10%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  min-width: 0;
  max-width: 10%;
  min-height: 0;
}
.grid--15 {
  -webkit-flex: 0 0 15%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  min-width: 0;
  max-width: 15%;
  min-height: 0;
}
.grid--20 {
  -webkit-flex: 0 0 20%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  min-width: 0;
  max-width: 20%;
  min-height: 0;
}
.grid--25 {
  -webkit-flex: 0 0 25%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  min-width: 0;
  max-width: 25%;
  min-height: 0;
}
.grid--30 {
  -webkit-flex: 0 0 30%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  min-width: 0;
  max-width: 30%;
  min-height: 0;
}
.grid--35 {
  -webkit-flex: 0 0 35%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
  min-width: 0;
  max-width: 35%;
  min-height: 0;
}
.grid--40 {
  -webkit-flex: 0 0 40%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  min-width: 0;
  max-width: 40%;
  min-height: 0;
}
.grid--45 {
  -webkit-flex: 0 0 45%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  min-width: 0;
  max-width: 45%;
  min-height: 0;
}
.grid--50 {
  -webkit-flex: 0 0 50%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  min-width: 0;
  max-width: 50%;
  min-height: 0;
}
.grid--55 {
  -webkit-flex: 0 0 55%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  min-width: 0;
  max-width: 55%;
  min-height: 0;
}
.grid--60 {
  -webkit-flex: 0 0 60%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  min-width: 0;
  max-width: 60%;
  min-height: 0;
}
.grid--65 {
  -webkit-flex: 0 0 65%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 65%;
  flex: 0 0 65%;
  min-width: 0;
  max-width: 65%;
  min-height: 0;
}
.grid--70 {
  -webkit-flex: 0 0 70%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  min-width: 0;
  max-width: 70%;
  min-height: 0;
}
.grid--75 {
  -webkit-flex: 0 0 75%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  min-width: 0;
  max-width: 75%;
  min-height: 0;
}
.grid--80 {
  -webkit-flex: 0 0 80%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  min-width: 0;
  max-width: 80%;
  min-height: 0;
}
.grid--85 {
  -webkit-flex: 0 0 85%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 85%;
  flex: 0 0 85%;
  min-width: 0;
  max-width: 85%;
  min-height: 0;
}
.grid--90 {
  -webkit-flex: 0 0 90%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  min-width: 0;
  max-width: 90%;
  min-height: 0;
}
.grid--95 {
  -webkit-flex: 0 0 95%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 95%;
  flex: 0 0 95%;
  min-width: 0;
  max-width: 95%;
  min-height: 0;
}
.grid--100 {
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
}
.grid--33 {
  -webkit-flex: 0 0 33.33333%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  min-width: 0;
  max-width: 33.33333%;
  min-height: 0;
}
.grid--66 {
  -webkit-flex: 0 0 66.66667%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  min-width: 0;
  max-width: 66.66667%;
  min-height: 0;
}
.grid--offset-5 {
  margin-left: 5%;
}
.grid--offset-10 {
  margin-left: 10%;
}
.grid--offset-15 {
  margin-left: 15%;
}
.grid--offset-20 {
  margin-left: 20%;
}
.grid--offset-25 {
  margin-left: 25%;
}
.grid--offset-30 {
  margin-left: 30%;
}
.grid--offset-35 {
  margin-left: 35%;
}
.grid--offset-40 {
  margin-left: 40%;
}
.grid--offset-45 {
  margin-left: 45%;
}
.grid--offset-50 {
  margin-left: 50%;
}
.grid--offset-55 {
  margin-left: 55%;
}
.grid--offset-60 {
  margin-left: 60%;
}
.grid--offset-65 {
  margin-left: 65%;
}
.grid--offset-70 {
  margin-left: 70%;
}
.grid--offset-75 {
  margin-left: 75%;
}
.grid--offset-80 {
  margin-left: 80%;
}
.grid--offset-85 {
  margin-left: 85%;
}
.grid--offset-90 {
  margin-left: 90%;
}
.grid--offset-95 {
  margin-left: 95%;
}
.grid--offset-33 {
  margin-left: 33.33333%;
}
.grid--offset-66 {
  margin-left: 66.66667%;
}
/*  $COMPONENTS
    ========================================================================== */
/*  ==========================================================================
    $TOC - IMAGE

    1. placeholder
    ========================================================================== */
/***
 * SOURCE
 * http://www.mademyday.de/css-height-equals-width-with-pure-css.html
 *
 * TOOLS
 * http://www.responsivebreakpoints.com/
 *
 */
.placeholder {
  position: relative;
  overflow: hidden;
}
.placeholder:before {
  content: '';
  display: block;
}
/* 1:1 */
.placeholder--1_1:before {
  padding-top: 100%;
}
/* 4:3 */
.placeholder--4_3:before {
  padding-top: 75%;
}
/* 16:9 */
.placeholder--16_9:before {
  padding-top: 56.25%;
}
.placeholder--9_16:before {
  padding-top: 177.78%;
}
.img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/*  ==========================================================================
    $TOC - page-loader

    1. LOADER
    ========================================================================== */
/*  $LOADER
    ========================================================================== */
/***
 * source
 * http://codepen.io/anon/pen/PzBxdb
 */
.loader__overlay {
  background-color: #ffffff;
  border-top-left-radius: 5px;
  position: fixed;
  top: 45px;
  right: 0;
  bottom: 0;
  left: 45px;
  z-index: 1000;
}
.loader__overlay.is-full-screen {
  top: 0;
  left: 0;
  border-radius: 0;
}
.loader__overlay:after {
  content: '';
  background-color: rgba(10, 46, 81, 0.05);
  border-top-left-radius: 5px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.loader__overlay.is-full-screen:after {
  border-radius: 0;
}
.loader__wrap {
  position: relative;
}
.loader__wrap:not([class*="button"]) {
  z-index: 100;
}
.loader__wrap:not([class*="button"]):after,
.loader__wrap:not([class*="link"]):after {
  content: '';
  background-color: rgba(10, 46, 81, 0.05);
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* BASE */
.loader--base {
  width: 10px;
  height: 10px;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  z-index: 200;
}
.loader__overlay.is-loading:after,
.loader__overlay.is-loading .loader--base,
.loader__wrap.is-loading:after,
.loader__wrap.is-loading .loader--base {
  display: block;
}
.loader__dot--base {
  width: 10px;
  height: 10px;
  background-color: rgba(10, 46, 81, 0.5);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
}
.loader__dot--base:nth-child(1) {
  -webkit-transform: translate3d(-50%, -300%, 0);
  transform: translate3d(-50%, -300%, 0);
  -webkit-animation: loader__dot--base--1 1500ms ease-in-out 1ms infinite;
  animation: loader__dot--base--1 1500ms ease-in-out 1ms infinite;
}
@-webkit-keyframes loader__dot--base--1 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-50%, -300%, 0);
    transform: translate3d(-50%, -300%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes loader__dot--base--1 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-50%, -300%, 0);
    transform: translate3d(-50%, -300%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
.loader__dot--base:nth-child(2) {
  -webkit-transform: translate3d(125%, -225%, 0);
  transform: translate3d(125%, -225%, 0);
  -webkit-animation: loader__dot--base--2 1500ms ease-in-out 100ms infinite;
  animation: loader__dot--base--2 1500ms ease-in-out 100ms infinite;
}
@-webkit-keyframes loader__dot--base--2 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(125%, -225%, 0);
    transform: translate3d(125%, -225%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes loader__dot--base--2 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(125%, -225%, 0);
    transform: translate3d(125%, -225%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
.loader__dot--base:nth-child(3) {
  -webkit-transform: translate3d(200%, -50%, 0);
  transform: translate3d(200%, -50%, 0);
  -webkit-animation: loader__dot--base--3 1500ms ease-in-out 200ms infinite;
  animation: loader__dot--base--3 1500ms ease-in-out 200ms infinite;
}
@-webkit-keyframes loader__dot--base--3 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(200%, -50%, 0);
    transform: translate3d(200%, -50%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes loader__dot--base--3 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(200%, -50%, 0);
    transform: translate3d(200%, -50%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
.loader__dot--base:nth-child(4) {
  -webkit-transform: translate3d(125%, 125%, 0);
  transform: translate3d(125%, 125%, 0);
  -webkit-animation: loader__dot--base--4 1500ms ease-in-out 300ms infinite;
  animation: loader__dot--base--4 1500ms ease-in-out 300ms infinite;
}
@-webkit-keyframes loader__dot--base--4 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(125%, 125%, 0);
    transform: translate3d(125%, 125%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes loader__dot--base--4 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(125%, 125%, 0);
    transform: translate3d(125%, 125%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
.loader__dot--base:nth-child(5) {
  -webkit-transform: translate3d(-50%, 200%, 0);
  transform: translate3d(-50%, 200%, 0);
  -webkit-animation: loader__dot--base--5 1500ms ease-in-out 400ms infinite;
  animation: loader__dot--base--5 1500ms ease-in-out 400ms infinite;
}
@-webkit-keyframes loader__dot--base--5 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-50%, 200%, 0);
    transform: translate3d(-50%, 200%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes loader__dot--base--5 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-50%, 200%, 0);
    transform: translate3d(-50%, 200%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
.loader__dot--base:nth-child(6) {
  -webkit-transform: translate3d(-225%, 125%, 0);
  transform: translate3d(-225%, 125%, 0);
  -webkit-animation: loader__dot--base--6 1500ms ease-in-out 500ms infinite;
  animation: loader__dot--base--6 1500ms ease-in-out 500ms infinite;
}
@-webkit-keyframes loader__dot--base--6 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-225%, 125%, 0);
    transform: translate3d(-225%, 125%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes loader__dot--base--6 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-225%, 125%, 0);
    transform: translate3d(-225%, 125%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
.loader__dot--base:nth-child(7) {
  -webkit-transform: translate3d(-300%, -50%, 0);
  transform: translate3d(-300%, -50%, 0);
  -webkit-animation: loader__dot--base--7 1500ms ease-in-out 600ms infinite;
  animation: loader__dot--base--7 1500ms ease-in-out 600ms infinite;
}
@-webkit-keyframes loader__dot--base--7 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-300%, -50%, 0);
    transform: translate3d(-300%, -50%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes loader__dot--base--7 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-300%, -50%, 0);
    transform: translate3d(-300%, -50%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
.loader__dot--base:nth-child(8) {
  -webkit-transform: translate3d(-225%, -225%, 0);
  transform: translate3d(-225%, -225%, 0);
  -webkit-animation: loader__dot--base--8 1500ms ease-in-out 700ms infinite;
  animation: loader__dot--base--8 1500ms ease-in-out 700ms infinite;
}
@-webkit-keyframes loader__dot--base--8 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-225%, -225%, 0);
    transform: translate3d(-225%, -225%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes loader__dot--base--8 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-225%, -225%, 0);
    transform: translate3d(-225%, -225%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
/* TINY */
.loader--tiny {
  width: 4px;
  height: 4px;
  display: none;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.loader__wrap.is-loading .loader--tiny {
  display: block;
}
.loader__dot--tiny {
  width: 4px;
  height: 4px;
  background-color: rgba(10, 46, 81, 0.5);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
}
.loader__dot--white {
  background-color: rgba(255, 255, 255, 0.2);
}
.loader__dot--tiny:nth-child(1) {
  -webkit-transform: translate3d(-50%, -150%, 0);
  transform: translate3d(-50%, -150%, 0);
  -webkit-animation: loader__dot--tiny--1 1000ms ease-in-out infinite;
  animation: loader__dot--tiny--1 1000ms ease-in-out infinite;
}
@-webkit-keyframes loader__dot--tiny--1 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-50%, -150%, 0);
    transform: translate3d(-50%, -150%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes loader__dot--tiny--1 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-50%, -150%, 0);
    transform: translate3d(-50%, -150%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
.loader__dot--tiny:nth-child(2) {
  -webkit-transform: translate3d(-50%, -150%, 0);
  transform: translate3d(-50%, -150%, 0);
  -webkit-animation: loader__dot--tiny--2 1000ms ease-in-out 100ms infinite;
  animation: loader__dot--tiny--2 1000ms ease-in-out 100ms infinite;
}
@-webkit-keyframes loader__dot--tiny--2 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(50%, -50%, 0);
    transform: translate3d(50%, -50%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes loader__dot--tiny--2 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(50%, -50%, 0);
    transform: translate3d(50%, -50%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
.loader__dot--tiny:nth-child(3) {
  -webkit-transform: translate3d(-50%, -150%, 0);
  transform: translate3d(-50%, -150%, 0);
  -webkit-animation: loader__dot--tiny--3 1000ms ease-in-out 200ms infinite;
  animation: loader__dot--tiny--3 1000ms ease-in-out 200ms infinite;
}
@-webkit-keyframes loader__dot--tiny--3 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes loader__dot--tiny--3 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
.loader__dot--tiny:nth-child(4) {
  -webkit-transform: translate3d(-150%, -50%, 0);
  transform: translate3d(-150%, -50%, 0);
  -webkit-animation: loader__dot--tiny--4 1000ms ease-in-out 300ms infinite;
  animation: loader__dot--tiny--4 1000ms ease-in-out 300ms infinite;
}
@-webkit-keyframes loader__dot--tiny--4 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-150%, -50%, 0);
    transform: translate3d(-150%, -50%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes loader__dot--tiny--4 {
  0%,
  20%,
  80%,
  100% {
    -webkit-transform: translate3d(-150%, -50%, 0);
    transform: translate3d(-150%, -50%, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
.loader__wrap.is-loading .loader__text {
  visibility: hidden;
}
/*  $validation
    ========================================================================== */
/***
 * source
 * http://codepen.io/pavanas/pen/RNeKob
 */
.validation {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 20px;
  position: relative;
}
.validation > *,
.validation > * {
  font-size: 11px;
  line-height: 0;
  color: #ffffff;
  display: none;
}
.validation:before,
.validation:after {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.validation:before {
  background-color: rgba(10, 46, 81, 0.05);
  -webkit-animation: validation-1 1.25s cubic-bezier(0, 1, 0.78, 1) infinite;
  animation: validation-1 1.25s cubic-bezier(0, 1, 0.78, 1) infinite;
}
@-webkit-keyframes validation-1 {
  0% {
    left: calc(60%);
    z-index: 20;
  }
  25% {
    z-index: 20;
  }
  50% {
    left: calc(40%);
    z-index: 10;
  }
  100% {
    left: calc(60%);
    z-index: 10;
  }
}
@keyframes validation-1 {
  0% {
    left: calc(60%);
    z-index: 20;
  }
  25% {
    z-index: 20;
  }
  50% {
    left: calc(40%);
    z-index: 10;
  }
  100% {
    left: calc(60%);
    z-index: 10;
  }
}
.validation:after {
  background-color: rgba(10, 46, 81, 0.1);
  -webkit-animation: validation-2 1.25s cubic-bezier(0, 1, 0.78, 1) infinite;
  animation: validation-2 1.25s cubic-bezier(0, 1, 0.78, 1) infinite;
}
@-webkit-keyframes validation-2 {
  0% {
    left: calc(40%);
    z-index: 10;
  }
  25% {
    z-index: 10;
  }
  50% {
    left: calc(60%);
    z-index: 20;
  }
  100% {
    left: calc(40%);
    z-index: 20;
  }
}
@keyframes validation-2 {
  0% {
    left: calc(40%);
    z-index: 10;
  }
  25% {
    z-index: 10;
  }
  50% {
    left: calc(60%);
    z-index: 20;
  }
  100% {
    left: calc(40%);
    z-index: 20;
  }
}
.validation.has-error:before,
.validation.has-error:after,
.validation.is-successful:before,
.validation.is-successful:after {
  -webkit-animation: none;
  animation: none;
}
.validation.has-error:before,
.validation.has-error:after {
  background-color: #ef4641;
}
.validation.is-successful:before,
.validation.is-successful:after {
  background-color: #1caa4b;
}
.validation.has-error > *,
.validation.is-successful > *,
.validation.has-error > * > *,
.validation.is-successful > * > * {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
/*  $PAGE-LOADER
    ========================================================================== */
.page-loader {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 300px;
  height: 100px;
  position: relative;
}
.page-loader:after {
  content: 'loading';
  font-family: 'Rajdhani', sans-serif;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: rgba(10, 46, 81, 0.5);
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.page-loader row {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.page-loader row bar {
  display: flex;
  flex: 1 0 0;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  /* autoprefixer: off */
  -ms-flex: 1 0 0%;
  height: 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 999em;
}
.page-loader row bar:not(:last-child) {
  margin-right: 10px;
}
.page-loader.page-loader--authentication {
  width: 500px;
}
.page-loader.page-loader--authentication:after {
  content: 'authenticating';
  color: #ffffff;
}
.page-loader.page-loader--authentication bar {
  background-color: rgba(255, 255, 255, 0.1);
}
.page-loader.page-loader--seo {
  width: 500px;
}
.page-loader.page-loader--seo:after {
  content: 'loading genomic intelligence';
  color: #ffffff;
}
.page-loader.page-loader--seo bar {
  background-color: rgba(255, 255, 255, 0.1);
}
.page-loader row:nth-child(1) bar:nth-child(1) {
  -webkit-animation: pade-loader-row-1-bar-1 5s ease-in-out infinite;
  animation: pade-loader-row-1-bar-1 5s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-1-bar-1 {
  0%,
  100% {
    -webkit-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 0;
    max-width: 40%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  60% {
    -webkit-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 0;
    max-width: 33.33333%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-1-bar-1 {
  0%,
  100% {
    -webkit-flex: 0 0 40%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 0;
    max-width: 40%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  60% {
    -webkit-flex: 0 0 33.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 0;
    max-width: 33.33333%;
    min-height: 0;
  }
}
.page-loader row:nth-child(1) bar:nth-child(3) {
  -webkit-flex: 0 0 10%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  min-width: 0;
  max-width: 10%;
  min-height: 0;
  -webkit-animation: pade-loader-row-1-bar-3 5s ease-in-out infinite;
  animation: pade-loader-row-1-bar-3 5s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-1-bar-3 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  60% {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-1-bar-3 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  60% {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
}
.page-loader row:nth-child(1) bar:nth-child(4) {
  -webkit-flex: 0 0 5%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 5%;
  flex: 0 0 5%;
  min-width: 0;
  max-width: 5%;
  min-height: 0;
  -webkit-animation: pade-loader-row-1-bar-4 5s ease-in-out infinite;
  animation: pade-loader-row-1-bar-4 5s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-1-bar-4 {
  0%,
  100% {
    -webkit-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
  75% {
    -webkit-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-1-bar-4 {
  0%,
  100% {
    -webkit-flex: 0 0 5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
  75% {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
}
.page-loader row:nth-child(2) bar:nth-child(2) {
  -webkit-flex: 0 0 25%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  min-width: 0;
  max-width: 25%;
  min-height: 0;
  -webkit-animation: pade-loader-row-2-bar-2 4s ease-in-out infinite;
  animation: pade-loader-row-2-bar-2 4s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-2-bar-2 {
  0%,
  100% {
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0;
    max-width: 25%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-2-bar-2 {
  0%,
  100% {
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0;
    max-width: 25%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
.page-loader row:nth-child(2) bar:nth-child(3) {
  -webkit-flex: 0 0 5%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 5%;
  flex: 0 0 5%;
  min-width: 0;
  max-width: 5%;
  min-height: 0;
  -webkit-animation: pade-loader-row-2-bar-3 4s ease-in-out infinite;
  animation: pade-loader-row-2-bar-3 4s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-2-bar-3 {
  0%,
  100% {
    -webkit-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  75% {
    -webkit-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-2-bar-3 {
  0%,
  100% {
    -webkit-flex: 0 0 5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  75% {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
}
.page-loader row:nth-child(2) bar:nth-child(5) {
  -webkit-flex: 0 0 20%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  min-width: 0;
  max-width: 20%;
  min-height: 0;
  -webkit-animation: pade-loader-row-2-bar-5 4s ease-in-out infinite;
  animation: pade-loader-row-2-bar-5 4s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-2-bar-5 {
  0%,
  100% {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 0;
    max-width: 33.33333%;
    min-height: 0;
  }
  50% {
    -webkit-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-2-bar-5 {
  0%,
  100% {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 33.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 0;
    max-width: 33.33333%;
    min-height: 0;
  }
  50% {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
}
.page-loader row:nth-child(3) bar:nth-child(1) {
  -webkit-flex: 0 0 10%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  min-width: 0;
  max-width: 10%;
  min-height: 0;
  -webkit-animation: pade-loader-row-3-bar-1 5s ease-in-out infinite;
  animation: pade-loader-row-3-bar-1 5s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-3-bar-1 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  60% {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-3-bar-1 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  60% {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
}
.page-loader row:nth-child(3) bar:nth-child(2) {
  -webkit-flex: 0 0 25%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  min-width: 0;
  max-width: 25%;
  min-height: 0;
  -webkit-animation: pade-loader-row-3-bar-2 5s ease-in-out infinite;
  animation: pade-loader-row-3-bar-2 5s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-3-bar-2 {
  0%,
  100% {
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0;
    max-width: 25%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-3-bar-2 {
  0%,
  100% {
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0;
    max-width: 25%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
.page-loader row:nth-child(3) bar:nth-child(5) {
  -webkit-flex: 0 0 10%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  min-width: 0;
  max-width: 10%;
  min-height: 0;
  -webkit-animation: pade-loader-row-3-bar-5 5s ease-in-out infinite;
  animation: pade-loader-row-3-bar-5 5s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-3-bar-5 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-3-bar-5 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
.page-loader row:nth-child(4) bar:nth-child(1) {
  -webkit-flex: 0 0 5%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 5%;
  flex: 0 0 5%;
  min-width: 0;
  max-width: 5%;
  min-height: 0;
  -webkit-animation: pade-loader-row-4-bar-1 5s ease-in-out infinite;
  animation: pade-loader-row-4-bar-1 5s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-4-bar-1 {
  0%,
  100% {
    -webkit-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
  75% {
    -webkit-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-4-bar-1 {
  0%,
  100% {
    -webkit-flex: 0 0 5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
  75% {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
}
.page-loader row:nth-child(4) bar:nth-child(2) {
  -webkit-animation: pade-loader-row-4-bar-2 5s ease-in-out infinite;
  animation: pade-loader-row-4-bar-2 5s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-4-bar-2 {
  0%,
  100% {
    -webkit-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 0;
    max-width: 40%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  60% {
    -webkit-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 0;
    max-width: 33.33333%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-4-bar-2 {
  0%,
  100% {
    -webkit-flex: 0 0 40%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 0;
    max-width: 40%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  60% {
    -webkit-flex: 0 0 33.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 0;
    max-width: 33.33333%;
    min-height: 0;
  }
}
.page-loader row:nth-child(4) bar:nth-child(5) {
  -webkit-flex: 0 0 10%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  min-width: 0;
  max-width: 10%;
  min-height: 0;
  -webkit-animation: pade-loader-row-4-bar-5 5s ease-in-out infinite;
  animation: pade-loader-row-4-bar-5 5s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-4-bar-5 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  60% {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-4-bar-5 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  60% {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
}
.page-loader row:nth-child(5) bar:nth-child(1) {
  -webkit-flex: 0 0 5%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 5%;
  flex: 0 0 5%;
  min-width: 0;
  max-width: 5%;
  min-height: 0;
  -webkit-animation: pade-loader-row-5-bar-1 3s ease-in-out infinite;
  animation: pade-loader-row-5-bar-1 3s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-5-bar-1 {
  0%,
  100% {
    -webkit-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  75% {
    -webkit-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-5-bar-1 {
  0%,
  100% {
    -webkit-flex: 0 0 5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  75% {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
}
.page-loader row:nth-child(5) bar:nth-child(3) {
  -webkit-flex: 0 0 25%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  min-width: 0;
  max-width: 25%;
  min-height: 0;
  -webkit-animation: pade-loader-row-5-bar3 3s ease-in-out infinite;
  animation: pade-loader-row-5-bar3 3s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-5-bar-3 {
  0%,
  100% {
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0;
    max-width: 25%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-5-bar-3 {
  0%,
  100% {
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0;
    max-width: 25%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
.page-loader row:nth-child(5) bar:nth-child(4) {
  -webkit-flex: 0 0 10%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  min-width: 0;
  max-width: 10%;
  min-height: 0;
  -webkit-animation: pade-loader-row-5-bar-4 3s ease-in-out infinite;
  animation: pade-loader-row-5-bar-4 3s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-5-bar-4 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  60% {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-5-bar-4 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  60% {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
}
.page-loader row:nth-child(6) bar:nth-child(1) {
  -webkit-flex: 0 0 10%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  min-width: 0;
  max-width: 10%;
  min-height: 0;
  -webkit-animation: pade-loader-row-6-bar-1 5s ease-in-out infinite;
  animation: pade-loader-row-6-bar-1 5s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-6-bar-1 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-6-bar-1 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
.page-loader row:nth-child(6) bar:nth-child(4) {
  -webkit-flex: 0 0 25%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  min-width: 0;
  max-width: 25%;
  min-height: 0;
  -webkit-animation: pade-loader-row-6-bar-4 5s ease-in-out infinite;
  animation: pade-loader-row-6-bar-4 5s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-6-bar-4 {
  0%,
  100% {
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0;
    max-width: 25%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-6-bar-4 {
  0%,
  100% {
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0;
    max-width: 25%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
.page-loader row:nth-child(6) bar:nth-child(3) {
  -webkit-animation: pade-loader-row-6-bar-3 5s ease-in-out infinite;
  animation: pade-loader-row-6-bar-3 5s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-6-bar-3 {
  0%,
  100% {
    -webkit-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 0;
    max-width: 40%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  60% {
    -webkit-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 0;
    max-width: 33.33333%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-6-bar-3 {
  0%,
  100% {
    -webkit-flex: 0 0 40%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 0;
    max-width: 40%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  60% {
    -webkit-flex: 0 0 33.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 0;
    max-width: 33.33333%;
    min-height: 0;
  }
}
.page-loader row:nth-child(7) bar:nth-child(1) {
  -webkit-flex: 0 0 20%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  min-width: 0;
  max-width: 20%;
  min-height: 0;
  -webkit-animation: pade-loader-row-7-bar-1 5s ease-in-out infinite;
  animation: pade-loader-row-7-bar-1 5s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-7-bar-1 {
  0%,
  100% {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 0;
    max-width: 33.33333%;
    min-height: 0;
  }
  50% {
    -webkit-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-7-bar-1 {
  0%,
  100% {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 33.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 0;
    max-width: 33.33333%;
    min-height: 0;
  }
  50% {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
}
.page-loader row:nth-child(7) bar:nth-child(3) {
  -webkit-flex: 0 0 25%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  min-width: 0;
  max-width: 25%;
  min-height: 0;
  -webkit-animation: pade-loader-row-7-bar-3 5s ease-in-out infinite;
  animation: pade-loader-row-7-bar-3 5s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-7-bar-3 {
  0%,
  100% {
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0;
    max-width: 25%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-7-bar-3 {
  0%,
  100% {
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0;
    max-width: 25%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
.page-loader row:nth-child(7) bar:nth-child(5) {
  -webkit-flex: 0 0 10%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  min-width: 0;
  max-width: 10%;
  min-height: 0;
  -webkit-animation: pade-loader-row-7-bar-5 5s ease-in-out infinite;
  animation: pade-loader-row-7-bar-5 5s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-7-bar-5 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-7-bar-5 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
.page-loader row:nth-child(8) bar:nth-child(2) {
  -webkit-flex: 0 0 10%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  min-width: 0;
  max-width: 10%;
  min-height: 0;
  -webkit-animation: pade-loader-row-8-bar-2 4s ease-in-out infinite;
  animation: pade-loader-row-8-bar-2 4s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-8-bar-2 {
  0%,
  100% {
    -webkit-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0;
    max-width: 25%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-8-bar-2 {
  0%,
  100% {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0;
    max-width: 25%;
    min-height: 0;
  }
}
.page-loader row:nth-child(8) bar:nth-child(3) {
  -webkit-flex: 0 0 20%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  min-width: 0;
  max-width: 20%;
  min-height: 0;
  -webkit-animation: pade-loader-row-8-bar-3 4s ease-in-out infinite;
  animation: pade-loader-row-8-bar-3 4s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-8-bar-3 {
  0%,
  100% {
    -webkit-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
  75% {
    -webkit-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-8-bar-3 {
  0%,
  100% {
    -webkit-flex: 0 0 5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  25% {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
  75% {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
}
.page-loader row:nth-child(8) bar:nth-child(4) {
  -webkit-flex: 0 0 25%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  min-width: 0;
  max-width: 25%;
  min-height: 0;
  -webkit-animation: pade-loader-row-8-bar-4 4s ease-in-out infinite;
  animation: pade-loader-row-8-bar-4 4s ease-in-out infinite;
}
@-webkit-keyframes pade-loader-row-8-bar-4 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
@keyframes pade-loader-row-8-bar-4 {
  0%,
  100% {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  33% {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  66% {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
}
/*  ==========================================================================
    $TOC - BUTTON

    1. elements
    2. base
    3. status
    4. dropdown
    ========================================================================== */
/*  $ELEMENTS
    ========================================================================== */
button {
  text-decoration: none;
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  position: relative;
  cursor: pointer;
  outline: 0;
}
a:not(.button--base)[disabled],
button:not(.button--base)[disabled] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  opacity: 0.5;
}
a:not(.button--base)[disabled]:before,
button:not(.button--base)[disabled]:before,
a:not(.button--base)[disabled]:after,
button:not(.button--base)[disabled]:after {
  display: none;
}
a:not(.button--base)[disabled] > *,
button:not(.button--base)[disabled] > * {
  opacity: 0.5;
}
a.button--base[disabled],
button.button--base[disabled] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: not-allowed;
  opacity: 0.5;
}
a.button--base[disabled]:before,
button.button--base[disabled]:before,
a.button--base[disabled]:after,
button.button--base[disabled]:after {
  display: none;
}
/*  $BASE
    ========================================================================== */
.button--base {
  position: relative;
}
.button--base:before {
  content: '';
  background-color: transparent;
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}
.button--base:hover:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.zeroclipboard-is-hover:before {
  background-color: rgba(0, 0, 0, 0.2);
}
/*  $STATUS
    ========================================================================== */
.button--base.has-loader {
  min-width: 105px;
}
.button--base.has-status [class*="icon-v5--"] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.button--base.has-status [class*="icon-v5--"],
.button--base.has-loader .inline-loader {
  visibility: hidden;
}
.button--base.has-status.is-clicked [class*="icon-v5--"],
.button--base.has-loader.is-loading .inline-loader {
  visibility: visible;
}
.button--base.has-status.is-clicked > *:not([class*="icon-v5--"]),
.button--base.has-loader.is-loading > *:not(.inline-loader) {
  visibility: hidden;
}
.button--base.has-status.is-clicked,
.button--base.has-loader.is-loading {
  pointer-events: none;
}
/*  $DROPDOWN
========================================================================== */
.dropdown {
  font-family: 'Lato', sans-serif;
  text-align: left;
  position: relative;
  z-index: 200;
}
.dropdown__menu {
  min-width: 150px;
  background-color: #ffffff;
  display: none;
  border-radius: 5px;
  position: absolute;
  top: calc(105%);
  left: 0;
  visibility: visible;
  z-index: 200;
  box-shadow: 0 1px 5px rgba(10, 46, 81, 0.4), 0 0 3px rgba(10, 46, 81, 0.2);
}
.dropdown__menu.is-loading > *:not([class*='loader']) {
  opacity: 0.5;
}
.dropdown__menu--right {
  left: initial;
  right: 0;
}
.dropdown__menu--fixed {
  width: 600px;
}
.dropdown__menu--fixed--small {
  width: 400px;
}
.dropdown.is-open > .dropdown__menu {
  display: block;
}
.dropdown__section {
  max-height: 350px;
  overflow-y: scroll;
}
.dropdown__link,
.dropdown__option {
  color: #227dda;
  line-height: 25px;
  white-space: nowrap;
  width: 100%;
  display: block;
}
.dropdown__link {
  padding-right: 30px;
  padding-left: 20px;
}
.dropdown__option {
  padding-right: 30px;
  padding-left: 20px;
}
.dropdown__link:hover,
.dropdown__option:hover {
  text-decoration: underline;
}
.dropdown__option.is-active:hover {
  text-decoration: none;
}
.dropdown__link.is-active,
.dropdown__option.is-active {
  color: rgba(0, 0, 0, 0.8);
  background-color: rgba(10, 46, 81, 0.03);
}
.dropdown__option:before {
  content: '\e5ca';
  font-family: 'solvebio' !important;
  line-height: 1em;
  display: inline-block;
  position: relative;
  margin-right: 5px;
  top: 1px;
  visibility: hidden;
}
.dropdown__option:hover:before {
  visibility: visible;
}
.dropdown__option.is-active:before {
  visibility: visible;
}
/*  ==========================================================================
    $TOC - LABEL
    
    1. label
    ========================================================================== */
/*  $LABEL
    ========================================================================== */
/***
 * inspiration
 * http://www.curbed.com/
 */
.label {
  padding-right: 5px;
  padding-left: 5px;
  margin: 0 5px;
  position: relative;
}
.label:not(.ng-hide) ~ .label:not(.ng-hide) {
  margin-left: 10px;
}
.label:before,
.label:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
}
.label:before {
  border-right: 5px solid transparent;
  border-color: inherit;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  right: 100%;
}
.label:after {
  border-left: 5px solid transparent;
  border-color: inherit;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  left: 100%;
}
/*  $LABEL
    ========================================================================== */
.pill {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 900;
  line-height: 20px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 999em;
}
/*  ==========================================================================
    $TOC - LINK

    1. elements
    2. link
    3. target
    4. link-block
    ========================================================================== */
/*  $ELEMENTS
    ========================================================================== */
a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: inherit;
  color: inherit;
  cursor: pointer;
}
/*  $LINK
    ========================================================================== */
.link {
  text-decoration: none;
}
.link:not([disabled]):hover:not([class*="icon-v5--"]),
.link.zeroclipboard-is-hover:not([disabled]):not([class*="icon-v5--"]) {
  text-decoration: underline;
}
.link.is-loading {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  pointer-events: none;
}
.link.is-loading > *:not([class*="loader"]) {
  opacity: 0.5;
}
.link.is-loading:after {
  display: none;
}
/*  $TARGET
    ========================================================================== */
[target="_blank"]:not([class*="icon-v5--"]):after {
  content: '\e89e';
  font-family: 'solvebio' !important;
  line-height: 1em;
  display: inline-block;
  position: relative;
  margin-left: 5px;
}
.linky a {
  color: #227dda;
}
.linky a.is-entity {
  font-weight: 900;
  color: #7d60c5;
  white-space: nowrap;
}
.linky a.is-entity:before {
  content: '\e902';
  font-family: 'solvebio' !important;
  line-height: 1em;
  display: inline-block;
  font-size: 16px;
  margin-right: 3px;
  position: relative;
  top: 2px;
}
.linky a:hover {
  text-decoration: underline;
}
/*  $LINK-BLOCK
    ========================================================================== */
.link-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.link-block:hover {
  opacity: 0.1;
}
.link-block[target*="blank"]:after {
  content: '';
  display: none;
}
/*  ==========================================================================
    $TOC - FORM

  1. elements
  2. form
  3. lookup
  4. text
  5. read-only
  6. textarea
  7. options-list
  8. checkbox
  9. newsletter
    ========================================================================== */
/*  $ELEMENTS
    ========================================================================== */
fieldset {
  background-color: transparent;
  padding: 0;
  border: 0;
  margin: 0;
  outline: 0;
}
input {
  background-color: transparent;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
input:invalid,
input:required {
  box-shadow: none;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
  z-index: inherit;
}
textarea {
  border: 0;
  outline: 0;
}
/*  $FORM
    ========================================================================== */
.form__group {
  min-height: 80px;
  position: relative;
  z-index: 100;
}
.form__group > * {
  position: relative;
  z-index: 2;
}
.form__group.is-active {
  z-index: 200;
}
[disabled] .form__group > *,
.form__group[disabled] > *,
.form__group input[disabled],
.form__group:disabled > *,
.form__group [disabled] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}
.form__label {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 10px;
  right: 20px;
  left: 20px;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form__detail {
  font-size: 11px;
  text-align: right;
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 10px;
  right: 20px;
  left: 20px;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form__error {
  display: none !important;
  font-size: 11px;
  font-weight: 900;
  color: #ef4641;
  position: absolute;
  bottom: 10px;
  right: 20px;
  left: 20px;
  z-index: 1;
}
.ng-invalid.ng-dirty ~ .form__error {
  display: block !important;
}
/*  $TEXT + $PASSWORD
    ========================================================================== */
input[type="text"],
input[type="number"],
input[type="password"] {
  color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 80px;
  padding-right: 20px;
  padding-left: 20px;
}
input.is-prefixed[type="text"],
input.is-prefixed[type="number"],
input.is-prefixed[type="password"] {
  padding-left: 2px;
}
/*  $SEARCH
    ========================================================================== */
input[type="search"] {
  color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 30px;
}
/*  $READ-ONLY
    ========================================================================== */
.form__read-only {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 80px;
  padding-right: 20px;
  padding-left: 20px;
}
/*  $TEXTAREA
    ========================================================================== */
.form__textarea {
  color: rgba(0, 0, 0, 0.8);
  width: 100%;
  background-color: transparent;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 30px;
  padding-bottom: 32px;
  overflow: auto;
  resize: none !important;
  height: 0;
  word-wrap: normal;
  word-break: break-word;
  white-space: pre-wrap;
}
.form__textarea--max-height {
  max-height: 292.5px;
}
/*  $OPTIONS-LIST
    ========================================================================== */
.form__select {
  padding-right: 20px;
  padding-left: 20px;
  position: relative;
}
.form__select-button {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  width: 100%;
  height: 80px;
}
.form__select-menu {
  padding-top: 10px;
  padding-bottom: 10px;
  top: 70%;
  right: 20px;
  left: 20px;
}
.form__option:hover {
  text-decoration: underline;
}
.form__option.is-active:hover {
  text-decoration: none;
}
.form__option.is-active {
  color: rgba(0, 0, 0, 0.8);
}
.form__option:before {
  content: '\e5ca';
  font-family: 'solvebio' !important;
  line-height: 1em;
  display: inline-block;
  position: relative;
  margin-right: 5px;
  top: 1px;
  visibility: hidden;
}
.form__option:hover:before {
  visibility: visible;
}
.form__option.is-active:before {
  visibility: visible;
}
/*  $CHECKBOX
    ========================================================================== */
[role="checkbox"] {
  cursor: pointer;
}
.form__checkbox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 15px;
  height: 15px;
  background-color: transparent;
  border: 1px solid rgba(10, 46, 81, 0.3);
  border-radius: 3px;
  cursor: pointer;
}
.form__checkbox:hover,
.form__checkbox.is-active {
  background-color: rgba(34, 125, 218, 0.2);
  border-color: #227dda;
}
.form__checkbox:after {
  content: '\e5ca';
  font-family: 'solvebio' !important;
  line-height: 1em;
  display: inline-block;
  position: relative;
  font-size: 11px;
  color: #227dda;
  visibility: hidden;
}
.form__checkbox.is-active:after {
  content: '\e5ca';
  font-family: 'solvebio' !important;
  line-height: 1em;
  display: inline-block;
  position: relative;
  visibility: visible;
}
/*  $RADIO
    ========================================================================== */
[radio-group] {
  outline: none;
}
[class*="radio"] {
  cursor: pointer;
}
.form__radio {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 15px;
  height: 15px;
  background-color: transparent;
  border: 1px solid rgba(10, 46, 81, 0.3);
  border-radius: 50%;
  cursor: pointer;
}
.form__radio:not(.is-active):hover {
  background-color: rgba(34, 125, 218, 0.2);
  border-color: #227dda;
}
.form__radio.is-active {
  border: 5px solid #227dda;
}
/*  ==========================================================================
    $TOC - TOOLTIP

    1. data-tooltip
    2. tooltip
    ========================================================================== */
/*  $DATA-TOOLTIP
    ========================================================================== */
[data-tooltip] {
  position: relative;
  z-index: 200;
}
[data-tooltip]:before {
  content: '';
  display: none;
  border-top: 6px solid #0a2e51;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  position: absolute;
  bottom: calc(97%);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 1;
}
.data-tooltip--down[data-tooltip]:before {
  border-top: 0;
  border-bottom: 6px solid #0a2e51;
  top: calc(97%);
  bottom: initial;
}
[data-tooltip]:after {
  content: attr(data-tooltip);
  font-family: 'Rajdhani', sans-serif;
  font-size: 11px;
  font-weight: 900;
  line-height: 25px;
  color: #ffffff;
  text-transform: uppercase;
  white-space: nowrap;
  height: 25px;
  background-color: #0a2e51;
  display: none;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 5px;
  position: absolute;
  bottom: calc(103%);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.data-tooltip--down[data-tooltip]:after {
  top: calc(103%);
  bottom: initial;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
}
[data-tooltip].max-length:after {
  font-family: 'Lato', sans-serif;
  white-space: normal;
  line-height: 1.2em;
  width: 200px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: initial;
}
/*  ==========================================================================
    $TOC - AUTHENTICATION

    1. authentication
    ========================================================================== */
/*  $AUTHENTICATION
    ========================================================================== */
.authentication {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #0a2e51;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNrsldEOgzAIRYutzP//2sWpHTS3SYeQxexpiSTEeqlYyymmWusiPiVj0Is4GZ3FZ0fXuQ+bq917L+hBm+iLTsFiKd12xXQfuQ2IVltgDDeJHYM+63TxXfR90LNc1Kvor7GGWij1w1mA6hX+sbD+vKOTm0vRC+gqAUU5oGjC19x0/U5XAV1bUCulqBqKWoENdR2iaqgjFQuC1gqQtIXLgR7lovE8JKcRehTNAUUZZ+hE3Q3MZbom0HUEe1kNXZHe20oy1DW6GG6t6+RQxyDMUseIn+haArqi3zJ7/Q69jm+6/gfhBdg9beExXA2SjP60jU0VMBQ0znUs/FuAAQAQbeBtoiVIbQAAAABJRU5ErkJggg==);
  background-repeat: repeat;
  background-size: 25px;
  padding-top: 100px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  z-index: 300;
}
.authentication--loader {
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.authentication__content {
  width: 450px;
  position: relative;
  z-index: 1;
}
.authentication__content--large {
  width: 900px;
}
.authentication__content:after {
  content: '';
  background-color: rgba(255, 255, 255, 0.03);
  position: absolute;
  top: -40px;
  right: -50px;
  bottom: -40px;
  left: -50px;
}
.authentication__content > * {
  position: relative;
  z-index: 1;
}
.authentication__divider {
  background-size: 50px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH9JREFUeNrs2DEKwCAQBdHZRhAE73/bWFiaNiE/s7BYibzSARhri/O0tXOfp6l9v3M//aE3IhCDEESJECHiJwhCEI0QxCQE0USIEPETBCGIIgQxCEF0ESJEiPjcx8tAZ6AzRogQIcJAZ6AzRogQIcJAZ6Az0IkQIULEW29cAgwAgsQbvTpICSMAAAAASUVORK5CYII=);
  background-repeat: repeat;
  position: relative;
}
.authentication__form {
  position: relative;
}
[class*="authentication__elbow"] {
  width: 20px;
  height: 20px;
  position: absolute;
}
.authentication__elbow-top-left {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  top: -40px;
  left: -50px;
}
.authentication__elbow-top-right {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  top: -40px;
  right: -50px;
}
.authentication__elbow-bottom-right {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  bottom: -40px;
  right: -50px;
}
.authentication__elbow-bottom-left {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  bottom: -40px;
  left: -50px;
}
/*  $FULL-SCREEN
    ========================================================================== */
@media screen and (min-height: 1200px) {
  .authentication {
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
            align-content: center;
  }
  .authentication__content:after {
    top: -60px;
    right: -70px;
    bottom: -60px;
    left: -70px;
  }
  .authentication__elbow-top-left {
    top: -60px;
    left: -70px;
  }
  .authentication__elbow-top-right {
    top: -60px;
    right: -70px;
  }
  .authentication__elbow-bottom-right {
    right: -70px;
    bottom: -60px;
  }
  .authentication__elbow-bottom-left {
    bottom: -60px;
    left: -70px;
  }
}
/*  ==========================================================================
    $TOC - NODE

    1. node
    ========================================================================== */
/*  $NODE
    ========================================================================== */
/***
 * http://warfares.github.io/pretty-json/
 */
.node-body {
  padding-left: 25px;
}
.node-body .node-body {
  padding-left: 35px;
}
.node-content-wrapper .node-content-wrapper.is-expanded .node-body {
  border-left: 1px dotted rgba(10, 46, 81, 0.3);
}
.node-leaf {
  position: relative;
  word-wrap: break-word;
  word-break: break-word;
}
.node-top,
.node-down {
  font-weight: 900;
  color: #0a2e51;
  cursor: pointer;
}
.node-leaf .node-top:before {
  content: '';
  content: '\e315';
  font-family: 'solvebio' !important;
  line-height: 1em;
  display: inline-block;
  position: relative;
  color: #227dda;
  width: 15px;
  height: 15px;
  border: 1px solid rgba(10, 46, 81, 0.3);
  border-color: rgba(34, 125, 218, 0.5);
  border-radius: 3px;
  position: absolute;
  left: -25px;
  top: 5px;
  cursor: pointer;
}
.node-leaf .node-top:hover:before {
  background-color: rgba(34, 125, 218, 0.2);
  border-color: #227dda;
}
.node-leaf .node-top.is-expanded:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
/*  $CARROT
    ========================================================================== */
.carrot {
  position: relative;
}
.carrot:before {
  content: '';
  border-right: 6px solid rgba(10, 46, 81, 0.1);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  position: absolute;
  top: 50%;
  right: 100%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 1;
}
/*  $VENDOR
    ========================================================================== */
/*  ==========================================================================
    $TOC - VENDOR

    1. IMPORTS
    ========================================================================== */
/*  $IMPORTS
    ========================================================================== */
/*
Version: 3.4.5 Timestamp: Mon Nov  4 08:22:42 PST 2013
*/
.select2-container {
  margin: 0;
  position: relative;
}
/*
      Force border-box so that % widths fit the parent
      container without overlap because of margin/padding.

      More Info : http://www.quirksmode.org/css/box.html
    */
.select2-container .select2-choice {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 80px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-container .select2-choice:after {
  content: '\e5c5';
  font-family: 'solvebio' !important;
  line-height: 1em;
  display: inline-block;
  position: relative;
  top: 1px;
  color: #227dda;
  font-size: 18px;
}
.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(top, #eee 0%, #fff 90%);
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 20px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}
.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-drop {
  position: absolute;
  z-index: 9999;
  top: 27px;
  right: 20px;
  left: 20px;
}
.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}
.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}
.select2-container .select2-choice .select2-arrow b {
  display: none;
}
.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
.select2-search input {
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  width: 100%;
  height: auto !important;
  min-height: 26px;
  background-color: #ffffff;
  padding: 0;
  border-radius: 0;
  outline: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  outline: none;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(bottom, #fff 0%, #eee 50%);
}
/* results */
.select2-results {
  width: 100%;
  max-height: 300px;
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 1px 5px rgba(10, 46, 81, 0.4), 0 0 3px rgba(10, 46, 81, 0.2);
  border-radius: 5px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 10000;
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results .select2-result-label {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-results .select2-result-single > * {
  border-top: 1px dotted rgba(10, 46, 81, 0.3);
}
.select2-results .select2-result-single {
  border-bottom: 1px dotted rgba(10, 46, 81, 0.3);
}
.select2-results .select2-result-single:empty {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 70px;
  background-color: rgba(10, 46, 81, 0.03);
  border-top: 1px dotted rgba(10, 46, 81, 0.3);
}
.select2-results .select2-result-single:empty:after {
  content: 'no matching results';
  font-weight: 900;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  display: block;
}
.select2-results .select2-highlighted {
  background-color: rgba(34, 125, 218, 0.1) !important;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}
/* multiselect */
.select2-container-multi {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
          align-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
.select2-container-multi .select2-drop {
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  position: static;
  display: block;
}
.select2-container-multi .select2-choices {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
          align-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  max-height: 125px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 5px;
  border-radius: 5px;
  border: 1px solid rgba(10, 46, 81, 0.3);
  margin-bottom: 20px;
  overflow-y: scroll;
}
.select2-locked {
  padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices .ui-select-match {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
          align-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.select2-container-multi .ui-select-match {
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
}
.select2-container-multi .ui-select-match .select2-search-field {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
}
.select2-container-multi .select2-search-field {
  margin-right: 5px;
  margin-bottom: 5px;
}
.select2-container-multi .select2-search-field input[type="text"] {
  color: rgba(0, 0, 0, 0.8);
  width: auto !important;
  height: auto;
  min-height: 25px;
  display: inline-block;
  padding: 0;
  padding-top: 4.7px;
  padding-bottom: 4.7px;
  border: 1px solid rgba(10, 46, 81, 0.3);
  border-color: transparent;
}
.select2-container-multi .select2-search-field input[type="text"][size="1"] {
  min-width: 100px;
}
.select2-container-multi .select2-search-field,
.select2-container-multi .select2-search-field input[type="text"] {
  width: 100% !important;
}
.select2-container-multi .select2-search-choice + .select2-search-field,
.select2-container-multi .select2-search-choice + .select2-search-field input[type="text"] {
  width: auto !important;
}
.select2-default {
  color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  color: #227dda;
  min-height: 25px;
  background-color: rgba(34, 125, 218, 0.2);
  padding-top: 4.7px;
  padding-right: 10px;
  padding-bottom: 4.7px;
  padding-left: 10px;
  border: 1px solid rgba(10, 46, 81, 0.3);
  border-color: rgba(34, 125, 218, 0.5);
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  position: relative;
}
.select2-container-multi .select2-choices .select2-search-choice:hover {
  color: #ef4641;
  background-color: rgba(239, 70, 65, 0.2);
  border-color: rgba(239, 70, 65, 0.5);
}
.select2-container-multi .select2-results {
  width: 100%;
  max-height: 200px;
  background-color: #ffffff;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  padding-bottom: 20px;
  border-top: 1px dotted rgba(10, 46, 81, 0.3);
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
}
.select2-container-multi .select2-result-label {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}
.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
}
.select2-container-multi .select2-search-choice-close {
  left: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: auto;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
  display: block;
  width: auto;
  height: auto;
  outline: none;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.select2-container-multi .select2-results .select2-highlighted:hover {
  background-color: rgba(34, 125, 218, 0.1) !important;
}
.select2-container-multi .select2-search-choice.select2-search-choice-focus {
  color: #ef4641;
  background-color: rgba(239, 70, 65, 0.2);
  border-color: rgba(239, 70, 65, 0.5);
}
.select2-container-multi .select2-results .ui-select-choices-row {
  position: relative;
}
.select2-container-multi .select2-results .ui-select-choices-row:hover {
  background-color: rgba(34, 125, 218, 0.2);
  padding-right: 40px;
}
.select2-container-multi .select2-results .select2-highlighted:after,
.select2-container-multi .select2-results .ui-select-choices-row:hover:after {
  content: '\e3ba';
  font-family: 'solvebio' !important;
  line-height: 1em;
  display: inline-block;
  position: relative;
  font-size: 18px;
  color: #227dda;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.select2-container-multi .select2-added {
  position: relative;
}
.select2-container-multi .select2-results .ui-select-choices-row.select2-added:after {
  content: '\e90d';
  font-family: 'solvebio' !important;
  line-height: 1em;
  display: inline-block;
  position: relative;
  font-size: 18px;
  color: #0a2e51;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.select2-container-multi .select2-added .select2-result-label {
  padding-right: 40px;
}
.select2-container-multi .select2-results .ui-select-choices-row.select2-added {
  background-color: rgba(10, 46, 81, 0.03) !important;
}
.select2-container-multi .select2-added .select2-result-label {
  cursor: default;
}
.select2-container-multi .select2-results .select2-result-single > * {
  border: 0;
  border-bottom: 1px dotted rgba(10, 46, 81, 0.3);
}
.select2-container-multi .select2-results .select2-result-single {
  border: 0;
}
.select2-container-multi .select2-results .select2-result-single:empty {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 70px;
  background-color: rgba(10, 46, 81, 0.03) !important;
  border-bottom: 1px dotted rgba(10, 46, 81, 0.3);
}
.select2-container-multi .select2-results .select2-result-single:empty:after {
  content: 'no matching results';
  font-weight: 900;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  display: block;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.8.3 - 2014-10-14T18:22:05.435Z
 * License: MIT
 */
/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8);
}
.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}
/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
  border-color: #D44950;
}
.select2-result-single {
  padding-left: 0;
}
/* Selectize theme */
/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
  border-color: #007FBB !important;
}
/* Fix input width for Selectize theme */
.selectize-control > .selectize-input > input {
  width: 100%;
}
/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%;
}
/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
  border-color: #D44950;
}
/* Bootstrap theme */
/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-select-bootstrap > .ui-select-match {
  /* Instead of center because of .btn */
  text-align: left;
}
.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}
/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}
.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: .3em;
}
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important;
  /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
}
.ui-select-bootstrap .ui-select-choices-row > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.ui-select-bootstrap .ui-select-choices-row > a:hover,
.ui-select-bootstrap .ui-select-choices-row > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.ui-select-bootstrap .ui-select-choices-row.active > a {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.ui-select-bootstrap .ui-select-choices-row.disabled > a,
.ui-select-bootstrap .ui-select-choices-row.active.disabled > a {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
  display: none !important;
}
/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
  border-color: #D44950;
}
tags-input {
  display: block;
}
tags-input .host {
  min-height: 16px;
  max-height: 292.5px;
  background-color: transparent;
  padding: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 28px;
  margin-bottom: 17.6px;
  position: relative;
  overflow-y: scroll;
  outline: 0;
  cursor: text;
}
tags-input .host:active,
tags-input .host:focus {
  outline: 0;
}
tags-input .tags {
  overflow: hidden;
  word-wrap: break-word;
}
tags-input .tags.focused {
  outline: none;
  box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
}
tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
tags-input .tags .tag-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
tags-input .tags .tag-item:not(:last-of-type) {
  color: #227dda;
  min-height: 25px;
  background-color: rgba(34, 125, 218, 0.2);
  display: inline-block;
  padding-top: 4.7px;
  padding-right: 10px;
  padding-bottom: 4.7px;
  padding-left: 10px;
  border: 1px solid rgba(10, 46, 81, 0.3);
  border-color: rgba(34, 125, 218, 0.5);
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}
tags-input .tags .tag-item .textarea {
  line-height: 1.2em;
  min-width: 94px;
  min-height: 25px;
  padding: 0;
  padding-top: 4.7px;
  padding-bottom: 4.7px;
  overflow: visible;
  resize: none !important;
}
tags-input .tags .tag-item:not(:last-of-type):hover,
tags-input .tags .tag-item.selected {
  color: #ef4641;
  background-color: rgba(239, 70, 65, 0.2);
  border-color: rgba(239, 70, 65, 0.5);
  cursor: pointer;
}
/*  $STYLING
    ========================================================================== */
/*  ==========================================================================
    $TOC - TYPE

    1. elements
    2. fontface
    3. size
    4. weight
    5. line-height
    6. utilities
    ========================================================================== */
/*  $ELEMENTS
    ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.2em;
  color: inherit;
  margin-top: 0;
  margin-bottom: 0;
}
ul {
  list-style: none;
  list-style-image: none;
  list-style-type: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
li {
  list-style: none;
  list-style-image: none;
  list-style-type: none;
  line-height: inherit;
  color: inherit;
  display: list-item;
  margin-top: 0;
  margin-bottom: 0;
  word-wrap: break-word;
  word-break: break-word;
}
/*  $FONTFACE
    ========================================================================== */
/* Google Fonts [https://www.google.com/core/fonts/] */
/* Web Safe Fonts [http://www.w3schools.com/cssref/css_websafe_fonts.asp] */
.font--display {
  font-family: 'Rajdhani', sans-serif;
}
.font--sans {
  font-family: 'Lato', sans-serif;
}
.font--monospace {
  font-family: 'Courier', Courier, monospace;
  text-rendering: auto;
}
/*  $SIZE
    ========================================================================== */
.font--smallest {
  font-size: 5px;
}
.font--smaller {
  font-size: 8px;
}
.font--small {
  font-size: 11px;
}
.font--base {
  font-size: 13px;
}
.font--large {
  font-size: 16px;
}
.font--larger {
  font-size: 18px;
}
.font--largest {
  font-size: 20px;
}
.font--big {
  font-size: 25px;
}
.font--bigger {
  font-size: 30px;
}
.font--biggest {
  font-size: 40px;
}
.font--huge {
  font-size: 50px;
}
.font--huger {
  font-size: 60px;
}
.font--hugest {
  font-size: 70px;
}
/*  $WEIGHT
    ========================================================================== */
.font--300 {
  font-weight: 300;
}
.font--400 {
  font-weight: 400;
}
.font--700 {
  font-weight: 700;
}
.font--800 {
  font-weight: 800;
}
.font--900 {
  font-weight: 900;
}
/*  $LINE-HEIGHT
    ========================================================================== */
.line-height--none {
  line-height: 0;
}
.line-height--tighter {
  line-height: 0.9em;
}
.line-height--tight {
  line-height: 1em;
}
.line-height--base {
  line-height: 1.2em;
}
.line-height--loose {
  line-height: 1.6em;
}
.line-height--looser {
  line-height: 2em;
}
/*  $LINE-HEIGHT
    ========================================================================== */
.letter-spacing--tighter {
  letter-spacing: -0.06em;
}
.letter-spacing--tight {
  letter-spacing: -0.02em;
}
/*  $UTLITIES
    ========================================================================== */
.text--left {
  text-align: left;
}
.text--right {
  text-align: right;
}
.text--center {
  text-align: center;
}
.text--justify {
  text-align: justify;
}
.text--uppercase {
  text-transform: uppercase;
}
.text--capitalize {
  text-transform: capitalize;
}
.text--underline {
  text-decoration: underline;
}
.text-rendering--legibility {
  text-rendering: optimizeLegibility;
}
.font--italic {
  font-style: italic;
}
.nowrap {
  white-space: nowrap;
}
.pre-line {
  white-space: pre-line;
}
.normal {
  white-space: normal;
}
.break-all {
  word-break: break-all;
}
.break-word {
  word-wrap: break-word;
  word-break: break-word;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*  ==========================================================================
    $TOC - COLOR

    1. opacity
    2. black
    3. white
    4. purple
    5. blue
    6. green
    7. yellow
    8. orange
    9. red
    10. grey
    ========================================================================== */
/***
 * SOURCE
 * https://yeun.github.io/open-color/ingredients.html#indigo
 *
 * VERSION
 * 1.2.1
 */
/*  $OPACITY
    ========================================================================== */
.opacity--base {
  opacity: 1;
}
.opacity--dim {
  opacity: 0.8;
}
.opacity--light {
  opacity: 0.5;
}
.opacity--lighter {
  opacity: 0.3;
}
.opacity--lightest {
  opacity: 0.2;
}
.opacity--clear {
  opacity: 0.1;
}
.opacity--clearer {
  opacity: 0.05;
}
.opacity--clearest {
  opacity: 0.03;
}
/*  $BLACK
    ========================================================================== */
.color--black-base {
  color: #000000;
}
.color--black-dim {
  color: rgba(0, 0, 0, 0.8);
}
.color--black-light {
  color: rgba(0, 0, 0, 0.5);
}
.color--black-lighter {
  color: rgba(0, 0, 0, 0.3);
}
.color--black-lightest {
  color: rgba(0, 0, 0, 0.2);
}
.color--black-clear {
  color: rgba(0, 0, 0, 0.1);
}
.color--black-clearer {
  color: rgba(0, 0, 0, 0.05);
}
.color--black-clearest {
  color: rgba(0, 0, 0, 0.03);
}
.bg--black-base {
  background-color: #000000;
}
.bg--black-dim {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg--black-light {
  background-color: rgba(0, 0, 0, 0.5);
}
.bg--black-lighter {
  background-color: rgba(0, 0, 0, 0.3);
}
.bg--black-lightest {
  background-color: rgba(0, 0, 0, 0.2);
}
.bg--black-clear {
  background-color: rgba(0, 0, 0, 0.1);
}
.bg--black-clearer {
  background-color: rgba(0, 0, 0, 0.05);
}
.bg--black-clearest {
  background-color: rgba(0, 0, 0, 0.03);
}
/*  $BLACK
    ========================================================================== */
.color--white-base {
  color: #ffffff;
}
.color--white-dim {
  color: rgba(255, 255, 255, 0.8);
}
.color--white-light {
  color: rgba(255, 255, 255, 0.5);
}
.color--white-lighter {
  color: rgba(255, 255, 255, 0.3);
}
.color--white-lightest {
  color: rgba(255, 255, 255, 0.2);
}
.color--white-clear {
  color: rgba(255, 255, 255, 0.1);
}
.color--white-clearer {
  color: rgba(255, 255, 255, 0.05);
}
.color--white-clearest {
  color: rgba(255, 255, 255, 0.03);
}
.bg--white-base {
  background-color: #ffffff;
}
.bg--white-dim {
  background-color: rgba(255, 255, 255, 0.8);
}
.bg--white-light {
  background-color: rgba(255, 255, 255, 0.5);
}
.bg--white-lighter {
  background-color: rgba(255, 255, 255, 0.3);
}
.bg--white-lightest {
  background-color: rgba(255, 255, 255, 0.2);
}
.bg--white-clear {
  background-color: rgba(255, 255, 255, 0.1);
}
.bg--white-clearer {
  background-color: rgba(255, 255, 255, 0.05);
}
.bg--white-clearest {
  background-color: rgba(255, 255, 255, 0.03);
}
/*  $PURPLE
    ========================================================================== */
.color--purple-base {
  color: #7d60c5;
}
.color--purple-dim {
  color: rgba(125, 96, 197, 0.8);
}
.color--purple-light {
  color: rgba(125, 96, 197, 0.5);
}
.color--purple-lighter {
  color: rgba(125, 96, 197, 0.3);
}
.color--purple-lightest {
  color: rgba(125, 96, 197, 0.2);
}
.color--purple-clear {
  color: rgba(125, 96, 197, 0.1);
}
.color--purple-clearer {
  color: rgba(125, 96, 197, 0.05);
}
.color--purple-clearest {
  color: rgba(125, 96, 197, 0.03);
}
.bg--purple-base {
  background-color: #7d60c5;
}
.bg--purple-dim {
  background-color: rgba(125, 96, 197, 0.8);
}
.bg--purple-light {
  background-color: rgba(125, 96, 197, 0.5);
}
.bg--purple-lighter {
  background-color: rgba(125, 96, 197, 0.3);
}
.bg--purple-lightest {
  background-color: rgba(125, 96, 197, 0.2);
}
.bg--purple-clear {
  background-color: rgba(125, 96, 197, 0.1);
}
.bg--purple-clearer {
  background-color: rgba(125, 96, 197, 0.05);
}
.bg--purple-clearest {
  background-color: rgba(125, 96, 197, 0.03);
}
/*  $PURPLE
    ========================================================================== */
.color--lavender-base {
  color: #ae3ec9;
}
.color--lavender-dim {
  color: rgba(174, 62, 201, 0.8);
}
.color--lavender-light {
  color: rgba(174, 62, 201, 0.5);
}
.color--lavender-lighter {
  color: rgba(174, 62, 201, 0.3);
}
.color--lavender-lightest {
  color: rgba(174, 62, 201, 0.2);
}
.color--lavender-clear {
  color: rgba(174, 62, 201, 0.1);
}
.color--lavender-clearer {
  color: rgba(174, 62, 201, 0.05);
}
.color--lavender-clearest {
  color: rgba(174, 62, 201, 0.03);
}
.bg--lavender-base {
  background-color: #ae3ec9;
}
.bg--lavender-dim {
  background-color: rgba(174, 62, 201, 0.8);
}
.bg--lavender-light {
  background-color: rgba(174, 62, 201, 0.5);
}
.bg--lavender-lighter {
  background-color: rgba(174, 62, 201, 0.3);
}
.bg--lavender-lightest {
  background-color: rgba(174, 62, 201, 0.2);
}
.bg--lavender-clear {
  background-color: rgba(174, 62, 201, 0.1);
}
.bg--lavender-clearer {
  background-color: rgba(174, 62, 201, 0.05);
}
.bg--lavender-clearest {
  background-color: rgba(174, 62, 201, 0.03);
}
/*  $BLUE
    ========================================================================== */
.color--blue-base {
  color: #227dda;
}
.color--blue-dim {
  color: rgba(34, 125, 218, 0.8);
}
.color--blue-light {
  color: rgba(34, 125, 218, 0.5);
}
.color--blue-lighter {
  color: rgba(34, 125, 218, 0.3);
}
.color--blue-lightest {
  color: rgba(34, 125, 218, 0.2);
}
.color--blue-clear {
  color: rgba(34, 125, 218, 0.1);
}
.color--blue-clearer {
  color: rgba(34, 125, 218, 0.05);
}
.color--blue-clearest {
  color: rgba(34, 125, 218, 0.03);
}
.bg--blue-base {
  background-color: #227dda;
}
.bg--blue-dim {
  background-color: rgba(34, 125, 218, 0.8);
}
.bg--blue-light {
  background-color: rgba(34, 125, 218, 0.5);
}
.bg--blue-lighter {
  background-color: rgba(34, 125, 218, 0.3);
}
.bg--blue-lightest {
  background-color: rgba(34, 125, 218, 0.2);
}
.bg--blue-clear {
  background-color: rgba(34, 125, 218, 0.1);
}
.bg--blue-clearer {
  background-color: rgba(34, 125, 218, 0.05);
}
.bg--blue-clearest {
  background-color: rgba(34, 125, 218, 0.03);
}
/*  $CYAN
    ========================================================================== */
.color--cyan-base {
  color: #439fe0;
}
.color--cyan-dim {
  color: rgba(67, 159, 224, 0.8);
}
.color--cyan-light {
  color: rgba(67, 159, 224, 0.5);
}
.color--cyan-lighter {
  color: rgba(67, 159, 224, 0.3);
}
.color--cyan-lightest {
  color: rgba(67, 159, 224, 0.2);
}
.color--cyan-clear {
  color: rgba(67, 159, 224, 0.1);
}
.color--cyan-clearer {
  color: rgba(67, 159, 224, 0.05);
}
.color--cyan-clearest {
  color: rgba(67, 159, 224, 0.03);
}
.bg--cyan-base {
  background-color: #439fe0;
}
.bg--cyan-dim {
  background-color: rgba(67, 159, 224, 0.8);
}
.bg--cyan-light {
  background-color: rgba(67, 159, 224, 0.5);
}
.bg--cyan-lighter {
  background-color: rgba(67, 159, 224, 0.3);
}
.bg--cyan-lightest {
  background-color: rgba(67, 159, 224, 0.2);
}
.bg--cyan-clear {
  background-color: rgba(67, 159, 224, 0.1);
}
.bg--cyan-clearer {
  background-color: rgba(67, 159, 224, 0.05);
}
.bg--cyan-clearest {
  background-color: rgba(67, 159, 224, 0.03);
}
/*  $TEAL
    ========================================================================== */
.color--teal-base {
  color: #3babb8;
}
.color--teal-dim {
  color: rgba(59, 171, 184, 0.8);
}
.color--teal-light {
  color: rgba(59, 171, 184, 0.5);
}
.color--teal-lighter {
  color: rgba(59, 171, 184, 0.3);
}
.color--teal-lightest {
  color: rgba(59, 171, 184, 0.2);
}
.color--teal-clear {
  color: rgba(59, 171, 184, 0.1);
}
.color--teal-clearer {
  color: rgba(59, 171, 184, 0.05);
}
.color--teal-clearest {
  color: rgba(59, 171, 184, 0.03);
}
.bg--teal-base {
  background-color: #3babb8;
}
.bg--teal-dim {
  background-color: rgba(59, 171, 184, 0.8);
}
.bg--teal-light {
  background-color: rgba(59, 171, 184, 0.5);
}
.bg--teal-lighter {
  background-color: rgba(59, 171, 184, 0.3);
}
.bg--teal-lightest {
  background-color: rgba(59, 171, 184, 0.2);
}
.bg--teal-clear {
  background-color: rgba(59, 171, 184, 0.1);
}
.bg--teal-clearer {
  background-color: rgba(59, 171, 184, 0.05);
}
.bg--teal-clearest {
  background-color: rgba(59, 171, 184, 0.03);
}
/*  $GREEN
    ========================================================================== */
.color--green-base {
  color: #1caa4b;
}
.color--green-dim {
  color: rgba(28, 170, 75, 0.8);
}
.color--green-light {
  color: rgba(28, 170, 75, 0.5);
}
.color--green-lighter {
  color: rgba(28, 170, 75, 0.3);
}
.color--green-lightest {
  color: rgba(28, 170, 75, 0.2);
}
.color--green-clear {
  color: rgba(28, 170, 75, 0.1);
}
.color--green-clearer {
  color: rgba(28, 170, 75, 0.05);
}
.color--green-clearest {
  color: rgba(28, 170, 75, 0.03);
}
.bg--green-base {
  background-color: #1caa4b;
}
.bg--green-dim {
  background-color: rgba(28, 170, 75, 0.8);
}
.bg--green-light {
  background-color: rgba(28, 170, 75, 0.5);
}
.bg--green-lighter {
  background-color: rgba(28, 170, 75, 0.3);
}
.bg--green-lightest {
  background-color: rgba(28, 170, 75, 0.2);
}
.bg--green-clear {
  background-color: rgba(28, 170, 75, 0.1);
}
.bg--green-clearer {
  background-color: rgba(28, 170, 75, 0.05);
}
.bg--green-clearest {
  background-color: rgba(28, 170, 75, 0.03);
}
/*  $YELLOW
    ========================================================================== */
.color--yellow-base {
  color: #edb431;
}
.color--yellow-dim {
  color: rgba(237, 180, 49, 0.8);
}
.color--yellow-light {
  color: rgba(237, 180, 49, 0.5);
}
.color--yellow-lighter {
  color: rgba(237, 180, 49, 0.3);
}
.color--yellow-lightest {
  color: rgba(237, 180, 49, 0.2);
}
.color--yellow-clear {
  color: rgba(237, 180, 49, 0.1);
}
.color--yellow-clearer {
  color: rgba(237, 180, 49, 0.05);
}
.color--yellow-clearest {
  color: rgba(237, 180, 49, 0.03);
}
.bg--yellow-base {
  background-color: #edb431;
}
.bg--yellow-dim {
  background-color: rgba(237, 180, 49, 0.8);
}
.bg--yellow-light {
  background-color: rgba(237, 180, 49, 0.5);
}
.bg--yellow-lighter {
  background-color: rgba(237, 180, 49, 0.3);
}
.bg--yellow-lightest {
  background-color: rgba(237, 180, 49, 0.2);
}
.bg--yellow-clear {
  background-color: rgba(237, 180, 49, 0.1);
}
.bg--yellow-clearer {
  background-color: rgba(237, 180, 49, 0.05);
}
.bg--yellow-clearest {
  background-color: rgba(237, 180, 49, 0.03);
}
/*  $ORANGE
    ========================================================================== */
.color--orange-base {
  color: #ff7a36;
}
.color--orange-dim {
  color: rgba(255, 122, 54, 0.8);
}
.color--orange-light {
  color: rgba(255, 122, 54, 0.5);
}
.color--orange-lighter {
  color: rgba(255, 122, 54, 0.3);
}
.color--orange-lightest {
  color: rgba(255, 122, 54, 0.2);
}
.color--orange-clear {
  color: rgba(255, 122, 54, 0.1);
}
.color--orange-clearer {
  color: rgba(255, 122, 54, 0.05);
}
.color--orange-clearest {
  color: rgba(255, 122, 54, 0.03);
}
.bg--orange-base {
  background-color: #ff7a36;
}
.bg--orange-dim {
  background-color: rgba(255, 122, 54, 0.8);
}
.bg--orange-light {
  background-color: rgba(255, 122, 54, 0.5);
}
.bg--orange-lighter {
  background-color: rgba(255, 122, 54, 0.3);
}
.bg--orange-lightest {
  background-color: rgba(255, 122, 54, 0.2);
}
.bg--orange-clear {
  background-color: rgba(255, 122, 54, 0.1);
}
.bg--orange-clearer {
  background-color: rgba(255, 122, 54, 0.05);
}
.bg--orange-clearest {
  background-color: rgba(255, 122, 54, 0.03);
}
/*  $RED
    ========================================================================== */
.color--red-base {
  color: #ef4641;
}
.color--red-dim {
  color: rgba(239, 70, 65, 0.8);
}
.color--red-light {
  color: rgba(239, 70, 65, 0.5);
}
.color--red-lighter {
  color: rgba(239, 70, 65, 0.3);
}
.color--red-lightest {
  color: rgba(239, 70, 65, 0.2);
}
.color--red-clear {
  color: rgba(239, 70, 65, 0.1);
}
.color--red-clearer {
  color: rgba(239, 70, 65, 0.05);
}
.color--red-clearest {
  color: rgba(239, 70, 65, 0.03);
}
.bg--red-base {
  background-color: #ef4641;
}
.bg--red-dim {
  background-color: rgba(239, 70, 65, 0.8);
}
.bg--red-light {
  background-color: rgba(239, 70, 65, 0.5);
}
.bg--red-lighter {
  background-color: rgba(239, 70, 65, 0.3);
}
.bg--red-lightest {
  background-color: rgba(239, 70, 65, 0.2);
}
.bg--red-clear {
  background-color: rgba(239, 70, 65, 0.1);
}
.bg--red-clearer {
  background-color: rgba(239, 70, 65, 0.05);
}
.bg--red-clearest {
  background-color: rgba(239, 70, 65, 0.03);
}
/*  $pink
    ========================================================================== */
.color--pink-base {
  color: #ff7974;
}
.color--pink-dim {
  color: rgba(255, 121, 116, 0.8);
}
.color--pink-light {
  color: rgba(255, 121, 116, 0.5);
}
.color--pink-lighter {
  color: rgba(255, 121, 116, 0.3);
}
.color--pink-lightest {
  color: rgba(255, 121, 116, 0.2);
}
.color--pink-clear {
  color: rgba(255, 121, 116, 0.1);
}
.color--pink-clearer {
  color: rgba(255, 121, 116, 0.05);
}
.color--pink-clearest {
  color: rgba(255, 121, 116, 0.03);
}
.bg--pink-base {
  background-color: #ff7974;
}
.bg--pink-dim {
  background-color: rgba(255, 121, 116, 0.8);
}
.bg--pink-light {
  background-color: rgba(255, 121, 116, 0.5);
}
.bg--pink-lighter {
  background-color: rgba(255, 121, 116, 0.3);
}
.bg--pink-lightest {
  background-color: rgba(255, 121, 116, 0.2);
}
.bg--pink-clear {
  background-color: rgba(255, 121, 116, 0.1);
}
.bg--pink-clearer {
  background-color: rgba(255, 121, 116, 0.05);
}
.bg--pink-clearest {
  background-color: rgba(255, 121, 116, 0.03);
}
/*  $GREY
    ========================================================================== */
.color--grey-base {
  color: #0a2e51;
}
.color--grey-dim {
  color: rgba(10, 46, 81, 0.8);
}
.color--grey-light {
  color: rgba(10, 46, 81, 0.5);
}
.color--grey-lighter {
  color: rgba(10, 46, 81, 0.3);
}
.color--grey-lightest {
  color: rgba(10, 46, 81, 0.2);
}
.color--grey-clear {
  color: rgba(10, 46, 81, 0.1);
}
.color--grey-clearer {
  color: rgba(10, 46, 81, 0.05);
}
.color--grey-clearest {
  color: rgba(10, 46, 81, 0.03);
}
.bg--grey-base {
  background-color: #0a2e51;
}
.bg--grey-dim {
  background-color: rgba(10, 46, 81, 0.8);
}
.bg--grey-light {
  background-color: rgba(10, 46, 81, 0.5);
}
.bg--grey-lighter {
  background-color: rgba(10, 46, 81, 0.3);
}
.bg--grey-lightest {
  background-color: rgba(10, 46, 81, 0.2);
}
.bg--grey-clear {
  background-color: rgba(10, 46, 81, 0.1);
}
.bg--grey-clearer {
  background-color: rgba(10, 46, 81, 0.05);
}
.bg--grey-clearest {
  background-color: rgba(10, 46, 81, 0.03);
}
/*  $QUALITATIVE
    ========================================================================== */
.color--qualitative-1 {
  color: #439fe0;
}
.color--qualitative-2 {
  color: #ff7a36;
}
.color--qualitative-3 {
  color: #ff7a36;
}
.color--qualitative-4 {
  color: #ae3ec9;
}
/*  ==========================================================================
    $TOC - SPACING

    1. space
    2. content
    3. padding
    4. border
    5. box
    6. margin
    ========================================================================== */
/*  $SPACE
    ========================================================================== */
/*  $CONTENT
    ========================================================================== */
.content--micro {
  line-height: 2px;
}
.content--tiniest {
  line-height: 3px;
}
.content--tinier {
  line-height: 5px;
}
.content--tiny {
  line-height: 10px;
}
.content--smallest {
  line-height: 15px;
}
.content--smaller {
  line-height: 20px;
}
.content--small {
  line-height: 25px;
}
.content--large {
  line-height: 30px;
}
.content--larger {
  line-height: 40px;
}
.content--largest {
  line-height: 50px;
}
.content--big {
  line-height: 60px;
}
.content--bigger {
  line-height: 100px;
}
.content--biggest {
  line-height: 150px;
}
.content--huge {
  line-height: 200px;
}
/*  $PADDING
    ========================================================================== */
/* X */
.padding--x-micro {
  padding-right: 2px;
  padding-left: 2px;
}
.padding--y-tiniest {
  padding-top: 3px;
  padding-bottom: 3px;
}
.padding--x-tiniest {
  padding-right: 3px;
  padding-left: 3px;
}
.padding--x-tinier {
  padding-right: 5px;
  padding-left: 5px;
}
.padding--x-tiny {
  padding-right: 10px;
  padding-left: 10px;
}
.padding--x-smallest {
  padding-right: 15px;
  padding-left: 15px;
}
.padding--x-smaller {
  padding-right: 20px;
  padding-left: 20px;
}
.padding--x-small {
  padding-right: 25px;
  padding-left: 25px;
}
.padding--x-large {
  padding-right: 30px;
  padding-left: 30px;
}
.padding--x-larger {
  padding-right: 40px;
  padding-left: 40px;
}
.padding--x-largest {
  padding-right: 50px;
  padding-left: 50px;
}
.padding--x-big {
  padding-right: 60px;
  padding-left: 60px;
}
.padding--x-bigger {
  padding-right: 100px;
  padding-left: 100px;
}
.padding--x-biggest {
  padding-right: 150px;
  padding-left: 150px;
}
.padding--x-huge {
  padding-right: 200px;
  padding-left: 200px;
}
/* Y */
.padding--y-micro {
  padding-top: 2px;
  padding-bottom: 2px;
}
.padding--y-tiniest {
  padding-top: 3px;
  padding-bottom: 3px;
}
.padding--y-tiniest {
  padding-top: 3px;
  padding-bottom: 3px;
}
.padding--y-tinier {
  padding-top: 5px;
  padding-bottom: 5px;
}
.padding--y-tiny {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding--y-smallest {
  padding-top: 15px;
  padding-bottom: 15px;
}
.padding--y-smaller {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding--y-small {
  padding-top: 25px;
  padding-bottom: 25px;
}
.padding--y-large {
  padding-top: 30px;
  padding-bottom: 30px;
}
.padding--y-larger {
  padding-top: 40px;
  padding-bottom: 40px;
}
.padding--y-largest {
  padding-top: 50px;
  padding-bottom: 50px;
}
.padding--y-big {
  padding-top: 60px;
  padding-bottom: 60px;
}
.padding--y-bigger {
  padding-top: 100px;
  padding-bottom: 100px;
}
.padding--y-biggest {
  padding-top: 150px;
  padding-bottom: 150px;
}
.padding--y-huge {
  padding-top: 200px;
  padding-bottom: 200px;
}
/* TOP */
.padding--top-micro {
  padding-top: 2px;
}
.padding--top-tiniest {
  padding-top: 3px;
}
.padding--top-tinier {
  padding-top: 5px;
}
.padding--top-tiny {
  padding-top: 10px;
}
.padding--top-smallest {
  padding-top: 15px;
}
.padding--top-smaller {
  padding-top: 20px;
}
.padding--top-small {
  padding-top: 25px;
}
.padding--top-large {
  padding-top: 30px;
}
.padding--top-larger {
  padding-top: 40px;
}
.padding--top-largest {
  padding-top: 50px;
}
.padding--top-big {
  padding-top: 60px;
}
.padding--top-bigger {
  padding-top: 100px;
}
.padding--top-biggest {
  padding-top: 150px;
}
.padding--top-huge {
  padding-top: 200px;
}
/* RIGHT */
.padding--right-micro {
  padding-right: 2px;
}
.padding--right-tiniest {
  padding-right: 3px;
}
.padding--right-tinier {
  padding-right: 5px;
}
.padding--right-tiny {
  padding-right: 10px;
}
.padding--right-smallest {
  padding-right: 15px;
}
.padding--right-smaller {
  padding-right: 20px;
}
.padding--right-small {
  padding-right: 25px;
}
.padding--right-large {
  padding-right: 30px;
}
.padding--right-larger {
  padding-right: 40px;
}
.padding--right-largest {
  padding-right: 50px;
}
.padding--right-big {
  padding-right: 60px;
}
.padding--right-bigger {
  padding-right: 100px;
}
.padding--right-biggest {
  padding-right: 150px;
}
.padding--right-huge {
  padding-right: 200px;
}
/* BOTTOM */
.padding--bottom-micro {
  padding-bottom: 2px;
}
.padding--bottom-tiniest {
  padding-bottom: 3px;
}
.padding--bottom-tinier {
  padding-bottom: 5px;
}
.padding--bottom-tiny {
  padding-bottom: 10px;
}
.padding--bottom-smallest {
  padding-bottom: 15px;
}
.padding--bottom-smaller {
  padding-bottom: 20px;
}
.padding--bottom-small {
  padding-bottom: 25px;
}
.padding--bottom-large {
  padding-bottom: 30px;
}
.padding--bottom-larger {
  padding-bottom: 40px;
}
.padding--bottom-largest {
  padding-bottom: 50px;
}
.padding--bottom-big {
  padding-bottom: 60px;
}
.padding--bottom-bigger {
  padding-bottom: 100px;
}
.padding--bottom-biggest {
  padding-bottom: 150px;
}
.padding--bottom-huge {
  padding-bottom: 200px;
}
/* LEFT */
.padding--left-micro {
  padding-left: 2px;
}
.padding--left-tiniest {
  padding-left: 3px;
}
.padding--left-tinier {
  padding-left: 5px;
}
.padding--left-tiny {
  padding-left: 10px;
}
.padding--left-smallest {
  padding-left: 15px;
}
.padding--left-smaller {
  padding-left: 20px;
}
.padding--left-small {
  padding-left: 25px;
}
.padding--left-large {
  padding-left: 30px;
}
.padding--left-larger {
  padding-left: 40px;
}
.padding--left-largest {
  padding-left: 50px;
}
.padding--left-big {
  padding-left: 60px;
}
.padding--left-bigger {
  padding-left: 100px;
}
.padding--left-biggest {
  padding-left: 150px;
}
.padding--left-huge {
  padding-left: 200px;
}
/*  $BORDER
    ========================================================================== */
/* RADII */
.border-radius--smaller {
  border-radius: 3px;
}
.border-radius--small {
  border-radius: 5px;
}
.border-radius--base {
  border-radius: 10px;
}
.border-radius--circle {
  border-radius: 50%;
}
.border-radius--pill {
  border-radius: 999em;
}
/* TOP */
.border-radius--top-smaller {
  border-radius: 3px 3px 0 0;
}
.border-radius--top-small {
  border-radius: 5px 5px 0 0;
}
.border-radius--top-base {
  border-radius: 10px 10px 0 0;
}
.border-radius--top-pill {
  border-radius: 999em 999em 0 0;
}
/* RIGHT */
.border-radius--right-smaller {
  border-radius: 0 3px 3px 0;
}
.border-radius--right-small {
  border-radius: 0 5px 5px 0;
}
.border-radius--right-base {
  border-radius: 0 10px 10px 0;
}
.border-radius--right-pill {
  border-radius: 0 999em 999em 0;
}
/* BOTTOM */
.border-radius--bottom-smaller {
  border-radius: 0 0 3px 3px;
}
.border-radius--bottom-small {
  border-radius: 0 0 5px 5px;
}
.border-radius--bottom-base {
  border-radius: 0 0 10px 10px;
}
.border-radius--bottom-pill {
  border-radius: 0 0 999em 999em;
}
/* LEFT */
.border-radius--left-smaller {
  border-radius: 3px 0 0 3px;
}
.border-radius--left-small {
  border-radius: 5px 0 0 5px;
}
.border-radius--left-base {
  border-radius: 10px 0 0 10px;
}
.border-radius--left-pill {
  border-radius: 999em 0 0 999em;
}
/* TOP-LEFT */
.border-radius--top-left-smaller {
  border-top-left-radius: 3px;
}
.border-radius--top-left-small {
  border-top-left-radius: 5px;
}
.border-radius--top-left-base {
  border-top-left-radius: 10px;
}
/* TOP-RIGHT */
.border-radius--top-right-smaller {
  border-top-right-radius: 3px;
}
.border-radius--top-right-small {
  border-top-right-radius: 5px;
}
.border-radius--top-right-base {
  border-top-right-radius: 10px;
}
/* BOTTOM-RIGHT */
.border-radius--bottom-right-smaller {
  border-bottom-right-radius: 3px;
}
.border-radius--bottom-right-small {
  border-bottom-right-radius: 5px;
}
.border-radius--bottom-right-base {
  border-bottom-right-radius: 10px;
}
/* BOTTOM-LEFT */
.border-radius--bottom-left-smaller {
  border-bottom-left-radius: 3px;
}
.border-radius--bottom-left-small {
  border-bottom-left-radius: 5px;
}
.border-radius--bottom-left-base {
  border-bottom-left-radius: 10px;
}
/* SOLID */
.border--base-solid {
  border: 1px solid rgba(10, 46, 81, 0.3);
}
.border--top-solid {
  border-top: 1px solid rgba(10, 46, 81, 0.3);
}
.border--right-solid {
  border-right: 1px solid rgba(10, 46, 81, 0.3);
}
.border--bottom-solid {
  border-bottom: 1px solid rgba(10, 46, 81, 0.3);
}
.border--left-solid {
  border-left: 1px solid rgba(10, 46, 81, 0.3);
}
.border--x-solid > *:not(:last-of-type) {
  border-right: 1px solid rgba(10, 46, 81, 0.3);
}
.border--y-solid > *:not(:last-of-type) {
  border-bottom: 1px solid rgba(10, 46, 81, 0.3);
}
.border--x-dotted > *:not(:last-of-type) {
  border-right: 1px dotted rgba(10, 46, 81, 0.3);
}
.border--y-dotted > *:not(:last-of-type) {
  border-bottom: 1px dotted rgba(10, 46, 81, 0.3);
}
/* THICK */
.border--base-thick {
  border: 5px solid rgba(10, 46, 81, 0.3);
}
.border--top-thick {
  border-top: 5px solid rgba(10, 46, 81, 0.3);
}
.border--right-thick {
  border-right: 5px solid rgba(10, 46, 81, 0.3);
}
.border--bottom-thick {
  border-bottom: 5px solid rgba(10, 46, 81, 0.3);
}
.border--left-thick {
  border-left: 5px solid rgba(10, 46, 81, 0.3);
}
/* DOTTED */
.border--base-dotted {
  border: 1px dotted rgba(10, 46, 81, 0.3);
}
.border--top-dotted {
  border-top: 1px dotted rgba(10, 46, 81, 0.3);
}
.border--right-dotted {
  border-right: 1px dotted rgba(10, 46, 81, 0.3);
}
.border--bottom-dotted {
  border-bottom: 1px dotted rgba(10, 46, 81, 0.3);
}
.border--left-dotted {
  border-left: 1px dotted rgba(10, 46, 81, 0.3);
}
/* DASHED */
.border--base-dashed {
  border: 2px dashed rgba(10, 46, 81, 0.3);
}
.border--top-dashed {
  border-top: 2px dashed rgba(10, 46, 81, 0.3);
}
.border--right-dashed {
  border-right: 2px dashed rgba(10, 46, 81, 0.3);
}
.border--bottom-dashed {
  border-bottom: 2px dashed rgba(10, 46, 81, 0.3);
}
.border--left-dashed {
  border-left: 2px dashed rgba(10, 46, 81, 0.3);
}
/* NONE */
.border--top-none {
  border-top: none;
}
.border--right-none {
  border-right: none;
}
.border--bottom-none {
  border-bottom: none;
}
.border--left-none {
  border-left: none;
}
/* COLORS */
.border-color--black-base {
  border-color: #000000;
}
.border-color--black-dim {
  border-color: rgba(0, 0, 0, 0.8);
}
.border-color--black-light {
  border-color: rgba(0, 0, 0, 0.5);
}
.border-color--black-lighter {
  border-color: rgba(0, 0, 0, 0.3);
}
.border-color--black-lightest {
  border-color: rgba(0, 0, 0, 0.2);
}
.border-color--black-clear {
  border-color: rgba(0, 0, 0, 0.1);
}
.border-color--black-clearer {
  border-color: rgba(0, 0, 0, 0.05);
}
.border-color--black-clearest {
  border-color: rgba(0, 0, 0, 0.03);
}
.border-color--white-base {
  border-color: #ffffff;
}
.border-color--white-dim {
  border-color: rgba(255, 255, 255, 0.8);
}
.border-color--white-light {
  border-color: rgba(255, 255, 255, 0.5);
}
.border-color--white-lighter {
  border-color: rgba(255, 255, 255, 0.3);
}
.border-color--white-lightest {
  border-color: rgba(255, 255, 255, 0.2);
}
.border-color--white-clear {
  border-color: rgba(255, 255, 255, 0.1);
}
.border-color--white-clearer {
  border-color: rgba(255, 255, 255, 0.05);
}
.border-color--white-clearest {
  border-color: rgba(255, 255, 255, 0.03);
}
.border-color--purple-base {
  border-color: #7d60c5;
}
.border-color--purple-dim {
  border-color: rgba(125, 96, 197, 0.8);
}
.border-color--purple-light {
  border-color: rgba(125, 96, 197, 0.5);
}
.border-color--purple-lighter {
  border-color: rgba(125, 96, 197, 0.3);
}
.border-color--purple-lightest {
  border-color: rgba(125, 96, 197, 0.2);
}
.border-color--purple-clear {
  border-color: rgba(125, 96, 197, 0.1);
}
.border-color--purple-clearer {
  border-color: rgba(125, 96, 197, 0.05);
}
.border-color--purple-clearest {
  border-color: rgba(125, 96, 197, 0.03);
}
.border-color--blue-base {
  border-color: #227dda;
}
.border-color--blue-dim {
  border-color: rgba(34, 125, 218, 0.8);
}
.border-color--blue-light {
  border-color: rgba(34, 125, 218, 0.5);
}
.border-color--blue-lighter {
  border-color: rgba(34, 125, 218, 0.3);
}
.border-color--blue-lightest {
  border-color: rgba(34, 125, 218, 0.2);
}
.border-color--blue-clear {
  border-color: rgba(34, 125, 218, 0.1);
}
.border-color--blue-clearer {
  border-color: rgba(34, 125, 218, 0.05);
}
.border-color--blue-clearest {
  border-color: rgba(34, 125, 218, 0.03);
}
.border-color--green-base {
  border-color: #1caa4b;
}
.border-color--green-dim {
  border-color: rgba(28, 170, 75, 0.8);
}
.border-color--green-light {
  border-color: rgba(28, 170, 75, 0.5);
}
.border-color--green-lighter {
  border-color: rgba(28, 170, 75, 0.3);
}
.border-color--green-lightest {
  border-color: rgba(28, 170, 75, 0.2);
}
.border-color--green-clear {
  border-color: rgba(28, 170, 75, 0.1);
}
.border-color--green-clearer {
  border-color: rgba(28, 170, 75, 0.05);
}
.border-color--green-clearest {
  border-color: rgba(28, 170, 75, 0.03);
}
.border-color--teal-base {
  border-color: #3babb8;
}
.border-color--teal-dim {
  border-color: rgba(59, 171, 184, 0.8);
}
.border-color--teal-light {
  border-color: rgba(59, 171, 184, 0.5);
}
.border-color--teal-lighter {
  border-color: rgba(59, 171, 184, 0.3);
}
.border-color--teal-lightest {
  border-color: rgba(59, 171, 184, 0.2);
}
.border-color--teal-clear {
  border-color: rgba(59, 171, 184, 0.1);
}
.border-color--teal-clearer {
  border-color: rgba(59, 171, 184, 0.05);
}
.border-color--teal-clearest {
  border-color: rgba(59, 171, 184, 0.03);
}
.border-color--yellow-base {
  border-color: #edb431;
}
.border-color--yellow-dim {
  border-color: rgba(237, 180, 49, 0.8);
}
.border-color--yellow-light {
  border-color: rgba(237, 180, 49, 0.5);
}
.border-color--yellow-lighter {
  border-color: rgba(237, 180, 49, 0.3);
}
.border-color--yellow-lightest {
  border-color: rgba(237, 180, 49, 0.2);
}
.border-color--yellow-clear {
  border-color: rgba(237, 180, 49, 0.1);
}
.border-color--yellow-clearer {
  border-color: rgba(237, 180, 49, 0.05);
}
.border-color--yellow-clearest {
  border-color: rgba(237, 180, 49, 0.03);
}
.border-color--orange-base {
  border-color: #ff7a36;
}
.border-color--orange-dim {
  border-color: rgba(255, 122, 54, 0.8);
}
.border-color--orange-light {
  border-color: rgba(255, 122, 54, 0.5);
}
.border-color--orange-lighter {
  border-color: rgba(255, 122, 54, 0.3);
}
.border-color--orange-lightest {
  border-color: rgba(255, 122, 54, 0.2);
}
.border-color--orange-clear {
  border-color: rgba(255, 122, 54, 0.1);
}
.border-color--orange-clearer {
  border-color: rgba(255, 122, 54, 0.05);
}
.border-color--orange-clearest {
  border-color: rgba(255, 122, 54, 0.03);
}
.border-color--red-base {
  border-color: #ef4641;
}
.border-color--red-dim {
  border-color: rgba(239, 70, 65, 0.8);
}
.border-color--red-light {
  border-color: rgba(239, 70, 65, 0.5);
}
.border-color--red-lighter {
  border-color: rgba(239, 70, 65, 0.3);
}
.border-color--red-lightest {
  border-color: rgba(239, 70, 65, 0.2);
}
.border-color--red-clear {
  border-color: rgba(239, 70, 65, 0.1);
}
.border-color--red-clearer {
  border-color: rgba(239, 70, 65, 0.05);
}
.border-color--red-clearest {
  border-color: rgba(239, 70, 65, 0.03);
}
.border-color--pink-base {
  border-color: #ff7974;
}
.border-color--pink-dim {
  border-color: rgba(255, 121, 116, 0.8);
}
.border-color--pink-light {
  border-color: rgba(255, 121, 116, 0.5);
}
.border-color--pink-lighter {
  border-color: rgba(255, 121, 116, 0.3);
}
.border-color--pink-lightest {
  border-color: rgba(255, 121, 116, 0.2);
}
.border-color--pink-clear {
  border-color: rgba(255, 121, 116, 0.1);
}
.border-color--pink-clearer {
  border-color: rgba(255, 121, 116, 0.05);
}
.border-color--pink-clearest {
  border-color: rgba(255, 121, 116, 0.03);
}
.border-color--grey-base {
  border-color: #0a2e51;
}
.border-color--grey-dim {
  border-color: rgba(10, 46, 81, 0.8);
}
.border-color--grey-light {
  border-color: rgba(10, 46, 81, 0.5);
}
.border-color--grey-lighter {
  border-color: rgba(10, 46, 81, 0.3);
}
.border-color--grey-lightest {
  border-color: rgba(10, 46, 81, 0.2);
}
.border-color--grey-clear {
  border-color: rgba(10, 46, 81, 0.1);
}
.border-color--grey-clearer {
  border-color: rgba(10, 46, 81, 0.05);
}
.border-color--grey-clearest {
  border-color: rgba(10, 46, 81, 0.03);
}
/*  $BOX
    ========================================================================== */
.box--micro {
  width: 2px;
  height: 2px;
}
.box--tiniest {
  width: 3px;
  height: 3px;
}
.box--tinier {
  width: 5px;
  height: 5px;
}
.box--tiny {
  width: 10px;
  height: 10px;
}
.box--smallest {
  width: 15px;
  height: 15px;
}
.box--smaller {
  width: 20px;
  height: 20px;
}
.box--small {
  width: 25px;
  height: 25px;
}
.box--large {
  width: 30px;
  height: 30px;
}
.box--larger {
  width: 40px;
  height: 40px;
}
.box--largest {
  width: 50px;
  height: 50px;
}
.box--big {
  width: 60px;
  height: 60px;
}
.box--bigger {
  width: 100px;
  height: 100px;
}
.box--biggest {
  width: 150px;
  height: 150px;
}
.box--huge {
  width: 200px;
  height: 200px;
}
/*  $MARGIN
    ========================================================================== */
.remove-margin > :last-child {
  margin-bottom: 0;
}
/* X */
.margin--x-micro {
  margin-right: 2px;
  margin-left: 2px;
}
.margin--y-tiniest {
  margin-top: 3px;
  margin-bottom: 3px;
}
.margin--x-tiniest {
  margin-right: 3px;
  margin-left: 3px;
}
.margin--x-tinier {
  margin-right: 5px;
  margin-left: 5px;
}
.margin--x-tiny {
  margin-right: 10px;
  margin-left: 10px;
}
.margin--x-smallest {
  margin-right: 15px;
  margin-left: 15px;
}
.margin--x-smaller {
  margin-right: 20px;
  margin-left: 20px;
}
.margin--x-small {
  margin-right: 25px;
  margin-left: 25px;
}
.margin--x-large {
  margin-right: 30px;
  margin-left: 30px;
}
.margin--x-larger {
  margin-right: 40px;
  margin-left: 40px;
}
.margin--x-largest {
  margin-right: 50px;
  margin-left: 50px;
}
.margin--x-big {
  margin-right: 60px;
  margin-left: 60px;
}
.margin--x-bigger {
  margin-right: 100px;
  margin-left: 100px;
}
.margin--x-biggest {
  margin-right: 150px;
  margin-left: 150px;
}
.margin--x-huge {
  margin-right: 200px;
  margin-left: 200px;
}
/* Y */
.margin--x-micro {
  margin-right: 2px;
  margin-left: 2px;
}
.margin--y-tiniest {
  margin-top: 3px;
  margin-bottom: 3px;
}
.margin--y-tiniest {
  margin-top: 3px;
  margin-bottom: 3px;
}
.margin--y-tinier {
  margin-top: 5px;
  margin-bottom: 5px;
}
.margin--y-tiny {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin--y-smallest {
  margin-top: 15px;
  margin-bottom: 15px;
}
.margin--y-smaller {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin--y-small {
  margin-top: 25px;
  margin-bottom: 25px;
}
.margin--y-large {
  margin-top: 30px;
  margin-bottom: 30px;
}
.margin--y-larger {
  margin-top: 40px;
  margin-bottom: 40px;
}
.margin--y-largest {
  margin-top: 50px;
  margin-bottom: 50px;
}
.margin--y-big {
  margin-top: 60px;
  margin-bottom: 60px;
}
.margin--y-bigger {
  margin-top: 100px;
  margin-bottom: 100px;
}
.margin--y-biggest {
  margin-top: 150px;
  margin-bottom: 150px;
}
.margin--y-huge {
  margin-top: 200px;
  margin-bottom: 200px;
}
/* TOP */
.margin--top-micro {
  margin-top: 2px;
}
.margin--top-tiniest {
  margin-top: 3px;
}
.margin--top-tinier {
  margin-top: 5px;
}
.margin--top-tiny {
  margin-top: 10px;
}
.margin--top-smallest {
  margin-top: 15px;
}
.margin--top-smaller {
  margin-top: 20px;
}
.margin--top-small {
  margin-top: 25px;
}
.margin--top-large {
  margin-top: 30px;
}
.margin--top-larger {
  margin-top: 40px;
}
.margin--top-largest {
  margin-top: 50px;
}
.margin--top-big {
  margin-top: 60px;
}
.margin--top-bigger {
  margin-top: 100px;
}
.margin--top-biggest {
  margin-top: 150px;
}
.margin--top-huge {
  margin-top: 200px;
}
/* RIGHT */
.margin--right-micro {
  margin-right: 2px;
}
.margin--right-tiniest {
  margin-right: 3px;
}
.margin--right-tinier {
  margin-right: 5px;
}
.margin--right-tiny {
  margin-right: 10px;
}
.margin--right-smallest {
  margin-right: 15px;
}
.margin--right-smaller {
  margin-right: 20px;
}
.margin--right-small {
  margin-right: 25px;
}
.margin--right-large {
  margin-right: 30px;
}
.margin--right-larger {
  margin-right: 40px;
}
.margin--right-largest {
  margin-right: 50px;
}
.margin--right-big {
  margin-right: 60px;
}
.margin--right-bigger {
  margin-right: 100px;
}
.margin--right-biggest {
  margin-right: 150px;
}
.margin--right-huge {
  margin-right: 200px;
}
/* BOTTOM */
.margin--bottom-micro {
  margin-bottom: 2px;
}
.margin--bottom-tiniest {
  margin-bottom: 3px;
}
.margin--bottom-tinier {
  margin-bottom: 5px;
}
.margin--bottom-tiny {
  margin-bottom: 10px;
}
.margin--bottom-smallest {
  margin-bottom: 15px;
}
.margin--bottom-smaller {
  margin-bottom: 20px;
}
.margin--bottom-small {
  margin-bottom: 25px;
}
.margin--bottom-large {
  margin-bottom: 30px;
}
.margin--bottom-larger {
  margin-bottom: 40px;
}
.margin--bottom-largest {
  margin-bottom: 50px;
}
.margin--bottom-big {
  margin-bottom: 60px;
}
.margin--bottom-bigger {
  margin-bottom: 100px;
}
.margin--bottom-biggest {
  margin-bottom: 150px;
}
.margin--bottom-huge {
  margin-bottom: 200px;
}
/* LEFT */
.margin--left-micro {
  margin-left: 2px;
}
.margin--left-tiniest {
  margin-left: 3px;
}
.margin--left-tinier {
  margin-left: 5px;
}
.margin--left-tiny {
  margin-left: 10px;
}
.margin--left-smallest {
  margin-left: 15px;
}
.margin--left-smaller {
  margin-left: 20px;
}
.margin--left-small {
  margin-left: 25px;
}
.margin--left-large {
  margin-left: 30px;
}
.margin--left-larger {
  margin-left: 40px;
}
.margin--left-largest {
  margin-left: 50px;
}
.margin--left-big {
  margin-left: 60px;
}
.margin--left-bigger {
  margin-left: 100px;
}
.margin--left-biggest {
  margin-left: 150px;
}
.margin--left-huge {
  margin-left: 200px;
}
/*  ==========================================================================
    $TOC - UTLITIES

    1. disable
    2. overflow
    3. display
    ========================================================================== */
/*  $OVERFLOW
    ========================================================================== */
.overflow-y--hidden {
  overflow-y: hidden !important;
}
.overflow-y--scroll {
  overflow-y: scroll !important;
}
.overflow-x--hidden {
  overflow-x: hidden !important;
}
.overflow-x--scroll {
  overflow-x: scroll !important;
}
/*  $DISPLAY
    ========================================================================== */
.display--block {
  display: block !important;
}
.display--flex {
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.display--none {
  display: none !important;
}
/*  $VISIBILITY
    ========================================================================== */
.visibility--visible {
  visibility: visible !important;
}
.visibility--hidden {
  visibility: hidden !important;
}
/*  ==========================================================================
    $TOC - ANIMATION

    1. spin
    ========================================================================== */
/*  $SPIN
    ========================================================================== */
.spin.is-active {
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*  $RESPONSIVE
    ========================================================================== */
/*  ==========================================================================
    $TOC - RESPONSIVE

    1. sizes
    2. large
    3. medium
    4. small
    5. extra-small
    ========================================================================== */
/***
 * Each breakpoint includes
 *
 * flexbox
 * grid
 * padding
 * margin
 * type
 * visibility
 */
/*  $SIZES
    ========================================================================== */
/*  $LARGE
    ========================================================================== */
@media only screen and (min-width: 1025px) {
  /* $VISIBILITY */
  .lg__hide {
    display: none;
  }
}
/*  $MEDIUM
    ========================================================================== */
@media only screen and (max-width: 1024px) {
  /* $FLEXBOX */
  .md__flex-direction--row {
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .md__flex-direction--row-reverse {
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .md__flex-direction--column {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .md__flex-direction--column-reverse {
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .md__flex-wrap--nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .md__flex-wrap--wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .md__flex-wrap--wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  .md__flex-align-items--flex-start {
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
  }
  .md__flex-align-items--flex-end {
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
  }
  .md__flex-align-items--center {
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
  }
  .md__flex-align-items--baseline {
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    -ms-grid-row-align: baseline;
    align-items: baseline;
  }
  .md__flex-align-items--stretch {
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
  }
  .md__flex-justify-content--flex-start {
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .md__flex-justify-content--flex-end {
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .md__flex-justify-content--center {
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .md__flex-justify-content--space-between {
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .md__flex-justify-content--space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .md__flex-align-content--flex-start {
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
            align-content: flex-start;
  }
  .md__flex-align-content--flex-end {
    -ms-flex-line-pack: end;
    -webkit-align-content: flex-end;
            align-content: flex-end;
  }
  .md__flex-align-content--center {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
            align-content: center;
  }
  .md__flex-align-content--space-between {
    -ms-flex-line-pack: justify;
    -webkit-align-content: space-between;
            align-content: space-between;
  }
  .md__flex-align-content--space-around {
    -ms-flex-line-pack: distribute;
    -webkit-align-content: space-around;
            align-content: space-around;
  }
  .md__flex-align-content--stretch {
    -ms-flex-line-pack: stretch;
    -webkit-align-content: stretch;
            align-content: stretch;
  }
  .md__flex--container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .md__flex-align-self--auto {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
        align-self: auto;
  }
  .md__flex-align-self--flex-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .md__flex-align-self--flex-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .md__flex-align-self--center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
        align-self: center;
  }
  .md__flex-align-self--baseline {
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
  }
  .md__flex-align-self--stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  /* $GRID */
  .md__grid--grow {
    -webkit-flex: 1 0 0;
    -moz-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
  }
  .md__grid--auto {
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
  }
  .md__grid--5 {
    -webkit-flex: 0 0 5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  .md__grid--10 {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  .md__grid--15 {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
  .md__grid--20 {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  .md__grid--25 {
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0;
    max-width: 25%;
    min-height: 0;
  }
  .md__grid--30 {
    -webkit-flex: 0 0 30%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    min-width: 0;
    max-width: 30%;
    min-height: 0;
  }
  .md__grid--35 {
    -webkit-flex: 0 0 35%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    min-width: 0;
    max-width: 35%;
    min-height: 0;
  }
  .md__grid--40 {
    -webkit-flex: 0 0 40%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 0;
    max-width: 40%;
    min-height: 0;
  }
  .md__grid--45 {
    -webkit-flex: 0 0 45%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    min-width: 0;
    max-width: 45%;
    min-height: 0;
  }
  .md__grid--50 {
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 0;
    max-width: 50%;
    min-height: 0;
  }
  .md__grid--55 {
    -webkit-flex: 0 0 55%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    min-width: 0;
    max-width: 55%;
    min-height: 0;
  }
  .md__grid--60 {
    -webkit-flex: 0 0 60%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    min-width: 0;
    max-width: 60%;
    min-height: 0;
  }
  .md__grid--65 {
    -webkit-flex: 0 0 65%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    min-width: 0;
    max-width: 65%;
    min-height: 0;
  }
  .md__grid--70 {
    -webkit-flex: 0 0 70%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    min-width: 0;
    max-width: 70%;
    min-height: 0;
  }
  .md__grid--75 {
    -webkit-flex: 0 0 75%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 0;
    max-width: 75%;
    min-height: 0;
  }
  .md__grid--80 {
    -webkit-flex: 0 0 80%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    min-width: 0;
    max-width: 80%;
    min-height: 0;
  }
  .md__grid--85 {
    -webkit-flex: 0 0 85%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    min-width: 0;
    max-width: 85%;
    min-height: 0;
  }
  .md__grid--90 {
    -webkit-flex: 0 0 90%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    min-width: 0;
    max-width: 90%;
    min-height: 0;
  }
  .md__grid--95 {
    -webkit-flex: 0 0 95%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    min-width: 0;
    max-width: 95%;
    min-height: 0;
  }
  .md__grid--100 {
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
  }
  .md__grid--33 {
    -webkit-flex: 0 0 33.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 0;
    max-width: 33.33333%;
    min-height: 0;
  }
  .md__grid--66 {
    -webkit-flex: 0 0 66.66667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 0;
    max-width: 66.66667%;
    min-height: 0;
  }
  .md__grid--offset-5 {
    margin-left: 5%;
  }
  .md__grid--offset-10 {
    margin-left: 10%;
  }
  .md__grid--offset-15 {
    margin-left: 15%;
  }
  .md__grid--offset-20 {
    margin-left: 20%;
  }
  .md__grid--offset-25 {
    margin-left: 25%;
  }
  .md__grid--offset-30 {
    margin-left: 30%;
  }
  .md__grid--offset-35 {
    margin-left: 35%;
  }
  .md__grid--offset-40 {
    margin-left: 40%;
  }
  .md__grid--offset-45 {
    margin-left: 45%;
  }
  .md__grid--offset-50 {
    margin-left: 50%;
  }
  .md__grid--offset-55 {
    margin-left: 55%;
  }
  .md__grid--offset-60 {
    margin-left: 60%;
  }
  .md__grid--offset-65 {
    margin-left: 65%;
  }
  .md__grid--offset-70 {
    margin-left: 70%;
  }
  .md__grid--offset-75 {
    margin-left: 75%;
  }
  .md__grid--offset-80 {
    margin-left: 80%;
  }
  .md__grid--offset-85 {
    margin-left: 85%;
  }
  .md__grid--offset-90 {
    margin-left: 90%;
  }
  .md__grid--offset-95 {
    margin-left: 95%;
  }
  .md__grid--offset-33 {
    margin-left: 33.33333%;
  }
  .md__grid--offset-66 {
    margin-left: 66.66667%;
  }
  .md__grid--offset-remove {
    margin-left: 0;
  }
  /* $PADDING */
  .md__padding--x-tiniest {
    padding-right: 3px;
    padding-left: 3px;
  }
  .md__padding--x-tinier {
    padding-right: 5px;
    padding-left: 5px;
  }
  .md__padding--x-tiny {
    padding-right: 10px;
    padding-left: 10px;
  }
  .md__padding--x-smalles {
    padding-right: 15px;
    padding-left: 15px;
  }
  .md__padding--x-smaller {
    padding-right: 20px;
    padding-left: 20px;
  }
  .md__padding--x-small {
    padding-right: 25px;
    padding-left: 25px;
  }
  .md__padding--x-large {
    padding-right: 30px;
    padding-left: 30px;
  }
  .md__padding--x-larger {
    padding-right: 40px;
    padding-left: 40px;
  }
  .md__padding--x-largest {
    padding-right: 50px;
    padding-left: 50px;
  }
  .md__padding--x-big {
    padding-right: 60px;
    padding-left: 60px;
  }
  .md__padding--x-bigger {
    padding-right: 100px;
    padding-left: 100px;
  }
  .md__padding--x-biggest {
    padding-right: 150px;
    padding-left: 150px;
  }
  .md__padding--x-huge {
    padding-right: 200px;
    padding-left: 200px;
  }
  .md__padding--x-remove {
    padding-right: 0;
    padding-left: 0;
  }
  .md__padding--y-tiniest {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .md__padding--y-tinier {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .md__padding--y-tiny {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .md__padding--y-smalles {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .md__padding--y-smaller {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .md__padding--y-small {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .md__padding--y-large {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .md__padding--y-larger {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .md__padding--y-largest {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .md__padding--y-big {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .md__padding--y-bigger {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .md__padding--y-biggest {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .md__padding--y-huge {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .md__padding--y-remove {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md__padding--top-tiniest {
    padding-top: 3px;
  }
  .md__padding--top-tinier {
    padding-top: 5px;
  }
  .md__padding--top-tiny {
    padding-top: 10px;
  }
  .md__padding--top-smallest {
    padding-top: 15px;
  }
  .md__padding--top-smaller {
    padding-top: 20px;
  }
  .md__padding--top-small {
    padding-top: 25px;
  }
  .md__padding--top-large {
    padding-top: 30px;
  }
  .md__padding--top-larger {
    padding-top: 40px;
  }
  .md__padding--top-largest {
    padding-top: 50px;
  }
  .md__padding--top-big {
    padding-top: 60px;
  }
  .md__padding--top-bigger {
    padding-top: 100px;
  }
  .md__padding--top-biggest {
    padding-top: 150px;
  }
  .md__padding--top-huge {
    padding-top: 200px;
  }
  .md__padding--top-remove {
    padding-top: 0;
  }
  .md__padding--right-tiniest {
    padding-right: 3px;
  }
  .md__padding--right-tinier {
    padding-right: 5px;
  }
  .md__padding--right-tiny {
    padding-right: 10px;
  }
  .md__padding--right-smallest {
    padding-right: 15px;
  }
  .md__padding--right-smaller {
    padding-right: 20px;
  }
  .md__padding--right-small {
    padding-right: 25px;
  }
  .md__padding--right-large {
    padding-right: 30px;
  }
  .md__padding--right-larger {
    padding-right: 40px;
  }
  .md__padding--right-largest {
    padding-right: 50px;
  }
  .md__padding--right-big {
    padding-right: 60px;
  }
  .md__padding--right-bigger {
    padding-right: 100px;
  }
  .md__padding--right-biggest {
    padding-right: 150px;
  }
  .md__padding--right-huge {
    padding-right: 200px;
  }
  .md__padding--right-remove {
    padding-right: 0;
  }
  .md__padding--bottom-tiniest {
    padding-bottom: 3px;
  }
  .md__padding--bottom-tinier {
    padding-bottom: 5px;
  }
  .md__padding--bottom-tiny {
    padding-bottom: 10px;
  }
  .md__padding--bottom-smallest {
    padding-bottom: 15px;
  }
  .md__padding--bottom-smaller {
    padding-bottom: 20px;
  }
  .md__padding--bottom-small {
    padding-bottom: 25px;
  }
  .md__padding--bottom-large {
    padding-bottom: 30px;
  }
  .md__padding--bottom-larger {
    padding-bottom: 40px;
  }
  .md__padding--bottom-largest {
    padding-bottom: 50px;
  }
  .md__padding--bottom-big {
    padding-bottom: 60px;
  }
  .md__padding--bottom-bigger {
    padding-bottom: 100px;
  }
  .md__padding--bottom-biggest {
    padding-bottom: 150px;
  }
  .md__padding--bottom-huge {
    padding-bottom: 200px;
  }
  .md__padding--bottom-remove {
    padding-bottom: 0;
  }
  .md__padding--left-tiniest {
    padding-left: 3px;
  }
  .md__padding--left-tinier {
    padding-left: 5px;
  }
  .md__padding--left-tiny {
    padding-left: 10px;
  }
  .md__padding--left-smallest {
    padding-left: 15px;
  }
  .md__padding--left-smaller {
    padding-left: 20px;
  }
  .md__padding--left-small {
    padding-left: 25px;
  }
  .md__padding--left-large {
    padding-left: 30px;
  }
  .md__padding--left-larger {
    padding-left: 40px;
  }
  .md__padding--left-largest {
    padding-left: 50px;
  }
  .md__padding--left-big {
    padding-left: 60px;
  }
  .md__padding--left-bigger {
    padding-left: 100px;
  }
  .md__padding--left-biggest {
    padding-left: 150px;
  }
  .md__padding--left-huge {
    padding-left: 200px;
  }
  .md__padding--left-remove {
    padding-left: 0;
  }
  /* $MARGIN */
  .md__margin--x-tiniest {
    margin-right: 3px;
    margin-left: 3px;
  }
  .md__margin--x-tinier {
    margin-right: 5px;
    margin-left: 5px;
  }
  .md__margin--x-tiny {
    margin-right: 10px;
    margin-left: 10px;
  }
  .md__margin--x-smalles {
    margin-right: 15px;
    margin-left: 15px;
  }
  .md__margin--x-smaller {
    margin-right: 20px;
    margin-left: 20px;
  }
  .md__margin--x-small {
    margin-right: 25px;
    margin-left: 25px;
  }
  .md__margin--x-large {
    margin-right: 30px;
    margin-left: 30px;
  }
  .md__margin--x-larger {
    margin-right: 40px;
    margin-left: 40px;
  }
  .md__margin--x-largest {
    margin-right: 50px;
    margin-left: 50px;
  }
  .md__margin--x-big {
    margin-right: 60px;
    margin-left: 60px;
  }
  .md__margin--x-bigger {
    margin-right: 100px;
    margin-left: 100px;
  }
  .md__margin--x-biggest {
    margin-right: 150px;
    margin-left: 150px;
  }
  .md__margin--x-huge {
    margin-right: 200px;
    margin-left: 200px;
  }
  .md__margin--x-remove {
    margin-right: 0;
    margin-left: 0;
  }
  .md__margin--y-tiniest {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .md__margin--y-tinier {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .md__margin--y-tiny {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .md__margin--y-smalles {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .md__margin--y-smaller {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .md__margin--y-small {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .md__margin--y-large {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .md__margin--y-larger {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .md__margin--y-largest {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .md__margin--y-big {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .md__margin--y-bigger {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .md__margin--y-biggest {
    margin-top: 150px;
    margin-bottom: 150px;
  }
  .md__margin--y-huge {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .md__margin--y-remove {
    margin-top: 0;
    margin-bottom: 0;
  }
  .md__margin--top-tiniest {
    margin-top: 3px;
  }
  .md__margin--top-tinier {
    margin-top: 5px;
  }
  .md__margin--top-tiny {
    margin-top: 10px;
  }
  .md__margin--top-smallest {
    margin-top: 15px;
  }
  .md__margin--top-smaller {
    margin-top: 20px;
  }
  .md__margin--top-small {
    margin-top: 25px;
  }
  .md__margin--top-large {
    margin-top: 30px;
  }
  .md__margin--top-larger {
    margin-top: 40px;
  }
  .md__margin--top-largest {
    margin-top: 50px;
  }
  .md__margin--top-big {
    margin-top: 60px;
  }
  .md__margin--top-bigger {
    margin-top: 100px;
  }
  .md__margin--top-biggest {
    margin-top: 150px;
  }
  .md__margin--top-huge {
    margin-top: 200px;
  }
  .md__margin--top-remove {
    margin-top: 0;
  }
  .md__margin--right-tiniest {
    margin-right: 3px;
  }
  .md__margin--right-tinier {
    margin-right: 5px;
  }
  .md__margin--right-tiny {
    margin-right: 10px;
  }
  .md__margin--right-smallest {
    margin-right: 15px;
  }
  .md__margin--right-smaller {
    margin-right: 20px;
  }
  .md__margin--right-small {
    margin-right: 25px;
  }
  .md__margin--right-large {
    margin-right: 30px;
  }
  .md__margin--right-larger {
    margin-right: 40px;
  }
  .md__margin--right-largest {
    margin-right: 50px;
  }
  .md__margin--right-big {
    margin-right: 60px;
  }
  .md__margin--right-bigger {
    margin-right: 100px;
  }
  .md__margin--right-biggest {
    margin-right: 150px;
  }
  .md__margin--right-huge {
    margin-right: 200px;
  }
  .md__margin--right-remove {
    margin-right: 0;
  }
  .md__margin--bottom-tiniest {
    margin-bottom: 3px;
  }
  .md__margin--bottom-tinier {
    margin-bottom: 5px;
  }
  .md__margin--bottom-tiny {
    margin-bottom: 10px;
  }
  .md__margin--bottom-smallest {
    margin-bottom: 15px;
  }
  .md__margin--bottom-smaller {
    margin-bottom: 20px;
  }
  .md__margin--bottom-small {
    margin-bottom: 25px;
  }
  .md__margin--bottom-large {
    margin-bottom: 30px;
  }
  .md__margin--bottom-larger {
    margin-bottom: 40px;
  }
  .md__margin--bottom-largest {
    margin-bottom: 50px;
  }
  .md__margin--bottom-big {
    margin-bottom: 60px;
  }
  .md__margin--bottom-bigger {
    margin-bottom: 100px;
  }
  .md__margin--bottom-biggest {
    margin-bottom: 150px;
  }
  .md__margin--bottom-huge {
    margin-bottom: 200px;
  }
  .md__margin--bottom-remove {
    margin-bottom: 0;
  }
  .md__margin--left-tiniest {
    margin-left: 3px;
  }
  .md__margin--left-tinier {
    margin-left: 5px;
  }
  .md__margin--left-tiny {
    margin-left: 10px;
  }
  .md__margin--left-smallest {
    margin-left: 15px;
  }
  .md__margin--left-smaller {
    margin-left: 20px;
  }
  .md__margin--left-small {
    margin-left: 25px;
  }
  .md__margin--left-large {
    margin-left: 30px;
  }
  .md__margin--left-larger {
    margin-left: 40px;
  }
  .md__margin--left-largest {
    margin-left: 50px;
  }
  .md__margin--left-big {
    margin-left: 60px;
  }
  .md__margin--left-bigger {
    margin-left: 100px;
  }
  .md__margin--left-biggest {
    margin-left: 150px;
  }
  .md__margin--left-huge {
    margin-left: 200px;
  }
  .md__margin--left-remove {
    margin-left: 0;
  }
  /* $VISIBILITY */
  .md__text--left {
    text-align: left;
  }
  .md__text--right {
    text-align: right;
  }
  .md__text--center {
    text-align: center;
  }
  /* $VISIBILITY */
  .md__hide {
    display: none;
  }
}
/*  $SMALL
    ========================================================================== */
@media only screen and (max-width: 767px) {
  /* $FLEXBOX */
  .sm__flex-direction--row {
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .sm__flex-direction--row-reverse {
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .sm__flex-direction--column {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sm__flex-direction--column-reverse {
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .sm__flex-wrap--nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .sm__flex-wrap--wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sm__flex-wrap--wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  .sm__flex-align-items--flex-start {
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
  }
  .sm__flex-align-items--flex-end {
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
  }
  .sm__flex-align-items--center {
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
  }
  .sm__flex-align-items--baseline {
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    -ms-grid-row-align: baseline;
    align-items: baseline;
  }
  .sm__flex-align-items--stretch {
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
  }
  .sm__flex-justify-content--flex-start {
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .sm__flex-justify-content--flex-end {
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .sm__flex-justify-content--center {
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .sm__flex-justify-content--space-between {
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .sm__flex-justify-content--space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .sm__flex-align-content--flex-start {
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
            align-content: flex-start;
  }
  .sm__flex-align-content--flex-end {
    -ms-flex-line-pack: end;
    -webkit-align-content: flex-end;
            align-content: flex-end;
  }
  .sm__flex-align-content--center {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
            align-content: center;
  }
  .sm__flex-align-content--space-between {
    -ms-flex-line-pack: justify;
    -webkit-align-content: space-between;
            align-content: space-between;
  }
  .sm__flex-align-content--space-around {
    -ms-flex-line-pack: distribute;
    -webkit-align-content: space-around;
            align-content: space-around;
  }
  .sm__flex-align-content--stretch {
    -ms-flex-line-pack: stretch;
    -webkit-align-content: stretch;
            align-content: stretch;
  }
  .sm__flex--container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .sm__flex-align-self--auto {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
        align-self: auto;
  }
  .sm__flex-align-self--flex-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .sm__flex-align-self--flex-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .sm__flex-align-self--center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
        align-self: center;
  }
  .sm__flex-align-self--baseline {
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
  }
  .sm__flex-align-self--stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  /* $GRID */
  .sm__grid--grow {
    -webkit-flex: 1 0 0;
    -moz-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
  }
  .sm__grid--auto {
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
  }
  .sm__grid--5 {
    -webkit-flex: 0 0 5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  .sm__grid--10 {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  .sm__grid--15 {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
  .sm__grid--20 {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  .sm__grid--25 {
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0;
    max-width: 25%;
    min-height: 0;
  }
  .sm__grid--30 {
    -webkit-flex: 0 0 30%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    min-width: 0;
    max-width: 30%;
    min-height: 0;
  }
  .sm__grid--35 {
    -webkit-flex: 0 0 35%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    min-width: 0;
    max-width: 35%;
    min-height: 0;
  }
  .sm__grid--40 {
    -webkit-flex: 0 0 40%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 0;
    max-width: 40%;
    min-height: 0;
  }
  .sm__grid--45 {
    -webkit-flex: 0 0 45%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    min-width: 0;
    max-width: 45%;
    min-height: 0;
  }
  .sm__grid--50 {
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 0;
    max-width: 50%;
    min-height: 0;
  }
  .sm__grid--55 {
    -webkit-flex: 0 0 55%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    min-width: 0;
    max-width: 55%;
    min-height: 0;
  }
  .sm__grid--60 {
    -webkit-flex: 0 0 60%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    min-width: 0;
    max-width: 60%;
    min-height: 0;
  }
  .sm__grid--65 {
    -webkit-flex: 0 0 65%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    min-width: 0;
    max-width: 65%;
    min-height: 0;
  }
  .sm__grid--70 {
    -webkit-flex: 0 0 70%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    min-width: 0;
    max-width: 70%;
    min-height: 0;
  }
  .sm__grid--75 {
    -webkit-flex: 0 0 75%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 0;
    max-width: 75%;
    min-height: 0;
  }
  .sm__grid--80 {
    -webkit-flex: 0 0 80%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    min-width: 0;
    max-width: 80%;
    min-height: 0;
  }
  .sm__grid--85 {
    -webkit-flex: 0 0 85%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    min-width: 0;
    max-width: 85%;
    min-height: 0;
  }
  .sm__grid--90 {
    -webkit-flex: 0 0 90%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    min-width: 0;
    max-width: 90%;
    min-height: 0;
  }
  .sm__grid--95 {
    -webkit-flex: 0 0 95%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    min-width: 0;
    max-width: 95%;
    min-height: 0;
  }
  .sm__grid--100 {
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
  }
  .sm__grid--33 {
    -webkit-flex: 0 0 33.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 0;
    max-width: 33.33333%;
    min-height: 0;
  }
  .sm__grid--66 {
    -webkit-flex: 0 0 66.66667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 0;
    max-width: 66.66667%;
    min-height: 0;
  }
  .sm__grid--offset-5 {
    margin-left: 5%;
  }
  .sm__grid--offset-10 {
    margin-left: 10%;
  }
  .sm__grid--offset-15 {
    margin-left: 15%;
  }
  .sm__grid--offset-20 {
    margin-left: 20%;
  }
  .sm__grid--offset-25 {
    margin-left: 25%;
  }
  .sm__grid--offset-30 {
    margin-left: 30%;
  }
  .sm__grid--offset-35 {
    margin-left: 35%;
  }
  .sm__grid--offset-40 {
    margin-left: 40%;
  }
  .sm__grid--offset-45 {
    margin-left: 45%;
  }
  .sm__grid--offset-50 {
    margin-left: 50%;
  }
  .sm__grid--offset-55 {
    margin-left: 55%;
  }
  .sm__grid--offset-60 {
    margin-left: 60%;
  }
  .sm__grid--offset-65 {
    margin-left: 65%;
  }
  .sm__grid--offset-70 {
    margin-left: 70%;
  }
  .sm__grid--offset-75 {
    margin-left: 75%;
  }
  .sm__grid--offset-80 {
    margin-left: 80%;
  }
  .sm__grid--offset-85 {
    margin-left: 85%;
  }
  .sm__grid--offset-90 {
    margin-left: 90%;
  }
  .sm__grid--offset-95 {
    margin-left: 95%;
  }
  .sm__grid--offset-33 {
    margin-left: 33.33333%;
  }
  .sm__grid--offset-66 {
    margin-left: 66.66667%;
  }
  .sm__grid--offset-remove {
    margin-left: 0;
  }
  /* $PADDING */
  .sm__padding--x-tiniest {
    padding-right: 3px;
    padding-left: 3px;
  }
  .sm__padding--x-tinier {
    padding-right: 5px;
    padding-left: 5px;
  }
  .sm__padding--x-tiny {
    padding-right: 10px;
    padding-left: 10px;
  }
  .sm__padding--x-smalles {
    padding-right: 15px;
    padding-left: 15px;
  }
  .sm__padding--x-smaller {
    padding-right: 20px;
    padding-left: 20px;
  }
  .sm__padding--x-small {
    padding-right: 25px;
    padding-left: 25px;
  }
  .sm__padding--x-large {
    padding-right: 30px;
    padding-left: 30px;
  }
  .sm__padding--x-larger {
    padding-right: 40px;
    padding-left: 40px;
  }
  .sm__padding--x-largest {
    padding-right: 50px;
    padding-left: 50px;
  }
  .sm__padding--x-big {
    padding-right: 60px;
    padding-left: 60px;
  }
  .sm__padding--x-bigger {
    padding-right: 100px;
    padding-left: 100px;
  }
  .sm__padding--x-biggest {
    padding-right: 150px;
    padding-left: 150px;
  }
  .sm__padding--x-huge {
    padding-right: 200px;
    padding-left: 200px;
  }
  .sm__padding--x-remove {
    padding-right: 0;
    padding-left: 0;
  }
  .sm__padding--y-tiniest {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .sm__padding--y-tinier {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .sm__padding--y-tiny {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .sm__padding--y-smalles {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .sm__padding--y-smaller {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .sm__padding--y-small {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .sm__padding--y-large {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .sm__padding--y-larger {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sm__padding--y-largest {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .sm__padding--y-big {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .sm__padding--y-bigger {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .sm__padding--y-biggest {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .sm__padding--y-huge {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .sm__padding--y-remove {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sm__padding--top-tiniest {
    padding-top: 3px;
  }
  .sm__padding--top-tinier {
    padding-top: 5px;
  }
  .sm__padding--top-tiny {
    padding-top: 10px;
  }
  .sm__padding--top-smallest {
    padding-top: 15px;
  }
  .sm__padding--top-smaller {
    padding-top: 20px;
  }
  .sm__padding--top-small {
    padding-top: 25px;
  }
  .sm__padding--top-large {
    padding-top: 30px;
  }
  .sm__padding--top-larger {
    padding-top: 40px;
  }
  .sm__padding--top-largest {
    padding-top: 50px;
  }
  .sm__padding--top-big {
    padding-top: 60px;
  }
  .sm__padding--top-bigger {
    padding-top: 100px;
  }
  .sm__padding--top-biggest {
    padding-top: 150px;
  }
  .sm__padding--top-huge {
    padding-top: 200px;
  }
  .sm__padding--top-remove {
    padding-top: 0;
  }
  .sm__padding--right-tiniest {
    padding-right: 3px;
  }
  .sm__padding--right-tinier {
    padding-right: 5px;
  }
  .sm__padding--right-tiny {
    padding-right: 10px;
  }
  .sm__padding--right-smallest {
    padding-right: 15px;
  }
  .sm__padding--right-smaller {
    padding-right: 20px;
  }
  .sm__padding--right-small {
    padding-right: 25px;
  }
  .sm__padding--right-large {
    padding-right: 30px;
  }
  .sm__padding--right-larger {
    padding-right: 40px;
  }
  .sm__padding--right-largest {
    padding-right: 50px;
  }
  .sm__padding--right-big {
    padding-right: 60px;
  }
  .sm__padding--right-bigger {
    padding-right: 100px;
  }
  .sm__padding--right-biggest {
    padding-right: 150px;
  }
  .sm__padding--right-huge {
    padding-right: 200px;
  }
  .sm__padding--right-remove {
    padding-right: 0;
  }
  .sm__padding--bottom-tiniest {
    padding-bottom: 3px;
  }
  .sm__padding--bottom-tinier {
    padding-bottom: 5px;
  }
  .sm__padding--bottom-tiny {
    padding-bottom: 10px;
  }
  .sm__padding--bottom-smallest {
    padding-bottom: 15px;
  }
  .sm__padding--bottom-smaller {
    padding-bottom: 20px;
  }
  .sm__padding--bottom-small {
    padding-bottom: 25px;
  }
  .sm__padding--bottom-large {
    padding-bottom: 30px;
  }
  .sm__padding--bottom-larger {
    padding-bottom: 40px;
  }
  .sm__padding--bottom-largest {
    padding-bottom: 50px;
  }
  .sm__padding--bottom-big {
    padding-bottom: 60px;
  }
  .sm__padding--bottom-bigger {
    padding-bottom: 100px;
  }
  .sm__padding--bottom-biggest {
    padding-bottom: 150px;
  }
  .sm__padding--bottom-huge {
    padding-bottom: 200px;
  }
  .sm__padding--bottom-remove {
    padding-bottom: 0;
  }
  .sm__padding--left-tiniest {
    padding-left: 3px;
  }
  .sm__padding--left-tinier {
    padding-left: 5px;
  }
  .sm__padding--left-tiny {
    padding-left: 10px;
  }
  .sm__padding--left-smallest {
    padding-left: 15px;
  }
  .sm__padding--left-smaller {
    padding-left: 20px;
  }
  .sm__padding--left-small {
    padding-left: 25px;
  }
  .sm__padding--left-large {
    padding-left: 30px;
  }
  .sm__padding--left-larger {
    padding-left: 40px;
  }
  .sm__padding--left-largest {
    padding-left: 50px;
  }
  .sm__padding--left-big {
    padding-left: 60px;
  }
  .sm__padding--left-bigger {
    padding-left: 100px;
  }
  .sm__padding--left-biggest {
    padding-left: 150px;
  }
  .sm__padding--left-huge {
    padding-left: 200px;
  }
  .sm__padding--left-remove {
    padding-left: 0;
  }
  /* $MARGIN */
  .sm__margin--x-tiniest {
    margin-right: 3px;
    margin-left: 3px;
  }
  .sm__margin--x-tinier {
    margin-right: 5px;
    margin-left: 5px;
  }
  .sm__margin--x-tiny {
    margin-right: 10px;
    margin-left: 10px;
  }
  .sm__margin--x-smalles {
    margin-right: 15px;
    margin-left: 15px;
  }
  .sm__margin--x-smaller {
    margin-right: 20px;
    margin-left: 20px;
  }
  .sm__margin--x-small {
    margin-right: 25px;
    margin-left: 25px;
  }
  .sm__margin--x-large {
    margin-right: 30px;
    margin-left: 30px;
  }
  .sm__margin--x-larger {
    margin-right: 40px;
    margin-left: 40px;
  }
  .sm__margin--x-largest {
    margin-right: 50px;
    margin-left: 50px;
  }
  .sm__margin--x-big {
    margin-right: 60px;
    margin-left: 60px;
  }
  .sm__margin--x-bigger {
    margin-right: 100px;
    margin-left: 100px;
  }
  .sm__margin--x-biggest {
    margin-right: 150px;
    margin-left: 150px;
  }
  .sm__margin--x-huge {
    margin-right: 200px;
    margin-left: 200px;
  }
  .sm__margin--x-remove {
    margin-right: 0;
    margin-left: 0;
  }
  .sm__margin--y-tiniest {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .sm__margin--y-tinier {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .sm__margin--y-tiny {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .sm__margin--y-smalles {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .sm__margin--y-smaller {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .sm__margin--y-small {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .sm__margin--y-large {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .sm__margin--y-larger {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .sm__margin--y-largest {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .sm__margin--y-big {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .sm__margin--y-bigger {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .sm__margin--y-biggest {
    margin-top: 150px;
    margin-bottom: 150px;
  }
  .sm__margin--y-huge {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .sm__margin--y-remove {
    margin-top: 0;
    margin-bottom: 0;
  }
  .sm__margin--top-tiniest {
    margin-top: 3px;
  }
  .sm__margin--top-tinier {
    margin-top: 5px;
  }
  .sm__margin--top-tiny {
    margin-top: 10px;
  }
  .sm__margin--top-smallest {
    margin-top: 15px;
  }
  .sm__margin--top-smaller {
    margin-top: 20px;
  }
  .sm__margin--top-small {
    margin-top: 25px;
  }
  .sm__margin--top-large {
    margin-top: 30px;
  }
  .sm__margin--top-larger {
    margin-top: 40px;
  }
  .sm__margin--top-largest {
    margin-top: 50px;
  }
  .sm__margin--top-big {
    margin-top: 60px;
  }
  .sm__margin--top-bigger {
    margin-top: 100px;
  }
  .sm__margin--top-biggest {
    margin-top: 150px;
  }
  .sm__margin--top-huge {
    margin-top: 200px;
  }
  .sm__margin--top-remove {
    margin-top: 0;
  }
  .sm__margin--right-tiniest {
    margin-right: 3px;
  }
  .sm__margin--right-tinier {
    margin-right: 5px;
  }
  .sm__margin--right-tiny {
    margin-right: 10px;
  }
  .sm__margin--right-smallest {
    margin-right: 15px;
  }
  .sm__margin--right-smaller {
    margin-right: 20px;
  }
  .sm__margin--right-small {
    margin-right: 25px;
  }
  .sm__margin--right-large {
    margin-right: 30px;
  }
  .sm__margin--right-larger {
    margin-right: 40px;
  }
  .sm__margin--right-largest {
    margin-right: 50px;
  }
  .sm__margin--right-big {
    margin-right: 60px;
  }
  .sm__margin--right-bigger {
    margin-right: 100px;
  }
  .sm__margin--right-biggest {
    margin-right: 150px;
  }
  .sm__margin--right-huge {
    margin-right: 200px;
  }
  .sm__margin--right-remove {
    margin-right: 0;
  }
  .sm__margin--bottom-tiniest {
    margin-bottom: 3px;
  }
  .sm__margin--bottom-tinier {
    margin-bottom: 5px;
  }
  .sm__margin--bottom-tiny {
    margin-bottom: 10px;
  }
  .sm__margin--bottom-smallest {
    margin-bottom: 15px;
  }
  .sm__margin--bottom-smaller {
    margin-bottom: 20px;
  }
  .sm__margin--bottom-small {
    margin-bottom: 25px;
  }
  .sm__margin--bottom-large {
    margin-bottom: 30px;
  }
  .sm__margin--bottom-larger {
    margin-bottom: 40px;
  }
  .sm__margin--bottom-largest {
    margin-bottom: 50px;
  }
  .sm__margin--bottom-big {
    margin-bottom: 60px;
  }
  .sm__margin--bottom-bigger {
    margin-bottom: 100px;
  }
  .sm__margin--bottom-biggest {
    margin-bottom: 150px;
  }
  .sm__margin--bottom-huge {
    margin-bottom: 200px;
  }
  .sm__margin--bottom-remove {
    margin-bottom: 0;
  }
  .sm__margin--left-tiniest {
    margin-left: 3px;
  }
  .sm__margin--left-tinier {
    margin-left: 5px;
  }
  .sm__margin--left-tiny {
    margin-left: 10px;
  }
  .sm__margin--left-smallest {
    margin-left: 15px;
  }
  .sm__margin--left-smaller {
    margin-left: 20px;
  }
  .sm__margin--left-small {
    margin-left: 25px;
  }
  .sm__margin--left-large {
    margin-left: 30px;
  }
  .sm__margin--left-larger {
    margin-left: 40px;
  }
  .sm__margin--left-largest {
    margin-left: 50px;
  }
  .sm__margin--left-big {
    margin-left: 60px;
  }
  .sm__margin--left-bigger {
    margin-left: 100px;
  }
  .sm__margin--left-biggest {
    margin-left: 150px;
  }
  .sm__margin--left-huge {
    margin-left: 200px;
  }
  .sm__margin--left-remove {
    margin-left: 0;
  }
  /* $VISIBILITY */
  .sm__text--left {
    text-align: left;
  }
  .sm__text--right {
    text-align: right;
  }
  .sm__text--center {
    text-align: center;
  }
  /* $VISIBILITY */
  .sm__hide {
    display: none;
  }
}
/*  $EXTRA-SMALL
    ========================================================================== */
@media only screen and (max-width: 375px) {
  /* $FLEXBOX */
  .xs__flex-direction--row {
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .xs__flex-direction--row-reverse {
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .xs__flex-direction--column {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .xs__flex-direction--column-reverse {
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .xs__flex-wrap--nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .xs__flex-wrap--wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .xs__flex-wrap--wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  .xs__flex-align-items--flex-start {
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
  }
  .xs__flex-align-items--flex-end {
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
  }
  .xs__flex-align-items--center {
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
  }
  .xs__flex-align-items--baseline {
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    -ms-grid-row-align: baseline;
    align-items: baseline;
  }
  .xs__flex-align-items--stretch {
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
  }
  .xs__flex-justify-content--flex-start {
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .xs__flex-justify-content--flex-end {
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .xs__flex-justify-content--center {
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .xs__flex-justify-content--space-between {
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .xs__flex-justify-content--space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .xs__flex-align-content--flex-start {
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
            align-content: flex-start;
  }
  .xs__flex-align-content--flex-end {
    -ms-flex-line-pack: end;
    -webkit-align-content: flex-end;
            align-content: flex-end;
  }
  .xs__flex-align-content--center {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
            align-content: center;
  }
  .xs__flex-align-content--space-between {
    -ms-flex-line-pack: justify;
    -webkit-align-content: space-between;
            align-content: space-between;
  }
  .xs__flex-align-content--space-around {
    -ms-flex-line-pack: distribute;
    -webkit-align-content: space-around;
            align-content: space-around;
  }
  .xs__flex-align-content--stretch {
    -ms-flex-line-pack: stretch;
    -webkit-align-content: stretch;
            align-content: stretch;
  }
  .xs__flex--container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .xs__flex-align-self--auto {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
        align-self: auto;
  }
  .xs__flex-align-self--flex-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .xs__flex-align-self--flex-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .xs__flex-align-self--center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
        align-self: center;
  }
  .xs__flex-align-self--baseline {
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
  }
  .xs__flex-align-self--stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  /* $GRID */
  .xs__grid--grow {
    -webkit-flex: 1 0 0;
    -moz-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
  }
  .xs__grid--auto {
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
  }
  .xs__grid--5 {
    -webkit-flex: 0 0 5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    min-width: 0;
    max-width: 5%;
    min-height: 0;
  }
  .xs__grid--10 {
    -webkit-flex: 0 0 10%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 0;
    max-width: 10%;
    min-height: 0;
  }
  .xs__grid--15 {
    -webkit-flex: 0 0 15%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    min-width: 0;
    max-width: 15%;
    min-height: 0;
  }
  .xs__grid--20 {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 0;
    max-width: 20%;
    min-height: 0;
  }
  .xs__grid--25 {
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0;
    max-width: 25%;
    min-height: 0;
  }
  .xs__grid--30 {
    -webkit-flex: 0 0 30%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    min-width: 0;
    max-width: 30%;
    min-height: 0;
  }
  .xs__grid--35 {
    -webkit-flex: 0 0 35%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    min-width: 0;
    max-width: 35%;
    min-height: 0;
  }
  .xs__grid--40 {
    -webkit-flex: 0 0 40%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 0;
    max-width: 40%;
    min-height: 0;
  }
  .xs__grid--45 {
    -webkit-flex: 0 0 45%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    min-width: 0;
    max-width: 45%;
    min-height: 0;
  }
  .xs__grid--50 {
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 0;
    max-width: 50%;
    min-height: 0;
  }
  .xs__grid--55 {
    -webkit-flex: 0 0 55%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    min-width: 0;
    max-width: 55%;
    min-height: 0;
  }
  .xs__grid--60 {
    -webkit-flex: 0 0 60%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    min-width: 0;
    max-width: 60%;
    min-height: 0;
  }
  .xs__grid--65 {
    -webkit-flex: 0 0 65%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    min-width: 0;
    max-width: 65%;
    min-height: 0;
  }
  .xs__grid--70 {
    -webkit-flex: 0 0 70%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    min-width: 0;
    max-width: 70%;
    min-height: 0;
  }
  .xs__grid--75 {
    -webkit-flex: 0 0 75%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 0;
    max-width: 75%;
    min-height: 0;
  }
  .xs__grid--80 {
    -webkit-flex: 0 0 80%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    min-width: 0;
    max-width: 80%;
    min-height: 0;
  }
  .xs__grid--85 {
    -webkit-flex: 0 0 85%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    min-width: 0;
    max-width: 85%;
    min-height: 0;
  }
  .xs__grid--90 {
    -webkit-flex: 0 0 90%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    min-width: 0;
    max-width: 90%;
    min-height: 0;
  }
  .xs__grid--95 {
    -webkit-flex: 0 0 95%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    min-width: 0;
    max-width: 95%;
    min-height: 0;
  }
  .xs__grid--100 {
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
  }
  .xs__grid--33 {
    -webkit-flex: 0 0 33.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 0;
    max-width: 33.33333%;
    min-height: 0;
  }
  .xs__grid--66 {
    -webkit-flex: 0 0 66.66667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 0;
    max-width: 66.66667%;
    min-height: 0;
  }
  .xs__grid--offset-5 {
    margin-left: 5%;
  }
  .xs__grid--offset-10 {
    margin-left: 10%;
  }
  .xs__grid--offset-15 {
    margin-left: 15%;
  }
  .xs__grid--offset-20 {
    margin-left: 20%;
  }
  .xs__grid--offset-25 {
    margin-left: 25%;
  }
  .xs__grid--offset-30 {
    margin-left: 30%;
  }
  .xs__grid--offset-35 {
    margin-left: 35%;
  }
  .xs__grid--offset-40 {
    margin-left: 40%;
  }
  .xs__grid--offset-45 {
    margin-left: 45%;
  }
  .xs__grid--offset-50 {
    margin-left: 50%;
  }
  .xs__grid--offset-55 {
    margin-left: 55%;
  }
  .xs__grid--offset-60 {
    margin-left: 60%;
  }
  .xs__grid--offset-65 {
    margin-left: 65%;
  }
  .xs__grid--offset-70 {
    margin-left: 70%;
  }
  .xs__grid--offset-75 {
    margin-left: 75%;
  }
  .xs__grid--offset-80 {
    margin-left: 80%;
  }
  .xs__grid--offset-85 {
    margin-left: 85%;
  }
  .xs__grid--offset-90 {
    margin-left: 90%;
  }
  .xs__grid--offset-95 {
    margin-left: 95%;
  }
  .xs__grid--offset-33 {
    margin-left: 33.33333%;
  }
  .xs__grid--offset-66 {
    margin-left: 66.66667%;
  }
  .xs__grid--offset-remove {
    margin-left: 0;
  }
  /* $PADDING */
  .xs__padding--x-tiniest {
    padding-right: 3px;
    padding-left: 3px;
  }
  .xs__padding--x-tinier {
    padding-right: 5px;
    padding-left: 5px;
  }
  .xs__padding--x-tiny {
    padding-right: 10px;
    padding-left: 10px;
  }
  .xs__padding--x-smalles {
    padding-right: 15px;
    padding-left: 15px;
  }
  .xs__padding--x-smaller {
    padding-right: 20px;
    padding-left: 20px;
  }
  .xs__padding--x-small {
    padding-right: 25px;
    padding-left: 25px;
  }
  .xs__padding--x-large {
    padding-right: 30px;
    padding-left: 30px;
  }
  .xs__padding--x-larger {
    padding-right: 40px;
    padding-left: 40px;
  }
  .xs__padding--x-largest {
    padding-right: 50px;
    padding-left: 50px;
  }
  .xs__padding--x-big {
    padding-right: 60px;
    padding-left: 60px;
  }
  .xs__padding--x-bigger {
    padding-right: 100px;
    padding-left: 100px;
  }
  .xs__padding--x-biggest {
    padding-right: 150px;
    padding-left: 150px;
  }
  .xs__padding--x-huge {
    padding-right: 200px;
    padding-left: 200px;
  }
  .xs__padding--x-remove {
    padding-right: 0;
    padding-left: 0;
  }
  .xs__padding--y-tiniest {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .xs__padding--y-tinier {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .xs__padding--y-tiny {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .xs__padding--y-smalles {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .xs__padding--y-smaller {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .xs__padding--y-small {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .xs__padding--y-large {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .xs__padding--y-larger {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .xs__padding--y-largest {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .xs__padding--y-big {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .xs__padding--y-bigger {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .xs__padding--y-biggest {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .xs__padding--y-huge {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .xs__padding--y-remove {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xs__padding--top-tiniest {
    padding-top: 3px;
  }
  .xs__padding--top-tinier {
    padding-top: 5px;
  }
  .xs__padding--top-tiny {
    padding-top: 10px;
  }
  .xs__padding--top-smallest {
    padding-top: 15px;
  }
  .xs__padding--top-smaller {
    padding-top: 20px;
  }
  .xs__padding--top-small {
    padding-top: 25px;
  }
  .xs__padding--top-large {
    padding-top: 30px;
  }
  .xs__padding--top-larger {
    padding-top: 40px;
  }
  .xs__padding--top-largest {
    padding-top: 50px;
  }
  .xs__padding--top-big {
    padding-top: 60px;
  }
  .xs__padding--top-bigger {
    padding-top: 100px;
  }
  .xs__padding--top-biggest {
    padding-top: 150px;
  }
  .xs__padding--top-huge {
    padding-top: 200px;
  }
  .xs__padding--top-remove {
    padding-top: 0;
  }
  .xs__padding--right-tiniest {
    padding-right: 3px;
  }
  .xs__padding--right-tinier {
    padding-right: 5px;
  }
  .xs__padding--right-tiny {
    padding-right: 10px;
  }
  .xs__padding--right-smallest {
    padding-right: 15px;
  }
  .xs__padding--right-smaller {
    padding-right: 20px;
  }
  .xs__padding--right-small {
    padding-right: 25px;
  }
  .xs__padding--right-large {
    padding-right: 30px;
  }
  .xs__padding--right-larger {
    padding-right: 40px;
  }
  .xs__padding--right-largest {
    padding-right: 50px;
  }
  .xs__padding--right-big {
    padding-right: 60px;
  }
  .xs__padding--right-bigger {
    padding-right: 100px;
  }
  .xs__padding--right-biggest {
    padding-right: 150px;
  }
  .xs__padding--right-huge {
    padding-right: 200px;
  }
  .xs__padding--right-remove {
    padding-right: 0;
  }
  .xs__padding--bottom-tiniest {
    padding-bottom: 3px;
  }
  .xs__padding--bottom-tinier {
    padding-bottom: 5px;
  }
  .xs__padding--bottom-tiny {
    padding-bottom: 10px;
  }
  .xs__padding--bottom-smallest {
    padding-bottom: 15px;
  }
  .xs__padding--bottom-smaller {
    padding-bottom: 20px;
  }
  .xs__padding--bottom-small {
    padding-bottom: 25px;
  }
  .xs__padding--bottom-large {
    padding-bottom: 30px;
  }
  .xs__padding--bottom-larger {
    padding-bottom: 40px;
  }
  .xs__padding--bottom-largest {
    padding-bottom: 50px;
  }
  .xs__padding--bottom-big {
    padding-bottom: 60px;
  }
  .xs__padding--bottom-bigger {
    padding-bottom: 100px;
  }
  .xs__padding--bottom-biggest {
    padding-bottom: 150px;
  }
  .xs__padding--bottom-huge {
    padding-bottom: 200px;
  }
  .xs__padding--bottom-remove {
    padding-bottom: 0;
  }
  .xs__padding--left-tiniest {
    padding-left: 3px;
  }
  .xs__padding--left-tinier {
    padding-left: 5px;
  }
  .xs__padding--left-tiny {
    padding-left: 10px;
  }
  .xs__padding--left-smallest {
    padding-left: 15px;
  }
  .xs__padding--left-smaller {
    padding-left: 20px;
  }
  .xs__padding--left-small {
    padding-left: 25px;
  }
  .xs__padding--left-large {
    padding-left: 30px;
  }
  .xs__padding--left-larger {
    padding-left: 40px;
  }
  .xs__padding--left-largest {
    padding-left: 50px;
  }
  .xs__padding--left-big {
    padding-left: 60px;
  }
  .xs__padding--left-bigger {
    padding-left: 100px;
  }
  .xs__padding--left-biggest {
    padding-left: 150px;
  }
  .xs__padding--left-huge {
    padding-left: 200px;
  }
  .xs__padding--left-remove {
    padding-left: 0;
  }
  /* $MARGIN */
  .xs__margin--x-tiniest {
    margin-right: 3px;
    margin-left: 3px;
  }
  .xs__margin--x-tinier {
    margin-right: 5px;
    margin-left: 5px;
  }
  .xs__margin--x-tiny {
    margin-right: 10px;
    margin-left: 10px;
  }
  .xs__margin--x-smalles {
    margin-right: 15px;
    margin-left: 15px;
  }
  .xs__margin--x-smaller {
    margin-right: 20px;
    margin-left: 20px;
  }
  .xs__margin--x-small {
    margin-right: 25px;
    margin-left: 25px;
  }
  .xs__margin--x-large {
    margin-right: 30px;
    margin-left: 30px;
  }
  .xs__margin--x-larger {
    margin-right: 40px;
    margin-left: 40px;
  }
  .xs__margin--x-largest {
    margin-right: 50px;
    margin-left: 50px;
  }
  .xs__margin--x-big {
    margin-right: 60px;
    margin-left: 60px;
  }
  .xs__margin--x-bigger {
    margin-right: 100px;
    margin-left: 100px;
  }
  .xs__margin--x-biggest {
    margin-right: 150px;
    margin-left: 150px;
  }
  .xs__margin--x-huge {
    margin-right: 200px;
    margin-left: 200px;
  }
  .xs__margin--x-remove {
    margin-right: 0;
    margin-left: 0;
  }
  .xs__margin--y-tiniest {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .xs__margin--y-tinier {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .xs__margin--y-tiny {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .xs__margin--y-smalles {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .xs__margin--y-smaller {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .xs__margin--y-small {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .xs__margin--y-large {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .xs__margin--y-larger {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .xs__margin--y-largest {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .xs__margin--y-big {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .xs__margin--y-bigger {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .xs__margin--y-biggest {
    margin-top: 150px;
    margin-bottom: 150px;
  }
  .xs__margin--y-huge {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .xs__margin--y-remove {
    margin-top: 0;
    margin-bottom: 0;
  }
  .xs__margin--top-tiniest {
    margin-top: 3px;
  }
  .xs__margin--top-tinier {
    margin-top: 5px;
  }
  .xs__margin--top-tiny {
    margin-top: 10px;
  }
  .xs__margin--top-smallest {
    margin-top: 15px;
  }
  .xs__margin--top-smaller {
    margin-top: 20px;
  }
  .xs__margin--top-small {
    margin-top: 25px;
  }
  .xs__margin--top-large {
    margin-top: 30px;
  }
  .xs__margin--top-larger {
    margin-top: 40px;
  }
  .xs__margin--top-largest {
    margin-top: 50px;
  }
  .xs__margin--top-big {
    margin-top: 60px;
  }
  .xs__margin--top-bigger {
    margin-top: 100px;
  }
  .xs__margin--top-biggest {
    margin-top: 150px;
  }
  .xs__margin--top-huge {
    margin-top: 200px;
  }
  .xs__margin--top-remove {
    margin-top: 0;
  }
  .xs__margin--right-tiniest {
    margin-right: 3px;
  }
  .xs__margin--right-tinier {
    margin-right: 5px;
  }
  .xs__margin--right-tiny {
    margin-right: 10px;
  }
  .xs__margin--right-smallest {
    margin-right: 15px;
  }
  .xs__margin--right-smaller {
    margin-right: 20px;
  }
  .xs__margin--right-small {
    margin-right: 25px;
  }
  .xs__margin--right-large {
    margin-right: 30px;
  }
  .xs__margin--right-larger {
    margin-right: 40px;
  }
  .xs__margin--right-largest {
    margin-right: 50px;
  }
  .xs__margin--right-big {
    margin-right: 60px;
  }
  .xs__margin--right-bigger {
    margin-right: 100px;
  }
  .xs__margin--right-biggest {
    margin-right: 150px;
  }
  .xs__margin--right-huge {
    margin-right: 200px;
  }
  .xs__margin--right-remove {
    margin-right: 0;
  }
  .xs__margin--bottom-tiniest {
    margin-bottom: 3px;
  }
  .xs__margin--bottom-tinier {
    margin-bottom: 5px;
  }
  .xs__margin--bottom-tiny {
    margin-bottom: 10px;
  }
  .xs__margin--bottom-smallest {
    margin-bottom: 15px;
  }
  .xs__margin--bottom-smaller {
    margin-bottom: 20px;
  }
  .xs__margin--bottom-small {
    margin-bottom: 25px;
  }
  .xs__margin--bottom-large {
    margin-bottom: 30px;
  }
  .xs__margin--bottom-larger {
    margin-bottom: 40px;
  }
  .xs__margin--bottom-largest {
    margin-bottom: 50px;
  }
  .xs__margin--bottom-big {
    margin-bottom: 60px;
  }
  .xs__margin--bottom-bigger {
    margin-bottom: 100px;
  }
  .xs__margin--bottom-biggest {
    margin-bottom: 150px;
  }
  .xs__margin--bottom-huge {
    margin-bottom: 200px;
  }
  .xs__margin--bottom-remove {
    margin-bottom: 0;
  }
  .xs__margin--left-tiniest {
    margin-left: 3px;
  }
  .xs__margin--left-tinier {
    margin-left: 5px;
  }
  .xs__margin--left-tiny {
    margin-left: 10px;
  }
  .xs__margin--left-smallest {
    margin-left: 15px;
  }
  .xs__margin--left-smaller {
    margin-left: 20px;
  }
  .xs__margin--left-small {
    margin-left: 25px;
  }
  .xs__margin--left-large {
    margin-left: 30px;
  }
  .xs__margin--left-larger {
    margin-left: 40px;
  }
  .xs__margin--left-largest {
    margin-left: 50px;
  }
  .xs__margin--left-big {
    margin-left: 60px;
  }
  .xs__margin--left-bigger {
    margin-left: 100px;
  }
  .xs__margin--left-biggest {
    margin-left: 150px;
  }
  .xs__margin--left-huge {
    margin-left: 200px;
  }
  .xs__margin--left-remove {
    margin-left: 0;
  }
  /* $VISIBILITY */
  .xs__text--left {
    text-align: left;
  }
  .xs__text--right {
    text-align: right;
  }
  .xs__text--center {
    text-align: center;
  }
  /* $VISIBILITY */
  .xs__hide {
    display: none;
  }
}
/* PUBLIC */
@media only screen and (min-width: 376px) and (max-width: 1024px) {
  .public-content {
    max-width: 1000px;
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media only screen and (min-width: 0) and (max-width: 375px) {
  .public-content {
    max-width: 1000px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
/*  $Z-INDEX
    ========================================================================== */
/*  ==========================================================================
    $TOC - Z-INDEX

    1. variables
    ========================================================================== */
/* LEVEL-1 */
/* LEVEL-2 */
/* LEVEL-3 */
/* LEVEL-4 */
/* LEVEL-5 */
/* LEVEL-6 */
/* LEVEL-7 */
/* LEVEL-8 */
/* LEVEL-9 */
/* LEVEL-10 */
/*  $PAGES
    ========================================================================== */
/*  ==========================================================================
    $TOC - PUBLIC

    1. grid-max-width
    2. navigation
    3. backdrop
    4. placeholder
    5. buttons
    6. cta
    7. dividers
    8. platform-heading
    9. stripe-heading
    10. connect-modal
    11. contact-map
    12. press
    13. dotted
    14. section-header
    15. newsletter
    ========================================================================== */
/*  $OPACITY
    ========================================================================== */
/*  $BLACK
    ========================================================================== */
.color--black-primary {
  color: #000000;
}
.color--black-dim {
  color: rgba(0, 0, 0, 0.8);
}
.color--black-secondary {
  color: rgba(0, 0, 0, 0.5);
}
.color--black-hint {
  color: rgba(0, 0, 0, 0.3);
}
.bg--black-base {
  background-color: #000000;
}
.bg--black-dim {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg--black-light {
  background-color: rgba(0, 0, 0, 0.5);
}
.bg--black-lighter {
  background-color: rgba(0, 0, 0, 0.3);
}
.bg--black-lightest {
  background-color: rgba(0, 0, 0, 0.2);
}
.bg--black-clear {
  background-color: rgba(0, 0, 0, 0.1);
}
.bg--black-clearer {
  background-color: rgba(0, 0, 0, 0.05);
}
.bg--black-clearest {
  background-color: rgba(0, 0, 0, 0.03);
}
/* AUTO */
.bg--black-stripped > *:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.03);
}
.bg--black-stripped-even > *:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.03);
}
.bg--white-stripped > *:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.03);
}
/*  $WHITE
    ========================================================================== */
.color--white-primary {
  color: #ffffff;
}
.color--white-dim {
  color: rgba(255, 255, 255, 0.8);
}
.color--white-secondary {
  color: rgba(255, 255, 255, 0.5);
}
.color--white-hint {
  color: rgba(255, 255, 255, 0.3);
}
.bg--white-base {
  background-color: #ffffff;
}
.bg--white-dim {
  background-color: rgba(255, 255, 255, 0.8);
}
.bg--white-light {
  background-color: rgba(255, 255, 255, 0.5);
}
.bg--white-lighter {
  background-color: rgba(255, 255, 255, 0.3);
}
.bg--white-lightest {
  background-color: rgba(255, 255, 255, 0.2);
}
.bg--white-clear {
  background-color: rgba(255, 255, 255, 0.1);
}
.bg--white-clearer {
  background-color: rgba(255, 255, 255, 0.05);
}
.bg--white-clearest {
  background-color: rgba(255, 255, 255, 0.03);
}
/*  $PURPLE
    ========================================================================== */
.color--purple-primary {
  color: #7d60c5;
}
.color--purple-secondary {
  color: rgba(125, 96, 197, 0.5);
}
.color--purple-hint {
  color: rgba(125, 96, 197, 0.3);
}
.bg--purple-base {
  background-color: #7d60c5;
}
.bg--purple-dim {
  background-color: rgba(125, 96, 197, 0.8);
}
.bg--purple-light {
  background-color: rgba(125, 96, 197, 0.5);
}
.bg--purple-lighter {
  background-color: rgba(125, 96, 197, 0.3);
}
.bg--purple-lightest {
  background-color: rgba(125, 96, 197, 0.2);
}
.bg--purple-clear {
  background-color: rgba(125, 96, 197, 0.1);
}
.bg--purple-clearer {
  background-color: rgba(125, 96, 197, 0.05);
}
.bg--purple-clearest {
  background-color: rgba(125, 96, 197, 0.03);
}
/*  $INDIGO
    ========================================================================== */
.color--indigo-primary {
  color: #1a5da1;
}
.color--indigo-secondary {
  color: rgba(26, 93, 161, 0.5);
}
.color--indigo-hint {
  color: rgba(26, 93, 161, 0.3);
}
.bg--indigo-base {
  background-color: #1a5da1;
}
.bg--indigo-dim {
  background-color: rgba(26, 93, 161, 0.8);
}
.bg--indigo-light {
  background-color: rgba(26, 93, 161, 0.5);
}
.bg--indigo-lighter {
  background-color: rgba(26, 93, 161, 0.3);
}
.bg--indigo-lightest {
  background-color: rgba(26, 93, 161, 0.2);
}
.bg--indigo-clear {
  background-color: rgba(26, 93, 161, 0.1);
}
.bg--indigo-clearer {
  background-color: rgba(26, 93, 161, 0.05);
}
.bg--indigo-clearest {
  background-color: rgba(26, 93, 161, 0.03);
}
/*  $BLUE
    ========================================================================== */
.color--blue-primary {
  color: #227dda;
}
.color--blue-secondary {
  color: rgba(34, 125, 218, 0.5);
}
.color--blue-hint {
  color: rgba(34, 125, 218, 0.3);
}
.bg--blue-base {
  background-color: #227dda;
}
.bg--blue-dim {
  background-color: rgba(34, 125, 218, 0.8);
}
.bg--blue-light {
  background-color: rgba(34, 125, 218, 0.5);
}
.bg--blue-lighter {
  background-color: rgba(34, 125, 218, 0.3);
}
.bg--blue-lightest {
  background-color: rgba(34, 125, 218, 0.2);
}
.bg--blue-clear {
  background-color: rgba(34, 125, 218, 0.1);
}
.bg--blue-clearer {
  background-color: rgba(34, 125, 218, 0.05);
}
.bg--blue-clearest {
  background-color: rgba(34, 125, 218, 0.03);
}
/*  $CYAN
    ========================================================================== */
.color--cyan-primary {
  color: #439fe0;
}
.color--cyan-secondary {
  color: rgba(67, 159, 224, 0.5);
}
.color--cyan-hint {
  color: rgba(67, 159, 224, 0.3);
}
.bg--cyan-base {
  background-color: #439fe0;
}
.bg--cyan-dim {
  background-color: rgba(67, 159, 224, 0.8);
}
.bg--cyan-light {
  background-color: rgba(67, 159, 224, 0.5);
}
.bg--cyan-lighter {
  background-color: rgba(67, 159, 224, 0.3);
}
.bg--cyan-lightest {
  background-color: rgba(67, 159, 224, 0.2);
}
.bg--cyan-clear {
  background-color: rgba(67, 159, 224, 0.1);
}
.bg--cyan-clearer {
  background-color: rgba(67, 159, 224, 0.05);
}
.bg--cyan-clearest {
  background-color: rgba(67, 159, 224, 0.03);
}
/*  $TEAL
    ========================================================================== */
.color--teal-primary {
  color: #3babb8;
}
.color--teal-secondary {
  color: rgba(59, 171, 184, 0.5);
}
.color--teal-hint {
  color: rgba(59, 171, 184, 0.3);
}
.bg--teal-base {
  background-color: #3babb8;
}
.bg--teal-dim {
  background-color: rgba(59, 171, 184, 0.8);
}
.bg--teal-light {
  background-color: rgba(59, 171, 184, 0.5);
}
.bg--teal-lighter {
  background-color: rgba(59, 171, 184, 0.3);
}
.bg--teal-lightest {
  background-color: rgba(59, 171, 184, 0.2);
}
.bg--teal-clear {
  background-color: rgba(59, 171, 184, 0.1);
}
.bg--teal-clearer {
  background-color: rgba(59, 171, 184, 0.05);
}
.bg--teal-clearest {
  background-color: rgba(59, 171, 184, 0.03);
}
/*  $GREEN
    ========================================================================== */
.color--green-primary {
  color: #1caa4b;
}
.color--green-secondary {
  color: rgba(28, 170, 75, 0.5);
}
.color--green-hint {
  color: rgba(28, 170, 75, 0.3);
}
.bg--green-base {
  background-color: #1caa4b;
}
.bg--green-dim {
  background-color: rgba(28, 170, 75, 0.8);
}
.bg--green-light {
  background-color: rgba(28, 170, 75, 0.5);
}
.bg--green-lighter {
  background-color: rgba(28, 170, 75, 0.3);
}
.bg--green-lightest {
  background-color: rgba(28, 170, 75, 0.2);
}
.bg--green-clear {
  background-color: rgba(28, 170, 75, 0.1);
}
.bg--green-clearer {
  background-color: rgba(28, 170, 75, 0.05);
}
.bg--green-clearest {
  background-color: rgba(28, 170, 75, 0.03);
}
/*  $LIME
    ========================================================================== */
.color--lime-primary {
  color: #a4ca3a;
}
.color--lime-secondary {
  color: rgba(164, 202, 58, 0.5);
}
.color--lime-hint {
  color: rgba(164, 202, 58, 0.3);
}
.bg--lime-base {
  background-color: #a4ca3a;
}
.bg--lime-dim {
  background-color: rgba(164, 202, 58, 0.8);
}
.bg--lime-light {
  background-color: rgba(164, 202, 58, 0.5);
}
.bg--lime-lighter {
  background-color: rgba(164, 202, 58, 0.3);
}
.bg--lime-lightest {
  background-color: rgba(164, 202, 58, 0.2);
}
.bg--lime-clear {
  background-color: rgba(164, 202, 58, 0.1);
}
.bg--lime-clearer {
  background-color: rgba(164, 202, 58, 0.05);
}
.bg--lime-clearest {
  background-color: rgba(164, 202, 58, 0.03);
}
/*  $YELLOW
    ========================================================================== */
.color--yellow-primary {
  color: #edb431;
}
.color--yellow-secondary {
  color: rgba(237, 180, 49, 0.5);
}
.color--yellow-hint {
  color: rgba(237, 180, 49, 0.3);
}
.bg--yellow-base {
  background-color: #edb431;
}
.bg--yellow-dim {
  background-color: rgba(237, 180, 49, 0.8);
}
.bg--yellow-light {
  background-color: rgba(237, 180, 49, 0.5);
}
.bg--yellow-lighter {
  background-color: rgba(237, 180, 49, 0.3);
}
.bg--yellow-lightest {
  background-color: rgba(237, 180, 49, 0.2);
}
.bg--yellow-clear {
  background-color: rgba(237, 180, 49, 0.1);
}
.bg--yellow-clearer {
  background-color: rgba(237, 180, 49, 0.05);
}
.bg--yellow-clearest {
  background-color: rgba(237, 180, 49, 0.03);
}
/*  $ORANGE
    ========================================================================== */
.color--orange-primary {
  color: #ff7a36;
}
.color--orange-secondary {
  color: rgba(255, 122, 54, 0.5);
}
.color--orange-hint {
  color: rgba(255, 122, 54, 0.3);
}
.bg--orange-base {
  background-color: #ff7a36;
}
.bg--orange-dim {
  background-color: rgba(255, 122, 54, 0.8);
}
.bg--orange-light {
  background-color: rgba(255, 122, 54, 0.5);
}
.bg--orange-lighter {
  background-color: rgba(255, 122, 54, 0.3);
}
.bg--orange-lightest {
  background-color: rgba(255, 122, 54, 0.2);
}
.bg--orange-clear {
  background-color: rgba(255, 122, 54, 0.1);
}
.bg--orange-clearer {
  background-color: rgba(255, 122, 54, 0.05);
}
.bg--orange-clearest {
  background-color: rgba(255, 122, 54, 0.03);
}
/*  $PINK
    ========================================================================== */
.color--pink-primary {
  color: #ff7974;
}
.color--pink-secondary {
  color: rgba(255, 121, 116, 0.5);
}
.color--pink-hint {
  color: rgba(255, 121, 116, 0.3);
}
.bg--pink-base {
  background-color: #ff7974;
}
.bg--pink-dim {
  background-color: rgba(255, 121, 116, 0.8);
}
.bg--pink-light {
  background-color: rgba(255, 121, 116, 0.5);
}
.bg--pink-lighter {
  background-color: rgba(255, 121, 116, 0.3);
}
.bg--pink-lightest {
  background-color: rgba(255, 121, 116, 0.2);
}
.bg--pink-clear {
  background-color: rgba(255, 121, 116, 0.1);
}
.bg--pink-clearer {
  background-color: rgba(255, 121, 116, 0.05);
}
.bg--pink-clearest {
  background-color: rgba(255, 121, 116, 0.03);
}
/*  $RED
    ========================================================================== */
.color--red-primary {
  color: #ef4641;
}
.color--red-secondary {
  color: rgba(239, 70, 65, 0.5);
}
.color--red-hint {
  color: rgba(239, 70, 65, 0.3);
}
.bg--red-base {
  background-color: #ef4641;
}
.bg--red-dim {
  background-color: rgba(239, 70, 65, 0.8);
}
.bg--red-light {
  background-color: rgba(239, 70, 65, 0.5);
}
.bg--red-lighter {
  background-color: rgba(239, 70, 65, 0.3);
}
.bg--red-lightest {
  background-color: rgba(239, 70, 65, 0.2);
}
.bg--red-clear {
  background-color: rgba(239, 70, 65, 0.1);
}
.bg--red-clearer {
  background-color: rgba(239, 70, 65, 0.05);
}
.bg--red-clearest {
  background-color: rgba(239, 70, 65, 0.03);
}
/*  $GREY
    ========================================================================== */
.color--grey-darkest {
  color: #171c22;
}
.color--grey-darker {
  color: #222a33;
}
.bg--grey-darkest {
  background-color: #171c22;
}
.bg--grey-darker {
  background-color: #222a33;
}
/*  $MAX-WIDTH
    ========================================================================== */
html {
  min-width: 1000px;
}
@media screen and (device-aspect-ratio: 9/16) {
  html {
    min-height: calc(1777.77777778px);
  }
}
@media screen and (device-aspect-ratio: 750/1334) {
  html {
    min-height: calc(1778.66666667px);
  }
}
@media screen and (device-aspect-ratio: 5/8) {
  html {
    min-height: calc(1600px);
  }
}
@media screen and (device-aspect-ratio: 40/71) {
  html {
    min-height: calc(1775px);
  }
}
@media screen and (device-aspect-ratio: 3/5) {
  html {
    min-height: calc(1666.66666667px);
  }
}
@media screen and (device-aspect-ratio: 2/3) {
  html {
    min-height: calc(1500px);
  }
}
body {
  min-width: 1000px;
}
#ngView {
  min-height: 100vh;
}
.public-wrapper {
  min-height: 100vh;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNrsldEOgzAIRYutzP//2sWpHTS3SYeQxexpiSTEeqlYyymmWusiPiVj0Is4GZ3FZ0fXuQ+bq917L+hBm+iLTsFiKd12xXQfuQ2IVltgDDeJHYM+63TxXfR90LNc1Kvor7GGWij1w1mA6hX+sbD+vKOTm0vRC+gqAUU5oGjC19x0/U5XAV1bUCulqBqKWoENdR2iaqgjFQuC1gqQtIXLgR7lovE8JKcRehTNAUUZZ+hE3Q3MZbom0HUEe1kNXZHe20oy1DW6GG6t6+RQxyDMUseIn+haArqi3zJ7/Q69jm+6/gfhBdg9beExXA2SjP60jU0VMBQ0znUs/FuAAQAQbeBtoiVIbQAAAABJRU5ErkJggg==);
  background-repeat: repeat;
  background-size: 25px;
}
.public-max {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-width: 1000px;
  max-width: 1440px;
  min-height: 1400px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  position: relative;
  overflow: hidden;
}
.public-content {
  width: 1000px;
  position: relative;
  z-index: 200;
}
.public-footer {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-top: 150px;
  position: relative;
}
.public-footer:before {
  content: '';
  width: 100%;
  height: 150px;
  background-image: linear-gradient(0deg, rgba(26, 93, 161, 0.3), rgba(26, 93, 161, 0));
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
}
/*  ==========================================================================
    $TOC - TABLE

    1. table
    2. alignments
    2. styles
    ========================================================================== */
/*  $TABLE
    ========================================================================== */
.table {
  width: 100%;
  background-color: transparent;
  display: table;
  padding: 0;
  border-collapse: collapse;
  table-layout: fixed;
}
.table--auto {
  table-layout: auto;
}
.table__header {
  display: table-header-group;
}
.table__body {
  display: table-row-group;
}
.table__footer {
  display: table-footer-group;
}
.table__tr {
  display: table-row;
}
.table__td {
  display: table-cell;
}
/*  $ALIGNMENTS
    ========================================================================== */
.table-align--top {
  vertical-align: top;
}
.table-align--middle {
  vertical-align: middle;
}
.table-align--bottom {
  vertical-align: bottom;
}
/*  $STYLES
    ========================================================================== */
/***
 * These are color adjustments for collapsing border tables
 */
.table__body--border > .table__tr {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.table__body--border > :first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.table__subsection > :first-child {
  border-top: 3px solid rgba(0, 0, 0, 0.1);
}
.table__body--border > :last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.table__body--stripped > .table__tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.03);
}
/*  $button
    ========================================================================== */
.navigation__button {
  color: #ffffff;
  line-height: 30px;
  padding-right: 20px;
  padding-left: 20px;
  position: relative;
  z-index: 1000;
  cursor: pointer;
}
.navigation__button:hover {
  background-color: #171c22;
}
.navigation__button:hover:before,
.navigation__button:hover:after {
  content: '';
  background-color: #171c22;
  position: absolute;
  left: 0;
  right: 0;
}
.navigation__button:hover:before {
  height: 10px;
  border-radius: 5px 5px 0 0;
  bottom: 100%;
}
.navigation__button:hover:after {
  height: 20px;
  top: 100%;
}
.navigation__dropdown {
  background-color: #171c22;
  display: none;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  top: calc(110%);
  left: 0;
  cursor: pointer;
}
.navigation__button:hover .navigation__dropdown {
  display: block;
}
.navigation__button:hover .navigation__link {
  position: relative;
  z-index: 200;
}
/*  $BACKDROP
    ========================================================================== */
.backdrop {
  height: 600px;
  background-image: linear-gradient(45deg, #7d60c5, #227dda);
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
}
.backdrop--about {
  background-image: linear-gradient(45deg, #7d60c5, rgba(34, 125, 218, 0.5)), url(//s3.amazonaws.com/solvebio/static-assets/core/img/about-background.jpeg?5558818623416ca5f2714e6bd80eee5c);
  background-size: cover;
}
.backdrop--seo {
  height: 220px;
}
.backdrop ~ header {
  position: relative;
  z-index: 300;
}
.backdrop:after {
  content: '';
  background-image: linear-gradient(0deg, #222a33, rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.backdrop__img {
  width: 1440px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
/*  $IMG
    ========================================================================== */
.placeholder {
  position: relative;
  z-index: 200;
}
/*  $BUTTONS
    ========================================================================== */
.button--header,
.button--cta,
.button--down {
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  text-decoration: none;
  border-radius: 10px;
  cursor: pointer;
}
.button--header,
.button--cta {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.button--cta,
.button--down {
  background-color: rgba(67, 159, 224, 0.2);
  border: 1px solid #439fe0;
}
.button--header {
  background-color: rgba(255, 255, 255, 0.05);
  line-height: 30px;
  padding-right: 20px;
  padding-left: 20px;
  border: 1px solid #ffffff;
}
.button--cta {
  font-size: 16px;
  line-height: 40px;
  padding-right: 30px;
  padding-left: 30px;
}
.button--down {
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
/* HOVER */
.button--header:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.button--cta:hover,
.button--down:hover {
  background-color: rgba(67, 159, 224, 0.5);
}
[class*="public"] [class*="button--"][disabled] {
  pointer-events: none;
}
/*  $CTA
    ========================================================================== */
.cta {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrsmMEKwjAQRLNYBLHg/3+oFASJs8EttSSeVJxlAiGQtAyvOQx9pdY6Y1rpDOwfMS++Ds7t+f6pDIaf/SLDHzKM2gvA4i8vOL/1ArCcMe84X0YBWA6Y129nDL8SE0TLSAGBDMsA4XuWAWIFYYdoIBkgfEwZIDyj3Qg7hGeMeoQKomWkgECGZYDY9wgtxLZHqCGiR+ghokfoIVrGP/wUfSLD3gVQ3ERkpIBAhmWAeOkRZoh9IdJCbAuRGiIKkR4iCpEeQoJOgk6CToJOgk6CToJOgk6CToJOgk6CToJOgk6CToJOgk6CjlVGPAQYAHQxJ9nqYzjZAAAAAElFTkSuQmCC);
  background-repeat: repeat;
  background-size: 40px;
  position: relative;
}
.cta:hover {
  -webkit-animation: cta 50s linear infinite;
  animation: cta 50s linear infinite;
}
@-webkit-keyframes cta {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
@keyframes cta {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
[class*="cta__"] {
  width: 20px;
  height: 20px;
  position: absolute;
}
.cta__top-left {
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  top: 0;
  left: 0;
}
.cta__top-right {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  top: 0;
  right: 0;
}
.cta__bottom-right {
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  bottom: 0;
  right: 0;
}
.cta__bottom-left {
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  bottom: 0;
  left: 0;
}
/*  $platform-links
    ========================================================================== */
.platform-link__wrapper {
  position: relative;
  cursor: pointer;
}
.platform-link__wrapper a:not(.platform-link) {
  position: relative;
  z-index: 400;
}
.platform-link {
  content: '';
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(10, 46, 81, 0.3);
  border-color: transparent;
  border-radius: 10px;
  box-shadow: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 300;
}
.platform-link__wrapper:hover .platform-link {
  background-color: rgba(255, 255, 255, 0.03);
  border-color: #ffffff;
}
/*  $dividers
    ========================================================================== */
.angle-divider {
  position: relative;
}
.angle-divider:before {
  content: '';
  padding-top: 200px;
  display: block;
}
.angle-divider__top-left {
  background: transparent;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1400px solid rgba(26, 93, 161, 0.17);
  border-left: 1px transparent;
  border-top: 200px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
}
.angle-divider__top-right {
  background: transparent;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1400px solid rgba(26, 93, 161, 0.17);
  border-right: 1px solid transparent;
  border-top: 200px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}
.angle-divider__bottom-right {
  background: transparent;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1400px solid rgba(26, 93, 161, 0.17);
  border-right: 1px solid transparent;
  border-bottom: 200px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}
.angle-divider__bottom-left {
  background: transparent;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1400px solid rgba(26, 93, 161, 0.17);
  border-left: 1px transparent;
  border-bottom: 200px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
}
.stripe-divider {
  width: 100%;
  height: 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrsmMEKwjAQRLNYBLHg/3+oFASJs8EttSSeVJxlAiGQtAyvOQx9pdY6Y1rpDOwfMS++Ds7t+f6pDIaf/SLDHzKM2gvA4i8vOL/1ArCcMe84X0YBWA6Y129nDL8SE0TLSAGBDMsA4XuWAWIFYYdoIBkgfEwZIDyj3Qg7hGeMeoQKomWkgECGZYDY9wgtxLZHqCGiR+ghokfoIVrGP/wUfSLD3gVQ3ERkpIBAhmWAeOkRZoh9IdJCbAuRGiIKkR4iCpEeQoJOgk6CToJOgk6CToJOgk6CToJOgk6CToJOgk6CToJOgk6CjlVGPAQYAHQxJ9nqYzjZAAAAAElFTkSuQmCC);
  background-repeat: repeat;
  background-size: 40px;
}
.stripe-divider--black {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH9JREFUeNrs2DEKwCAQBdHZRhAE73/bWFiaNiE/s7BYibzSARhri/O0tXOfp6l9v3M//aE3IhCDEESJECHiJwhCEI0QxCQE0USIEPETBCGIIgQxCEF0ESJEiPjcx8tAZ6AzRogQIcJAZ6AzRogQIcJAZ6Az0IkQIULEW29cAgwAgsQbvTpICSMAAAAASUVORK5CYII=);
  background-repeat: repeat;
  background-size: 40px;
}
/*  $PLATFORM-HEADING
    ========================================================================== */
[class*="platform__heading"] {
  position: relative;
  z-index: 200;
}
[class*="platform__heading"]:after {
  content: '';
  background-position: center;
  height: 300px;
  background-size: 1440px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: -220px;
  right: -220px;
}
.platform__heading--hive:after {
  background-image: url(//s3.amazonaws.com/solvebio/static-assets/core/img/hive--backdrop.png?9d6174428196b88eb1e922d00605bed4);
}
.platform__heading--mesh:after {
  background-image: url(//s3.amazonaws.com/solvebio/static-assets/core/img/mesh--backdrop.png?0a4fecca13c0dcba470178c64c4ad60b);
}
.platform__heading--core:after {
  background-image: url(//s3.amazonaws.com/solvebio/static-assets/core/img/core--backdrop.png?093dcf06189d63765f48f3f19ff1029a);
  top: 20px;
}
/*  $STRIPE-HEADING
    ========================================================================== */
.stripe__heading {
  position: relative;
  z-index: 200;
}
.stripe__heading:after {
  content: '';
  height: 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrsmMEKwjAQRLNYBLHg/3+oFASJs8EttSSeVJxlAiGQtAyvOQx9pdY6Y1rpDOwfMS++Ds7t+f6pDIaf/SLDHzKM2gvA4i8vOL/1ArCcMe84X0YBWA6Y129nDL8SE0TLSAGBDMsA4XuWAWIFYYdoIBkgfEwZIDyj3Qg7hGeMeoQKomWkgECGZYDY9wgtxLZHqCGiR+ghokfoIVrGP/wUfSLD3gVQ3ERkpIBAhmWAeOkRZoh9IdJCbAuRGiIKkR4iCpEeQoJOgk6CToJOgk6CToJOgk6CToJOgk6CToJOgk6CToJOgk6CjlVGPAQYAHQxJ9nqYzjZAAAAAElFTkSuQmCC);
  background-size: 40px;
  background-repeat: repeat;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*  $CONNECT MODAL
    ========================================================================== */
.modal__content {
  width: 850px;
}
.form__group--connect {
  border: 0;
}
.form__textarea--connect {
  height: 180px;
  margin-top: 34px;
  margin-bottom: 26px;
}
.form__label--connect {
  top: 15px;
}
/*  $CONTACT-MAP
    ========================================================================== */
.contact__map {
  pointer-events: none;
}
/*  $PRESS
    ========================================================================== */
.press__article {
  position: relative;
}
.press__article:hover {
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-animation: press-article 50s linear infinite;
  animation: press-article 50s linear infinite;
}
@-webkit-keyframes press-article {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
@keyframes press-article {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
.press__article:before,
.press__article:after {
  content: '';
  display: none !important;
}
[class*="press__top"],
[class*="press__bottom"] {
  width: 10px;
  height: 10px;
  position: absolute;
}
.press__top-left {
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  top: 0;
  left: 0;
}
.press__top-right {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  top: 0;
  right: 0;
}
.press__bottom-right {
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  bottom: 0;
  right: 0;
}
.press__bottom-left {
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  bottom: 0;
  left: 0;
}
/*  $NEWSLETTER
    ========================================================================== */
.form__group--newsletter {
  min-height: 80px;
  position: relative;
  z-index: 100;
  color: #ffffff;
  border: 0;
}
.form__group--newsletter .form__label {
  color: rgba(255, 255, 255, 0.5);
}
.form__group--newsletter input[type="text"],
.form__group--newsletter input[type="password"] {
  color: #ffffff;
}
.form__group--newsletter input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.form__group--newsletter input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.form__group--newsletter input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.form__group--newsletter input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.form__group--newsletter input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 99999px rgba(26, 93, 161, 0.3) inset, 0 0 0 99999px #222a33 inset;
  -webkit-text-fill-color: white;
}
.form__group--newsletter input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 99999px rgba(26, 93, 161, 0.3) inset, 0 0 0 99999px #222a33 inset;
  -webkit-text-fill-color: white;
}
/*  $DOTTED
    ========================================================================== */
.seo--dotted,
.newsletter--dotted {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUhJREFUeNrslSFTw0AUhC9MIxrRikMgiADRiCLQMfyC/lr+Q38BCLC1jSAiiDKT7gubmWNzJ+IQ2Zmdy+yJl8v77sX1fX+AvRMxf4RzyWv4GS4kr+AXeCO5d7EC46YWYL7RAswLLcA8d4vmKLNGDg9ZdtQG8/ENe22Q77Fs4RPyU5CXWMxfyN/DHt5gtcY3kRewvIN/JN9y7SQ3GNZwK3k+oJegq0pQVCaQ9zzNhLoFmNl0VaTrQ3vCR6OoE4rsO5+RN3/Gh3O3BoRQVxhdO5KksvwOXkluRe5ZKJQVeIB1tKzD++AigzA2i/YJikreocmsW4CZTZcnXc3kZ/OrFnsX+cb2j/gW6saxcpFZlxtdNa0ac23cE/MyQl3N/VDDgLRTvCZOetQTUp96r6hGp/mi/4vwIdb8Mdfmcwx5bT4H6k6bb1fhKsAA6ULV1g5a9iIAAAAASUVORK5CYII=);
  background-position: center;
  background-repeat: repeat;
  background-size: 10px;
  position: relative;
}
.seo--dotted:after,
.newsletter--dotted:after {
  content: '';
  background-color: #222a33;
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
}
.seo--dotted > *,
.newsletter--dotted > * {
  position: relative;
  z-index: 1;
}
/*  $SECTION-HEADER
    ========================================================================== */
.seo-header,
.newsletter-header {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #edb431;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/*  $PLACEHOLDER
    ========================================================================== */
.placeholder--seo {
  width: 70px;
  height: 70px;
}
/*  $PLACEHOLDER
    ========================================================================== */
.seo--mesh,
.seo--hive {
  position: relative;
  z-index: 200;
}
.seo--mesh:after,
.seo--hive:after {
  content: '';
  width: 100%;
  height: 200px;
  background-size: 100%;
  background-repeat: repeat;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
}
.seo--mesh:after {
  background-image: url(//s3.amazonaws.com/solvebio/static-assets/core/img/mesh--backdrop.png?0a4fecca13c0dcba470178c64c4ad60b);
}
.seo--hive:after {
  background-image: url(//s3.amazonaws.com/solvebio/static-assets/core/img/hive--backdrop.png?9d6174428196b88eb1e922d00605bed4);
}
/*  $GRAPH-SEQUENCE
    ========================================================================== */
.variant__coding-sequence {
  font-family: 'Courier', Courier, monospace;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-rendering: auto;
  letter-spacing: .10em;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  height: 49px;
  margin-top: 26px;
  margin-bottom: 25px;
  position: relative;
  word-break: break-all;
}
.variant__coding-sequence .sequence {
  position: relative;
}
.sequence--flanking {
  color: rgba(255, 255, 255, 0.5);
}
.sequence--flanking .sequence__label {
  color: rgba(255, 255, 255, 0.5);
}
.sequence__label {
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  font-weight: 900;
  line-height: 1em;
  letter-spacing: initial;
  min-width: 100px;
  position: absolute;
}
.sequence__label--top-left {
  text-align: right;
  color: #ffffff;
  padding-top: 0;
  padding-bottom: 9px;
  padding-right: 5px;
  border-right: 2px solid #ffffff;
  top: -24px;
  right: calc(92%);
}
.sequence--flanking .sequence__label--top-left {
  border-color: rgba(255, 255, 255, 0.2);
}
.sequence__label--top-right {
  text-align: left;
  color: #ffffff;
  padding-top: 0;
  padding-bottom: 9px;
  padding-left: 5px;
  border-left: 2px solid #ffffff;
  top: -24px;
  left: calc(89%);
}
.sequence--flanking .sequence__label--top-right {
  border-color: rgba(255, 255, 255, 0.2);
}
.reference {
  position: relative;
}
.reference:after {
  content: "";
  height: 10px;
  border-top: 0;
  border-right: 2px solid;
  border-bottom: 0;
  border-left: 2px solid;
  position: absolute;
  top: calc(102%);
  right: 10px;
  left: 6px;
}
.reference__leading,
.reference__alt {
  color: #ffffff;
}
.reference--insertion.reference:after {
  width: 0;
  border-right: 0;
  border-color: #1caa4b;
}
.reference--deletion.reference:after {
  display: none !important;
}
.reference--deletion .reference__alt {
  position: relative;
  color: #ef4641;
}
.reference--deletion .reference__type {
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  font-weight: 900;
  color: #ef4641;
  line-height: 0.8em;
  text-transform: uppercase;
  letter-spacing: initial;
  min-width: 70px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 65px;
}
.reference--deletion .reference__alt:after {
  content: '';
  border-top: 0;
  border-bottom: 2px solid;
  border-right: 2px solid;
  border-left: 2px solid;
  position: absolute;
  top: 100%;
  left: 6px;
  right: 9px;
  height: 26px;
}
.reference--substitution.reference:after,
.reference--snv.reference:after {
  border-color: #3babb8;
}
.reference--substitution.is-long {
  z-index: 1;
}
.reference--substitution.is-long:after {
  border-bottom: 2px solid;
  border-color: #3babb8;
}
.reference--snv.reference:after,
.reference--nochange.reference:after {
  border-right: 0;
  height: 20px;
}
.allele {
  line-height: 1em;
  max-width: 60vw;
  padding-top: 16px;
  margin-top: 10px;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  white-space: nowrap;
}
.allele:after {
  content: '';
  height: 10px;
  border: 2px solid;
  border-bottom: 0;
  position: absolute;
  top: 0;
  right: 10px;
  left: 6px;
}
.allele__leading {
  color: #000000;
}
.allele__type {
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  font-weight: 900;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: initial;
  min-width: 70px;
  margin-left: 6px;
  margin-right: 6px;
  position: absolute;
  top: 17px;
  right: calc(105%);
}
.allele--insertion .allele__type,
.allele--insertion .allele__alt {
  color: #1caa4b;
}
.allele.allele--insertion:after {
  border-color: #1caa4b;
}
.allele--substitution .allele__type,
.allele--substitution .allele__alt {
  color: #3babb8;
}
.allele--substitution.is-short {
  z-index: 1;
}
.allele.allele--substitution:after {
  border-color: #3babb8;
}
.allele--substitution.is-short:after {
  height: 10px;
  border-top: 0;
}
.allele.allele--snv,
.allele.allele--nochange {
  display: inline-table;
}
.allele--snv .allele__type,
.allele--snv .allele__alt {
  color: #3babb8;
}
.allele.allele--snv:after {
  display: none;
}
.allele.allele--nochange:after {
  display: none;
}
/*  $GRAPH-GENE
    ========================================================================== */
.gene-graph {
  height: 78px;
}
.gene-graph__section {
  font: 11px 'Lato', sans-serif;
  width: 100%;
  padding-right: calc(85px);
  padding-left: calc(85px);
  position: relative;
}
.gene-graph__section svg {
  position: relative;
  margin: 0 auto;
}
.gene-graph__section text {
  shape-rendering: crispEdges;
  alignment-baseline: alphabetic;
}
.graph__separator path {
  fill: none;
  stroke: rgba(255, 255, 255, 0.2);
}
.gene-graph__section .axis rect {
  fill: #edb431 !important;
  opacity: 0.3 !important;
}
.gene-graph__section .tick rect {
  fill: #edb431 !important;
}
.gene-graph__section .gene-graph__label-left,
.gene-graph__section .gene-graph__label-right {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 900;
  width: 65px;
  position: absolute;
  padding: 0;
}
.gene-graph__section .gene-graph__label-left {
  text-align: right;
  left: 20px;
}
.gene-graph__section .gene-graph__label-right {
  text-align: left;
  right: 20px;
}
.gene-graph__section.gene-graph .gene-graph__label-left,
.gene-graph__section.gene-graph .gene-graph__label-right {
  top: 27px;
}
.gene-graph__section.gene-graph text.axis-label {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  fill: #edb431 !important;
  -webkit-transform: translate(1px, 4px);
  transform: translate(1px, 4px);
}
.graph__separator {
  height: 43px;
}
.graph__separator .separator {
  stroke: rgba(255, 255, 255, 0.5) !important;
  stroke-dasharray: 0.01px, 5px !important;
  stroke-width: 2px;
  stroke-linecap: round;
}
.gene-graph__section .graph__separator .region-ideogram-separator {
  height: 40px;
}
.cytogenetic-graph {
  height: 83px;
}
.gene-graph__section.cytogenetic-graph .gene-graph__label-left {
  top: 32px;
}
.gene-graph__section.cytogenetic-graph text.band-label {
  font-weight: 900;
  fill: #edb431 !important;
  -webkit-transform: translate(1px, 4px);
  transform: translate(1px, 4px);
}
.variant-tick rect {
  /* autoprefixer: off */
  fill: #ffffff !important;
  width: 2px !important;
}
.variant-tick-label {
  fill: #ffffff !important;
  font-weight: 900;
  -webkit-transform: translate(6px, 0);
  transform: translate(6px, 0);
}
/*  $FULL-SCREEN
    ========================================================================== */
.modal {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
          align-content: flex-start;
  min-width: 1000px;
  padding-top: 100px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  z-index: 400;
}
.modal > * {
  position: relative;
}
.modal.is-loading {
  pointer-events: none;
}
.modal__overlay {
  background-color: #222a33;
  opacity: .95;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNrsldEOgzAIRYutzP//2sWpHTS3SYeQxexpiSTEeqlYyymmWusiPiVj0Is4GZ3FZ0fXuQ+bq917L+hBm+iLTsFiKd12xXQfuQ2IVltgDDeJHYM+63TxXfR90LNc1Kvor7GGWij1w1mA6hX+sbD+vKOTm0vRC+gqAUU5oGjC19x0/U5XAV1bUCulqBqKWoENdR2iaqgjFQuC1gqQtIXLgR7lovE8JKcRehTNAUUZZ+hE3Q3MZbom0HUEe1kNXZHe20oy1DW6GG6t6+RQxyDMUseIn+haArqi3zJ7/Q69jm+6/gfhBdg9beExXA2SjP60jU0VMBQ0znUs/FuAAQAQbeBtoiVIbQAAAABJRU5ErkJggg==);
  background-repeat: repeat;
  background-size: 25px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal__content {
  width: 700px;
  background-color: #ffffff;
  padding-right: 60px;
  padding-left: 60px;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  z-index: 1;
}
.modal__content:after {
  content: '';
  background-color: rgba(10, 46, 81, 0.05);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.modal__content > * {
  position: relative;
  z-index: 2;
}
.modal__close {
  position: absolute;
  top: 0;
  right: 0;
}
[class*="modal__elbow"] {
  width: 20px;
  height: 20px;
  position: absolute;
}
.modal__elbow-top-left {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  top: -20px;
  left: -20px;
}
.modal__elbow-top-right {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  top: -20px;
  right: -20px;
}
.modal__elbow-bottom-right {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  bottom: -20px;
  right: -20px;
}
.modal__elbow-bottom-left {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  bottom: -20px;
  left: -20px;
}
/*  $FULL-SCREEN
    ========================================================================== */
@media screen and (min-height: 1000px) {
  .modal {
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
            align-content: center;
  }
}
/*  $TOOLTIP
    ========================================================================== */
.tooltip {
  display: inline;
  position: relative;
  white-space: pre-wrap;
}
.tooltip:hover:before {
  content: "";
  border-top: 6px solid #000000;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  bottom: calc(106%);
  position: absolute;
  left: 15px;
}
.tooltip:hover:after {
  content: attr(data-tip);
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #ffffff;
  min-width: 400px;
  background-color: #000000;
  display: inline;
  white-space: pre-line;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  position: absolute;
  bottom: calc(112%);
  left: 0;
}
/********************************************************************************\
  #USER-SELECT    
\********************************************************************************/
.user-select--none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

/*# sourceMappingURL=style.css.map*/