@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700);
/*------------------------------------*\
    #SPACING SETTINGS
\*------------------------------------*/
/**
 * Spacing units - based off $line-height.
 */
/**
 * White list of margin scales.
 */
/**
 * White list of padding scales.
 */
/**
 * When using medium as breakpoint, means to apply rules to medium breakpoint and BELOW,
 * as we're going desktop first (max-width), rather than mobile first (min-width).
 */
/*------------------------------------*\
    #BORDERS
\*------------------------------------*/
/*------------------------------------*\
    #CLEARFIX
\*------------------------------------*/
/*------------------------------------*\
    #PIN
\*------------------------------------*/
/**
* Used to pin things the edge of their absolutely positioned, containing element.
* To give the effect of them bleeding beyond their container, like print off a page.
*/
/*------------------------------------*\
    #COLOUR SETTINGS
\*------------------------------------*/
/**
 * Set default colour variable values.
 * These can be overwritten by the $site-colours SASS map in [project name].settings.colors.scss
 * These variables are accessed by the function _honeycomb.functions.colors.scss when we reference them in our SASS
 */
/*------------------------------------*\
    #COLOUR
\*------------------------------------*/
/** This function allows us to call our colours in our styles,
  * by accessing colours in our site-colors by name and optional tone/shade.
  * Source: http://erskinedesign.com/blog/friendlier-color-names-sass-maps/
  * Here's an example of how you would use this in your CSS:
  *    a {
  *        color: color('blue');
  *        &:hover {
  *            color: color('blue', 4);
  *        }
  *    }
  */
/*------------------------------------*\
    #COLOR SCHEMES
\*------------------------------------*/
/*------------------------------------*\
    #WHITE COLOR SCHEME
\*------------------------------------*/
/**
 * White is the default website background and type color scheme
 * but sometimes you might want to apply it to a component.
 */
/*------------------------------------*\
    #LIGHTEST GREY COLOR SCHEME
\*------------------------------------*/
/**
 * This color scheme is the same as the white one
 * except for the lightest grey background color
 */
/*------------------------------------*\
    #LIGHTEST BLUE COLOR SCHEME
\*------------------------------------*/
/*------------------------------------*\
    #DARKEST GREY COLOR SCHEME
\*------------------------------------*/
/*------------------------------------*\
    #BLUE COLOR SCHEME
\*------------------------------------*/
/*------------------------------------*\
    #DARKEST BLUE COLOR SCHEME
\*------------------------------------*/
/*------------------------------------*\
    #NEAR BLACK COLOR SCHEME
\*------------------------------------*/
/*------------------------------------*\
    #BLACK COLOR SCHEME
\*------------------------------------*/
/*------------------------------------*\
    #RED COLOR SCHEME
\*------------------------------------*/
/*------------------------------------*\
    #BREAKPOINT SETTINGS
\*------------------------------------*/
/**
 * Toggle responsive functionality on or off.
 * Default is for responsive functionality to be ON.
 */
/**
 * Set responsive breakpoints.
 */
/**
 * Set whether the breakpoints and media queries should run as desktop first.
 * i.e. when using a responsive breakpoint, desktop first captures upto the
 * breakpoint, so 'medium' breakpoint would apply to medium and small.
 */
/*------------------------------------*\
    #CONTAINER SETTINGS
\*------------------------------------*/
/*------------------------------------*\
    #SPACING SETTINGS
\*------------------------------------*/
/**
 * Spacing units - based off $line-height.
 */
/**
 * White list of margin scales.
 */
/**
 * White list of padding scales.
 */
/**
 * When using medium as breakpoint, means to apply rules to medium breakpoint and BELOW,
 * as we're going desktop first (max-width), rather than mobile first (min-width).
 */
/*------------------------------------*\
    #BORDERS
\*------------------------------------*/
/*------------------------------------*\
    #CLEARFIX
\*------------------------------------*/
/*------------------------------------*\
    #PIN
\*------------------------------------*/
/**
* Used to pin things the edge of their absolutely positioned, containing element.
* To give the effect of them bleeding beyond their container, like print off a page.
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after 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/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 when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; }

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * 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; }

/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0; }

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help; }

/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none; }

/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid; }

/*------------------------------------*\
    #BOX-SIZING
\*------------------------------------*/
/**
 * Sets box-sizing globally.
 */
html {
  box-sizing: border-box; }

/**
 * The lines below ensure that if box-sizing is set on an element it is inherited by it's children.
 */
*, *:before, *:after {
  box-sizing: inherit; }

/*------------------------------------*\
    #IMAGES
\*------------------------------------*/
img {
  max-width: 100%;
  height: auto;
  font-style: italic;
  vertical-align: middle; }

/**
* Google Maps breaks if `max-width: 100%` acts upon it; use their selector
* to remove the effects.
*/
.gm-style img {
  max-width: none; }

/*------------------------------------*\
    #INLINE
\*------------------------------------*/
/**
 * Inline styles for raw unclassed HTML elements.
 */
mark {
  font-style: italic;
  font-weight: bold; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }
  pre code {
    padding: 18px;
    padding: 1.28571rem;
    display: block;
    overflow: auto;
    white-space: pre; }

hr {
  clear: both;
  border-top: 1px;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  min-height: 0;
  height: 1px;
  border-style: solid; }
  hr.dashed {
    border-style: dashed; }
  hr.dotted {
    border-style: dotted; }

/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * Basic styles for raw unclassed lists.
 */
ul, ol {
  margin-left: 18px;
  margin-left: 1.28571rem; }

li, dd {
  margin-bottom: 9px;
  margin-bottom: 0.64286rem; }

dt {
  margin-bottom: 9px;
  margin-bottom: 0.64286rem;
  font-weight: bold; }

ul ul,
ul ol,
ul dl,
ol ul,
ol ol,
ol dl,
dl ul,
dl ol,
dl dl {
  margin-top: 18px;
  margin-top: 1.28571rem; }

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

li p:empty {
  display: none; }

/*------------------------------------*\
    #PAGE
\*------------------------------------*/
html {
  font-size: 100%;
  -webkit-font-smoothing: antialiased; }

/*------------------------------------*\
    #VERTICAL RHYTHM
\*------------------------------------*/
/**
 * Set a default margin, on most block level elements.
 * Only add margin to the bottom, to keep some vertical rhythm.
 */
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
table,
fieldset, figure,
pre,
hr {
  margin-bottom: 18px;
  margin-bottom: 1.28571rem; }

hr {
  margin-top: 18px;
  margin-top: 1.28571rem; }

p:last-child {
  margin-bottom: 0px;
  margin-bottom: 0rem; }

/*------------------------------------*\
    #BACKGROUNDS
\*------------------------------------*/
.bg--cover {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

/*------------------------------------*\
    #BANDS
\*------------------------------------*/
/**
 * a .band is a full-width, stackable band of content with no margin-bottom.
 * The default band has a white background.
 */
.band {
  position: relative;
  width: 100%;
  overflow: hidden;
  clear: both; }

/**
 * .band__inner-wrapper is a content wrapper within .band which is:
 *  1. Centered
 *  2. A class hook for constraining the width of it's contained content
 *  The default band__inner-container has a nice large amount of vertical padding
 * These rules are to set the width of .band__inner-wrapper at different
 * viewport widths.
 * Media query breakpoint defaults are set in base/settings/_settings.scss
 * and may be overidden and extended in project/settings/_settings.scss.
 */
.band__inner-container,
.band__inner-container--tight,
.band__inner-container--loose {
  clear: both;
  /**
     * For modern browsers
     * 1. The space content is one way to avoid an Opera bug when the
     *    contenteditable attribute is included anywhere else in the document.
     *    Otherwise it causes space to appear at the top and bottom of elements
     *    that are clearfixed.
     * 2. The use of `table` rather than `block` is only necessary if using
     *    `:before` to contain the top-margins of child elements.
     */
  /**
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
  padding-top: 35px;
  padding-top: 2.5rem;
  padding-bottom: 35px;
  padding-bottom: 2.5rem;
  padding-left: 18px;
  padding-left: 1.28571rem;
  padding-right: 18px;
  padding-right: 1.28571rem;
  width: 100%;
  max-width: 1320px;
  margin: auto; }
  .band__inner-container:before, .band__inner-container:after,
  .band__inner-container--tight:before,
  .band__inner-container--loose:before,
  .band__inner-container--tight:after,
  .band__inner-container--loose:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .band__inner-container:after,
  .band__inner-container--tight:after,
  .band__inner-container--loose:after {
    clear: both; }
  .band__inner-container,
  .band__inner-container--tight,
  .band__inner-container--loose {
    *zoom: 1; }

/**
 * band__inner-container with tighter vertical padding
 */
.band__inner-container--tight {
  padding-top: 18px;
  padding-top: 1.28571rem;
  padding-bottom: 18px;
  padding-bottom: 1.28571rem; }

/**
 * band__inner-container with looser vertical padding
 */
.band__inner-container--loose {
  padding-top: 70px;
  padding-top: 5rem;
  padding-bottom: 70px;
  padding-bottom: 5rem; }

/*------------------------------------*\
    #BORDERS
\*------------------------------------*/
.border {
  border-style: solid;
  border-width: 1px; }

.border-top {
  border-top-style: solid;
  border-top-width: 1px; }

.border-right {
  border-right-style: solid;
  border-right-width: 1px; }

.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px; }

.border-left {
  border-left-style: solid;
  border-left-width: 1px; }

.border-thick {
  border-width: 2px; }

.border-none {
  border-width: 0; }

/*------------------------------------*\
    #CLEARFIX
\*------------------------------------*/
.clearfix,
.grid__row,
.header--primary .header--primary__menu--mobile {
  clear: both;
  /**
     * For modern browsers
     * 1. The space content is one way to avoid an Opera bug when the
     *    contenteditable attribute is included anywhere else in the document.
     *    Otherwise it causes space to appear at the top and bottom of elements
     *    that are clearfixed.
     * 2. The use of `table` rather than `block` is only necessary if using
     *    `:before` to contain the top-margins of child elements.
     */
  /**
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */ }
  .clearfix:before, .clearfix:after,
  .grid__row:before,
  .header--primary .header--primary__menu--mobile:before,
  .grid__row:after,
  .header--primary .header--primary__menu--mobile:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .clearfix:after,
  .grid__row:after,
  .header--primary .header--primary__menu--mobile:after {
    clear: both; }
  .clearfix,
  .grid__row,
  .header--primary .header--primary__menu--mobile {
    *zoom: 1; }

.code {
  white-space: pre-wrap; }

/*------------------------------------*\
    #IMAGES
\*------------------------------------*/
.image-center {
  display: block;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto; }

/*------------------------------------*\
    #MARGIN
\*------------------------------------*/
/**
 * Margin options, for things like grid columns and rows, etc.
 * For example, <div class="grid__row col-spaced-v">, gives a grid row 'standard' vertical margin.
 */
.spaced {
  margin: 35px;
  margin: 2.5rem; }

.spaced-h {
  margin-left: 35px;
  margin-left: 2.5rem;
  margin-right: 35px;
  margin-right: 2.5rem; }

.spaced-left {
  margin-left: 35px;
  margin-left: 2.5rem; }

.spaced-right {
  margin-right: 35px;
  margin-right: 2.5rem; }

.spaced-v {
  margin-top: 35px;
  margin-top: 2.5rem;
  margin-bottom: 35px;
  margin-bottom: 2.5rem; }

.spaced-top {
  margin-top: 35px;
  margin-top: 2.5rem; }

.spaced-bottom {
  margin-bottom: 35px;
  margin-bottom: 2.5rem; }

.spaced--tight {
  margin: 18px;
  margin: 1.28571rem; }

.spaced-h--tight {
  margin-left: 18px;
  margin-left: 1.28571rem;
  margin-right: 18px;
  margin-right: 1.28571rem; }

.spaced-left--tight {
  margin-left: 18px;
  margin-left: 1.28571rem; }

.spaced-right--tight {
  margin-right: 18px;
  margin-right: 1.28571rem; }

.spaced-v--tight {
  margin-top: 18px;
  margin-top: 1.28571rem;
  margin-bottom: 18px;
  margin-bottom: 1.28571rem; }

.spaced-top--tight {
  margin-top: 18px;
  margin-top: 1.28571rem; }

.spaced-bottom--tight {
  margin-bottom: 18px;
  margin-bottom: 1.28571rem; }

.spaced--loose {
  margin: 70px;
  margin: 5rem; }

.spaced-h--loose {
  margin-left: 70px;
  margin-left: 5rem;
  margin-right: 70px;
  margin-right: 5rem; }

.spaced-left--loose {
  margin-left: 70px;
  margin-left: 5rem; }

.spaced-right--loose {
  margin-right: 70px;
  margin-right: 5rem; }

.spaced-v--loose {
  margin-top: 70px;
  margin-top: 5rem;
  margin-bottom: 70px;
  margin-bottom: 5rem; }

.spaced-top--loose {
  margin-top: 70px;
  margin-top: 5rem; }

.spaced-bottom--loose {
  margin-bottom: 70px;
  margin-bottom: 5rem; }

.spaced--none {
  margin: 0px;
  margin: 0rem; }

.spaced-h--none {
  margin-left: 0px;
  margin-left: 0rem;
  margin-right: 0px;
  margin-right: 0rem; }

.spaced-left--none {
  margin-left: 0px;
  margin-left: 0rem; }

.spaced-right--none {
  margin-right: 0px;
  margin-right: 0rem; }

.spaced-v--none {
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem; }

.spaced-top--none {
  margin-top: 0px;
  margin-top: 0rem; }

.spaced-bottom--none {
  margin-bottom: 0px;
  margin-bottom: 0rem; }

/**
 * Build the margin classes at breakpoints, using Desktop first approach, like the
 * responsive mixin in the base module.
 */
@media only screen and (max-width: 99999px) {
  .spaced--max {
    margin: 35px;
    margin: 2.5rem; }
  .spaced-h--max {
    margin-left: 35px;
    margin-left: 2.5rem;
    margin-right: 35px;
    margin-right: 2.5rem; }
  .spaced-left--max {
    margin-left: 35px;
    margin-left: 2.5rem; }
  .spaced-right--max {
    margin-right: 35px;
    margin-right: 2.5rem; }
  .spaced-v--max {
    margin-top: 35px;
    margin-top: 2.5rem;
    margin-bottom: 35px;
    margin-bottom: 2.5rem; }
  .spaced-top--max {
    margin-top: 35px;
    margin-top: 2.5rem; }
  .spaced-bottom--max {
    margin-bottom: 35px;
    margin-bottom: 2.5rem; }
  .spaced--tight--max {
    margin: 18px;
    margin: 1.28571rem; }
  .spaced-h--tight--max {
    margin-left: 18px;
    margin-left: 1.28571rem;
    margin-right: 18px;
    margin-right: 1.28571rem; }
  .spaced-left--tight--max {
    margin-left: 18px;
    margin-left: 1.28571rem; }
  .spaced-right--tight--max {
    margin-right: 18px;
    margin-right: 1.28571rem; }
  .spaced-v--tight--max {
    margin-top: 18px;
    margin-top: 1.28571rem;
    margin-bottom: 18px;
    margin-bottom: 1.28571rem; }
  .spaced-top--tight--max {
    margin-top: 18px;
    margin-top: 1.28571rem; }
  .spaced-bottom--tight--max {
    margin-bottom: 18px;
    margin-bottom: 1.28571rem; }
  .spaced--loose--max {
    margin: 70px;
    margin: 5rem; }
  .spaced-h--loose--max {
    margin-left: 70px;
    margin-left: 5rem;
    margin-right: 70px;
    margin-right: 5rem; }
  .spaced-left--loose--max {
    margin-left: 70px;
    margin-left: 5rem; }
  .spaced-right--loose--max {
    margin-right: 70px;
    margin-right: 5rem; }
  .spaced-v--loose--max {
    margin-top: 70px;
    margin-top: 5rem;
    margin-bottom: 70px;
    margin-bottom: 5rem; }
  .spaced-top--loose--max {
    margin-top: 70px;
    margin-top: 5rem; }
  .spaced-bottom--loose--max {
    margin-bottom: 70px;
    margin-bottom: 5rem; }
  .spaced--none--max {
    margin: 0px;
    margin: 0rem; }
  .spaced-h--none--max {
    margin-left: 0px;
    margin-left: 0rem;
    margin-right: 0px;
    margin-right: 0rem; }
  .spaced-left--none--max {
    margin-left: 0px;
    margin-left: 0rem; }
  .spaced-right--none--max {
    margin-right: 0px;
    margin-right: 0rem; }
  .spaced-v--none--max {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 0px;
    margin-bottom: 0rem; }
  .spaced-top--none--max {
    margin-top: 0px;
    margin-top: 0rem; }
  .spaced-bottom--none--max {
    margin-bottom: 0px;
    margin-bottom: 0rem; } }

@media only screen and (max-width: 1200px) {
  .spaced--large {
    margin: 35px;
    margin: 2.5rem; }
  .spaced-h--large {
    margin-left: 35px;
    margin-left: 2.5rem;
    margin-right: 35px;
    margin-right: 2.5rem; }
  .spaced-left--large {
    margin-left: 35px;
    margin-left: 2.5rem; }
  .spaced-right--large {
    margin-right: 35px;
    margin-right: 2.5rem; }
  .spaced-v--large {
    margin-top: 35px;
    margin-top: 2.5rem;
    margin-bottom: 35px;
    margin-bottom: 2.5rem; }
  .spaced-top--large {
    margin-top: 35px;
    margin-top: 2.5rem; }
  .spaced-bottom--large {
    margin-bottom: 35px;
    margin-bottom: 2.5rem; }
  .spaced--tight--large {
    margin: 18px;
    margin: 1.28571rem; }
  .spaced-h--tight--large {
    margin-left: 18px;
    margin-left: 1.28571rem;
    margin-right: 18px;
    margin-right: 1.28571rem; }
  .spaced-left--tight--large {
    margin-left: 18px;
    margin-left: 1.28571rem; }
  .spaced-right--tight--large {
    margin-right: 18px;
    margin-right: 1.28571rem; }
  .spaced-v--tight--large {
    margin-top: 18px;
    margin-top: 1.28571rem;
    margin-bottom: 18px;
    margin-bottom: 1.28571rem; }
  .spaced-top--tight--large {
    margin-top: 18px;
    margin-top: 1.28571rem; }
  .spaced-bottom--tight--large {
    margin-bottom: 18px;
    margin-bottom: 1.28571rem; }
  .spaced--loose--large {
    margin: 70px;
    margin: 5rem; }
  .spaced-h--loose--large {
    margin-left: 70px;
    margin-left: 5rem;
    margin-right: 70px;
    margin-right: 5rem; }
  .spaced-left--loose--large {
    margin-left: 70px;
    margin-left: 5rem; }
  .spaced-right--loose--large {
    margin-right: 70px;
    margin-right: 5rem; }
  .spaced-v--loose--large {
    margin-top: 70px;
    margin-top: 5rem;
    margin-bottom: 70px;
    margin-bottom: 5rem; }
  .spaced-top--loose--large {
    margin-top: 70px;
    margin-top: 5rem; }
  .spaced-bottom--loose--large {
    margin-bottom: 70px;
    margin-bottom: 5rem; }
  .spaced--none--large {
    margin: 0px;
    margin: 0rem; }
  .spaced-h--none--large {
    margin-left: 0px;
    margin-left: 0rem;
    margin-right: 0px;
    margin-right: 0rem; }
  .spaced-left--none--large {
    margin-left: 0px;
    margin-left: 0rem; }
  .spaced-right--none--large {
    margin-right: 0px;
    margin-right: 0rem; }
  .spaced-v--none--large {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 0px;
    margin-bottom: 0rem; }
  .spaced-top--none--large {
    margin-top: 0px;
    margin-top: 0rem; }
  .spaced-bottom--none--large {
    margin-bottom: 0px;
    margin-bottom: 0rem; } }

@media only screen and (max-width: 950px) {
  .spaced--medium {
    margin: 35px;
    margin: 2.5rem; }
  .spaced-h--medium {
    margin-left: 35px;
    margin-left: 2.5rem;
    margin-right: 35px;
    margin-right: 2.5rem; }
  .spaced-left--medium {
    margin-left: 35px;
    margin-left: 2.5rem; }
  .spaced-right--medium {
    margin-right: 35px;
    margin-right: 2.5rem; }
  .spaced-v--medium {
    margin-top: 35px;
    margin-top: 2.5rem;
    margin-bottom: 35px;
    margin-bottom: 2.5rem; }
  .spaced-top--medium {
    margin-top: 35px;
    margin-top: 2.5rem; }
  .spaced-bottom--medium {
    margin-bottom: 35px;
    margin-bottom: 2.5rem; }
  .spaced--tight--medium {
    margin: 18px;
    margin: 1.28571rem; }
  .spaced-h--tight--medium {
    margin-left: 18px;
    margin-left: 1.28571rem;
    margin-right: 18px;
    margin-right: 1.28571rem; }
  .spaced-left--tight--medium {
    margin-left: 18px;
    margin-left: 1.28571rem; }
  .spaced-right--tight--medium {
    margin-right: 18px;
    margin-right: 1.28571rem; }
  .spaced-v--tight--medium {
    margin-top: 18px;
    margin-top: 1.28571rem;
    margin-bottom: 18px;
    margin-bottom: 1.28571rem; }
  .spaced-top--tight--medium {
    margin-top: 18px;
    margin-top: 1.28571rem; }
  .spaced-bottom--tight--medium {
    margin-bottom: 18px;
    margin-bottom: 1.28571rem; }
  .spaced--loose--medium {
    margin: 70px;
    margin: 5rem; }
  .spaced-h--loose--medium {
    margin-left: 70px;
    margin-left: 5rem;
    margin-right: 70px;
    margin-right: 5rem; }
  .spaced-left--loose--medium {
    margin-left: 70px;
    margin-left: 5rem; }
  .spaced-right--loose--medium {
    margin-right: 70px;
    margin-right: 5rem; }
  .spaced-v--loose--medium {
    margin-top: 70px;
    margin-top: 5rem;
    margin-bottom: 70px;
    margin-bottom: 5rem; }
  .spaced-top--loose--medium {
    margin-top: 70px;
    margin-top: 5rem; }
  .spaced-bottom--loose--medium {
    margin-bottom: 70px;
    margin-bottom: 5rem; }
  .spaced--none--medium {
    margin: 0px;
    margin: 0rem; }
  .spaced-h--none--medium {
    margin-left: 0px;
    margin-left: 0rem;
    margin-right: 0px;
    margin-right: 0rem; }
  .spaced-left--none--medium {
    margin-left: 0px;
    margin-left: 0rem; }
  .spaced-right--none--medium {
    margin-right: 0px;
    margin-right: 0rem; }
  .spaced-v--none--medium {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 0px;
    margin-bottom: 0rem; }
  .spaced-top--none--medium {
    margin-top: 0px;
    margin-top: 0rem; }
  .spaced-bottom--none--medium {
    margin-bottom: 0px;
    margin-bottom: 0rem; } }

@media only screen and (max-width: 600px) {
  .spaced--small {
    margin: 35px;
    margin: 2.5rem; }
  .spaced-h--small {
    margin-left: 35px;
    margin-left: 2.5rem;
    margin-right: 35px;
    margin-right: 2.5rem; }
  .spaced-left--small {
    margin-left: 35px;
    margin-left: 2.5rem; }
  .spaced-right--small {
    margin-right: 35px;
    margin-right: 2.5rem; }
  .spaced-v--small {
    margin-top: 35px;
    margin-top: 2.5rem;
    margin-bottom: 35px;
    margin-bottom: 2.5rem; }
  .spaced-top--small {
    margin-top: 35px;
    margin-top: 2.5rem; }
  .spaced-bottom--small {
    margin-bottom: 35px;
    margin-bottom: 2.5rem; }
  .spaced--tight--small {
    margin: 18px;
    margin: 1.28571rem; }
  .spaced-h--tight--small {
    margin-left: 18px;
    margin-left: 1.28571rem;
    margin-right: 18px;
    margin-right: 1.28571rem; }
  .spaced-left--tight--small {
    margin-left: 18px;
    margin-left: 1.28571rem; }
  .spaced-right--tight--small {
    margin-right: 18px;
    margin-right: 1.28571rem; }
  .spaced-v--tight--small {
    margin-top: 18px;
    margin-top: 1.28571rem;
    margin-bottom: 18px;
    margin-bottom: 1.28571rem; }
  .spaced-top--tight--small {
    margin-top: 18px;
    margin-top: 1.28571rem; }
  .spaced-bottom--tight--small {
    margin-bottom: 18px;
    margin-bottom: 1.28571rem; }
  .spaced--loose--small {
    margin: 70px;
    margin: 5rem; }
  .spaced-h--loose--small {
    margin-left: 70px;
    margin-left: 5rem;
    margin-right: 70px;
    margin-right: 5rem; }
  .spaced-left--loose--small {
    margin-left: 70px;
    margin-left: 5rem; }
  .spaced-right--loose--small {
    margin-right: 70px;
    margin-right: 5rem; }
  .spaced-v--loose--small {
    margin-top: 70px;
    margin-top: 5rem;
    margin-bottom: 70px;
    margin-bottom: 5rem; }
  .spaced-top--loose--small {
    margin-top: 70px;
    margin-top: 5rem; }
  .spaced-bottom--loose--small {
    margin-bottom: 70px;
    margin-bottom: 5rem; }
  .spaced--none--small {
    margin: 0px;
    margin: 0rem; }
  .spaced-h--none--small {
    margin-left: 0px;
    margin-left: 0rem;
    margin-right: 0px;
    margin-right: 0rem; }
  .spaced-left--none--small {
    margin-left: 0px;
    margin-left: 0rem; }
  .spaced-right--none--small {
    margin-right: 0px;
    margin-right: 0rem; }
  .spaced-v--none--small {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 0px;
    margin-bottom: 0rem; }
  .spaced-top--none--small {
    margin-top: 0px;
    margin-top: 0rem; }
  .spaced-bottom--none--small {
    margin-bottom: 0px;
    margin-bottom: 0rem; } }

@media only screen and (max-width: 384px) {
  .spaced--mini {
    margin: 35px;
    margin: 2.5rem; }
  .spaced-h--mini {
    margin-left: 35px;
    margin-left: 2.5rem;
    margin-right: 35px;
    margin-right: 2.5rem; }
  .spaced-left--mini {
    margin-left: 35px;
    margin-left: 2.5rem; }
  .spaced-right--mini {
    margin-right: 35px;
    margin-right: 2.5rem; }
  .spaced-v--mini {
    margin-top: 35px;
    margin-top: 2.5rem;
    margin-bottom: 35px;
    margin-bottom: 2.5rem; }
  .spaced-top--mini {
    margin-top: 35px;
    margin-top: 2.5rem; }
  .spaced-bottom--mini {
    margin-bottom: 35px;
    margin-bottom: 2.5rem; }
  .spaced--tight--mini {
    margin: 18px;
    margin: 1.28571rem; }
  .spaced-h--tight--mini {
    margin-left: 18px;
    margin-left: 1.28571rem;
    margin-right: 18px;
    margin-right: 1.28571rem; }
  .spaced-left--tight--mini {
    margin-left: 18px;
    margin-left: 1.28571rem; }
  .spaced-right--tight--mini {
    margin-right: 18px;
    margin-right: 1.28571rem; }
  .spaced-v--tight--mini {
    margin-top: 18px;
    margin-top: 1.28571rem;
    margin-bottom: 18px;
    margin-bottom: 1.28571rem; }
  .spaced-top--tight--mini {
    margin-top: 18px;
    margin-top: 1.28571rem; }
  .spaced-bottom--tight--mini {
    margin-bottom: 18px;
    margin-bottom: 1.28571rem; }
  .spaced--loose--mini {
    margin: 70px;
    margin: 5rem; }
  .spaced-h--loose--mini {
    margin-left: 70px;
    margin-left: 5rem;
    margin-right: 70px;
    margin-right: 5rem; }
  .spaced-left--loose--mini {
    margin-left: 70px;
    margin-left: 5rem; }
  .spaced-right--loose--mini {
    margin-right: 70px;
    margin-right: 5rem; }
  .spaced-v--loose--mini {
    margin-top: 70px;
    margin-top: 5rem;
    margin-bottom: 70px;
    margin-bottom: 5rem; }
  .spaced-top--loose--mini {
    margin-top: 70px;
    margin-top: 5rem; }
  .spaced-bottom--loose--mini {
    margin-bottom: 70px;
    margin-bottom: 5rem; }
  .spaced--none--mini {
    margin: 0px;
    margin: 0rem; }
  .spaced-h--none--mini {
    margin-left: 0px;
    margin-left: 0rem;
    margin-right: 0px;
    margin-right: 0rem; }
  .spaced-left--none--mini {
    margin-left: 0px;
    margin-left: 0rem; }
  .spaced-right--none--mini {
    margin-right: 0px;
    margin-right: 0rem; }
  .spaced-v--none--mini {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 0px;
    margin-bottom: 0rem; }
  .spaced-top--none--mini {
    margin-top: 0px;
    margin-top: 0rem; }
  .spaced-bottom--none--mini {
    margin-bottom: 0px;
    margin-bottom: 0rem; } }

/*------------------------------------*\
    #PADDING
\*------------------------------------*/
/**
 * Padding options, for things like grid columns and rows, etc.
 * For example, <div class="grid__row col-padded-v">, gives a grid row 'standard' vertical padding.
 */
.padded {
  padding: 35px;
  padding: 2.5rem; }

.padded-h {
  padding-left: 35px;
  padding-left: 2.5rem;
  padding-right: 35px;
  padding-right: 2.5rem; }

.padded-left {
  padding-left: 35px;
  padding-left: 2.5rem; }

.padded-right {
  padding-right: 35px;
  padding-right: 2.5rem; }

.padded-v {
  padding-top: 35px;
  padding-top: 2.5rem;
  padding-bottom: 35px;
  padding-bottom: 2.5rem; }

.padded-top {
  padding-top: 35px;
  padding-top: 2.5rem; }

.padded-bottom {
  padding-bottom: 35px;
  padding-bottom: 2.5rem; }

.padded--tight {
  padding: 18px;
  padding: 1.28571rem; }

.padded-h--tight, .nav--drawer__open {
  padding-left: 18px;
  padding-left: 1.28571rem;
  padding-right: 18px;
  padding-right: 1.28571rem; }

.padded-left--tight {
  padding-left: 18px;
  padding-left: 1.28571rem; }

.padded-right--tight {
  padding-right: 18px;
  padding-right: 1.28571rem; }

.padded-v--tight, .nav--drawer__open {
  padding-top: 18px;
  padding-top: 1.28571rem;
  padding-bottom: 18px;
  padding-bottom: 1.28571rem; }

.padded-top--tight {
  padding-top: 18px;
  padding-top: 1.28571rem; }

.padded-bottom--tight {
  padding-bottom: 18px;
  padding-bottom: 1.28571rem; }

.padded--loose {
  padding: 70px;
  padding: 5rem; }

.padded-h--loose {
  padding-left: 70px;
  padding-left: 5rem;
  padding-right: 70px;
  padding-right: 5rem; }

.padded-left--loose {
  padding-left: 70px;
  padding-left: 5rem; }

.padded-right--loose {
  padding-right: 70px;
  padding-right: 5rem; }

.padded-v--loose {
  padding-top: 70px;
  padding-top: 5rem;
  padding-bottom: 70px;
  padding-bottom: 5rem; }

.padded-top--loose {
  padding-top: 70px;
  padding-top: 5rem; }

.padded-bottom--loose {
  padding-bottom: 70px;
  padding-bottom: 5rem; }

.padded--none {
  padding: 0px;
  padding: 0rem; }

.padded-h--none {
  padding-left: 0px;
  padding-left: 0rem;
  padding-right: 0px;
  padding-right: 0rem; }

.padded-left--none {
  padding-left: 0px;
  padding-left: 0rem; }

.padded-right--none {
  padding-right: 0px;
  padding-right: 0rem; }

.padded-v--none {
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem; }

.padded-top--none {
  padding-top: 0px;
  padding-top: 0rem; }

.padded-bottom--none {
  padding-bottom: 0px;
  padding-bottom: 0rem; }

/**
 * Build the padding classes at breakpoints, using Desktop first approach, like the
 * responsive mixin in the base module.
 */
@media only screen and (max-width: 99999px) {
  .padded--max {
    padding: 35px;
    padding: 2.5rem; }
  .padded-h--max {
    padding-left: 35px;
    padding-left: 2.5rem;
    padding-right: 35px;
    padding-right: 2.5rem; }
  .padded-left--max {
    padding-left: 35px;
    padding-left: 2.5rem; }
  .padded-right--max {
    padding-right: 35px;
    padding-right: 2.5rem; }
  .padded-v--max {
    padding-top: 35px;
    padding-top: 2.5rem;
    padding-bottom: 35px;
    padding-bottom: 2.5rem; }
  .padded-top--max {
    padding-top: 35px;
    padding-top: 2.5rem; }
  .padded-bottom--max {
    padding-bottom: 35px;
    padding-bottom: 2.5rem; }
  .padded--tight--max {
    padding: 18px;
    padding: 1.28571rem; }
  .padded-h--tight--max {
    padding-left: 18px;
    padding-left: 1.28571rem;
    padding-right: 18px;
    padding-right: 1.28571rem; }
  .padded-left--tight--max {
    padding-left: 18px;
    padding-left: 1.28571rem; }
  .padded-right--tight--max {
    padding-right: 18px;
    padding-right: 1.28571rem; }
  .padded-v--tight--max {
    padding-top: 18px;
    padding-top: 1.28571rem;
    padding-bottom: 18px;
    padding-bottom: 1.28571rem; }
  .padded-top--tight--max {
    padding-top: 18px;
    padding-top: 1.28571rem; }
  .padded-bottom--tight--max {
    padding-bottom: 18px;
    padding-bottom: 1.28571rem; }
  .padded--loose--max {
    padding: 70px;
    padding: 5rem; }
  .padded-h--loose--max {
    padding-left: 70px;
    padding-left: 5rem;
    padding-right: 70px;
    padding-right: 5rem; }
  .padded-left--loose--max {
    padding-left: 70px;
    padding-left: 5rem; }
  .padded-right--loose--max {
    padding-right: 70px;
    padding-right: 5rem; }
  .padded-v--loose--max {
    padding-top: 70px;
    padding-top: 5rem;
    padding-bottom: 70px;
    padding-bottom: 5rem; }
  .padded-top--loose--max {
    padding-top: 70px;
    padding-top: 5rem; }
  .padded-bottom--loose--max {
    padding-bottom: 70px;
    padding-bottom: 5rem; }
  .padded--none--max {
    padding: 0px;
    padding: 0rem; }
  .padded-h--none--max {
    padding-left: 0px;
    padding-left: 0rem;
    padding-right: 0px;
    padding-right: 0rem; }
  .padded-left--none--max {
    padding-left: 0px;
    padding-left: 0rem; }
  .padded-right--none--max {
    padding-right: 0px;
    padding-right: 0rem; }
  .padded-v--none--max {
    padding-top: 0px;
    padding-top: 0rem;
    padding-bottom: 0px;
    padding-bottom: 0rem; }
  .padded-top--none--max {
    padding-top: 0px;
    padding-top: 0rem; }
  .padded-bottom--none--max {
    padding-bottom: 0px;
    padding-bottom: 0rem; } }

@media only screen and (max-width: 1200px) {
  .padded--large {
    padding: 35px;
    padding: 2.5rem; }
  .padded-h--large {
    padding-left: 35px;
    padding-left: 2.5rem;
    padding-right: 35px;
    padding-right: 2.5rem; }
  .padded-left--large {
    padding-left: 35px;
    padding-left: 2.5rem; }
  .padded-right--large {
    padding-right: 35px;
    padding-right: 2.5rem; }
  .padded-v--large {
    padding-top: 35px;
    padding-top: 2.5rem;
    padding-bottom: 35px;
    padding-bottom: 2.5rem; }
  .padded-top--large {
    padding-top: 35px;
    padding-top: 2.5rem; }
  .padded-bottom--large {
    padding-bottom: 35px;
    padding-bottom: 2.5rem; }
  .padded--tight--large {
    padding: 18px;
    padding: 1.28571rem; }
  .padded-h--tight--large {
    padding-left: 18px;
    padding-left: 1.28571rem;
    padding-right: 18px;
    padding-right: 1.28571rem; }
  .padded-left--tight--large {
    padding-left: 18px;
    padding-left: 1.28571rem; }
  .padded-right--tight--large {
    padding-right: 18px;
    padding-right: 1.28571rem; }
  .padded-v--tight--large {
    padding-top: 18px;
    padding-top: 1.28571rem;
    padding-bottom: 18px;
    padding-bottom: 1.28571rem; }
  .padded-top--tight--large {
    padding-top: 18px;
    padding-top: 1.28571rem; }
  .padded-bottom--tight--large {
    padding-bottom: 18px;
    padding-bottom: 1.28571rem; }
  .padded--loose--large {
    padding: 70px;
    padding: 5rem; }
  .padded-h--loose--large {
    padding-left: 70px;
    padding-left: 5rem;
    padding-right: 70px;
    padding-right: 5rem; }
  .padded-left--loose--large {
    padding-left: 70px;
    padding-left: 5rem; }
  .padded-right--loose--large {
    padding-right: 70px;
    padding-right: 5rem; }
  .padded-v--loose--large {
    padding-top: 70px;
    padding-top: 5rem;
    padding-bottom: 70px;
    padding-bottom: 5rem; }
  .padded-top--loose--large {
    padding-top: 70px;
    padding-top: 5rem; }
  .padded-bottom--loose--large {
    padding-bottom: 70px;
    padding-bottom: 5rem; }
  .padded--none--large {
    padding: 0px;
    padding: 0rem; }
  .padded-h--none--large {
    padding-left: 0px;
    padding-left: 0rem;
    padding-right: 0px;
    padding-right: 0rem; }
  .padded-left--none--large {
    padding-left: 0px;
    padding-left: 0rem; }
  .padded-right--none--large {
    padding-right: 0px;
    padding-right: 0rem; }
  .padded-v--none--large {
    padding-top: 0px;
    padding-top: 0rem;
    padding-bottom: 0px;
    padding-bottom: 0rem; }
  .padded-top--none--large {
    padding-top: 0px;
    padding-top: 0rem; }
  .padded-bottom--none--large {
    padding-bottom: 0px;
    padding-bottom: 0rem; } }

@media only screen and (max-width: 950px) {
  .padded--medium {
    padding: 35px;
    padding: 2.5rem; }
  .padded-h--medium {
    padding-left: 35px;
    padding-left: 2.5rem;
    padding-right: 35px;
    padding-right: 2.5rem; }
  .padded-left--medium {
    padding-left: 35px;
    padding-left: 2.5rem; }
  .padded-right--medium {
    padding-right: 35px;
    padding-right: 2.5rem; }
  .padded-v--medium {
    padding-top: 35px;
    padding-top: 2.5rem;
    padding-bottom: 35px;
    padding-bottom: 2.5rem; }
  .padded-top--medium {
    padding-top: 35px;
    padding-top: 2.5rem; }
  .padded-bottom--medium {
    padding-bottom: 35px;
    padding-bottom: 2.5rem; }
  .padded--tight--medium {
    padding: 18px;
    padding: 1.28571rem; }
  .padded-h--tight--medium {
    padding-left: 18px;
    padding-left: 1.28571rem;
    padding-right: 18px;
    padding-right: 1.28571rem; }
  .padded-left--tight--medium {
    padding-left: 18px;
    padding-left: 1.28571rem; }
  .padded-right--tight--medium {
    padding-right: 18px;
    padding-right: 1.28571rem; }
  .padded-v--tight--medium {
    padding-top: 18px;
    padding-top: 1.28571rem;
    padding-bottom: 18px;
    padding-bottom: 1.28571rem; }
  .padded-top--tight--medium {
    padding-top: 18px;
    padding-top: 1.28571rem; }
  .padded-bottom--tight--medium {
    padding-bottom: 18px;
    padding-bottom: 1.28571rem; }
  .padded--loose--medium {
    padding: 70px;
    padding: 5rem; }
  .padded-h--loose--medium {
    padding-left: 70px;
    padding-left: 5rem;
    padding-right: 70px;
    padding-right: 5rem; }
  .padded-left--loose--medium {
    padding-left: 70px;
    padding-left: 5rem; }
  .padded-right--loose--medium {
    padding-right: 70px;
    padding-right: 5rem; }
  .padded-v--loose--medium {
    padding-top: 70px;
    padding-top: 5rem;
    padding-bottom: 70px;
    padding-bottom: 5rem; }
  .padded-top--loose--medium {
    padding-top: 70px;
    padding-top: 5rem; }
  .padded-bottom--loose--medium {
    padding-bottom: 70px;
    padding-bottom: 5rem; }
  .padded--none--medium {
    padding: 0px;
    padding: 0rem; }
  .padded-h--none--medium {
    padding-left: 0px;
    padding-left: 0rem;
    padding-right: 0px;
    padding-right: 0rem; }
  .padded-left--none--medium {
    padding-left: 0px;
    padding-left: 0rem; }
  .padded-right--none--medium {
    padding-right: 0px;
    padding-right: 0rem; }
  .padded-v--none--medium {
    padding-top: 0px;
    padding-top: 0rem;
    padding-bottom: 0px;
    padding-bottom: 0rem; }
  .padded-top--none--medium {
    padding-top: 0px;
    padding-top: 0rem; }
  .padded-bottom--none--medium {
    padding-bottom: 0px;
    padding-bottom: 0rem; } }

@media only screen and (max-width: 600px) {
  .padded--small {
    padding: 35px;
    padding: 2.5rem; }
  .padded-h--small {
    padding-left: 35px;
    padding-left: 2.5rem;
    padding-right: 35px;
    padding-right: 2.5rem; }
  .padded-left--small {
    padding-left: 35px;
    padding-left: 2.5rem; }
  .padded-right--small {
    padding-right: 35px;
    padding-right: 2.5rem; }
  .padded-v--small {
    padding-top: 35px;
    padding-top: 2.5rem;
    padding-bottom: 35px;
    padding-bottom: 2.5rem; }
  .padded-top--small {
    padding-top: 35px;
    padding-top: 2.5rem; }
  .padded-bottom--small {
    padding-bottom: 35px;
    padding-bottom: 2.5rem; }
  .padded--tight--small {
    padding: 18px;
    padding: 1.28571rem; }
  .padded-h--tight--small {
    padding-left: 18px;
    padding-left: 1.28571rem;
    padding-right: 18px;
    padding-right: 1.28571rem; }
  .padded-left--tight--small {
    padding-left: 18px;
    padding-left: 1.28571rem; }
  .padded-right--tight--small {
    padding-right: 18px;
    padding-right: 1.28571rem; }
  .padded-v--tight--small {
    padding-top: 18px;
    padding-top: 1.28571rem;
    padding-bottom: 18px;
    padding-bottom: 1.28571rem; }
  .padded-top--tight--small {
    padding-top: 18px;
    padding-top: 1.28571rem; }
  .padded-bottom--tight--small {
    padding-bottom: 18px;
    padding-bottom: 1.28571rem; }
  .padded--loose--small {
    padding: 70px;
    padding: 5rem; }
  .padded-h--loose--small {
    padding-left: 70px;
    padding-left: 5rem;
    padding-right: 70px;
    padding-right: 5rem; }
  .padded-left--loose--small {
    padding-left: 70px;
    padding-left: 5rem; }
  .padded-right--loose--small {
    padding-right: 70px;
    padding-right: 5rem; }
  .padded-v--loose--small {
    padding-top: 70px;
    padding-top: 5rem;
    padding-bottom: 70px;
    padding-bottom: 5rem; }
  .padded-top--loose--small {
    padding-top: 70px;
    padding-top: 5rem; }
  .padded-bottom--loose--small {
    padding-bottom: 70px;
    padding-bottom: 5rem; }
  .padded--none--small {
    padding: 0px;
    padding: 0rem; }
  .padded-h--none--small {
    padding-left: 0px;
    padding-left: 0rem;
    padding-right: 0px;
    padding-right: 0rem; }
  .padded-left--none--small {
    padding-left: 0px;
    padding-left: 0rem; }
  .padded-right--none--small {
    padding-right: 0px;
    padding-right: 0rem; }
  .padded-v--none--small {
    padding-top: 0px;
    padding-top: 0rem;
    padding-bottom: 0px;
    padding-bottom: 0rem; }
  .padded-top--none--small {
    padding-top: 0px;
    padding-top: 0rem; }
  .padded-bottom--none--small {
    padding-bottom: 0px;
    padding-bottom: 0rem; } }

@media only screen and (max-width: 384px) {
  .padded--mini {
    padding: 35px;
    padding: 2.5rem; }
  .padded-h--mini {
    padding-left: 35px;
    padding-left: 2.5rem;
    padding-right: 35px;
    padding-right: 2.5rem; }
  .padded-left--mini {
    padding-left: 35px;
    padding-left: 2.5rem; }
  .padded-right--mini {
    padding-right: 35px;
    padding-right: 2.5rem; }
  .padded-v--mini {
    padding-top: 35px;
    padding-top: 2.5rem;
    padding-bottom: 35px;
    padding-bottom: 2.5rem; }
  .padded-top--mini {
    padding-top: 35px;
    padding-top: 2.5rem; }
  .padded-bottom--mini {
    padding-bottom: 35px;
    padding-bottom: 2.5rem; }
  .padded--tight--mini {
    padding: 18px;
    padding: 1.28571rem; }
  .padded-h--tight--mini {
    padding-left: 18px;
    padding-left: 1.28571rem;
    padding-right: 18px;
    padding-right: 1.28571rem; }
  .padded-left--tight--mini {
    padding-left: 18px;
    padding-left: 1.28571rem; }
  .padded-right--tight--mini {
    padding-right: 18px;
    padding-right: 1.28571rem; }
  .padded-v--tight--mini {
    padding-top: 18px;
    padding-top: 1.28571rem;
    padding-bottom: 18px;
    padding-bottom: 1.28571rem; }
  .padded-top--tight--mini {
    padding-top: 18px;
    padding-top: 1.28571rem; }
  .padded-bottom--tight--mini {
    padding-bottom: 18px;
    padding-bottom: 1.28571rem; }
  .padded--loose--mini {
    padding: 70px;
    padding: 5rem; }
  .padded-h--loose--mini {
    padding-left: 70px;
    padding-left: 5rem;
    padding-right: 70px;
    padding-right: 5rem; }
  .padded-left--loose--mini {
    padding-left: 70px;
    padding-left: 5rem; }
  .padded-right--loose--mini {
    padding-right: 70px;
    padding-right: 5rem; }
  .padded-v--loose--mini {
    padding-top: 70px;
    padding-top: 5rem;
    padding-bottom: 70px;
    padding-bottom: 5rem; }
  .padded-top--loose--mini {
    padding-top: 70px;
    padding-top: 5rem; }
  .padded-bottom--loose--mini {
    padding-bottom: 70px;
    padding-bottom: 5rem; }
  .padded--none--mini {
    padding: 0px;
    padding: 0rem; }
  .padded-h--none--mini {
    padding-left: 0px;
    padding-left: 0rem;
    padding-right: 0px;
    padding-right: 0rem; }
  .padded-left--none--mini {
    padding-left: 0px;
    padding-left: 0rem; }
  .padded-right--none--mini {
    padding-right: 0px;
    padding-right: 0rem; }
  .padded-v--none--mini {
    padding-top: 0px;
    padding-top: 0rem;
    padding-bottom: 0px;
    padding-bottom: 0rem; }
  .padded-top--none--mini {
    padding-top: 0px;
    padding-top: 0rem; }
  .padded-bottom--none--mini {
    padding-bottom: 0px;
    padding-bottom: 0rem; } }

/*------------------------------------*\
    #PIN
\*------------------------------------*/
/**
* Used to pin things the edge of their absolutely positioned, containing element.
* To give the effect of them bleeding beyond their container, like print off a page.
*/
.pin {
  position: absolute; }
  @media only screen and (max-width: 950px) {
    .pin {
      position: relative;
      left: 0;
      right: 0;
      clear: both; } }

.pin-top {
  position: absolute;
  top: 0; }
  @media only screen and (max-width: 950px) {
    .pin-top {
      position: relative;
      left: 0;
      right: 0;
      clear: both; } }

.pin-right {
  position: absolute;
  right: 0; }
  @media only screen and (max-width: 950px) {
    .pin-right {
      position: relative;
      left: 0;
      right: 0;
      clear: both; } }

.pin-bottom {
  position: absolute;
  bottom: 0; }
  @media only screen and (max-width: 950px) {
    .pin-bottom {
      position: relative;
      left: 0;
      right: 0;
      clear: both; } }

.pin-left {
  position: absolute;
  left: 0; }
  @media only screen and (max-width: 950px) {
    .pin-left {
      position: relative;
      left: 0;
      right: 0;
      clear: both; } }

.pin-top-right {
  position: absolute;
  top: 0;
  right: 0; }
  @media only screen and (max-width: 950px) {
    .pin-top-right {
      position: relative;
      left: 0;
      right: 0;
      clear: both; } }

.pin-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0; }
  @media only screen and (max-width: 950px) {
    .pin-bottom-right {
      position: relative;
      left: 0;
      right: 0;
      clear: both; } }

.pin-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0; }
  @media only screen and (max-width: 950px) {
    .pin-bottom-left {
      position: relative;
      left: 0;
      right: 0;
      clear: both; } }

.pin-top-left {
  position: absolute;
  top: 0;
  left: 0; }
  @media only screen and (max-width: 950px) {
    .pin-top-left {
      position: relative;
      left: 0;
      right: 0;
      clear: both; } }

.pin-middle {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto; }
  @media only screen and (max-width: 950px) {
    .pin-middle {
      position: relative;
      left: 0;
      right: 0;
      clear: both; } }

.pin-to-right-of-middle {
  position: absolute;
  left: 50%; }
  @media only screen and (max-width: 950px) {
    .pin-to-right-of-middle {
      position: relative;
      left: 0;
      right: 0;
      clear: both; } }

.pin-to-left-of-middle {
  position: absolute;
  right: 50%; }
  @media only screen and (max-width: 950px) {
    .pin-to-left-of-middle {
      position: relative;
      left: 0;
      right: 0;
      clear: both; } }

@media only screen and (max-width: 99999px) {
  .show-on-max {
    display: inline-block !important; }
  .hide-on-max {
    display: none !important; } }

@media only screen and (max-width: 1200px) {
  .show-on-large {
    display: inline-block !important; }
  .hide-on-large {
    display: none !important; } }

@media only screen and (max-width: 950px) {
  .show-on-medium {
    display: inline-block !important; }
  .hide-on-medium {
    display: none !important; } }

@media only screen and (max-width: 600px) {
  .show-on-small {
    display: inline-block !important; }
  .hide-on-small {
    display: none !important; } }

@media only screen and (max-width: 384px) {
  .show-on-mini {
    display: inline-block !important; }
  .hide-on-mini {
    display: none !important; } }

.display--inline, .nav-bar--center ul {
  display: inline !important;
  display: inline-block !important;
  width: auto !important; }

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

.display--table {
  display: table !important; }

.display--flex {
  display: flex !important; }

@media only screen and (max-width: 99999px) {
  .display--inline--max {
    display: inline !important;
    display: inline-block !important;
    width: auto !important; }
  .display--block--max {
    display: block !important; }
  .display--table--max {
    display: table !important; }
  .display--flex--max {
    display: flex !important; } }

@media only screen and (max-width: 1200px) {
  .display--inline--large {
    display: inline !important;
    display: inline-block !important;
    width: auto !important; }
  .display--block--large {
    display: block !important; }
  .display--table--large {
    display: table !important; }
  .display--flex--large {
    display: flex !important; } }

@media only screen and (max-width: 950px) {
  .display--inline--medium {
    display: inline !important;
    display: inline-block !important;
    width: auto !important; }
  .display--block--medium {
    display: block !important; }
  .display--table--medium {
    display: table !important; }
  .display--flex--medium {
    display: flex !important; } }

@media only screen and (max-width: 600px) {
  .display--inline--small {
    display: inline !important;
    display: inline-block !important;
    width: auto !important; }
  .display--block--small {
    display: block !important; }
  .display--table--small {
    display: table !important; }
  .display--flex--small {
    display: flex !important; } }

@media only screen and (max-width: 384px) {
  .display--inline--mini {
    display: inline !important;
    display: inline-block !important;
    width: auto !important; }
  .display--block--mini {
    display: block !important; }
  .display--table--mini {
    display: table !important; }
  .display--flex--mini {
    display: flex !important; } }

/*------------------------------------*\
    #FLOATS TRUMPS
\*------------------------------------*/
/**
 * High-specificity, very explicit selectors. Overrides and helper classes.
 * Float overrides.
 */
.float-left {
  padding-right: 18px;
  padding-right: 1.28571rem;
  float: left !important; }

.float-right, .nav-bar--right {
  padding-left: 18px;
  padding-left: 1.28571rem;
  float: right !important; }

/*------------------------------------*\
    #POSITIONING TRUMPS
\*------------------------------------*/
/**
 * High-specificity, very explicit selectors. Overrides and helper classes.
 * Positioning overrides.
 */
.absolute {
  position: absolute !important; }

.absolute-top {
  position: absolute !important;
  top: 0 !important; }

.absolute-top-right {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important; }

.absolute-top-left {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important; }

.absolute-bottom {
  position: absolute !important;
  bottom: 0 !important; }

.absolute--bottom-right {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important; }

.absolute--bottom-left {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important; }

.absolute--left {
  position: absolute !important;
  left: 0 !important; }

.absolute--right {
  position: absolute !important;
  left: 0 !important; }

.relative {
  position: relative !important; }

.spaced-bottom--none {
  margin-bottom: 0 !important; }

.center {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.center--h {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.center--v {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

/*------------------------------------*\
    #VISIBILITY TRUMPS
\*------------------------------------*/
/**
 * High-specificity, very explicit selectors. Overrides and helper classes.
 * Visibiity helpers.
 */
.overflow-visible {
  overflow: visible !important; }

.overflow-hidden {
  overflow: hidden !important; }

/**
 * Hide for screenreaders and browser.
 */
.hidden {
  display: none !important;
  visibility: hidden !important; }

/**
 * Hide for screenreaders and browsers but maintain layout.
 */
.invisible {
  visibility: hidden !important; }

/**
 * Hide visually but keep available for screenreaders.
 */
.visually-hidden {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }

/**
 * Extends .visually-hidden to allow the element to be focusable
   when navigated to via the keyboard eg:skip links.
 */
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  position: static;
  margin: 0;
  overflow: visible;
  width: auto; }

/*------------------------------------*\
    #COLOUR SETTINGS
\*------------------------------------*/
/**
 * Set default colour variable values.
 * These can be overwritten by the $site-colours SASS map in [project name].settings.colors.scss
 * These variables are accessed by the function _honeycomb.functions.colors.scss when we reference them in our SASS
 */
/*------------------------------------*\
    #COLOUR
\*------------------------------------*/
/** This function allows us to call our colours in our styles,
  * by accessing colours in our site-colors by name and optional tone/shade.
  * Source: http://erskinedesign.com/blog/friendlier-color-names-sass-maps/
  * Here's an example of how you would use this in your CSS:
  *    a {
  *        color: color('blue');
  *        &:hover {
  *            color: color('blue', 4);
  *        }
  *    }
  */
/*------------------------------------*\
    #COLOR SCHEMES
\*------------------------------------*/
/*------------------------------------*\
    #WHITE COLOR SCHEME
\*------------------------------------*/
/**
 * White is the default website background and type color scheme
 * but sometimes you might want to apply it to a component.
 */
/*------------------------------------*\
    #LIGHTEST GREY COLOR SCHEME
\*------------------------------------*/
/**
 * This color scheme is the same as the white one
 * except for the lightest grey background color
 */
/*------------------------------------*\
    #LIGHTEST BLUE COLOR SCHEME
\*------------------------------------*/
/*------------------------------------*\
    #DARKEST GREY COLOR SCHEME
\*------------------------------------*/
/*------------------------------------*\
    #BLUE COLOR SCHEME
\*------------------------------------*/
/*------------------------------------*\
    #DARKEST BLUE COLOR SCHEME
\*------------------------------------*/
/*------------------------------------*\
    #NEAR BLACK COLOR SCHEME
\*------------------------------------*/
/*------------------------------------*\
    #BLACK COLOR SCHEME
\*------------------------------------*/
/*------------------------------------*\
    #RED COLOR SCHEME
\*------------------------------------*/
hr {
  border-color: #dcdcdc; }

pre code {
  background-color: #f2f2f2; }

/*------------------------------------*\
    #PAGE
\*------------------------------------*/
html {
  background-color: #ffffff;
  color: #373737;
  border-color: #dcdcdc; }

/*------------------------------------*\
    #BORDERS
\*------------------------------------*/
/* set border to inheirt for colour schemes */
.border,
.border-top,
.border-right,
.border-bottom,
.border-left {
  border-color: inherit; }

.border-color--red {
  border-color: #cc0000; }

/*------------------------------------*\
    #COLOUR SCHEMES
\*------------------------------------*/
/* Classes to include colour schemes in components
 * Colour schemes are built in this partial: _honeycomb.snippets.color-schemes.scss
 */
.scheme--white {
  background-color: #ffffff;
  border-color: #dcdcdc; }
  .scheme--white * {
    border-color: inherit; }
  .scheme--white hr {
    border-color: #dcdcdc; }
  .scheme--white h1,
  .scheme--white .alpha {
    color: #373737; }
  .scheme--white .sub-heading {
    color: #767676; }
  .scheme--white h2,
  .scheme--white .beta {
    color: #373737; }
  .scheme--white h3,
  .scheme--white .gamma {
    color: #373737; }
  .scheme--white h4,
  .scheme--white .delta {
    color: #373737; }
  .scheme--white h5,
  .scheme--white .epsilon {
    color: #373737; }
  .scheme--white h6,
  .scheme--white .zeta {
    color: #373737; }
  .scheme--white p, .scheme--white ul, .scheme--white ol, .scheme--white dd, .scheme--white label {
    color: #373737; }
  .scheme--white a {
    color: #336dc2;
    border-color: #3c85df; }
  .scheme--white a:active, .scheme--white a:hover {
    color: #67a9f1; }
  .scheme--white h1 a,
  .scheme--white h2 a,
  .scheme--white h3 a,
  .scheme--white h4 a,
  .scheme--white h5 a,
  .scheme--white .main-heading a,
  .scheme--white .sub-heading a {
    color: #000000;
    border-bottom-color: transparent; }
    .scheme--white h1 a:hover,
    .scheme--white h2 a:hover,
    .scheme--white h3 a:hover,
    .scheme--white h4 a:hover,
    .scheme--white h5 a:hover,
    .scheme--white .main-heading a:hover,
    .scheme--white .sub-heading a:hover {
      color: #000000; }
  .scheme--white input, .scheme--white select, .scheme--white textarea {
    color: #222222; }

.scheme--lightest-grey {
  background-color: #f2f2f2;
  border-color: #dcdcdc; }
  .scheme--lightest-grey * {
    border-color: inherit; }
  .scheme--lightest-grey .tabs {
    border-bottom-color: #dcdcdc; }
  .scheme--lightest-grey .tabs li.active {
    background-color: #f2f2f2; }
    .scheme--lightest-grey .tabs li.active a {
      border-top-color: #3c85df;
      border-bottom-color: #f2f2f2;
      background-color: #f2f2f2; }
  .scheme--lightest-grey .pagination {
    -webkit-font-smoothing: antialiased; }
  .scheme--lightest-grey input, .scheme--lightest-grey select, .scheme--lightest-grey textarea {
    color: #222222; }

.scheme--darkest-grey {
  background-color: #373737;
  border-color: #767676;
  color: #ebebeb;
  -webkit-font-smoothing: antialiased; }
  .scheme--darkest-grey * {
    border-color: inherit; }
  .scheme--darkest-grey hr {
    border-color: #767676; }
  .scheme--darkest-grey h1,
  .scheme--darkest-grey .alpha,
  .scheme--darkest-grey .main-heading {
    color: #ffffff; }
  .scheme--darkest-grey h2,
  .scheme--darkest-grey .beta,
  .scheme--darkest-grey .sub-heading {
    color: #ebebeb; }
  .scheme--darkest-grey h3,
  .scheme--darkest-grey .gamma {
    color: #ebebeb; }
  .scheme--darkest-grey h4,
  .scheme--darkest-grey .delta {
    color: #ebebeb; }
  .scheme--darkest-grey h5,
  .scheme--darkest-grey .epsilon {
    color: #ebebeb; }
  .scheme--darkest-grey h6,
  .scheme--darkest-grey .zeta {
    color: #ebebeb; }
  .scheme--darkest-grey p, .scheme--darkest-grey ul, .scheme--darkest-grey ol, .scheme--darkest-grey dd, .scheme--darkest-grey label {
    color: #dcdcdc; }
  .scheme--darkest-grey a {
    color: #67a9f1;
    border-color: #3c85df; }
  .scheme--darkest-grey a:active, .scheme--darkest-grey a:hover {
    color: #3c85df; }
  .scheme--darkest-grey h1 a,
  .scheme--darkest-grey h2 a,
  .scheme--darkest-grey h3 a,
  .scheme--darkest-grey h4 a,
  .scheme--darkest-grey h5 a,
  .scheme--darkest-grey .main-heading a,
  .scheme--darkest-grey .sub-heading a {
    border-bottom-color: transparent; }
    .scheme--darkest-grey h1 a:hover,
    .scheme--darkest-grey h2 a:hover,
    .scheme--darkest-grey h3 a:hover,
    .scheme--darkest-grey h4 a:hover,
    .scheme--darkest-grey h5 a:hover,
    .scheme--darkest-grey .main-heading a:hover,
    .scheme--darkest-grey .sub-heading a:hover {
      color: #ffffff;
      border-bottom-color: #67a9f1; }
  .scheme--darkest-grey .tabs {
    border-bottom-color: #dcdcdc; }
  .scheme--darkest-grey .tabs li.active {
    background-color: #373737; }
    .scheme--darkest-grey .tabs li.active a {
      border-top-color: #3c85df;
      border-bottom-color: #373737;
      background-color: #373737;
      color: #ffffff; }
  .scheme--darkest-grey .tabs a {
    background-color: #dcdcdc;
    border-top-color: #dcdcdc;
    border-bottom-color: #dcdcdc;
    color: #373737; }
  .scheme--darkest-grey .pagination {
    -webkit-font-smoothing: antialiased; }
  .scheme--darkest-grey input, .scheme--darkest-grey select, .scheme--darkest-grey textarea {
    color: #222222; }
  .scheme--darkest-grey table {
    background-color: #373737;
    color: #ebebeb; }
  .scheme--darkest-grey th {
    background-color: #767676;
    color: #ebebeb; }
  .scheme--darkest-grey th, .scheme--darkest-grey td {
    border-color: #767676; }
  .scheme--darkest-grey tr:hover {
    background-color: #767676; }

.scheme--lightest-blue {
  background-color: #d8e7f9;
  color: #336dc2;
  border-color: #bad6e7 !important;
  /*
    aside, .island {
        @include scheme--darkest-grey;
    }
*/ }
  .scheme--lightest-blue * {
    border-color: inherit; }
  .scheme--lightest-blue hr {
    border-color: #bad6e7 !important; }
  .scheme--lightest-blue h1,
  .scheme--lightest-blue .alpha {
    color: #183559; }
  .scheme--lightest-blue h2,
  .scheme--lightest-blue .beta {
    color: #183559; }
  .scheme--lightest-blue h3,
  .scheme--lightest-blue .gamma {
    color: #183559; }
  .scheme--lightest-blue h4,
  .scheme--lightest-blue .delta {
    color: #183559; }
  .scheme--lightest-blue h5,
  .scheme--lightest-blue .epsilon {
    color: #183559; }
  .scheme--lightest-blue h6,
  .scheme--lightest-blue .zeta {
    color: #183559; }
  .scheme--lightest-blue p, .scheme--lightest-blue ul, .scheme--lightest-blue ol, .scheme--lightest-blue dd, .scheme--lightest-blue label {
    color: #336dc2; }
  .scheme--lightest-blue a {
    color: #336dc2;
    border-color: #67a9f1;
    text-decoration: underline; }
  .scheme--lightest-blue a:active, .scheme--lightest-blue a:hover {
    color: #3c85df; }
  .scheme--lightest-blue h1 a,
  .scheme--lightest-blue h2 a,
  .scheme--lightest-blue h3 a,
  .scheme--lightest-blue h4 a,
  .scheme--lightest-blue h5 a,
  .scheme--lightest-blue .main-heading a,
  .scheme--lightest-blue .sub-heading a {
    color: #183559;
    border-bottom-color: transparent; }
    .scheme--lightest-blue h1 a:hover,
    .scheme--lightest-blue h2 a:hover,
    .scheme--lightest-blue h3 a:hover,
    .scheme--lightest-blue h4 a:hover,
    .scheme--lightest-blue h5 a:hover,
    .scheme--lightest-blue .main-heading a:hover,
    .scheme--lightest-blue .sub-heading a:hover {
      color: #000000;
      border-bottom-color: #67a9f1; }
  .scheme--lightest-blue .tabs {
    border-bottom-color: #67a9f1; }
  .scheme--lightest-blue .tabs li.active {
    background-color: #d8e7f9; }
    .scheme--lightest-blue .tabs li.active a {
      border-top-color: #3c85df;
      border-bottom-color: #d8e7f9;
      background-color: #d8e7f9; }
  .scheme--lightest-blue .tabs a {
    background-color: #67a9f1;
    border-top-color: #67a9f1;
    border-bottom-color: #67a9f1; }
  .scheme--lightest-blue .pagination {
    -webkit-font-smoothing: antialiased; }
  .scheme--lightest-blue input, .scheme--lightest-blue select, .scheme--lightest-blue textarea {
    color: #222222; }

.scheme--blue {
  background-color: #3c85df;
  border-color: #336dc2;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  /*
    aside, .island {
        @include scheme--black;
    }
*/ }
  .scheme--blue * {
    border-color: inherit; }
  .scheme--blue hr {
    border-color: #ffffff; }
  .scheme--blue h1,
  .scheme--blue .alpha {
    color: #ffffff; }
  .scheme--blue h2,
  .scheme--blue .beta {
    color: #ffffff; }
  .scheme--blue h3,
  .scheme--blue .gamma {
    color: #ffffff; }
  .scheme--blue h4,
  .scheme--blue .delta {
    color: #ffffff; }
  .scheme--blue h5,
  .scheme--blue .epsilon {
    color: #ffffff; }
  .scheme--blue p, .scheme--blue ul, .scheme--blue ol, .scheme--blue dd, .scheme--blue label {
    color: #ffffff; }
  .scheme--blue a {
    color: #b1cef2;
    border-color: #183559; }
  .scheme--blue a:active, .scheme--blue a:hover {
    color: #183559; }
  .scheme--blue h1 a,
  .scheme--blue h2 a,
  .scheme--blue h3 a,
  .scheme--blue h4 a,
  .scheme--blue h5 a,
  .scheme--blue .main-heading a,
  .scheme--blue .sub-heading a {
    border-bottom-color: transparent; }
    .scheme--blue h1 a:hover,
    .scheme--blue h2 a:hover,
    .scheme--blue h3 a:hover,
    .scheme--blue h4 a:hover,
    .scheme--blue h5 a:hover,
    .scheme--blue .main-heading a:hover,
    .scheme--blue .sub-heading a:hover {
      color: #ffffff;
      border-bottom-color: #67a9f1; }
  .scheme--blue .tabs {
    border-bottom-color: #d8e7f9; }
  .scheme--blue .tabs li.active {
    background-color: #3c85df; }
    .scheme--blue .tabs li.active a {
      border-top-color: #ffffff;
      border-bottom-color: #3c85df;
      background-color: #3c85df;
      color: #ffffff; }
  .scheme--blue .tabs a {
    background-color: #d8e7f9;
    border-top-color: #d8e7f9;
    border-bottom-color: #d8e7f9;
    color: #3c85df; }
  .scheme--blue .pagination {
    -webkit-font-smoothing: antialiased; }

.scheme--darkest-blue {
  background-color: #183559;
  border-color: #767676;
  color: #ebebeb;
  -webkit-font-smoothing: antialiased; }
  .scheme--darkest-blue * {
    border-color: inherit; }
  .scheme--darkest-blue hr {
    border-color: #767676; }
  .scheme--darkest-blue h1,
  .scheme--darkest-blue .alpha {
    color: #ebebeb; }
  .scheme--darkest-blue h2,
  .scheme--darkest-blue .beta {
    color: #ebebeb; }
  .scheme--darkest-blue h3,
  .scheme--darkest-blue .gamma {
    color: #ebebeb; }
  .scheme--darkest-blue h4,
  .scheme--darkest-blue .delta {
    color: #ebebeb; }
  .scheme--darkest-blue h5,
  .scheme--darkest-blue .epsilon {
    color: #ebebeb; }
  .scheme--darkest-blue p, .scheme--darkest-blue ul, .scheme--darkest-blue ol, .scheme--darkest-blue dd, .scheme--darkest-blue label {
    color: #dcdcdc; }
  .scheme--darkest-blue a {
    color: #ebebeb;
    border-color: #3c85df; }
  .scheme--darkest-blue a:active, .scheme--darkest-blue a:hover {
    color: #67a9f1; }
  .scheme--darkest-blue h1 a,
  .scheme--darkest-blue h2 a,
  .scheme--darkest-blue h3 a,
  .scheme--darkest-blue h4 a,
  .scheme--darkest-blue h5 a,
  .scheme--darkest-blue .main-heading a,
  .scheme--darkest-blue .sub-heading a {
    border-bottom-color: transparent; }
    .scheme--darkest-blue h1 a:hover,
    .scheme--darkest-blue h2 a:hover,
    .scheme--darkest-blue h3 a:hover,
    .scheme--darkest-blue h4 a:hover,
    .scheme--darkest-blue h5 a:hover,
    .scheme--darkest-blue .main-heading a:hover,
    .scheme--darkest-blue .sub-heading a:hover {
      color: #ffffff;
      border-bottom-color: #3c85df; }
  .scheme--darkest-blue .tabs {
    border-bottom-color: #d8e7f9; }
  .scheme--darkest-blue .tabs li.active {
    background-color: #183559; }
    .scheme--darkest-blue .tabs li.active a {
      border-top-color: #3c85df;
      border-bottom-color: #183559;
      background-color: #183559;
      color: #ffffff; }
  .scheme--darkest-blue .tabs a {
    background-color: #d8e7f9;
    border-top-color: #d8e7f9;
    border-bottom-color: #d8e7f9;
    color: #183559; }
  .scheme--darkest-blue .pagination {
    -webkit-font-smoothing: antialiased; }
  .scheme--darkest-blue input, .scheme--darkest-blue select, .scheme--darkest-blue textarea {
    color: #222222; }

.scheme--near-black {
  background-color: #222222;
  border-color: #b6b6b6;
  color: #ebebeb;
  -webkit-font-smoothing: antialiased; }
  .scheme--near-black * {
    border-color: inherit; }
  .scheme--near-black hr {
    border-color: #b6b6b6; }
  .scheme--near-black h1,
  .scheme--near-black .alpha {
    color: #ebebeb; }
  .scheme--near-black h2,
  .scheme--near-black .beta {
    color: #ebebeb; }
  .scheme--near-black h3,
  .scheme--near-black .gamma {
    color: #ebebeb; }
  .scheme--near-black h4,
  .scheme--near-black .delta {
    color: #ebebeb; }
  .scheme--near-black h5,
  .scheme--near-black .epsilon {
    color: #ebebeb; }
  .scheme--near-black h6,
  .scheme--near-black .zeta {
    color: #ebebeb; }
  .scheme--near-black p, .scheme--near-black ul, .scheme--near-black ol, .scheme--near-black dd, .scheme--near-black label {
    color: #dcdcdc; }
  .scheme--near-black a {
    color: #ebebeb;
    border-color: #3c85df; }
  .scheme--near-black a:active, .scheme--near-black a:hover {
    color: #67a9f1; }
  .scheme--near-black h1 a,
  .scheme--near-black h2 a,
  .scheme--near-black h3 a,
  .scheme--near-black h4 a,
  .scheme--near-black h5 a,
  .scheme--near-black .main-heading a,
  .scheme--near-black .sub-heading a {
    border-bottom-color: transparent; }
    .scheme--near-black h1 a:hover,
    .scheme--near-black h2 a:hover,
    .scheme--near-black h3 a:hover,
    .scheme--near-black h4 a:hover,
    .scheme--near-black h5 a:hover,
    .scheme--near-black .main-heading a:hover,
    .scheme--near-black .sub-heading a:hover {
      color: #ffffff;
      border-bottom-color: #67a9f1; }
  .scheme--near-black input, .scheme--near-black select, .scheme--near-black textarea {
    color: #222222; }

.scheme--black {
  background-color: #000000;
  border-color: #373737;
  color: #ebebeb;
  -webkit-font-smoothing: antialiased; }
  .scheme--black * {
    border-color: inherit; }
  .scheme--black hr {
    border-color: #373737; }
  .scheme--black h1,
  .scheme--black .alpha {
    color: #ebebeb; }
  .scheme--black h2,
  .scheme--black .beta {
    color: #ebebeb; }
  .scheme--black h3,
  .scheme--black .gamma {
    color: #ebebeb; }
  .scheme--black h4,
  .scheme--black .delta {
    color: #ebebeb; }
  .scheme--black h5,
  .scheme--black .epsilon {
    color: #ebebeb; }
  .scheme--black p, .scheme--black ul, .scheme--black ol, .scheme--black dd, .scheme--black label {
    color: #dcdcdc; }
  .scheme--black a {
    color: #ebebeb;
    border-color: #3c85df; }
  .scheme--black a:active, .scheme--black a:hover {
    color: #67a9f1; }
  .scheme--black h1 a,
  .scheme--black h2 a,
  .scheme--black h3 a,
  .scheme--black h4 a,
  .scheme--black h5 a,
  .scheme--black .main-heading a,
  .scheme--black .sub-heading a {
    border-bottom-color: transparent; }
    .scheme--black h1 a:hover,
    .scheme--black h2 a:hover,
    .scheme--black h3 a:hover,
    .scheme--black h4 a:hover,
    .scheme--black h5 a:hover,
    .scheme--black .main-heading a:hover,
    .scheme--black .sub-heading a:hover {
      color: #ffffff;
      border-bottom-color: #67a9f1; }
  .scheme--black input, .scheme--black select, .scheme--black textarea {
    color: #222222; }

.scheme--red {
  background-color: #cc0000;
  border-color: #cc0000;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  /*// Lozenge style tabbed navigation
    .tabs a {
        background-color: color('grey', 9);
        color: color('red', 2);
    	-webkit-font-smoothing: antialiased;
    }
    .tabs a:hover {
        color: color('white');
        background-color: color('black');
    }

    .tabs a.active, .tabs a.active:hover {
        background-color: color('black');
        color: color('white');
    } */ }
  .scheme--red * {
    border-color: inherit; }
  .scheme--red hr {
    border-color: #ffffff; }
  .scheme--red h1,
  .scheme--red .alpha,
  .scheme--red .main-heading {
    color: #ffffff; }
  .scheme--red h2,
  .scheme--red .beta,
  .scheme--red .sub-heading {
    color: #ffffff; }
  .scheme--red h3,
  .scheme--red .gamma {
    color: #ffffff; }
  .scheme--red h4,
  .scheme--red .delta {
    color: #ffffff; }
  .scheme--red h5,
  .scheme--red .epsilon {
    color: #ffffff; }
  .scheme--red h6,
  .scheme--red .zeta {
    color: #ffffff; }
  .scheme--red p, .scheme--red ul, .scheme--red ol, .scheme--red dd, .scheme--red label {
    color: #f5cccc; }
  .scheme--red a {
    color: #ffffff;
    border-color: #ffffff; }
  .scheme--red a:active, .scheme--red a:hover {
    color: #f5cccc; }
  .scheme--red h1 a,
  .scheme--red h2 a,
  .scheme--red h3 a,
  .scheme--red h4 a,
  .scheme--red h5 a,
  .scheme--red .main-heading a,
  .scheme--red .sub-heading a {
    border-bottom-color: transparent; }
    .scheme--red h1 a:hover,
    .scheme--red h2 a:hover,
    .scheme--red h3 a:hover,
    .scheme--red h4 a:hover,
    .scheme--red h5 a:hover,
    .scheme--red .main-heading a:hover,
    .scheme--red .sub-heading a:hover {
      color: #ffffff;
      border-bottom-color: #f5cccc; }
  .scheme--red .tabs {
    border-bottom-color: #eb9999; }
  .scheme--red .tabs li.active {
    background-color: #cc0000; }
    .scheme--red .tabs li.active a {
      border-top-color: #ffffff;
      border-bottom-color: #cc0000;
      background-color: #cc0000;
      color: #ffffff; }
  .scheme--red .tabs a {
    background-color: #eb9999;
    border-top-color: #eb9999;
    border-bottom-color: #eb9999;
    color: #222222; }
  .scheme--red .pagination {
    -webkit-font-smoothing: antialiased; }
  .scheme--red input, .scheme--red select, .scheme--red textarea {
    color: #222222; }
  .scheme--red table {
    background-color: #a30000;
    color: #eb9999; }
  .scheme--red th {
    background-color: #cc0000;
    color: #eb9999; }
  .scheme--red th, .scheme--red td {
    border-color: #cc0000; }
  .scheme--red tr:hover {
    background-color: #cc0000; }

.color--yellow {
  color: #fed100 !important; }

.background-color--yellow {
  background-color: #fed100 !important; }

.border-color--yellow {
  border-color: #fed100 !important; }

.color-code--yellow:after {
  content: "#fed100" !important; }

.color--yellow--base {
  color: #fed100 !important; }

.background-color--yellow--base {
  background-color: #fed100 !important; }

.border-color--yellow--base {
  border-color: #fed100 !important; }

.color-code--yellow--base:after {
  content: "#fed100" !important; }

.color--yellow--1 {
  color: #fff9d7 !important; }

.background-color--yellow--1 {
  background-color: #fff9d7 !important; }

.border-color--yellow--1 {
  border-color: #fff9d7 !important; }

.color-code--yellow--1:after {
  content: "#fff9d7" !important; }

.color--yellow--2 {
  color: #fff4ae !important; }

.background-color--yellow--2 {
  background-color: #fff4ae !important; }

.border-color--yellow--2 {
  border-color: #fff4ae !important; }

.color-code--yellow--2:after {
  content: "#fff4ae" !important; }

.color--yellow--3 {
  color: #ffee86 !important; }

.background-color--yellow--3 {
  background-color: #ffee86 !important; }

.border-color--yellow--3 {
  border-color: #ffee86 !important; }

.color-code--yellow--3:after {
  content: "#ffee86" !important; }

.color--yellow--4 {
  color: #ffe335 !important; }

.background-color--yellow--4 {
  background-color: #ffe335 !important; }

.border-color--yellow--4 {
  border-color: #ffe335 !important; }

.color-code--yellow--4:after {
  content: "#ffe335" !important; }

.color--yellow--5 {
  color: #fed100 !important; }

.background-color--yellow--5 {
  background-color: #fed100 !important; }

.border-color--yellow--5 {
  border-color: #fed100 !important; }

.color-code--yellow--5:after {
  content: "#fed100" !important; }

.color--orange {
  color: #fc9003 !important; }

.background-color--orange {
  background-color: #fc9003 !important; }

.border-color--orange {
  border-color: #fc9003 !important; }

.color-code--orange:after {
  content: "#fc9003" !important; }

.color--orange--base {
  color: #fc9003 !important; }

.background-color--orange--base {
  background-color: #fc9003 !important; }

.border-color--orange--base {
  border-color: #fc9003 !important; }

.color-code--orange--base:after {
  content: "#fc9003" !important; }

.color--orange--1 {
  color: #ffebcc !important; }

.background-color--orange--1 {
  background-color: #ffebcc !important; }

.border-color--orange--1 {
  border-color: #ffebcc !important; }

.color-code--orange--1:after {
  content: "#ffebcc" !important; }

.color--orange--2 {
  color: #ffd699 !important; }

.background-color--orange--2 {
  background-color: #ffd699 !important; }

.border-color--orange--2 {
  border-color: #ffd699 !important; }

.color-code--orange--2:after {
  content: "#ffd699" !important; }

.color--orange--3 {
  color: #fec267 !important; }

.background-color--orange--3 {
  background-color: #fec267 !important; }

.border-color--orange--3 {
  border-color: #fec267 !important; }

.color-code--orange--3:after {
  content: "#fec267" !important; }

.color--orange--4 {
  color: #ecac2d !important; }

.background-color--orange--4 {
  background-color: #ecac2d !important; }

.border-color--orange--4 {
  border-color: #ecac2d !important; }

.color-code--orange--4:after {
  content: "#ecac2d" !important; }

.color--orange--5 {
  color: #fc9003 !important; }

.background-color--orange--5 {
  background-color: #fc9003 !important; }

.border-color--orange--5 {
  border-color: #fc9003 !important; }

.color-code--orange--5:after {
  content: "#fc9003" !important; }

.color--green {
  color: #1aac1e !important; }

.background-color--green {
  background-color: #1aac1e !important; }

.border-color--green {
  border-color: #1aac1e !important; }

.color-code--green:after {
  content: "#1aac1e" !important; }

.color--green--base {
  color: #1aac1e !important; }

.background-color--green--base {
  background-color: #1aac1e !important; }

.border-color--green--base {
  border-color: #1aac1e !important; }

.color-code--green--base:after {
  content: "#1aac1e" !important; }

.color--green--1 {
  color: #d1eed2 !important; }

.background-color--green--1 {
  background-color: #d1eed2 !important; }

.border-color--green--1 {
  border-color: #d1eed2 !important; }

.color-code--green--1:after {
  content: "#d1eed2" !important; }

.color--green--2 {
  color: #a3dea5 !important; }

.background-color--green--2 {
  background-color: #a3dea5 !important; }

.border-color--green--2 {
  border-color: #a3dea5 !important; }

.color-code--green--2:after {
  content: "#a3dea5" !important; }

.color--green--3 {
  color: #76cd78 !important; }

.background-color--green--3 {
  background-color: #76cd78 !important; }

.border-color--green--3 {
  border-color: #76cd78 !important; }

.color-code--green--3:after {
  content: "#76cd78" !important; }

.color--green--4 {
  color: #4abc4b !important; }

.background-color--green--4 {
  background-color: #4abc4b !important; }

.border-color--green--4 {
  border-color: #4abc4b !important; }

.color-code--green--4:after {
  content: "#4abc4b" !important; }

.color--green--5 {
  color: #1aac1e !important; }

.background-color--green--5 {
  background-color: #1aac1e !important; }

.border-color--green--5 {
  border-color: #1aac1e !important; }

.color-code--green--5:after {
  content: "#1aac1e" !important; }

.color--green--6 {
  color: #128024 !important; }

.background-color--green--6 {
  background-color: #128024 !important; }

.border-color--green--6 {
  border-color: #128024 !important; }

.color-code--green--6:after {
  content: "#128024" !important; }

.color--green--7 {
  color: #0e5b10 !important; }

.background-color--green--7 {
  background-color: #0e5b10 !important; }

.border-color--green--7 {
  border-color: #0e5b10 !important; }

.color-code--green--7:after {
  content: "#0e5b10" !important; }

.color--red {
  color: #cc0000 !important; }

.background-color--red {
  background-color: #cc0000 !important; }

.border-color--red {
  border-color: #cc0000 !important; }

.color-code--red:after {
  content: "#cc0000" !important; }

.color--red--base {
  color: #cc0000 !important; }

.background-color--red--base {
  background-color: #cc0000 !important; }

.border-color--red--base {
  border-color: #cc0000 !important; }

.color-code--red--base:after {
  content: "#cc0000" !important; }

.color--red--brand {
  color: #cc0000 !important; }

.background-color--red--brand {
  background-color: #cc0000 !important; }

.border-color--red--brand {
  border-color: #cc0000 !important; }

.color-code--red--brand:after {
  content: "#cc0000" !important; }

.color--red--1 {
  color: #f5cccc !important; }

.background-color--red--1 {
  background-color: #f5cccc !important; }

.border-color--red--1 {
  border-color: #f5cccc !important; }

.color-code--red--1:after {
  content: "#f5cccc" !important; }

.color--red--2 {
  color: #eb9999 !important; }

.background-color--red--2 {
  background-color: #eb9999 !important; }

.border-color--red--2 {
  border-color: #eb9999 !important; }

.color-code--red--2:after {
  content: "#eb9999" !important; }

.color--red--3 {
  color: #e06666 !important; }

.background-color--red--3 {
  background-color: #e06666 !important; }

.border-color--red--3 {
  border-color: #e06666 !important; }

.color-code--red--3:after {
  content: "#e06666" !important; }

.color--red--4 {
  color: #ff2828 !important; }

.background-color--red--4 {
  background-color: #ff2828 !important; }

.border-color--red--4 {
  border-color: #ff2828 !important; }

.color-code--red--4:after {
  content: "#ff2828" !important; }

.color--red--5 {
  color: #cc0000 !important; }

.background-color--red--5 {
  background-color: #cc0000 !important; }

.border-color--red--5 {
  border-color: #cc0000 !important; }

.color-code--red--5:after {
  content: "#cc0000" !important; }

.color--red--6 {
  color: #a30000 !important; }

.background-color--red--6 {
  background-color: #a30000 !important; }

.border-color--red--6 {
  border-color: #a30000 !important; }

.color-code--red--6:after {
  content: "#a30000" !important; }

.color--red--7 {
  color: #7a0000 !important; }

.background-color--red--7 {
  background-color: #7a0000 !important; }

.border-color--red--7 {
  border-color: #7a0000 !important; }

.color-code--red--7:after {
  content: "#7a0000" !important; }

.color--blue {
  color: #3c85df !important; }

.background-color--blue {
  background-color: #3c85df !important; }

.border-color--blue {
  border-color: #3c85df !important; }

.color-code--blue:after {
  content: "#3c85df" !important; }

.color--blue--base {
  color: #3c85df !important; }

.background-color--blue--base {
  background-color: #3c85df !important; }

.border-color--blue--base {
  border-color: #3c85df !important; }

.color-code--blue--base:after {
  content: "#3c85df" !important; }

.color--blue--1 {
  color: #d8e7f9 !important; }

.background-color--blue--1 {
  background-color: #d8e7f9 !important; }

.border-color--blue--1 {
  border-color: #d8e7f9 !important; }

.color-code--blue--1:after {
  content: "#d8e7f9" !important; }

.color--blue--2 {
  color: #b1cef2 !important; }

.background-color--blue--2 {
  background-color: #b1cef2 !important; }

.border-color--blue--2 {
  border-color: #b1cef2 !important; }

.color-code--blue--2:after {
  content: "#b1cef2" !important; }

.color--blue--3 {
  color: #8ab6ec !important; }

.background-color--blue--3 {
  background-color: #8ab6ec !important; }

.border-color--blue--3 {
  border-color: #8ab6ec !important; }

.color-code--blue--3:after {
  content: "#8ab6ec" !important; }

.color--blue--4 {
  color: #67a9f1 !important; }

.background-color--blue--4 {
  background-color: #67a9f1 !important; }

.border-color--blue--4 {
  border-color: #67a9f1 !important; }

.color-code--blue--4:after {
  content: "#67a9f1" !important; }

.color--blue--5 {
  color: #3c85df !important; }

.background-color--blue--5 {
  background-color: #3c85df !important; }

.border-color--blue--5 {
  border-color: #3c85df !important; }

.color-code--blue--5:after {
  content: "#3c85df" !important; }

.color--blue--6 {
  color: #336dc2 !important; }

.background-color--blue--6 {
  background-color: #336dc2 !important; }

.border-color--blue--6 {
  border-color: #336dc2 !important; }

.color-code--blue--6:after {
  content: "#336dc2" !important; }

.color--blue--7 {
  color: #2a5e9d !important; }

.background-color--blue--7 {
  background-color: #2a5e9d !important; }

.border-color--blue--7 {
  border-color: #2a5e9d !important; }

.color-code--blue--7:after {
  content: "#2a5e9d" !important; }

.color--blue--8 {
  color: #183559 !important; }

.background-color--blue--8 {
  background-color: #183559 !important; }

.border-color--blue--8 {
  border-color: #183559 !important; }

.color-code--blue--8:after {
  content: "#183559" !important; }

.color--grey {
  color: #b6b6b6 !important; }

.background-color--grey {
  background-color: #b6b6b6 !important; }

.border-color--grey {
  border-color: #b6b6b6 !important; }

.color-code--grey:after {
  content: "#b6b6b6" !important; }

.color--grey--base {
  color: #b6b6b6 !important; }

.background-color--grey--base {
  background-color: #b6b6b6 !important; }

.border-color--grey--base {
  border-color: #b6b6b6 !important; }

.color-code--grey--base:after {
  content: "#b6b6b6" !important; }

.color--grey--1 {
  color: #f2f2f2 !important; }

.background-color--grey--1 {
  background-color: #f2f2f2 !important; }

.border-color--grey--1 {
  border-color: #f2f2f2 !important; }

.color-code--grey--1:after {
  content: "#f2f2f2" !important; }

.color--grey--2 {
  color: #ebebeb !important; }

.background-color--grey--2 {
  background-color: #ebebeb !important; }

.border-color--grey--2 {
  border-color: #ebebeb !important; }

.color-code--grey--2:after {
  content: "#ebebeb" !important; }

.color--grey--3 {
  color: #dcdcdc !important; }

.background-color--grey--3 {
  background-color: #dcdcdc !important; }

.border-color--grey--3 {
  border-color: #dcdcdc !important; }

.color-code--grey--3:after {
  content: "#dcdcdc" !important; }

.color--grey--4 {
  color: #b6b6b6 !important; }

.background-color--grey--4 {
  background-color: #b6b6b6 !important; }

.border-color--grey--4 {
  border-color: #b6b6b6 !important; }

.color-code--grey--4:after {
  content: "#b6b6b6" !important; }

.color--grey--5 {
  color: #767676 !important; }

.background-color--grey--5 {
  background-color: #767676 !important; }

.border-color--grey--5 {
  border-color: #767676 !important; }

.color-code--grey--5:after {
  content: "#767676" !important; }

.color--grey--6 {
  color: #6e6e6e !important; }

.background-color--grey--6 {
  background-color: #6e6e6e !important; }

.border-color--grey--6 {
  border-color: #6e6e6e !important; }

.color-code--grey--6:after {
  content: "#6e6e6e" !important; }

.color--grey--7 {
  color: #373737 !important; }

.background-color--grey--7 {
  background-color: #373737 !important; }

.border-color--grey--7 {
  border-color: #373737 !important; }

.color-code--grey--7:after {
  content: "#373737" !important; }

.color--grey--8 {
  color: #333333 !important; }

.background-color--grey--8 {
  background-color: #333333 !important; }

.border-color--grey--8 {
  border-color: #333333 !important; }

.color-code--grey--8:after {
  content: "#333333" !important; }

.color--grey--9 {
  color: #222222 !important; }

.background-color--grey--9 {
  background-color: #222222 !important; }

.border-color--grey--9 {
  border-color: #222222 !important; }

.color-code--grey--9:after {
  content: "#222222" !important; }

.color--black {
  color: #000000 !important; }

.background-color--black {
  background-color: #000000 !important; }

.border-color--black {
  border-color: #000000 !important; }

.color-code--black:after {
  content: "#000000" !important; }

.color--black--base {
  color: #000000 !important; }

.background-color--black--base {
  background-color: #000000 !important; }

.border-color--black--base {
  border-color: #000000 !important; }

.color-code--black--base:after {
  content: "#000000" !important; }

.color--white {
  color: #ffffff !important; }

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

.border-color--white {
  border-color: #ffffff !important; }

.color-code--white:after {
  content: "#ffffff" !important; }

.color--white--base {
  color: #ffffff !important; }

.background-color--white--base {
  background-color: #ffffff !important; }

.border-color--white--base {
  border-color: #ffffff !important; }

.color-code--white--base:after {
  content: "#ffffff" !important; }

.color--transparent {
  color: transparent !important; }

.background-color--transparent {
  background-color: transparent !important; }

.border-color--transparent {
  border-color: transparent !important; }

.color-code--transparent:after {
  content: "transparent" !important; }

.color--transparent--base {
  color: transparent !important; }

.background-color--transparent--base {
  background-color: transparent !important; }

.border-color--transparent--base {
  border-color: transparent !important; }

.color-code--transparent--base:after {
  content: "transparent" !important; }

/*------------------------------------*\
    #TYPE SETTINGS
\*------------------------------------*/
/**
 * Set global type settings for font-family, line-height and heading sizes.
 */
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Roboto */
/* Redgate type */
@font-face {
  font-family: 'redgate-type';
  src: url(Fonts/redgate-type-medium.woff) format("woff");
  font-weight: 500;
  font-style: normal; }

/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/**
 * Basic styles for raw unclassed headings.
 */
h1,
.alpha,
.main-heading {
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 34px;
  font-weight: 500;
  color: #222222;
  margin-top: 0;
  margin-bottom: 10px; }
  @media only screen and (max-width: 600px) {
    h1,
    .alpha,
    .main-heading {
      font-size: 18px;
      font-size: 1.28571rem;
      line-height: 28px; } }

h2,
.beta {
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 30px;
  font-weight: 500;
  color: #222222;
  margin-top: 0;
  margin-bottom: 10px; }
  @media only screen and (max-width: 600px) {
    h2,
    .beta {
      font-size: 16px;
      font-size: 1.14286rem;
      line-height: 26px; } }

h3,
.gamma {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 26px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 8px;
  color: #222222; }

h4,
.delta {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 22px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 6px;
  color: #222222; }

h5,
.epsilon {
  font-size: 10px;
  font-size: 0.71429rem;
  line-height: 20px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 6px;
  color: #222222; }

h6,
.zeta {
  font-size: 8px;
  font-size: 0.57143rem;
  line-height: 18px;
  font-weight: 500;
  color: #222222;
  text-transform: uppercase;
  letter-spacing: 1px; }

/* reduce subheading following an h1 */
h1 + .sub-heading {
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 34px;
  margin-top: 0;
  margin-bottom: 10px; }

/* reduce subheading following an h2 */
h2 + .sub-heading {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 28px;
  margin-top: 0;
  margin-bottom: 10px; }

/* reduce subheading following an h3 */
h3 + .sub-heading {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 28px; }

/*------------------------------------*\
    #INLINE
\*------------------------------------*/
/**
 * Inline styles for raw unclassed HTML elements.
 */
em {
  font-style: italic; }

/*------------------------------------*\
    #PAGE
\*------------------------------------*/
html {
  font-family: "Roboto", "Helvetica Neue", Arial, Sans-serif;
  font-size: 87.5%;
  line-height: 24px;
  word-break: break-word; }

/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/**
 * Common heading variations.
 */
.text--micro {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  font-size: 0.78571rem;
  line-height: 21px; }

.text--intro {
  font-weight: 300;
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 30px; }

.text--body-small {
  font-size: 14px;
  font-size: 1rem;
  line-height: 24px; }

.text--body-large {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 28px; }

/*------------------------------------*\
    #DISPLAY FONTS
\*------------------------------------*/
h1.h1--large,
.alpha.h1--large,
.main-heading.h1--large {
  font-size: 40px;
  font-size: 2.85714rem;
  line-height: 50px; }
  @media only screen and (max-width: 600px) {
    h1.h1--large,
    .alpha.h1--large,
    .main-heading.h1--large {
      font-size: 32px;
      font-size: 2.28571rem;
      line-height: 42px; } }

/* Display fonts. Super large font sizes. Use with .text--normal for some nice big display fonts for pull quotes and ting.  */
.text--biggest {
  font-size: 80px;
  font-size: 5.71429rem;
  line-height: 88px; }
  @media only screen and (max-width: 600px) {
    .text--biggest {
      font-size: 60px;
      font-size: 4.28571rem;
      line-height: 66px; } }

.text--bigger {
  font-size: 56px;
  font-size: 4rem;
  line-height: 64px; }
  @media only screen and (max-width: 600px) {
    .text--bigger {
      font-size: 42px;
      font-size: 3rem;
      line-height: 48px; } }

.text--big {
  font-size: 44px;
  font-size: 3.14286rem;
  line-height: 52px; }
  @media only screen and (max-width: 600px) {
    .text--big {
      font-size: 33px;
      font-size: 2.35714rem;
      line-height: 39px; } }

/*------------------------------------*\
    #HIGHLIGHT
\*------------------------------------*/
.text--highlight, .text--highlight--grey {
  padding-left: 18px;
  padding-left: 1.28571rem;
  border-left: 5px solid #cc0000; }
  .text--highlight--grey {
    border-color: #dcdcdc; }

/*------------------------------------*\
    #SEPARATOR
\*------------------------------------*/
.text--separator {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 22px;
  margin-top: 35px;
  margin-top: 2.5rem;
  margin-bottom: 35px;
  margin-bottom: 2.5rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center; }
  .text--separator:before, .text--separator:after {
    content: " ";
    display: inline-block;
    width: 35%;
    vertical-align: middle;
    border-bottom: 1px dashed #b6b6b6;
    margin-left: -55%;
    margin-right: 1em; }
  .text--separator:after {
    margin-left: 1em;
    margin-right: -55%; }

/*------------------------------------*\
    #TEXT TRUMPS
\*------------------------------------*/
/**
 * High-specificity, very explicit selectors. Overrides and helper classes.
 * Alignment, weight and decoration text overrides.
 */
/*------------------------------------*\
    #TEXT FAMILY
\*------------------------------------*/
.text--simple-talk {
  font-family: 'Roboto Slab', serif; }

.text--redgate, .header--primary .header--primary__app-logo-container,
.header--primary .header--primary__app-name-container {
  font-family: redgate-type; }

.text--default-family {
  font-family: "Roboto", "Helvetica Neue", Arial, Sans-serif !important; }

/*------------------------------------*\
    #TEXT ALIGNMENT
\*------------------------------------*/
.text--center, .nav-bar--center {
  text-align: center !important; }

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

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

/*------------------------------------*\
    #TEXT WEIGHTS
\*------------------------------------*/
.text--bold {
  font-weight: bold !important; }

.text--normal {
  font-weight: normal !important; }

.text--light {
  font-weight: 300 !important; }

/*------------------------------------*\
    #TEXT DECORATIONS
\*------------------------------------*/
.text--underline {
  text-decoration: underline !important; }

.text--no-underline {
  text-decoration: none !important;
  border-bottom: none !important; }

.text--uppercase {
  text-transform: uppercase !important;
  letter-spacing: 1px; }

.text--strikethrough {
  text-decoration: line-through !important; }

/*------------------------------------*\
    #LINKS
\*------------------------------------*/
/**
 * Basic styles for raw unclassed links.
 */
a {
  transition: all 0.3s ease;
  text-decoration: none;
  color: #336dc2; }

a:active,
a:hover {
  color: #183559; }

/**
 * Basic styles linked headings.
 */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
.main-heading a,
.sub-heading a {
  color: #222222; }
  h1 a:hover,
  h2 a:hover,
  h3 a:hover,
  h4 a:hover,
  h5 a:hover,
  .main-heading a:hover,
  .sub-heading a:hover {
    color: #000000;
    opacity: 0.5; }
  h1 a.color--blue:hover,
  h2 a.color--blue:hover,
  h3 a.color--blue:hover,
  h4 a.color--blue:hover,
  h5 a.color--blue:hover,
  .main-heading a.color--blue:hover,
  .sub-heading a.color--blue:hover {
    color: #183559;
    opacity: 1; }

/*------------------------------------*\
    #LINKS
\*------------------------------------*/
/**
 * Linked images:
 * Turn off borders and dip the opacity on hover.
 */
a.link-image,
a:link.link-image,
a:focus.link-image,
a:active.link-image,
a:hover.link-image {
  border: none; }

a.link-image * {
  transition: opacity 0.3s ease; }

a:hover.link-image * {
  opacity: 0.7; }

/*------------------------------------*\
    #GRID SETTINGS
\*------------------------------------*/
/**
 * Set global grid settings -
 *  - enable/disable grid classes,
 *  - set grid classname,
 *  - set number of columns to generate and make available for layout,
 *  - set the target gutter size based on the container width,
 *  - set the grid gutter as a percentage (auto calculated).
 */
/*------------------------------------*\
    #GRID MIXIN
\*------------------------------------*/
/**
 * This mixin generates the available CSS grid classes from grid settings.
 * CSS grid classes must be enabled in settings for this to work.
 *
 */
/*------------------------------------*\
#GRID
\*------------------------------------*/
/**
* Generate the available CSS grid classes for grid, grid__row, grid__col.
* Build the grid and breakpoint grids.
*/

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


.grid:after {
  clear: both; }


.grid__row.grid__row--no-gutter .grid__col {
  padding-left: 0;
  padding-right: 0; }


.grid__col {
  display: block;
  float: left;
  padding-left: 0%;
  padding-right: 0%; }
  
  .grid__col.grid__col--no-gutter {
    padding-left: 0;
    padding-right: 0; }
  
  .grid__col.grid__col--no-left-gutter {
    padding-left: 0; }
  
  .grid__col.grid__col--no-right-gutter {
    padding-right: 0; }

@media only screen and (max-width: 600px) {
  
  .grid .grid__col {
    display: block;
    width: 100%;
    margin-left: 0;
    border: none; } }

/**
    * Build the default grid.
    */

.grid__col--span-0-of-10 {
  width: 0; }


.grid__col--span-1-of-10 {
  width: 10%; }


.grid__col--span-2-of-10 {
  width: 20%; }


.grid__col--span-3-of-10 {
  width: 30%; }


.grid__col--span-4-of-10 {
  width: 40%; }


.grid__col--span-5-of-10 {
  width: 50%; }


.grid__col--span-6-of-10 {
  width: 60%; }


.grid__col--span-7-of-10 {
  width: 70%; }


.grid__col--span-8-of-10 {
  width: 80%; }


.grid__col--span-9-of-10 {
  width: 90%; }


.grid__col--span-10-of-10 {
  width: 100%; }


.grid__col--span-0-of-12 {
  width: 0; }


.grid__col--span-1-of-12 {
  width: 8.33333%; }


.grid__col--span-2-of-12 {
  width: 16.66667%; }


.grid__col--span-3-of-12 {
  width: 25%; }


.grid__col--span-4-of-12 {
  width: 33.33333%; }


.grid__col--span-5-of-12 {
  width: 41.66667%; }


.grid__col--span-6-of-12 {
  width: 50%; }


.grid__col--span-7-of-12 {
  width: 58.33333%; }


.grid__col--span-8-of-12 {
  width: 66.66667%; }


.grid__col--span-9-of-12 {
  width: 75%; }


.grid__col--span-10-of-12 {
  width: 83.33333%; }


.grid__col--span-11-of-12 {
  width: 91.66667%; }


.grid__col--span-12-of-12 {
  width: 100%; }


.grid__col--push-0-of-10 {
  margin-left: 0; }


.grid__col--push-1-of-10 {
  margin-left: 10%; }


.grid__col--push-2-of-10 {
  margin-left: 20%; }


.grid__col--push-3-of-10 {
  margin-left: 30%; }


.grid__col--push-4-of-10 {
  margin-left: 40%; }


.grid__col--push-5-of-10 {
  margin-left: 50%; }


.grid__col--push-6-of-10 {
  margin-left: 60%; }


.grid__col--push-7-of-10 {
  margin-left: 70%; }


.grid__col--push-8-of-10 {
  margin-left: 80%; }


.grid__col--push-9-of-10 {
  margin-left: 90%; }


.grid__col--push-10-of-10 {
  margin-left: 100%; }


.grid__col--push-0-of-12 {
  margin-left: 0; }


.grid__col--push-1-of-12 {
  margin-left: 8.33333%; }


.grid__col--push-2-of-12 {
  margin-left: 16.66667%; }


.grid__col--push-3-of-12 {
  margin-left: 25%; }


.grid__col--push-4-of-12 {
  margin-left: 33.33333%; }


.grid__col--push-5-of-12 {
  margin-left: 41.66667%; }


.grid__col--push-6-of-12 {
  margin-left: 50%; }


.grid__col--push-7-of-12 {
  margin-left: 58.33333%; }


.grid__col--push-8-of-12 {
  margin-left: 66.66667%; }


.grid__col--push-9-of-12 {
  margin-left: 75%; }


.grid__col--push-10-of-12 {
  margin-left: 83.33333%; }


.grid__col--push-11-of-12 {
  margin-left: 91.66667%; }


.grid__col--push-12-of-12 {
  margin-left: 100%; }

/**
    * Build the grid at breakpoints, using Desktop first approach, like the
    * responsive mixin in the base module.
    */
@media only screen and (max-width: 99999px) {
  
  .grid__col--span-0-of-10--max {
    width: 0; }
  
  .grid__col--span-1-of-10--max {
    width: 10%; }
  
  .grid__col--span-2-of-10--max {
    width: 20%; }
  
  .grid__col--span-3-of-10--max {
    width: 30%; }
  
  .grid__col--span-4-of-10--max {
    width: 40%; }
  
  .grid__col--span-5-of-10--max {
    width: 50%; }
  
  .grid__col--span-6-of-10--max {
    width: 60%; }
  
  .grid__col--span-7-of-10--max {
    width: 70%; }
  
  .grid__col--span-8-of-10--max {
    width: 80%; }
  
  .grid__col--span-9-of-10--max {
    width: 90%; }
  
  .grid__col--span-10-of-10--max {
    width: 100%; }
  
  .grid__col--span-0-of-12--max {
    width: 0; }
  
  .grid__col--span-1-of-12--max {
    width: 8.33333%; }
  
  .grid__col--span-2-of-12--max {
    width: 16.66667%; }
  
  .grid__col--span-3-of-12--max {
    width: 25%; }
  
  .grid__col--span-4-of-12--max {
    width: 33.33333%; }
  
  .grid__col--span-5-of-12--max {
    width: 41.66667%; }
  
  .grid__col--span-6-of-12--max {
    width: 50%; }
  
  .grid__col--span-7-of-12--max {
    width: 58.33333%; }
  
  .grid__col--span-8-of-12--max {
    width: 66.66667%; }
  
  .grid__col--span-9-of-12--max {
    width: 75%; }
  
  .grid__col--span-10-of-12--max {
    width: 83.33333%; }
  
  .grid__col--span-11-of-12--max {
    width: 91.66667%; }
  
  .grid__col--span-12-of-12--max {
    width: 100%; }
  
  .grid__col--push-0-of-10--max {
    margin-left: 0; }
  
  .grid__col--push-1-of-10--max {
    margin-left: 10%; }
  
  .grid__col--push-2-of-10--max {
    margin-left: 20%; }
  
  .grid__col--push-3-of-10--max {
    margin-left: 30%; }
  
  .grid__col--push-4-of-10--max {
    margin-left: 40%; }
  
  .grid__col--push-5-of-10--max {
    margin-left: 50%; }
  
  .grid__col--push-6-of-10--max {
    margin-left: 60%; }
  
  .grid__col--push-7-of-10--max {
    margin-left: 70%; }
  
  .grid__col--push-8-of-10--max {
    margin-left: 80%; }
  
  .grid__col--push-9-of-10--max {
    margin-left: 90%; }
  
  .grid__col--push-10-of-10--max {
    margin-left: 100%; }
  
  .grid__col--push-0-of-12--max {
    margin-left: 0; }
  
  .grid__col--push-1-of-12--max {
    margin-left: 8.33333%; }
  
  .grid__col--push-2-of-12--max {
    margin-left: 16.66667%; }
  
  .grid__col--push-3-of-12--max {
    margin-left: 25%; }
  
  .grid__col--push-4-of-12--max {
    margin-left: 33.33333%; }
  
  .grid__col--push-5-of-12--max {
    margin-left: 41.66667%; }
  
  .grid__col--push-6-of-12--max {
    margin-left: 50%; }
  
  .grid__col--push-7-of-12--max {
    margin-left: 58.33333%; }
  
  .grid__col--push-8-of-12--max {
    margin-left: 66.66667%; }
  
  .grid__col--push-9-of-12--max {
    margin-left: 75%; }
  
  .grid__col--push-10-of-12--max {
    margin-left: 83.33333%; }
  
  .grid__col--push-11-of-12--max {
    margin-left: 91.66667%; }
  
  .grid__col--push-12-of-12--max {
    margin-left: 100%; } }

@media only screen and (max-width: 1200px) {
  
  .grid__col--span-0-of-10--large {
    width: 0; }
  
  .grid__col--span-1-of-10--large {
    width: 10%; }
  
  .grid__col--span-2-of-10--large {
    width: 20%; }
  
  .grid__col--span-3-of-10--large {
    width: 30%; }
  
  .grid__col--span-4-of-10--large {
    width: 40%; }
  
  .grid__col--span-5-of-10--large {
    width: 50%; }
  
  .grid__col--span-6-of-10--large {
    width: 60%; }
  
  .grid__col--span-7-of-10--large {
    width: 70%; }
  
  .grid__col--span-8-of-10--large {
    width: 80%; }
  
  .grid__col--span-9-of-10--large {
    width: 90%; }
  
  .grid__col--span-10-of-10--large {
    width: 100%; }
  
  .grid__col--span-0-of-12--large {
    width: 0; }
  
  .grid__col--span-1-of-12--large {
    width: 8.33333%; }
  
  .grid__col--span-2-of-12--large {
    width: 16.66667%; }
  
  .grid__col--span-3-of-12--large {
    width: 25%; }
  
  .grid__col--span-4-of-12--large {
    width: 33.33333%; }
  
  .grid__col--span-5-of-12--large {
    width: 41.66667%; }
  
  .grid__col--span-6-of-12--large {
    width: 50%; }
  
  .grid__col--span-7-of-12--large {
    width: 58.33333%; }
  
  .grid__col--span-8-of-12--large {
    width: 66.66667%; }
  
  .grid__col--span-9-of-12--large {
    width: 75%; }
  
  .grid__col--span-10-of-12--large {
    width: 83.33333%; }
  
  .grid__col--span-11-of-12--large {
    width: 91.66667%; }
  
  .grid__col--span-12-of-12--large {
    width: 100%; }
  
  .grid__col--push-0-of-10--large {
    margin-left: 0; }
  
  .grid__col--push-1-of-10--large {
    margin-left: 10%; }
  
  .grid__col--push-2-of-10--large {
    margin-left: 20%; }
  
  .grid__col--push-3-of-10--large {
    margin-left: 30%; }
  
  .grid__col--push-4-of-10--large {
    margin-left: 40%; }
  
  .grid__col--push-5-of-10--large {
    margin-left: 50%; }
  
  .grid__col--push-6-of-10--large {
    margin-left: 60%; }
  
  .grid__col--push-7-of-10--large {
    margin-left: 70%; }
  
  .grid__col--push-8-of-10--large {
    margin-left: 80%; }
  
  .grid__col--push-9-of-10--large {
    margin-left: 90%; }
  
  .grid__col--push-10-of-10--large {
    margin-left: 100%; }
  
  .grid__col--push-0-of-12--large {
    margin-left: 0; }
  
  .grid__col--push-1-of-12--large {
    margin-left: 8.33333%; }
  
  .grid__col--push-2-of-12--large {
    margin-left: 16.66667%; }
  
  .grid__col--push-3-of-12--large {
    margin-left: 25%; }
  
  .grid__col--push-4-of-12--large {
    margin-left: 33.33333%; }
  
  .grid__col--push-5-of-12--large {
    margin-left: 41.66667%; }
  
  .grid__col--push-6-of-12--large {
    margin-left: 50%; }
  
  .grid__col--push-7-of-12--large {
    margin-left: 58.33333%; }
  
  .grid__col--push-8-of-12--large {
    margin-left: 66.66667%; }
  
  .grid__col--push-9-of-12--large {
    margin-left: 75%; }
  
  .grid__col--push-10-of-12--large {
    margin-left: 83.33333%; }
  
  .grid__col--push-11-of-12--large {
    margin-left: 91.66667%; }
  
  .grid__col--push-12-of-12--large {
    margin-left: 100%; } }

@media only screen and (max-width: 950px) {
  
  .grid__col--span-0-of-10--medium {
    width: 0; }
  
  .grid__col--span-1-of-10--medium {
    width: 10%; }
  
  .grid__col--span-2-of-10--medium {
    width: 20%; }
  
  .grid__col--span-3-of-10--medium {
    width: 30%; }
  
  .grid__col--span-4-of-10--medium {
    width: 40%; }
  
  .grid__col--span-5-of-10--medium {
    width: 50%; }
  
  .grid__col--span-6-of-10--medium {
    width: 60%; }
  
  .grid__col--span-7-of-10--medium {
    width: 70%; }
  
  .grid__col--span-8-of-10--medium {
    width: 80%; }
  
  .grid__col--span-9-of-10--medium {
    width: 90%; }
  
  .grid__col--span-10-of-10--medium {
    width: 100%; }
  
  .grid__col--span-0-of-12--medium {
    width: 0; }
  
  .grid__col--span-1-of-12--medium {
    width: 8.33333%; }
  
  .grid__col--span-2-of-12--medium {
    width: 16.66667%; }
  
  .grid__col--span-3-of-12--medium {
    width: 25%; }
  
  .grid__col--span-4-of-12--medium {
    width: 33.33333%; }
  
  .grid__col--span-5-of-12--medium {
    width: 41.66667%; }
  
  .grid__col--span-6-of-12--medium {
    width: 50%; }
  
  .grid__col--span-7-of-12--medium {
    width: 58.33333%; }
  
  .grid__col--span-8-of-12--medium {
    width: 66.66667%; }
  
  .grid__col--span-9-of-12--medium {
    width: 75%; }
  
  .grid__col--span-10-of-12--medium {
    width: 83.33333%; }
  
  .grid__col--span-11-of-12--medium {
    width: 91.66667%; }
  
  .grid__col--span-12-of-12--medium {
    width: 100%; }
  
  .grid__col--push-0-of-10--medium {
    margin-left: 0; }
  
  .grid__col--push-1-of-10--medium {
    margin-left: 10%; }
  
  .grid__col--push-2-of-10--medium {
    margin-left: 20%; }
  
  .grid__col--push-3-of-10--medium {
    margin-left: 30%; }
  
  .grid__col--push-4-of-10--medium {
    margin-left: 40%; }
  
  .grid__col--push-5-of-10--medium {
    margin-left: 50%; }
  
  .grid__col--push-6-of-10--medium {
    margin-left: 60%; }
  
  .grid__col--push-7-of-10--medium {
    margin-left: 70%; }
  
  .grid__col--push-8-of-10--medium {
    margin-left: 80%; }
  
  .grid__col--push-9-of-10--medium {
    margin-left: 90%; }
  
  .grid__col--push-10-of-10--medium {
    margin-left: 100%; }
  
  .grid__col--push-0-of-12--medium {
    margin-left: 0; }
  
  .grid__col--push-1-of-12--medium {
    margin-left: 8.33333%; }
  
  .grid__col--push-2-of-12--medium {
    margin-left: 16.66667%; }
  
  .grid__col--push-3-of-12--medium {
    margin-left: 25%; }
  
  .grid__col--push-4-of-12--medium {
    margin-left: 33.33333%; }
  
  .grid__col--push-5-of-12--medium {
    margin-left: 41.66667%; }
  
  .grid__col--push-6-of-12--medium {
    margin-left: 50%; }
  
  .grid__col--push-7-of-12--medium {
    margin-left: 58.33333%; }
  
  .grid__col--push-8-of-12--medium {
    margin-left: 66.66667%; }
  
  .grid__col--push-9-of-12--medium {
    margin-left: 75%; }
  
  .grid__col--push-10-of-12--medium {
    margin-left: 83.33333%; }
  
  .grid__col--push-11-of-12--medium {
    margin-left: 91.66667%; }
  
  .grid__col--push-12-of-12--medium {
    margin-left: 100%; } }

@media only screen and (max-width: 600px) {
  
  .grid__col--span-0-of-10--small {
    width: 0; }
  
  .grid__col--span-1-of-10--small {
    width: 10%; }
  
  .grid__col--span-2-of-10--small {
    width: 20%; }
  
  .grid__col--span-3-of-10--small {
    width: 30%; }
  
  .grid__col--span-4-of-10--small {
    width: 40%; }
  
  .grid__col--span-5-of-10--small {
    width: 50%; }
  
  .grid__col--span-6-of-10--small {
    width: 60%; }
  
  .grid__col--span-7-of-10--small {
    width: 70%; }
  
  .grid__col--span-8-of-10--small {
    width: 80%; }
  
  .grid__col--span-9-of-10--small {
    width: 90%; }
  
  .grid__col--span-10-of-10--small {
    width: 100%; }
  
  .grid__col--span-0-of-12--small {
    width: 0; }
  
  .grid__col--span-1-of-12--small {
    width: 8.33333%; }
  
  .grid__col--span-2-of-12--small {
    width: 16.66667%; }
  
  .grid__col--span-3-of-12--small {
    width: 25%; }
  
  .grid__col--span-4-of-12--small {
    width: 33.33333%; }
  
  .grid__col--span-5-of-12--small {
    width: 41.66667%; }
  
  .grid__col--span-6-of-12--small {
    width: 50%; }
  
  .grid__col--span-7-of-12--small {
    width: 58.33333%; }
  
  .grid__col--span-8-of-12--small {
    width: 66.66667%; }
  
  .grid__col--span-9-of-12--small {
    width: 75%; }
  
  .grid__col--span-10-of-12--small {
    width: 83.33333%; }
  
  .grid__col--span-11-of-12--small {
    width: 91.66667%; }
  
  .grid__col--span-12-of-12--small {
    width: 100%; }
  
  .grid__col--push-0-of-10--small {
    margin-left: 0; }
  
  .grid__col--push-1-of-10--small {
    margin-left: 10%; }
  
  .grid__col--push-2-of-10--small {
    margin-left: 20%; }
  
  .grid__col--push-3-of-10--small {
    margin-left: 30%; }
  
  .grid__col--push-4-of-10--small {
    margin-left: 40%; }
  
  .grid__col--push-5-of-10--small {
    margin-left: 50%; }
  
  .grid__col--push-6-of-10--small {
    margin-left: 60%; }
  
  .grid__col--push-7-of-10--small {
    margin-left: 70%; }
  
  .grid__col--push-8-of-10--small {
    margin-left: 80%; }
  
  .grid__col--push-9-of-10--small {
    margin-left: 90%; }
  
  .grid__col--push-10-of-10--small {
    margin-left: 100%; }
  
  .grid__col--push-0-of-12--small {
    margin-left: 0; }
  
  .grid__col--push-1-of-12--small {
    margin-left: 8.33333%; }
  
  .grid__col--push-2-of-12--small {
    margin-left: 16.66667%; }
  
  .grid__col--push-3-of-12--small {
    margin-left: 25%; }
  
  .grid__col--push-4-of-12--small {
    margin-left: 33.33333%; }
  
  .grid__col--push-5-of-12--small {
    margin-left: 41.66667%; }
  
  .grid__col--push-6-of-12--small {
    margin-left: 50%; }
  
  .grid__col--push-7-of-12--small {
    margin-left: 58.33333%; }
  
  .grid__col--push-8-of-12--small {
    margin-left: 66.66667%; }
  
  .grid__col--push-9-of-12--small {
    margin-left: 75%; }
  
  .grid__col--push-10-of-12--small {
    margin-left: 83.33333%; }
  
  .grid__col--push-11-of-12--small {
    margin-left: 91.66667%; }
  
  .grid__col--push-12-of-12--small {
    margin-left: 100%; } }

@media only screen and (max-width: 384px) {
  
  .grid__col--span-0-of-10--mini {
    width: 0; }
  
  .grid__col--span-1-of-10--mini {
    width: 10%; }
  
  .grid__col--span-2-of-10--mini {
    width: 20%; }
  
  .grid__col--span-3-of-10--mini {
    width: 30%; }
  
  .grid__col--span-4-of-10--mini {
    width: 40%; }
  
  .grid__col--span-5-of-10--mini {
    width: 50%; }
  
  .grid__col--span-6-of-10--mini {
    width: 60%; }
  
  .grid__col--span-7-of-10--mini {
    width: 70%; }
  
  .grid__col--span-8-of-10--mini {
    width: 80%; }
  
  .grid__col--span-9-of-10--mini {
    width: 90%; }
  
  .grid__col--span-10-of-10--mini {
    width: 100%; }
  
  .grid__col--span-0-of-12--mini {
    width: 0; }
  
  .grid__col--span-1-of-12--mini {
    width: 8.33333%; }
  
  .grid__col--span-2-of-12--mini {
    width: 16.66667%; }
  
  .grid__col--span-3-of-12--mini {
    width: 25%; }
  
  .grid__col--span-4-of-12--mini {
    width: 33.33333%; }
  
  .grid__col--span-5-of-12--mini {
    width: 41.66667%; }
  
  .grid__col--span-6-of-12--mini {
    width: 50%; }
  
  .grid__col--span-7-of-12--mini {
    width: 58.33333%; }
  
  .grid__col--span-8-of-12--mini {
    width: 66.66667%; }
  
  .grid__col--span-9-of-12--mini {
    width: 75%; }
  
  .grid__col--span-10-of-12--mini {
    width: 83.33333%; }
  
  .grid__col--span-11-of-12--mini {
    width: 91.66667%; }
  
  .grid__col--span-12-of-12--mini {
    width: 100%; }
  
  .grid__col--push-0-of-10--mini {
    margin-left: 0; }
  
  .grid__col--push-1-of-10--mini {
    margin-left: 10%; }
  
  .grid__col--push-2-of-10--mini {
    margin-left: 20%; }
  
  .grid__col--push-3-of-10--mini {
    margin-left: 30%; }
  
  .grid__col--push-4-of-10--mini {
    margin-left: 40%; }
  
  .grid__col--push-5-of-10--mini {
    margin-left: 50%; }
  
  .grid__col--push-6-of-10--mini {
    margin-left: 60%; }
  
  .grid__col--push-7-of-10--mini {
    margin-left: 70%; }
  
  .grid__col--push-8-of-10--mini {
    margin-left: 80%; }
  
  .grid__col--push-9-of-10--mini {
    margin-left: 90%; }
  
  .grid__col--push-10-of-10--mini {
    margin-left: 100%; }
  
  .grid__col--push-0-of-12--mini {
    margin-left: 0; }
  
  .grid__col--push-1-of-12--mini {
    margin-left: 8.33333%; }
  
  .grid__col--push-2-of-12--mini {
    margin-left: 16.66667%; }
  
  .grid__col--push-3-of-12--mini {
    margin-left: 25%; }
  
  .grid__col--push-4-of-12--mini {
    margin-left: 33.33333%; }
  
  .grid__col--push-5-of-12--mini {
    margin-left: 41.66667%; }
  
  .grid__col--push-6-of-12--mini {
    margin-left: 50%; }
  
  .grid__col--push-7-of-12--mini {
    margin-left: 58.33333%; }
  
  .grid__col--push-8-of-12--mini {
    margin-left: 66.66667%; }
  
  .grid__col--push-9-of-12--mini {
    margin-left: 75%; }
  
  .grid__col--push-10-of-12--mini {
    margin-left: 83.33333%; }
  
  .grid__col--push-11-of-12--mini {
    margin-left: 91.66667%; }
  
  .grid__col--push-12-of-12--mini {
    margin-left: 100%; } }

/*------------------------------------*\
    #BUTTON SETTINGS
\*------------------------------------*/
/*------------------------------------*\
    #BUTTON STYLES
    \*------------------------------------*/
.button,
input[type="submit"],
button {
  font-size: 14px;
  font-size: 1rem;
  line-height: 24px;
  padding: 10px 20px !important;
  background-color: #dcdcdc !important;
  color: #373737 !important;
  border-width: 0 !important;
  border-style: solid !important;
  border-color: transparent !important;
  border-radius: 5px;
  font-weight: 500;
  display: inline-block;
  width: auto;
  -webkit-font-smoothing: antialiased;
  word-break: normal;
  text-decoration: none !important; }
  .ie7 .button, .ie7 input[type="submit"], .ie7 button {
    zoom: 1;
    display: inline; }
  .button:hover,
  input:hover[type="submit"],
  button:hover {
    background-color: #b6b6b6 !important; }
  .button:active,
  input:active[type="submit"],
  button:active {
    background-color: #767676 !important; }

p:last-child .button:last-child {
  margin-bottom: 0px;
  margin-bottom: 0rem; }

.button--large,
input.button--large[type="submit"],
button.button--large {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 26px;
  padding: 12px 24px !important; }

.button--small,
input.button--small[type="submit"],
button.button--small {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 22px;
  padding: 8px 16px !important; }

.button--x-small,
input.button--x-small[type="submit"],
button.button--x-small {
  font-size: 10px;
  font-size: 0.71429rem;
  line-height: 20px;
  padding: 5px 16px !important; }

.button--xx-small,
input.button--xx-small[type="submit"],
button.button--xx-small {
  font-size: 8px;
  font-size: 0.57143rem;
  line-height: 18px;
  padding: 3px 6px !important; }

.button--full-width {
  display: block;
  text-align: center;
  width: 90% !important;
  width: calc(100% - 30px) !important; }

.button--inline,
input.button--inline[type="submit"],
button.button--inline {
  display: inline; }

.button--primary,
input.button--primary[type="submit"],
button.button--primary,
.button--download,
input.button--download[type="submit"],
button.button--download,
.button--more,
input.button--more[type="submit"],
button.button--more,
.hs-form .hs-button {
  background-color: #336dc2 !important;
  color: #ffffff !important; }
  .button--primary:hover,
  input.button--primary:hover[type="submit"],
  button.button--primary:hover,
  .button--download:hover,
  input.button--download:hover[type="submit"],
  .button--more:hover,
  input.button--more:hover[type="submit"],
  .hs-form .hs-button:hover {
    background-color: #2a5e9d !important; }
  .button--primary:active,
  input.button--primary:active[type="submit"],
  button.button--primary:active,
  .button--download:active,
  input.button--download:active[type="submit"],
  .button--more:active,
  input.button--more:active[type="submit"],
  .hs-form .hs-button:active {
    background-color: #183559 !important; }

.button--download:before,
input.button--download[type="submit"]:before,
button.button--download:before {
  content: "\e60f ";
  font-family: "Redgate";
  padding-right: 9px;
  padding-right: 0.64286rem; }

.button--download--mobile:before {
  content: "\e611 "; }

.button--more:after,
input.button--more[type="submit"]:after,
button.button--more:after {
  content: "\e607 ";
  font-family: "Redgate";
  padding-left: 9px;
  padding-left: 0.64286rem; }

.button--buy,
input.button--buy[type="submit"],
button.button--buy {
  background-color: #1aac1e !important;
  border-color: #128024 !important;
  color: #ffffff !important; }
  .button--buy:hover,
  input.button--buy:hover[type="submit"],
  button.button--buy:hover {
    background-color: #128024 !important;
    border-color: #0e5b10 !important;
    color: #ffffff !important; }
  .button--buy:active,
  input.button--buy:active[type="submit"],
  button.button--buy:active {
    background-color: #0e5b10 !important;
    border-color: #0e5b10 !important; }
  .button--buy:before,
  input.button--buy[type="submit"]:before,
  button.button--buy:before {
    content: "\e62a ";
    font-family: "Redgate";
    padding-right: 9px;
    padding-right: 0.64286rem; }

.button--disabled, .button[disabled], .button--disabled:hover, .button:hover[disabled], .button--disabled:active, .button:active[disabled],
input[type="submit"][disabled],
input.button--disabled[type="submit"],
button[disabled],
button.button--disabled,
button.button[disabled],
input:hover[type="submit"][disabled],
input.button--disabled:hover[type="submit"],
button:hover[disabled],
button.button--disabled:hover,
input:active[type="submit"][disabled],
input.button--disabled:active[type="submit"],
button:active[disabled],
button.button--disabled:active {
  background-color: #ebebeb !important;
  color: #b6b6b6 !important;
  cursor: not-allowed; }
  .button--disabled.button--primary, .button--primary.button[disabled], .button--disabled:hover.button--primary, .button:hover.button--primary[disabled], .button--disabled:active.button--primary, .button:active.button--primary[disabled],
  input.button--primary[type="submit"][disabled],
  input.button--primary.button--disabled[type="submit"],
  button.button--primary[disabled],
  button.button--primary.button--disabled,
  input:hover.button--primary[type="submit"][disabled],
  input.button--disabled:hover.button--primary[type="submit"],
  button:hover.button--primary[disabled],
  button.button--disabled:hover.button--primary,
  input:active.button--primary[type="submit"][disabled],
  input.button--disabled:active.button--primary[type="submit"],
  button:active.button--primary[disabled],
  button.button--disabled:active.button--primary {
    background-color: #8ab6ec !important;
    color: #ffffff !important; }

.button--red,
input.button--red[type="submit"],
button.button--red {
  background-color: #cc0000 !important;
  border-color: #cc0000 !important;
  color: #ffffff !important; }
  .button--red:hover,
  input.button--red:hover[type="submit"],
  button.button--red:hover {
    background-color: #cc0000 !important;
    border-color: #a30000 !important;
    color: #ffffff !important; }
  .button--red:active,
  input.button--red:active[type="submit"],
  button.button--red:active {
    background-color: #a30000 !important;
    border-color: #a30000 !important;
    color: #ffffff !important; }

.button--white,
input.button--white[type="submit"],
button.button--white {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #336dc2 !important; }
  .button--white:hover,
  input.button--white:hover[type="submit"],
  button.button--white:hover {
    background-color: #ebebeb !important;
    border-color: #ebebeb !important; }
  .button--white:active,
  input.button--white:active[type="submit"],
  button.button--white:active {
    background-color: #b6b6b6 !important;
    border-color: #b6b6b6 !important; }

.button--transparent,
input.button--transparent[type="submit"],
button.button--transparent {
  background-color: transparent !important;
  color: #373737 !important;
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .button--transparent:hover,
  input.button--transparent:hover[type="submit"],
  button.button--transparent:hover {
    background-color: transparent !important;
    color: #373737 !important; }
  .button--transparent:active,
  input.button--transparent:active[type="submit"],
  button.button--transparent:active {
    background-color: transparent !important;
    color: #222222 !important; }
  .button--transparent--dark {
    color: #ffffff !important; }
    .button--transparent--dark:hover {
      color: #ffffff !important; }
    .button--transparent--dark:active {
      color: #ebebeb !important; }

/*------------------------------------*\
    #TABLE
\*------------------------------------*/
table {
  width: 100%;
  vertical-align: top;
  background-color: #ffffff; }

/**
 * Move the caption beneath the table.
 * Note: Caption must be the first element within the table element.
 */
table caption {
  margin-top: 18px;
  margin-top: 1.28571rem;
  caption-side: bottom; }

th, td {
  border-top-style: solid;
  border-top-width: 1px;
  border-color: inherit;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: inherit;
  padding: 8px 10px;
  border-color: #dcdcdc;
  word-wrap: break-word;
  word-break: normal;
  vertical-align: top; }
  th :last-child, td :last-child {
    margin-bottom: 0px;
    margin-bottom: 0rem; }

th, thead td {
  font-weight: bold;
  color: #373737; }

th {
  border-right: 3px solid #dcdcdc;
  text-align: left; }

thead th, .th-row th {
  border-right: 0;
  border-top: 0;
  border-bottom: 3px solid #dcdcdc; }
  thead th:first-of-type:empty, .th-row th:first-of-type:empty {
    border-bottom: 0; }

.table--bare, .table--bare th, .table--bare td {
  border: none; }

.table--striped tr.odd, .table--striped tr:nth-child(odd) {
  background: #ffffff; }

.table--striped tr.even, .table--striped tr:nth-child(even) {
  background: #f2f2f2; }

.table--striped-grey tr.odd, .table--striped-grey tr:nth-child(odd) {
  background: #f2f2f2; }

.table--striped-grey tr.even, .table--striped-grey tr:nth-child(even) {
  background: #ebebeb; }

.table--striped-grey thead th {
  border-bottom-color: #b6b6b6; }

.table--striped-grey th {
  border-right-color: #b6b6b6; }

/**
  * Replicate the default table heading styles as a class, 
  * so they're available for tables that have only been marked up 
  * only using <td> elements (e.g. tables imported from Word)
  */
.table--headings-top tr:first-of-type td, .table--headings-top-left tr:first-of-type td {
  font-weight: bold;
  color: #373737;
  border-right: 0;
  border-top: 0;
  border-bottom: 3px solid #dcdcdc; }
  .table--headings-top tr:first-of-type td:first-of-type:empty, .table--headings-top-left tr:first-of-type td:first-of-type:empty {
    border-bottom: 0; }

.table--headings-left tr td:first-of-type, .table--headings-top-left tr td:first-of-type {
  font-weight: bold;
  color: #373737;
  border-right: 3px solid #dcdcdc; }

/**
 * Halve/Double the padding in table cells.
 */
th.padded--tight, td.padded--tight {
  padding: 1.6px 2px; }

th.padded-v--tight, th.nav--drawer__open, td.padded-v--tight, td.nav--drawer__open {
  padding-top: 1.6px;
  padding-bottom: 1.6px; }

th.padded-h--tight, th.nav--drawer__open, td.padded-h--tight, td.nav--drawer__open {
  padding-left: 2px;
  padding-right: 2px; }

th.padded--loose, td.padded--loose {
  padding: 16px 20px; }

th.padded-v--loose, td.padded-v--loose {
  padding-top: 16px;
  padding-bottom: 16px; }

th.padded-h--loose, td.padded-h--loose {
  padding-left: 20px;
  padding-right: 20px; }

.table--tight th, .table--tight td {
  padding: 1.6px 2px; }

.table--loose th, .table--loose td {
  padding: 16px 20px; }

.table--light {
  border: none; }
  .table--light th {
    padding-left: 0px;
    padding-left: 0rem;
    border: none;
    background-color: transparent;
    text-align: left; }

.table--valign-middle th, .table--valign-middle td {
  vertical-align: middle; }

.table--row-hover tr:hover {
  background: #f2f2f2; }

.table--row-hover.table--striped tr:hover {
  background: #ebebeb; }

.table--row-hover.table--striped-grey tr:hover {
  background: #dcdcdc; }

.table--fixed {
  table-layout: fixed;
  width: 100%; }

@media only screen and (max-width: 950px) {
  .table--responsive thead {
    display: none;
    /* Hide the table heading row */ }
  .table--responsive th, .table--responsive td {
    float: left;
    clear: both;
    width: 100%;
    text-align: center; }
  .table--responsive td:before {
    content: attr(title);
    /* Add the column heading to the cell */
    display: block; } }

.gist table {
  width: auto; }

.gist th, .gist td {
  border-top-style: none;
  border-bottom-style: none; }

/* Generic form styles */
form, fieldset {
  border: none; }

input, select, textarea {
  border-style: solid;
  border-width: 1px;
  border-color: inherit;
  padding: 10px;
  display: inline-block;
  width: 90%;
  width: calc(100% - 30px);
  border-radius: 5px;
  border-color: #767676; }

input, select {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #6e6e6e;
  vertical-align: text-top; }
  .ie7 input[type="checkbox"], .ie7
  input[type="radio"] {
    zoom: 1;
    display: inline; }
  input[type="checkbox"]:checked,
  input[type="radio"]:checked {
    background: #336dc2;
    border-color: #336dc2; }
  input[type="checkbox"]:disabled, input[type="checkbox"].disabled,
  input[type="radio"]:disabled,
  input[type="radio"].disabled {
    border-color: #b6b6b6;
    background-color: transparent !important; }
    input[type="checkbox"]:disabled + label, input[type="checkbox"].disabled + label,
    input[type="radio"]:disabled + label,
    input[type="radio"].disabled + label {
      color: #b6b6b6; }
  input[type="checkbox"]:disabled:checked, input[type="checkbox"].disabled:checked,
  input[type="radio"]:disabled:checked,
  input[type="radio"].disabled:checked {
    background-color: #ebebeb !important; }
  input[type="checkbox"] + label,
  input[type="radio"] + label {
    margin-right: 35px;
    margin-right: 2.5rem;
    padding-left: 4px;
    padding-left: 0.28571rem;
    font-weight: normal;
    display: inline-block;
    -webkit-transform: translateY(2px);
            transform: translateY(2px); }
    .ie7 input[type="checkbox"] + label, .ie7
    input[type="radio"] + label {
      zoom: 1;
      display: inline; }
  input[type="checkbox"]:hover, input[type="checkbox"] + label:hover,
  input[type="radio"]:hover,
  input[type="radio"] + label:hover {
    cursor: pointer; }

input[type="checkbox"] {
  border-radius: 2px; }
  input[type="checkbox"]:checked:after {
    content: "\e625";
    color: #ffffff;
    font-family: "Redgate";
    position: absolute;
    left: 0;
    top: 0; }

input[type="radio"] {
  border-radius: 50%; }
  input[type="radio"]:checked {
    box-shadow: inset 0px 0px 0px 3px #ffffff; }

label {
  margin-bottom: 4px;
  margin-bottom: 0.28571rem;
  display: block;
  font-weight: bold; }

select {
  padding-right: 42px;
  padding-right: 3rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA4LjI3IiB3aWR0aD0iMTIiIGhlaWdodD0iOC4yNyI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMCAyLjI3bDIuMjctMi4yNyAzLjczIDMuNzMgMy43My0zLjczIDIuMjcgMi4yNy02IDYtNi02eiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-size: 1em;
  padding-top: 9px;
  padding-bottom: 9px; }
  select::-ms-expand {
    display: none; }
  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    select {
      padding-top: 9px;
      padding-top: 0.64286rem;
      padding-bottom: 9px;
      padding-bottom: 0.64286rem; } }

input[list]::-webkit-calendar-picker-indicator {
  margin-left: 9px;
  margin-left: 0.64286rem;
  color: transparent;
  background-color: transparent;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA4LjI3IiB3aWR0aD0iMTIiIGhlaWdodD0iOC4yNyI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMCAyLjI3bDIuMjctMi4yNyAzLjczIDMuNzMgMy43My0zLjczIDIuMjcgMi4yNy02IDYtNi02eiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 1em; }

::-webkit-input-placeholder {
  color: #b6b6b6; }

:-ms-input-placeholder {
  color: #b6b6b6; }

::-ms-input-placeholder {
  color: #b6b6b6; }

::placeholder {
  color: #b6b6b6; }

.form__field-container, .hs-form-field {
  margin-bottom: 21px;
  margin-bottom: 1.5rem; }
  .form__field-container--error .form__error-message {
    display: block; }
  .form__field-container--error input, .form__field-container--error textarea {
    border-width: 2px;
    border-color: #cc0000; }

.form__help-text {
  margin-bottom: 4px;
  margin-bottom: 0.28571rem;
  color: #767676; }
  label + .form__help-text {
    margin-top: -4px;
    margin-top: -0.28571rem; }

.form__error-message {
  margin-top: 4px;
  margin-top: 0.28571rem;
  display: none;
  color: #cc0000; }

.form__required-dot {
  margin-left: 9px;
  margin-left: 0.64286rem;
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #767676; }
  textarea + .form__required-dot {
    margin-top: 9px;
    margin-top: 0.64286rem;
    vertical-align: top; }

.form__help {
  margin-left: 9px;
  margin-left: 0.64286rem;
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #767676; }
  .form__help::before {
    margin: 0px;
    margin: 0rem;
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 20px; }
  textarea + .form__help {
    margin-top: 9px;
    margin-top: 0.64286rem;
    vertical-align: top; }

.label--disabled {
  color: #b6b6b6; }

/*
 * HubSpot included JS sets inputs to 95%. Force it to 100% width!
 */
.hs-input {
  width: 100% !important; }
  .hs-input[type="checkbox"], .hs-input[type="radio"] {
    width: 20px !important;
    height: 20px; }
  .hs-input[type="checkbox"] {
    margin-right: 10px; }
  .hs-input.error:not([type="checkbox"]):not([type="radio"]) {
    border: 2px solid #cc0000; }

.hs-form fieldset {
  max-width: none !important; }

.hs-form li {
  list-style-type: none; }

.hs-form .multi-container {
  margin-left: 0px;
  margin-left: 0rem;
  list-style: none; }
  .hs-form .multi-container label {
    font-weight: normal; }
    .hs-form .multi-container label input {
      margin-right: 9px;
      margin-right: 0.64286rem; }
  .hs-form .multi-container input {
    margin-bottom: 0px;
    margin-bottom: 0rem; }

.hs-form .hs-error-msgs {
  margin-left: 0px;
  margin-left: 0rem; }
  .hs-form .hs-error-msgs, .hs-form .hs-error-msgs label {
    margin-top: 4px;
    margin-top: 0.28571rem;
    color: #cc0000;
    font-weight: normal; }

.hs-datepicker {
  position: static !important; }
  .hs-datepicker .pika-label {
    z-index: 10 !important; }

@media only screen and (max-width: 600px) {
  .hbspt-form .hs-form fieldset.form-columns-2 .hs-form-field {
    /* excessively specific to overwrite hubspot css */
    width: 100%; } }

.toggle-container {
  position: relative;
  display: inline-block;
  top: 3px; }
  .toggle-container + label {
    margin-right: 35px;
    margin-right: 2.5rem;
    padding-left: 4px;
    padding-left: 0.28571rem;
    font-weight: normal;
    display: inline-block;
    -webkit-transform: translateY(2px);
            transform: translateY(2px); }
  .toggle-container--disabled + label {
    color: #b6b6b6; }
  .toggle-container--disabled input[type="checkbox"].toggle {
    background-color: #dcdcdc !important; }
  .toggle-container input[type="checkbox"].toggle {
    display: block;
    width: 40px;
    height: 20px;
    border: none;
    border-radius: 100px;
    background-color: #6e6e6e; }
    .toggle-container input[type="checkbox"].toggle:checked {
      background-color: #3c85df; }
    .toggle-container input[type="checkbox"].toggle:disabled, .toggle-container input[type="checkbox"].toggle.disabled {
      background-color: #dcdcdc !important; }
    .toggle-container input[type="checkbox"].toggle:after {
      display: none; }
    .toggle-container input[type="checkbox"].toggle + label {
      margin: 0px;
      margin: 0rem;
      position: absolute;
      display: block;
      width: 14px;
      height: 14px;
      background-color: #ffffff;
      border-radius: 100%;
      left: 3px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .toggle-container input[type="checkbox"].toggle:checked + label {
      left: calc(100% - 17px); }
    .toggle-container input[type="checkbox"].toggle, .toggle-container input[type="checkbox"].toggle + label {
      transition: all 0.25s; }
    .toggle-container input[type="checkbox"].toggle::-ms-check {
      display: none; }

/*------------------------------------*\
    #MEDIA
\*------------------------------------*/
/**
* The media object allows you to have an image/video or other fixed width
* media to the left or right with some content that describes it in the
* center.
*/
.media, .notification {
  clear: both;
  /**
     * For modern browsers
     * 1. The space content is one way to avoid an Opera bug when the
     *    contenteditable attribute is included anywhere else in the document.
     *    Otherwise it causes space to appear at the top and bottom of elements
     *    that are clearfixed.
     * 2. The use of `table` rather than `block` is only necessary if using
     *    `:before` to contain the top-margins of child elements.
     */
  /**
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
  display: block; }
  .media:before, .notification:before, .media:after, .notification:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .media:after, .notification:after {
    clear: both; }
  .media, .notification {
    *zoom: 1; }

.media__image, .notification__icon {
  margin-right: 18px;
  margin-right: 1.28571rem;
  float: left; }
  .media__image--right, .notification__close {
    margin-left: 18px;
    margin-left: 1.28571rem;
    float: right; }

.media__body, .notification__body {
  overflow: hidden;
  display: block; }

.media--chunky {
  padding-top: 70px;
  padding-top: 5rem;
  padding-bottom: 70px;
  padding-bottom: 5rem; }
  .media--chunky .media__image, .media--chunky .notification__icon {
    margin-right: 70px;
    margin-right: 5rem; }
    .media--chunky .media__image--right, .media--chunky .notification__close {
      margin-left: 70px;
      margin-left: 5rem; }

.media .video-container, .notification .video-container {
  width: 440px; }

@media only screen and (max-width: 950px) {
  .media .media__image, .notification .media__image, .media .notification__icon, .notification .notification__icon, .media .media__image--right, .notification .media__image--right, .media .notification__close, .notification .notification__close, .media--chunky .media__image, .media--chunky .notification__icon, .media--chunky .media__image--right, .media--chunky .notification__close {
    float: none;
    margin-top: 0;
    margin-left: 0; }
  .media .video-container, .notification .video-container, .media--chunky .video-container {
    width: 100%; } }

/*------------------------------------*\
    #CORNER-RADIUS SETTINGS
\*------------------------------------*/
/**
 * Set global rounded corner radius value.
 */
/*------------------------------------*\
    #ROUNDED CORNER STYLES
\*------------------------------------*/
/*------------------------------------*\
    #ROUNDED CORNERS
\*------------------------------------*/
.rounded {
  border-radius:  9px;
  border-radius:  0.64286rem; }

.rounded--top {
  border-radius:  9px 9px 0px 0px;
  border-radius:  0.64286rem 0.64286rem 0rem 0rem; }

.rounded--bottom {
  border-radius:  0px 0px 9px 9px;
  border-radius:  0rem 0rem 0.64286rem 0.64286rem; }

.rounded--left {
  border-radius:  9px 0px 0px 9px;
  border-radius:  0.64286rem 0rem 0rem 0.64286rem; }

.rounded--right {
  border-radius:  0px 9px 9px 0px;
  border-radius:  0rem 0.64286rem 0.64286rem 0rem; }

.rounded--top-left {
  border-radius:  9px 0px 0px 0px;
  border-radius:  0.64286rem 0rem 0rem 0rem; }

.rounded--top-right {
  border-radius:  0px 9px 0px 0px;
  border-radius:  0rem 0.64286rem 0rem 0rem; }

.rounded--bottom-right {
  border-radius:  0px 0px 9px 0px;
  border-radius:  0rem 0rem 0.64286rem 0rem; }

.rounded--bottom-left {
  border-radius:  0px 0px 0px 9px;
  border-radius:  0rem 0rem 0rem 0.64286rem; }

.rounded--circle, .form__required-dot {
  border-radius:  999px;
  border-radius:  71.35714rem; }

.icon--medium {
  font-size: 20px; }

.icon--large {
  font-size: 24px; }

@font-face {
  font-family: 'Redgate';
  src: url(Fonts/redgate.eot);
  src: url(Fonts/redgate.eot?#iefix&v=1.12) format("embedded-opentype"), url(Fonts/redgate.ttf) format("truetype"), url(Fonts/redgate.woff) format("woff"), url(Images/redgate.svg#Redgate) format("svg");
  font-weight: normal;
  font-style: normal; }

/*------------------------------------*\
    #ICONS
\*------------------------------------*/
/**
* Size modifiers.
*/
.icon--2x {
  font-size: 2rem; }

.icon--3x {
  font-size: 3rem; }

.icon--4x {
  font-size: 4rem; }

.icon--5x {
  font-size: 5rem; }

.icon--6x {
  font-size: 6rem; }

.icon--7x {
  font-size: 7rem; }

.icon--8x {
  font-size: 8rem; }

.icon--9x {
  font-size: 9rem; }

.icon--10x {
  font-size: 10rem; }

/**
* Standard icons.
*/
.icon--email:before, .icon--phone:before, .icon--pdf:before, .icon--external:before, .icon--video:before, .icon--download:before, .icon--chevron-down:before, .list--chevron-down > li:before, .list--chevron-down--large > li:before, .nav--vertical .nav--vertical__toggle:before, .icon--chevron-up:before, .nav--vertical .nav--vertical__active > a > .nav--vertical__toggle:before, .icon--chevron-left:before, .nav--vertical .nav--vertical__collapse .nav--vertical__collapse__icon:before, .icon--chevron-right:before, .list--chevron > li:before, .list--chevron--large > li:before, .nav--vertical.nav--vertical--has-icons.nav--vertical--collapsed .nav--vertical__collapse__icon:before, .icon--plus:before, .list--plus > li:before, .list--plus--large > li:before, .icon--plus-circle:before, .icon--minus:before, .list--minus > li:before, .list--minus--large > li:before, .icon--comments:before, .icon--tick:before, .icon--success:before, .list--tick > li:before, .list--tick--large > li:before, .icon--cross:before, .icon--fail:before, .icon--info:before, .icon--calendar:before, .icon--settings:before, .icon--user:before, .icon--users:before, .icon--globe:before, .icon--arrow-left:before, .icon--arrow-right:before, .icon--play-circle:before, .icon--warning:before, .icon--bullet:before, .list--bullet > li:before, .icon--shopping-cart:before, .icon--server:before, .icon--more-actions-horizontal:before, .icon--more-actions-vertical:before, .icon--alert-silence:before, .icon--maintenance:before, .icon--print:before, .icon--hide:before, .icon--warning-octagon:before, .icon--tag:before, .icon--flag:before, .icon--minimize:before, .icon--expand:before, .icon--import:before, .icon--export:before, .icon--zoom-in:before, .icon--zoom-out:before, .icon--show:before, .icon--play:before, .icon--copydoc:before, .icon--dock:before, .icon--test-data:before, .icon--add-ons:before, .icon--pipeline:before, .icon--alert:before, .icon--clear-cross-circle:before, .icon--instance:before, .icon--database:before, .icon--delete:before, .icon--edit:before, .icon--filter:before, .icon--folder-open:before, .icon--folder:before, .icon--history:before, .icon--message-tick:before, .icon--refresh:before, .icon--save:before, .icon--search:before, .header--primary .header--primary__search-form [type="submit"]:before, .header--primary .header--primary__search-form a.header--primary__search-button--mobile:before, .icon--help-circle:before, .icon--approved:before, .icon--award:before, .icon--clock:before, .icon--map_pin:before, .icon--rss:before, .icon--tick-circle:before, .icon--lightbulb:before, .icon--lock:before, .icon--stop:before, .icon--large-tiles:before, .icon--small-tiles:before, .icon--table-expand-small:before, .icon--table-expand-medium:before, .icon--table-expand-large:before, .icon--target:before, .icon--dlm-dashboard:before, .icon--dlm-automation:before, .icon--sql-backup:before, .icon--sql-compare:before, .icon--sql-comparison-sdk:before, .icon--sql-data-compare:before, .icon--data-masker:before, .icon--sql-dependency-tracker:before, .icon--sql-doc:before, .icon--sql-monitor:before, .icon--sql-search:before, .icon--sql-source-control:before, .icon--sql-test:before, .icon--sql-toolbelt:before, .icon--data-platform-studio:before, .icon--sql-scripts-manager:before, .icon--readyroll:before, .icon--sql-multi-script:before, .icon--sql-index-manager:before, .icon--sql-code-guard:before, .icon--sql-clone:before, .icon--sql-data-generator:before, .icon--sql-prompt:before, .icon--sql-estate-manager:before, .icon--sql-change-automation:before, .icon--sql-provision:before, .icon--home:before, .icon--sort-arrows:before, .icon--processes:before, .icon--arrow-drop-up:before, .icon--arrow-drop-down:before, .icon--arrow-right-link:before, .icon--arrow-left-link:before, .icon--arrow-up-link:before, .icon--arrow-down-link:before, .icon--merge-branch:before, .icon--branch:before, .icon--azure:before, .icon--server-cluster:before, .icon--database-image:before, .icon--database-clone:before, .icon--blocked:before, .icon--availability-group:before, .icon--metrics:before, .icon--database-file:before, .icon--table:before, .icon--column:before, .icon--dashboard:before, .icon--azure-database:before, .icon--arrow-circle:before, .icon--circle:before, .icon--star-circle:before, .icon--script:before, .icon--elastic-pool:before, .icon--schema:before, th.sort-column:before, th.sort-column--asc:before, th.sort-column--desc:before, .icon--email:after, .icon--phone:after, .icon--pdf:after, .icon--external:after, .icon--video:after, .icon--download:after, .icon--chevron-down:after, .list--chevron-down > li:after, .list--chevron-down--large > li:after, .nav--vertical .nav--vertical__toggle:after, .icon--chevron-up:after, .nav--vertical .nav--vertical__active > a > .nav--vertical__toggle:after, .icon--chevron-left:after, .nav--vertical .nav--vertical__collapse .nav--vertical__collapse__icon:after, .icon--chevron-right:after, .list--chevron > li:after, .list--chevron--large > li:after, .nav--vertical.nav--vertical--has-icons.nav--vertical--collapsed .nav--vertical__collapse__icon:after, .icon--plus:after, .list--plus > li:after, .list--plus--large > li:after, .icon--plus-circle:after, .icon--minus:after, .list--minus > li:after, .list--minus--large > li:after, .icon--comments:after, .icon--tick:after, .icon--success:after, .list--tick > li:after, .list--tick--large > li:after, .icon--cross:after, .icon--fail:after, .icon--info:after, .icon--calendar:after, .icon--settings:after, .icon--user:after, .icon--users:after, .icon--globe:after, .icon--arrow-left:after, .icon--arrow-right:after, .icon--play-circle:after, .icon--warning:after, .icon--bullet:after, .list--bullet > li:after, .icon--shopping-cart:after, .icon--server:after, .icon--more-actions-horizontal:after, .icon--more-actions-vertical:after, .icon--alert-silence:after, .icon--maintenance:after, .icon--print:after, .icon--hide:after, .icon--warning-octagon:after, .icon--tag:after, .icon--flag:after, .icon--minimize:after, .icon--expand:after, .icon--import:after, .icon--export:after, .icon--zoom-in:after, .icon--zoom-out:after, .icon--show:after, .icon--play:after, .icon--copydoc:after, .icon--dock:after, .icon--test-data:after, .icon--add-ons:after, .icon--pipeline:after, .icon--alert:after, .icon--clear-cross-circle:after, .icon--instance:after, .icon--database:after, .icon--delete:after, .icon--edit:after, .icon--filter:after, .icon--folder-open:after, .icon--folder:after, .icon--history:after, .icon--message-tick:after, .icon--refresh:after, .icon--save:after, .icon--search:after, .header--primary .header--primary__search-form [type="submit"]:after, .header--primary .header--primary__search-form a.header--primary__search-button--mobile:after, .icon--help-circle:after, .icon--approved:after, .icon--award:after, .icon--clock:after, .icon--map_pin:after, .icon--rss:after, .icon--tick-circle:after, .icon--lightbulb:after, .icon--lock:after, .icon--stop:after, .icon--large-tiles:after, .icon--small-tiles:after, .icon--table-expand-small:after, .icon--table-expand-medium:after, .icon--table-expand-large:after, .icon--target:after, .icon--dlm-dashboard:after, .icon--dlm-automation:after, .icon--sql-backup:after, .icon--sql-compare:after, .icon--sql-comparison-sdk:after, .icon--sql-data-compare:after, .icon--data-masker:after, .icon--sql-dependency-tracker:after, .icon--sql-doc:after, .icon--sql-monitor:after, .icon--sql-search:after, .icon--sql-source-control:after, .icon--sql-test:after, .icon--sql-toolbelt:after, .icon--data-platform-studio:after, .icon--sql-scripts-manager:after, .icon--readyroll:after, .icon--sql-multi-script:after, .icon--sql-index-manager:after, .icon--sql-code-guard:after, .icon--sql-clone:after, .icon--sql-data-generator:after, .icon--sql-prompt:after, .icon--sql-estate-manager:after, .icon--sql-change-automation:after, .icon--sql-provision:after, .icon--home:after, .icon--sort-arrows:after, .icon--processes:after, .icon--arrow-drop-up:after, .icon--arrow-drop-down:after, .icon--arrow-right-link:after, .icon--arrow-left-link:after, .icon--arrow-up-link:after, .icon--arrow-down-link:after, .icon--merge-branch:after, .icon--branch:after, .icon--azure:after, .icon--server-cluster:after, .icon--database-image:after, .icon--database-clone:after, .icon--blocked:after, .icon--availability-group:after, .icon--metrics:after, .icon--database-file:after, .icon--table:after, .icon--column:after, .icon--dashboard:after, .icon--azure-database:after, .icon--arrow-circle:after, .icon--circle:after, .icon--star-circle:after, .icon--script:after, .icon--elastic-pool:after, .icon--schema:after, th.sort-column:after, th.sort-column--asc:after, th.sort-column--desc:after {
  font-family: "Redgate";
  font-size: 125%;
  vertical-align: top; }

.icon--email:before, .icon--phone:before, .icon--pdf:before, .icon--external:before, .icon--video:before, .icon--download:before, .icon--chevron-down:before, .list--chevron-down > li:before, .list--chevron-down--large > li:before, .nav--vertical .nav--vertical__toggle:before, .icon--chevron-up:before, .nav--vertical .nav--vertical__active > a > .nav--vertical__toggle:before, .icon--chevron-left:before, .nav--vertical .nav--vertical__collapse .nav--vertical__collapse__icon:before, .icon--chevron-right:before, .list--chevron > li:before, .list--chevron--large > li:before, .nav--vertical.nav--vertical--has-icons.nav--vertical--collapsed .nav--vertical__collapse__icon:before, .icon--plus:before, .list--plus > li:before, .list--plus--large > li:before, .icon--plus-circle:before, .icon--minus:before, .list--minus > li:before, .list--minus--large > li:before, .icon--comments:before, .icon--tick:before, .icon--success:before, .list--tick > li:before, .list--tick--large > li:before, .icon--cross:before, .icon--fail:before, .icon--info:before, .icon--calendar:before, .icon--settings:before, .icon--user:before, .icon--users:before, .icon--globe:before, .icon--arrow-left:before, .icon--arrow-right:before, .icon--play-circle:before, .icon--warning:before, .icon--bullet:before, .list--bullet > li:before, .icon--shopping-cart:before, .icon--server:before, .icon--more-actions-horizontal:before, .icon--more-actions-vertical:before, .icon--alert-silence:before, .icon--maintenance:before, .icon--print:before, .icon--hide:before, .icon--warning-octagon:before, .icon--tag:before, .icon--flag:before, .icon--minimize:before, .icon--expand:before, .icon--import:before, .icon--export:before, .icon--zoom-in:before, .icon--zoom-out:before, .icon--show:before, .icon--play:before, .icon--copydoc:before, .icon--dock:before, .icon--test-data:before, .icon--add-ons:before, .icon--pipeline:before, .icon--alert:before, .icon--clear-cross-circle:before, .icon--instance:before, .icon--database:before, .icon--delete:before, .icon--edit:before, .icon--filter:before, .icon--folder-open:before, .icon--folder:before, .icon--history:before, .icon--message-tick:before, .icon--refresh:before, .icon--save:before, .icon--search:before, .header--primary .header--primary__search-form [type="submit"]:before, .header--primary .header--primary__search-form a.header--primary__search-button--mobile:before, .icon--help-circle:before, .icon--approved:before, .icon--award:before, .icon--clock:before, .icon--map_pin:before, .icon--rss:before, .icon--tick-circle:before, .icon--lightbulb:before, .icon--lock:before, .icon--stop:before, .icon--large-tiles:before, .icon--small-tiles:before, .icon--table-expand-small:before, .icon--table-expand-medium:before, .icon--table-expand-large:before, .icon--target:before, .icon--dlm-dashboard:before, .icon--dlm-automation:before, .icon--sql-backup:before, .icon--sql-compare:before, .icon--sql-comparison-sdk:before, .icon--sql-data-compare:before, .icon--data-masker:before, .icon--sql-dependency-tracker:before, .icon--sql-doc:before, .icon--sql-monitor:before, .icon--sql-search:before, .icon--sql-source-control:before, .icon--sql-test:before, .icon--sql-toolbelt:before, .icon--data-platform-studio:before, .icon--sql-scripts-manager:before, .icon--readyroll:before, .icon--sql-multi-script:before, .icon--sql-index-manager:before, .icon--sql-code-guard:before, .icon--sql-clone:before, .icon--sql-data-generator:before, .icon--sql-prompt:before, .icon--sql-estate-manager:before, .icon--sql-change-automation:before, .icon--sql-provision:before, .icon--home:before, .icon--sort-arrows:before, .icon--processes:before, .icon--arrow-drop-up:before, .icon--arrow-drop-down:before, .icon--arrow-right-link:before, .icon--arrow-left-link:before, .icon--arrow-up-link:before, .icon--arrow-down-link:before, .icon--merge-branch:before, .icon--branch:before, .icon--azure:before, .icon--server-cluster:before, .icon--database-image:before, .icon--database-clone:before, .icon--blocked:before, .icon--availability-group:before, .icon--metrics:before, .icon--database-file:before, .icon--table:before, .icon--column:before, .icon--dashboard:before, .icon--azure-database:before, .icon--arrow-circle:before, .icon--circle:before, .icon--star-circle:before, .icon--script:before, .icon--elastic-pool:before, .icon--schema:before, th.sort-column:before, th.sort-column--asc:before, th.sort-column--desc:before {
  margin-right: 0px;
  margin-right: 0rem; }

.icon--email:after, .icon--phone:after, .icon--pdf:after, .icon--external:after, .icon--video:after, .icon--download:after, .icon--chevron-down:after, .list--chevron-down > li:after, .list--chevron-down--large > li:after, .nav--vertical .nav--vertical__toggle:after, .icon--chevron-up:after, .nav--vertical .nav--vertical__active > a > .nav--vertical__toggle:after, .icon--chevron-left:after, .nav--vertical .nav--vertical__collapse .nav--vertical__collapse__icon:after, .icon--chevron-right:after, .list--chevron > li:after, .list--chevron--large > li:after, .nav--vertical.nav--vertical--has-icons.nav--vertical--collapsed .nav--vertical__collapse__icon:after, .icon--plus:after, .list--plus > li:after, .list--plus--large > li:after, .icon--plus-circle:after, .icon--minus:after, .list--minus > li:after, .list--minus--large > li:after, .icon--comments:after, .icon--tick:after, .icon--success:after, .list--tick > li:after, .list--tick--large > li:after, .icon--cross:after, .icon--fail:after, .icon--info:after, .icon--calendar:after, .icon--settings:after, .icon--user:after, .icon--users:after, .icon--globe:after, .icon--arrow-left:after, .icon--arrow-right:after, .icon--play-circle:after, .icon--warning:after, .icon--bullet:after, .list--bullet > li:after, .icon--shopping-cart:after, .icon--server:after, .icon--more-actions-horizontal:after, .icon--more-actions-vertical:after, .icon--alert-silence:after, .icon--maintenance:after, .icon--print:after, .icon--hide:after, .icon--warning-octagon:after, .icon--tag:after, .icon--flag:after, .icon--minimize:after, .icon--expand:after, .icon--import:after, .icon--export:after, .icon--zoom-in:after, .icon--zoom-out:after, .icon--show:after, .icon--play:after, .icon--copydoc:after, .icon--dock:after, .icon--test-data:after, .icon--add-ons:after, .icon--pipeline:after, .icon--alert:after, .icon--clear-cross-circle:after, .icon--instance:after, .icon--database:after, .icon--delete:after, .icon--edit:after, .icon--filter:after, .icon--folder-open:after, .icon--folder:after, .icon--history:after, .icon--message-tick:after, .icon--refresh:after, .icon--save:after, .icon--search:after, .header--primary .header--primary__search-form [type="submit"]:after, .header--primary .header--primary__search-form a.header--primary__search-button--mobile:after, .icon--help-circle:after, .icon--approved:after, .icon--award:after, .icon--clock:after, .icon--map_pin:after, .icon--rss:after, .icon--tick-circle:after, .icon--lightbulb:after, .icon--lock:after, .icon--stop:after, .icon--large-tiles:after, .icon--small-tiles:after, .icon--table-expand-small:after, .icon--table-expand-medium:after, .icon--table-expand-large:after, .icon--target:after, .icon--dlm-dashboard:after, .icon--dlm-automation:after, .icon--sql-backup:after, .icon--sql-compare:after, .icon--sql-comparison-sdk:after, .icon--sql-data-compare:after, .icon--data-masker:after, .icon--sql-dependency-tracker:after, .icon--sql-doc:after, .icon--sql-monitor:after, .icon--sql-search:after, .icon--sql-source-control:after, .icon--sql-test:after, .icon--sql-toolbelt:after, .icon--data-platform-studio:after, .icon--sql-scripts-manager:after, .icon--readyroll:after, .icon--sql-multi-script:after, .icon--sql-index-manager:after, .icon--sql-code-guard:after, .icon--sql-clone:after, .icon--sql-data-generator:after, .icon--sql-prompt:after, .icon--sql-estate-manager:after, .icon--sql-change-automation:after, .icon--sql-provision:after, .icon--home:after, .icon--sort-arrows:after, .icon--processes:after, .icon--arrow-drop-up:after, .icon--arrow-drop-down:after, .icon--arrow-right-link:after, .icon--arrow-left-link:after, .icon--arrow-up-link:after, .icon--arrow-down-link:after, .icon--merge-branch:after, .icon--branch:after, .icon--azure:after, .icon--server-cluster:after, .icon--database-image:after, .icon--database-clone:after, .icon--blocked:after, .icon--availability-group:after, .icon--metrics:after, .icon--database-file:after, .icon--table:after, .icon--column:after, .icon--dashboard:after, .icon--azure-database:after, .icon--arrow-circle:after, .icon--circle:after, .icon--star-circle:after, .icon--script:after, .icon--elastic-pool:after, .icon--schema:after, th.sort-column:after, th.sort-column--asc:after, th.sort-column--desc:after {
  margin-left: 0px;
  margin-left: 0rem;
  display: none; }

.icon--right.icon--email:before, .icon--right.icon--phone:before, .icon--right.icon--pdf:before, .icon--right.icon--external:before, .icon--right.icon--video:before, .icon--right.icon--download:before, .icon--right.icon--chevron-down:before, .list--chevron-down > li.icon--right:before, .list--chevron-down--large > li.icon--right:before, .nav--vertical .icon--right.nav--vertical__toggle:before, .icon--right.icon--chevron-up:before, .nav--vertical .nav--vertical__active > a > .icon--right.nav--vertical__toggle:before, .icon--right.icon--chevron-left:before, .nav--vertical .nav--vertical__collapse .icon--right.nav--vertical__collapse__icon:before, .icon--right.icon--chevron-right:before, .list--chevron > li.icon--right:before, .list--chevron--large > li.icon--right:before, .nav--vertical.nav--vertical--has-icons.nav--vertical--collapsed .icon--right.nav--vertical__collapse__icon:before, .icon--right.icon--plus:before, .list--plus > li.icon--right:before, .list--plus--large > li.icon--right:before, .icon--right.icon--plus-circle:before, .icon--right.icon--minus:before, .list--minus > li.icon--right:before, .list--minus--large > li.icon--right:before, .icon--right.icon--comments:before, .icon--right.icon--tick:before, .icon--right.icon--success:before, .list--tick > li.icon--right:before, .list--tick--large > li.icon--right:before, .icon--right.icon--cross:before, .icon--right.icon--fail:before, .icon--right.icon--info:before, .icon--right.icon--calendar:before, .icon--right.icon--settings:before, .icon--right.icon--user:before, .icon--right.icon--users:before, .icon--right.icon--globe:before, .icon--right.icon--arrow-left:before, .icon--right.icon--arrow-right:before, .icon--right.icon--play-circle:before, .icon--right.icon--warning:before, .icon--right.icon--bullet:before, .list--bullet > li.icon--right:before, .icon--right.icon--shopping-cart:before, .icon--right.icon--server:before, .icon--right.icon--more-actions-horizontal:before, .icon--right.icon--more-actions-vertical:before, .icon--right.icon--alert-silence:before, .icon--right.icon--maintenance:before, .icon--right.icon--print:before, .icon--right.icon--hide:before, .icon--right.icon--warning-octagon:before, .icon--right.icon--tag:before, .icon--right.icon--flag:before, .icon--right.icon--minimize:before, .icon--right.icon--expand:before, .icon--right.icon--import:before, .icon--right.icon--export:before, .icon--right.icon--zoom-in:before, .icon--right.icon--zoom-out:before, .icon--right.icon--show:before, .icon--right.icon--play:before, .icon--right.icon--copydoc:before, .icon--right.icon--dock:before, .icon--right.icon--test-data:before, .icon--right.icon--add-ons:before, .icon--right.icon--pipeline:before, .icon--right.icon--alert:before, .icon--right.icon--clear-cross-circle:before, .icon--right.icon--instance:before, .icon--right.icon--database:before, .icon--right.icon--delete:before, .icon--right.icon--edit:before, .icon--right.icon--filter:before, .icon--right.icon--folder-open:before, .icon--right.icon--folder:before, .icon--right.icon--history:before, .icon--right.icon--message-tick:before, .icon--right.icon--refresh:before, .icon--right.icon--save:before, .icon--right.icon--search:before, .header--primary .header--primary__search-form .icon--right[type="submit"]:before, .header--primary .header--primary__search-form a.icon--right.header--primary__search-button--mobile:before, .icon--right.icon--help-circle:before, .icon--right.icon--approved:before, .icon--right.icon--award:before, .icon--right.icon--clock:before, .icon--right.icon--map_pin:before, .icon--right.icon--rss:before, .icon--right.icon--tick-circle:before, .icon--right.icon--lightbulb:before, .icon--right.icon--lock:before, .icon--right.icon--stop:before, .icon--right.icon--large-tiles:before, .icon--right.icon--small-tiles:before, .icon--right.icon--table-expand-small:before, .icon--right.icon--table-expand-medium:before, .icon--right.icon--table-expand-large:before, .icon--right.icon--target:before, .icon--right.icon--dlm-dashboard:before, .icon--right.icon--dlm-automation:before, .icon--right.icon--sql-backup:before, .icon--right.icon--sql-compare:before, .icon--right.icon--sql-comparison-sdk:before, .icon--right.icon--sql-data-compare:before, .icon--right.icon--data-masker:before, .icon--right.icon--sql-dependency-tracker:before, .icon--right.icon--sql-doc:before, .icon--right.icon--sql-monitor:before, .icon--right.icon--sql-search:before, .icon--right.icon--sql-source-control:before, .icon--right.icon--sql-test:before, .icon--right.icon--sql-toolbelt:before, .icon--right.icon--data-platform-studio:before, .icon--right.icon--sql-scripts-manager:before, .icon--right.icon--readyroll:before, .icon--right.icon--sql-multi-script:before, .icon--right.icon--sql-index-manager:before, .icon--right.icon--sql-code-guard:before, .icon--right.icon--sql-clone:before, .icon--right.icon--sql-data-generator:before, .icon--right.icon--sql-prompt:before, .icon--right.icon--sql-estate-manager:before, .icon--right.icon--sql-change-automation:before, .icon--right.icon--sql-provision:before, .icon--right.icon--home:before, .icon--right.icon--sort-arrows:before, .icon--right.icon--processes:before, .icon--right.icon--arrow-drop-up:before, .icon--right.icon--arrow-drop-down:before, .icon--right.icon--arrow-right-link:before, .icon--right.icon--arrow-left-link:before, .icon--right.icon--arrow-up-link:before, .icon--right.icon--arrow-down-link:before, .icon--right.icon--merge-branch:before, .icon--right.icon--branch:before, .icon--right.icon--azure:before, .icon--right.icon--server-cluster:before, .icon--right.icon--database-image:before, .icon--right.icon--database-clone:before, .icon--right.icon--blocked:before, .icon--right.icon--availability-group:before, .icon--right.icon--metrics:before, .icon--right.icon--database-file:before, .icon--right.icon--table:before, .icon--right.icon--column:before, .icon--right.icon--dashboard:before, .icon--right.icon--azure-database:before, .icon--right.icon--arrow-circle:before, .icon--right.icon--circle:before, .icon--right.icon--star-circle:before, .icon--right.icon--script:before, .icon--right.icon--elastic-pool:before, .icon--right.icon--schema:before, th.icon--right.sort-column:before, th.icon--right.sort-column--asc:before, th.icon--right.sort-column--desc:before {
  display: none; }

.icon--right.icon--email:after, .icon--right.icon--phone:after, .icon--right.icon--pdf:after, .icon--right.icon--external:after, .icon--right.icon--video:after, .icon--right.icon--download:after, .icon--right.icon--chevron-down:after, .list--chevron-down > li.icon--right:after, .list--chevron-down--large > li.icon--right:after, .nav--vertical .icon--right.nav--vertical__toggle:after, .icon--right.icon--chevron-up:after, .nav--vertical .nav--vertical__active > a > .icon--right.nav--vertical__toggle:after, .icon--right.icon--chevron-left:after, .nav--vertical .nav--vertical__collapse .icon--right.nav--vertical__collapse__icon:after, .icon--right.icon--chevron-right:after, .list--chevron > li.icon--right:after, .list--chevron--large > li.icon--right:after, .nav--vertical.nav--vertical--has-icons.nav--vertical--collapsed .icon--right.nav--vertical__collapse__icon:after, .icon--right.icon--plus:after, .list--plus > li.icon--right:after, .list--plus--large > li.icon--right:after, .icon--right.icon--plus-circle:after, .icon--right.icon--minus:after, .list--minus > li.icon--right:after, .list--minus--large > li.icon--right:after, .icon--right.icon--comments:after, .icon--right.icon--tick:after, .icon--right.icon--success:after, .list--tick > li.icon--right:after, .list--tick--large > li.icon--right:after, .icon--right.icon--cross:after, .icon--right.icon--fail:after, .icon--right.icon--info:after, .icon--right.icon--calendar:after, .icon--right.icon--settings:after, .icon--right.icon--user:after, .icon--right.icon--users:after, .icon--right.icon--globe:after, .icon--right.icon--arrow-left:after, .icon--right.icon--arrow-right:after, .icon--right.icon--play-circle:after, .icon--right.icon--warning:after, .icon--right.icon--bullet:after, .list--bullet > li.icon--right:after, .icon--right.icon--shopping-cart:after, .icon--right.icon--server:after, .icon--right.icon--more-actions-horizontal:after, .icon--right.icon--more-actions-vertical:after, .icon--right.icon--alert-silence:after, .icon--right.icon--maintenance:after, .icon--right.icon--print:after, .icon--right.icon--hide:after, .icon--right.icon--warning-octagon:after, .icon--right.icon--tag:after, .icon--right.icon--flag:after, .icon--right.icon--minimize:after, .icon--right.icon--expand:after, .icon--right.icon--import:after, .icon--right.icon--export:after, .icon--right.icon--zoom-in:after, .icon--right.icon--zoom-out:after, .icon--right.icon--show:after, .icon--right.icon--play:after, .icon--right.icon--copydoc:after, .icon--right.icon--dock:after, .icon--right.icon--test-data:after, .icon--right.icon--add-ons:after, .icon--right.icon--pipeline:after, .icon--right.icon--alert:after, .icon--right.icon--clear-cross-circle:after, .icon--right.icon--instance:after, .icon--right.icon--database:after, .icon--right.icon--delete:after, .icon--right.icon--edit:after, .icon--right.icon--filter:after, .icon--right.icon--folder-open:after, .icon--right.icon--folder:after, .icon--right.icon--history:after, .icon--right.icon--message-tick:after, .icon--right.icon--refresh:after, .icon--right.icon--save:after, .icon--right.icon--search:after, .header--primary .header--primary__search-form .icon--right[type="submit"]:after, .header--primary .header--primary__search-form a.icon--right.header--primary__search-button--mobile:after, .icon--right.icon--help-circle:after, .icon--right.icon--approved:after, .icon--right.icon--award:after, .icon--right.icon--clock:after, .icon--right.icon--map_pin:after, .icon--right.icon--rss:after, .icon--right.icon--tick-circle:after, .icon--right.icon--lightbulb:after, .icon--right.icon--lock:after, .icon--right.icon--stop:after, .icon--right.icon--large-tiles:after, .icon--right.icon--small-tiles:after, .icon--right.icon--table-expand-small:after, .icon--right.icon--table-expand-medium:after, .icon--right.icon--table-expand-large:after, .icon--right.icon--target:after, .icon--right.icon--dlm-dashboard:after, .icon--right.icon--dlm-automation:after, .icon--right.icon--sql-backup:after, .icon--right.icon--sql-compare:after, .icon--right.icon--sql-comparison-sdk:after, .icon--right.icon--sql-data-compare:after, .icon--right.icon--data-masker:after, .icon--right.icon--sql-dependency-tracker:after, .icon--right.icon--sql-doc:after, .icon--right.icon--sql-monitor:after, .icon--right.icon--sql-search:after, .icon--right.icon--sql-source-control:after, .icon--right.icon--sql-test:after, .icon--right.icon--sql-toolbelt:after, .icon--right.icon--data-platform-studio:after, .icon--right.icon--sql-scripts-manager:after, .icon--right.icon--readyroll:after, .icon--right.icon--sql-multi-script:after, .icon--right.icon--sql-index-manager:after, .icon--right.icon--sql-code-guard:after, .icon--right.icon--sql-clone:after, .icon--right.icon--sql-data-generator:after, .icon--right.icon--sql-prompt:after, .icon--right.icon--sql-estate-manager:after, .icon--right.icon--sql-change-automation:after, .icon--right.icon--sql-provision:after, .icon--right.icon--home:after, .icon--right.icon--sort-arrows:after, .icon--right.icon--processes:after, .icon--right.icon--arrow-drop-up:after, .icon--right.icon--arrow-drop-down:after, .icon--right.icon--arrow-right-link:after, .icon--right.icon--arrow-left-link:after, .icon--right.icon--arrow-up-link:after, .icon--right.icon--arrow-down-link:after, .icon--right.icon--merge-branch:after, .icon--right.icon--branch:after, .icon--right.icon--azure:after, .icon--right.icon--server-cluster:after, .icon--right.icon--database-image:after, .icon--right.icon--database-clone:after, .icon--right.icon--blocked:after, .icon--right.icon--availability-group:after, .icon--right.icon--metrics:after, .icon--right.icon--database-file:after, .icon--right.icon--table:after, .icon--right.icon--column:after, .icon--right.icon--dashboard:after, .icon--right.icon--azure-database:after, .icon--right.icon--arrow-circle:after, .icon--right.icon--circle:after, .icon--right.icon--star-circle:after, .icon--right.icon--script:after, .icon--right.icon--elastic-pool:after, .icon--right.icon--schema:after, th.icon--right.sort-column:after, th.icon--right.sort-column--asc:after, th.icon--right.sort-column--desc:after {
  display: inline; }

.icon--email:before, .icon--email:after {
  content: "\e611"; }

.icon--phone:before, .icon--phone:after {
  content: "\e61d"; }

.icon--pdf:before, .icon--pdf:after {
  content: "\e60e"; }

.icon--external:before, .icon--external:after {
  content: "\e612"; }

.icon--video:before, .icon--video:after {
  content: "\e628"; }

.icon--download:before, .icon--download:after {
  content: "\e60f"; }

.icon--chevron-down:before, .list--chevron-down > li:before, .list--chevron-down--large > li:before, .nav--vertical .nav--vertical__toggle:before, .icon--chevron-down:after, .list--chevron-down > li:after, .list--chevron-down--large > li:after, .nav--vertical .nav--vertical__toggle:after {
  content: "\e605"; }

.icon--chevron-up:before, .nav--vertical .nav--vertical__active > a > .nav--vertical__toggle:before, .icon--chevron-up:after, .nav--vertical .nav--vertical__active > a > .nav--vertical__toggle:after {
  content: "\e608"; }

.icon--chevron-left:before, .nav--vertical .nav--vertical__collapse .nav--vertical__collapse__icon:before, .icon--chevron-left:after, .nav--vertical .nav--vertical__collapse .nav--vertical__collapse__icon:after {
  content: "\e606"; }

.icon--chevron-right:before, .list--chevron > li:before, .list--chevron--large > li:before, .nav--vertical.nav--vertical--has-icons.nav--vertical--collapsed .nav--vertical__collapse__icon:before, .icon--chevron-right:after, .list--chevron > li:after, .list--chevron--large > li:after, .nav--vertical.nav--vertical--has-icons.nav--vertical--collapsed .nav--vertical__collapse__icon:after {
  content: "\e607"; }

.icon--plus:before, .list--plus > li:before, .list--plus--large > li:before, .icon--plus:after, .list--plus > li:after, .list--plus--large > li:after {
  content: "\e620"; }

.icon--plus-circle:before, .icon--plus-circle:after {
  content: "\e61f"; }

.icon--minus:before, .list--minus > li:before, .list--minus--large > li:before, .icon--minus:after, .list--minus > li:after, .list--minus--large > li:after {
  content: "\e61c"; }

.icon--comments:before, .icon--comments:after {
  content: "\e60b"; }

.icon--tick:before, .icon--success:before, .list--tick > li:before, .list--tick--large > li:before, .icon--tick:after, .icon--success:after, .list--tick > li:after, .list--tick--large > li:after {
  content: "\e625"; }

.icon--cross:before, .icon--cross:after {
  content: "\e60a"; }

.icon--fail:before, .icon--fail:after {
  content: "\e62b"; }

.icon--info:before, .icon--info:after {
  content: "\e619"; }

.icon--calendar:before, .icon--calendar:after {
  content: "\e604"; }

.icon--settings:before, .icon--settings:after {
  content: "\e624"; }

.icon--user:before, .icon--user:after {
  content: "\e626"; }

.icon--users:before, .icon--users:after {
  content: "\e627"; }

.icon--globe:before, .icon--globe:after {
  content: "\e616"; }

.icon--arrow-left:before, .icon--arrow-left:after {
  content: "\e601"; }

.icon--arrow-right:before, .icon--arrow-right:after {
  content: "\e602"; }

.icon--play-circle:before, .icon--play-circle:after {
  content: "\e61e"; }

.icon--warning:before, .icon--warning:after {
  content: "\e629"; }

.icon--bullet:before, .list--bullet > li:before, .icon--bullet:after, .list--bullet > li:after {
  content: "\e603"; }

.icon--shopping-cart:before, .icon--shopping-cart:after {
  content: "\e62a"; }

.icon--server:before, .icon--server:after {
  content: "\e900"; }

.icon--more-actions-horizontal:before, .icon--more-actions-horizontal:after {
  content: "\e906"; }

.icon--more-actions-vertical:before, .icon--more-actions-vertical:after {
  content: "\e907"; }

.icon--alert-silence:before, .icon--alert-silence:after {
  content: "\e908"; }

.icon--maintenance:before, .icon--maintenance:after {
  content: "\e909"; }

.icon--print:before, .icon--print:after {
  content: "\e90a"; }

.icon--hide:before, .icon--hide:after {
  content: "\e90b"; }

.icon--warning-octagon:before, .icon--warning-octagon:after {
  content: "\e90c"; }

.icon--tag:before, .icon--tag:after {
  content: "\e90d"; }

.icon--flag:before, .icon--flag:after {
  content: "\e901"; }

.icon--minimize:before, .icon--minimize:after {
  content: "\e90e"; }

.icon--expand:before, .icon--expand:after {
  content: "\e90f"; }

.icon--import:before, .icon--import:after {
  content: "\e910"; }

.icon--export:before, .icon--export:after {
  content: "\e911"; }

.icon--zoom-in:before, .icon--zoom-in:after {
  content: "\e912"; }

.icon--zoom-out:before, .icon--zoom-out:after {
  content: "\e913"; }

.icon--show:before, .icon--show:after {
  content: "\e902"; }

.icon--play:before, .icon--play:after {
  content: "\e903"; }

.icon--copydoc:before, .icon--copydoc:after {
  content: "\e904"; }

.icon--dock:before, .icon--dock:after {
  content: "\e905"; }

.icon--test-data:before, .icon--test-data:after {
  content: "\e914"; }

.icon--add-ons:before, .icon--add-ons:after {
  content: "\e800"; }

.icon--pipeline:before, .icon--pipeline:after {
  content: "\e614"; }

.icon--alert:before, .icon--alert:after {
  content: "\e600"; }

.icon--clear-cross-circle:before, .icon--clear-cross-circle:after {
  content: "\e609"; }

.icon--instance:before, .icon--instance:after {
  content: "\e61a"; }

.icon--database:before, .icon--database:after {
  content: "\e60c"; }

.icon--delete:before, .icon--delete:after {
  content: "\e60d"; }

.icon--edit:before, .icon--edit:after {
  content: "\e610"; }

.icon--filter:before, .icon--filter:after {
  content: "\e613"; }

.icon--folder-open:before, .icon--folder-open:after {
  content: "\e62c"; }

.icon--folder:before, .icon--folder:after {
  content: "\e615"; }

.icon--history:before, .icon--history:after {
  content: "\e618"; }

.icon--message-tick:before, .icon--message-tick:after {
  content: "\e61b"; }

.icon--refresh:before, .icon--refresh:after {
  content: "\e621"; }

.icon--save:before, .icon--save:after {
  content: "\e622"; }

.icon--search:before, .header--primary .header--primary__search-form [type="submit"]:before, .header--primary .header--primary__search-form a.header--primary__search-button--mobile:before, .icon--search:after, .header--primary .header--primary__search-form [type="submit"]:after, .header--primary .header--primary__search-form a.header--primary__search-button--mobile:after {
  content: "\e623"; }

.icon--help-circle:before, .icon--help-circle:after {
  content: "\e617"; }

.icon--approved:before, .icon--approved:after {
  content: "\e919"; }

.icon--award:before, .icon--award:after {
  content: "\e918"; }

.icon--clock:before, .icon--clock:after {
  content: "\e916"; }

.icon--map_pin:before, .icon--map_pin:after {
  content: "\e915"; }

.icon--rss:before, .icon--rss:after {
  content: "\e917"; }

.icon--tick-circle:before, .icon--tick-circle:after {
  content: "\e91d"; }

.icon--lightbulb:before, .icon--lightbulb:after {
  content: "\e91c"; }

.icon--lock:before, .icon--lock:after {
  content: "\e92b"; }

.icon--stop:before, .icon--stop:after {
  content: "\e92a"; }

.icon--large-tiles:before, .icon--large-tiles:after {
  content: "\e92c"; }

.icon--small-tiles:before, .icon--small-tiles:after {
  content: "\e92d"; }

.icon--table-expand-small:before, .icon--table-expand-small:after {
  content: "\e92e"; }

.icon--table-expand-medium:before, .icon--table-expand-medium:after {
  content: "\e92f"; }

.icon--table-expand-large:before, .icon--table-expand-large:after {
  content: "\e930"; }

.icon--target:before, .icon--target:after {
  content: "\e931"; }

/**
  * Product icons
  */
.icon--dlm-dashboard:before, .icon--dlm-dashboard:after {
  content: "\e91e"; }

.icon--dlm-automation:before, .icon--dlm-automation:after {
  content: "\e929"; }

.icon--sql-backup:before, .icon--sql-backup:after {
  content: "\e928"; }

.icon--sql-compare:before, .icon--sql-compare:after {
  content: "\e91b"; }

.icon--sql-comparison-sdk:before, .icon--sql-comparison-sdk:after {
  content: "\e927"; }

.icon--sql-data-compare:before, .icon--sql-data-compare:after {
  content: "\e91f"; }

.icon--data-masker:before, .icon--data-masker:after {
  content: "\e923"; }

.icon--sql-dependency-tracker:before, .icon--sql-dependency-tracker:after {
  content: "\e926"; }

.icon--sql-doc:before, .icon--sql-doc:after {
  content: "\e920"; }

.icon--sql-monitor:before, .icon--sql-monitor:after {
  content: "\e921"; }

.icon--sql-search:before, .icon--sql-search:after {
  content: "\e922"; }

.icon--sql-source-control:before, .icon--sql-source-control:after {
  content: "\e93a"; }

.icon--sql-test:before, .icon--sql-test:after {
  content: "\e924"; }

.icon--sql-toolbelt:before, .icon--sql-toolbelt:after {
  content: "\e925"; }

.icon--data-platform-studio:before, .icon--data-platform-studio:after {
  content: "\e925"; }

.icon--sql-scripts-manager:before, .icon--sql-scripts-manager:after {
  content: "\e932"; }

.icon--readyroll:before, .icon--readyroll:after {
  content: "\e933"; }

.icon--sql-multi-script:before, .icon--sql-multi-script:after {
  content: "\e934"; }

.icon--sql-index-manager:before, .icon--sql-index-manager:after {
  content: "\e935"; }

.icon--sql-code-guard:before, .icon--sql-code-guard:after {
  content: "\e936"; }

.icon--sql-clone:before, .icon--sql-clone:after {
  content: "\e937"; }

.icon--sql-data-generator:before, .icon--sql-data-generator:after {
  content: "\e938"; }

.icon--sql-prompt:before, .icon--sql-prompt:after {
  content: "\e939"; }

.icon--sql-estate-manager:before, .icon--sql-estate-manager:after {
  content: "\e93c"; }

.icon--sql-change-automation:before, .icon--sql-change-automation:after {
  content: "\e93b"; }

.icon--sql-provision:before, .icon--sql-provision:after {
  content: "\e925"; }

.icon--home:before, .icon--home:after {
  content: "\e93d"; }

.icon--sort-arrows:before, .icon--sort-arrows:after {
  content: "\e93e"; }

.icon--processes:before, .icon--processes:after {
  content: "\e93f"; }

.icon--arrow-drop-up:before, .icon--arrow-drop-up:after {
  content: "\e940"; }

.icon--arrow-drop-down:before, .icon--arrow-drop-down:after {
  content: "\e941"; }

.icon--arrow-right-link:before, .icon--arrow-right-link:after {
  content: "\e942"; }

.icon--arrow-left-link:before, .icon--arrow-left-link:after {
  content: "\e943"; }

.icon--arrow-up-link:before, .icon--arrow-up-link:after {
  content: "\e944"; }

.icon--arrow-down-link:before, .icon--arrow-down-link:after {
  content: "\e945"; }

.icon--merge-branch:before, .icon--merge-branch:after {
  content: "\e946"; }

.icon--branch:before, .icon--branch:after {
  content: "\e947"; }

.icon--azure:before, .icon--azure:after {
  content: "\e948"; }

.icon--server-cluster:before, .icon--server-cluster:after {
  content: "\e949"; }

.icon--database-image:before, .icon--database-image:after {
  content: "\e94a"; }

.icon--database-clone:before, .icon--database-clone:after {
  content: "\e94b"; }

.icon--blocked:before, .icon--blocked:after {
  content: "\e94c"; }

.icon--availability-group:before, .icon--availability-group:after {
  content: "\e94d"; }

.icon--metrics:before, .icon--metrics:after {
  content: "\e94e"; }

.icon--database-file:before, .icon--database-file:after {
  content: "\e94f"; }

.icon--table:before, .icon--table:after {
  content: "\e950"; }

.icon--column:before, .icon--column:after {
  content: "\e951"; }

.icon--dashboard:before, .icon--dashboard:after {
  content: "\e952"; }

.icon--azure-database:before, .icon--azure-database:after {
  content: "\e954"; }

.icon--arrow-circle:before, .icon--arrow-circle:after {
  content: "\e953"; }

.icon--circle:before, .icon--circle:after {
  content: "\e956"; }

.icon--star-circle:before, .icon--star-circle:after {
  content: "\e955"; }

.icon--script:before, .icon--script:after {
  content: "\e957"; }

.icon--elastic-pool:before, .icon--elastic-pool:after {
  content: "\e958"; }

.icon--schema:before, .icon--schema:after {
  content: "\e959"; }

/*------------------------------------*\
    #GENERIC LIST STYLES
\*------------------------------------*/
.ul--square {
  list-style: square; }

.ul--circle {
  list-style: circle; }

.ul--disc {
  list-style: disc; }

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

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

.list--horizontal,
.nav-bar ul,
.header--secondary ul {
  margin-left: 0px;
  margin-left: 0rem;
  list-style: none; }
  .list--horizontal li,
  .nav-bar ul li,
  .header--secondary ul li {
    display: inline-block; }
    .ie7 .list--horizontal li, .ie7 .nav-bar ul li, .nav-bar .ie7 ul li, .ie7 .header--secondary ul li, .header--secondary .ie7 ul li {
      zoom: 1;
      display: inline; }

.list--no-bullet {
  list-style: none; }

.list--bare,
.list--tick,
.list--tick--large,
.list--chevron,
.list--chevron--large,
.list--chevron-down,
.list--chevron-down--large,
.list--bullet,
.list--plus,
.list--plus--large,
.list--minus,
.list--minus--large {
  margin: 0px;
  margin: 0rem;
  padding: 0px;
  padding: 0rem;
  list-style: none; }

li > .list--bare {
  margin-left: 18px;
  margin-left: 1.28571rem;
  margin-top: 5px; }

.list--padded li {
  padding: 9px;
  padding: 0.64286rem; }

.list--padded.list--horizontal li {
  padding: 0px;
  padding: 0rem;
  padding-left: 9px;
  padding-left: 0.64286rem;
  padding-right: 9px;
  padding-right: 0.64286rem; }
  .list--padded.list--horizontal li:first-child {
    padding-left: 0px;
    padding-left: 0rem; }
  .list--padded.list--horizontal li:last-child {
    padding-right: 0px;
    padding-right: 0rem; }

.list--default li {
  padding: 0px;
  padding: 0rem; }

.list--dividers li {
  border-width: 0;
  border-bottom-width: 1px;
  border-style: solid;
  padding-top: 9px;
  padding-top: 0.64286rem;
  padding-bottom: 9px;
  padding-bottom: 0.64286rem; }
  .list--dividers li:last-child {
    border-bottom-width: 0; }

.list--dividers.list--horizontal li {
  border-bottom-width: 0;
  border-right-width: 1px;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  padding-left: 9px;
  padding-left: 0.64286rem;
  padding-right: 9px;
  padding-right: 0.64286rem; }
  .list--dividers.list--horizontal li:first-child {
    padding-left: 0px;
    padding-left: 0rem; }
  .list--dividers.list--horizontal li:last-child {
    padding-right: 0px;
    padding-right: 0rem;
    border-right-width: 0; }

.list--tick > li, .list--tick--large > li, .list--chevron > li, .list--chevron--large > li, .list--chevron-down > li, .list--chevron-down--large > li, .list--bullet > li, .list--plus > li, .list--plus--large > li, .list--minus > li, .list--minus--large > li {
  padding-left: 28px;
  padding-left: 2rem;
  position: relative; }
  .list--tick > li:before, .list--tick--large > li:before, .list--chevron > li:before, .list--chevron--large > li:before, .list--chevron-down > li:before, .list--chevron-down--large > li:before, .list--bullet > li:before, .list--plus > li:before, .list--plus--large > li:before, .list--minus > li:before, .list--minus--large > li:before {
    position: absolute;
    left: 0;
    line-height: inherit;
    color: #3c85df; }

.list--tick--large > li, .list--chevron--large > li, .list--chevron-down--large > li, .list--plus--large > li, .list--minus--large > li {
  padding-left: 35px;
  padding-left: 2.5rem; }
  .list--tick--large > li:before, .list--chevron--large > li:before, .list--chevron-down--large > li:before, .list--plus--large > li:before, .list--minus--large > li:before {
    font-size: 175%; }

/**
 * Tick list
 *
*/
.list--tick > li:before, .list--tick--large > li:before {
  color: #1aac1e; }

.list--tick--large > .list--bullet {
  color: red; }

/**
 * Chevron list
 *
*/
/**
 * Chevron down list
 *
*/
/**
 * bullet list
 *
*/
/**
 * Plus '+' list
 *
*/
/**
 * Minus '-' list
 *
*/
.nav-bar ul {
  margin-bottom: 0px;
  margin-bottom: 0rem;
  display: inline-block; }
  .nav-bar ul li {
    margin-bottom: 0px;
    margin-bottom: 0rem;
    margin-left: -4px;
    vertical-align: middle; }

.nav-bar--center ul {
  margin-left: auto;
  margin-right: auto; }

.nav-bar a {
  padding: 18px;
  padding: 1.28571rem;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  font-weight: 500;
  display: block;
  text-align: center; }

.nav-bar ul a span {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 22px;
  display: block; }

.nav-bar .active a {
  font-weight: bold; }

.nav-bar .button {
  margin-bottom: 0px;
  margin-bottom: 0rem;
  margin-left: 9px;
  margin-left: 0.64286rem; }

.nav-bar__heading {
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 70px;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
  margin-right: 18px;
  margin-right: 1.28571rem;
  float: left; }
  .nav-bar__heading a, .nav-bar__heading a:hover {
    padding: 0px;
    padding: 0rem;
    margin: 0px;
    margin: 0rem;
    border: none; }

.nav-bar__icon {
  height: 70px; }

.nav-bar__menu-button {
  padding: 0px;
  padding: 0rem;
  height: 70px; }
  .nav-bar__menu-button[class*="icon--"]:before {
    margin-right: 0px;
    margin-right: 0rem; }

.nav-bar--has-captions ul a {
  padding-top: 9px;
  padding-top: 0.64286rem;
  padding-bottom: 9px;
  padding-bottom: 0.64286rem;
  line-height: 24px; }

.nav-bar--has-captions .nav-bar__icon {
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  line-height: 70px;
  border: none; }

.nav-bar--has-captions .nav-bar__menu-button {
  padding: 18px;
  padding: 1.28571rem; }

@media only screen and (max-width: 950px) {
  .nav-bar--scrolling {
    float: none !important;
    position: relative;
    overflow: hidden; }
    .nav-bar--scrolling ul {
      overflow: scroll;
      white-space: nowrap;
      max-width: 100%;
      /* left/right-hand side fades */ }
      .nav-bar--scrolling ul:after, .nav-bar--scrolling ul:before {
        content: "";
        display: inline-block;
        position: absolute;
        height: 100%;
        width: 5%; }
      .nav-bar--scrolling ul:after {
        right: -5%;
        box-shadow: -13px 0px 20px 5px #fff; }
      .nav-bar--scrolling ul.scrolling:before {
        left: -5%;
        box-shadow: 13px 0px 20px 5px #fff; }
      .nav-bar--scrolling ul li {
        margin-left: 0px;
        margin-left: 0rem;
        margin-right: 18px;
        margin-right: 1.28571rem;
        margin-top: 18px;
        margin-top: 1.28571rem;
        margin-bottom: 5px;
        display: inline-block; }
        .nav-bar--scrolling ul li a {
          padding: 5px; }
      .nav-bar--scrolling ul.js-dropdown {
        position: static; }
        .nav-bar--scrolling ul.js-dropdown > li {
          vertical-align: top; }
        .nav-bar--scrolling ul.js-dropdown .js-dropdown {
          padding-right: 20px; }
          .nav-bar--scrolling ul.js-dropdown .js-dropdown.open ul {
            position: relative;
            max-height: 300px; } }
          @media only screen and (max-width: 950px) and (max-width: 600px) {
            .nav-bar--scrolling ul.js-dropdown .js-dropdown.open ul {
              max-height: auto; } }

@media only screen and (max-width: 950px) {
            .nav-bar--scrolling ul.js-dropdown .js-dropdown.open ul:after {
              display: none; }
            .nav-bar--scrolling ul.js-dropdown .js-dropdown.open ul li {
              display: block; } }

.nav-bar {
  background-color: #f2f2f2; }
  .nav-bar a {
    border-bottom-color: transparent;
    color: #767676; }
    .nav-bar a:hover {
      color: #373737;
      background-color: #ebebeb; }
  .nav-bar .active a {
    background-color: transparent;
    border-bottom-color: #cc0000;
    color: #373737; }
  .nav-bar .nav-bar__heading a, .nav-bar .nav-bar__heading a:hover {
    color: #767676;
    background-color: transparent; }
  .nav-bar .nav-bar__icon {
    background-color: #ebebeb; }
    .nav-bar .nav-bar__icon:hover {
      background-color: #ebebeb; }
  .nav-bar .nav-bar__menu-button {
    color: #ffffff;
    background-color: #336dc2; }
    .nav-bar .nav-bar__menu-button:hover {
      color: #ffffff;
      background-color: #2a5e9d; }

.nav-bar--light {
  border-bottom: 1px solid #ebebeb;
  background-color: transparent; }
  .nav-bar--light a {
    border-bottom-color: transparent;
    color: #767676; }
    .nav-bar--light a:hover {
      color: #373737;
      background-color: #ebebeb; }
  .nav-bar--light .active a {
    background-color: transparent;
    border-bottom-color: #cc0000;
    color: #373737; }
  .nav-bar--light .nav-bar__heading a, .nav-bar--light .nav-bar__heading a:hover {
    color: #767676;
    background-color: transparent; }
  .nav-bar--light .nav-bar__icon {
    background-color: #f2f2f2; }
    .nav-bar--light .nav-bar__icon:hover {
      background-color: #ebebeb; }
  .nav-bar--light .nav-bar__menu-button {
    color: #ffffff;
    background-color: #336dc2; }
    .nav-bar--light .nav-bar__menu-button:hover {
      color: #ffffff;
      background-color: #2a5e9d; }

.nav-bar--dark {
  background-color: #000000; }
  .nav-bar--dark a {
    border-bottom-color: transparent;
    color: #ffffff; }
    .nav-bar--dark a:hover {
      color: #ffffff;
      background-color: #222222; }
  .nav-bar--dark .active a {
    background-color: #ffffff;
    border-bottom-color: #ffffff;
    color: #373737; }
    .nav-bar--dark .active a span {
      color: #cc0000; }
  .nav-bar--dark .nav-bar__heading a, .nav-bar--dark .nav-bar__heading a:hover {
    color: #ffffff;
    background-color: transparent; }
  .nav-bar--dark .nav-bar__icon {
    background-color: #222222; }
    .nav-bar--dark .nav-bar__icon:hover {
      background-color: #222222; }
  .nav-bar--dark .nav-bar__menu-button {
    color: #ffffff;
    background-color: #336dc2; }
    .nav-bar--dark .nav-bar__menu-button:hover {
      color: #ffffff;
      background-color: #2a5e9d; }

nav.breadcrumbs {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 22px;
  padding-bottom: 18px;
  padding-bottom: 1.28571rem; }
  nav.breadcrumbs ul {
    margin-left: 0px;
    margin-left: 0rem;
    margin-bottom: 0px;
    margin-bottom: 0rem; }
  nav.breadcrumbs li {
    display: inline; }
  nav.breadcrumbs a {
    margin-right: 18px;
    margin-right: 1.28571rem;
    font-weight: bold;
    color: inherit;
    border-bottom-color: transparent;
    /* hide bottom border but keep it solid so it can transition smoothly */
    border-bottom: none; }
    nav.breadcrumbs a:after {
      padding-left: 18px;
      padding-left: 1.28571rem;
      content: "\e607";
      font-family: "Redgate";
      color: #cc0000;
      font-weight: normal; }
    nav.breadcrumbs a:hover {
      opacity: 0.7; }

/*------------------------------------*\
    #BURGER
\*------------------------------------*/
/**
 * Styles for burger menu  link.
 * Initially this is just used on the Honeycomb documentation site.
*/
.nav--drawer__open {
  position: fixed;
  top: 0;
  z-index: 10;
  color: #ffffff;
  background-color: #222222;
  border: none; }
  .nav--drawer__open:before {
    display: block;
    content: "\e60c";
    font-family: "Redgate"; }

/* PRIMARY NAVIGATION */
.header--primary {
  position: relative;
  z-index: 20;
  min-height: 70px;
  line-height: 65px;
  overflow: visible;
  transition: all 0.5s; }
  .header--primary ul, .header--primary ul li {
    margin: 0px;
    margin: 0rem;
    display: inline-block; }
  .header--primary a {
    padding-left: 9px;
    padding-left: 0.64286rem;
    padding-right: 9px;
    padding-right: 0.64286rem;
    display: inline-block;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: transparent; }
    .header--primary a.active {
      border-bottom-color: #3c85df;
      font-weight: bold; }
    .header--primary a.header--primary__icon:not(.header--primary__menu-button) {
      padding-left: 18px;
      padding-left: 1.28571rem;
      padding-right: 18px;
      padding-right: 1.28571rem; }
  .header--primary .header--primary__app-logo-container,
  .header--primary .header--primary__app-name-container {
    padding-left: 18px;
    padding-left: 1.28571rem;
    padding-right: 18px;
    padding-right: 1.28571rem;
    font-size: 21px;
    font-size: 1.5rem;
    line-height: 31px;
    float: left;
    min-height: 70px;
    line-height: 62px;
    color: #ffffff;
    display: inline-block;
    white-space: nowrap; }
  .header--primary .header--primary__app-name-container {
    padding-left: 9px;
    padding-left: 0.64286rem; }
  .header--primary .header--primary__company-logo-container {
    padding-left: 18px;
    padding-left: 1.28571rem;
    padding-right: 18px;
    padding-right: 1.28571rem; }
  .header--primary .header--primary__app-logo-container img, .header--primary .header--primary__app-logo-container svg,
  .header--primary .header--primary__app-name-container img,
  .header--primary .header--primary__app-name-container svg,
  .header--primary .header--primary__company-logo-container img,
  .header--primary .header--primary__company-logo-container svg {
    vertical-align: middle; }
  .header--primary .header--primary__icon {
    margin-left: -4px; }
    .header--primary .header--primary__icon[class*="icon--"], .header--primary .header--primary__icon [class*="icon--"] {
      font-size: 20px;
      font-size: 1.42857rem;
      display: block; }
      .header--primary .header--primary__icon[class*="icon--"]:before, .header--primary .header--primary__icon [class*="icon--"]:before {
        margin-right: 0px;
        margin-right: 0rem; }
  .header--primary .header--primary__menu-button {
    font-size: 20px;
    font-size: 1.42857rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAMCAQAAAAjMu5zAAAAHklEQVR4AWP4TxIgWbkDKZCBNECi6TT2KmlgKHsVAKataPfM9ZthAAAAAElFTkSuQmCC);
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    word-break: normal; }
    .header--primary .header--primary__menu-button, .header--primary .header--primary__menu-button:hover {
      color: transparent; }
    .header--primary .header--primary__menu-button:after {
      content: "M"; }
    .svg .header--primary .header--primary__menu-button {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDIzIDEyIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDBoMjN2MmgtMjN6bTAgMTBoMjN2MmgtMjN6bTAtNWgyM3YyaC0yM3oiLz48L3N2Zz4=); }
    .mobile-nav--open .header--primary .header--primary__menu-button {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAATUlEQVR4AWMAgf8CDKgAIfo/4f/7/wYYUgb/3wPlgVL/YdIIKZAonIGQRoiAOQhpdB6aNKoUujSmFEIaJkVAkoCxeB2E1yt4AoFA8AEAkwG08DxHBTYAAAAASUVORK5CYII=); }
      .svg .mobile-nav--open .header--primary .header--primary__menu-button {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC4xIiBoZWlnaHQ9IjE0LjEiIHZpZXdCb3g9IjAgMCAxNC4xIDE0LjEiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTS4wNDEgMS40MTRsMS40MTQtMS40MTQgMTIuNzI4IDEyLjcyOC0xLjQxNCAxLjQxNHptMS4zNzMgMTIuNjg3bC0xLjQxNC0xLjQxNCAxMi43MjgtMTIuNzI4IDEuNDE0IDEuNDE0eiIvPjwvc3ZnPg==); }
  .header--primary .dropdown ul li {
    line-height: initial; }
  .header--primary .dropdown ul a {
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px; }
  .header--primary .dropdown .arrow {
    padding: 0px;
    padding: 0rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .header--primary .header--primary__strapline {
    margin-bottom: 0px;
    margin-bottom: 0rem;
    display: inline-block; }
  .header--primary .header--primary__search-form {
    display: inline-block;
    position: relative; }
    .header--primary .header--primary__search-form [type="search"], .header--primary .header--primary__search-form [type="text"] {
      margin: 0px;
      margin: 0rem;
      margin-left: 18px;
      margin-left: 1.28571rem;
      padding: 0px;
      padding: 0rem;
      padding-left: 18px;
      padding-left: 1.28571rem;
      padding-right: 18px;
      padding-right: 1.28571rem;
      display: inline-block;
      box-sizing: border-box;
      line-height: 65px;
      height: 70px;
      width: 210px;
      border: none;
      border-bottom-width: 5px;
      border-bottom-style: solid;
      border-bottom-color: transparent;
      border-radius: 0; }
    .header--primary .header--primary__search-form [type="submit"], .header--primary .header--primary__search-form a.header--primary__search-button--mobile {
      font-size: 0px;
      font-size: 0rem;
      line-height: 0;
      margin-right: 9px;
      margin-right: 0.64286rem;
      padding-left: 18px;
      padding-left: 1.28571rem;
      padding-right: 18px;
      padding-right: 1.28571rem;
      background: none;
      border: none;
      display: inline-block;
      position: relative;
      top: -5px;
      height: 40px; }
      .header--primary .header--primary__search-form [type="submit"]:before, .header--primary .header--primary__search-form a.header--primary__search-button--mobile:before {
        font-size: 30px;
        font-size: 2.14286rem;
        line-height: 0;
        margin: 0px;
        margin: 0rem; }
    .header--primary .header--primary__search-form [type="submit"] {
      margin: 0px;
      margin: 0rem;
      margin-left: -4px;
      height: 70px; }
    .header--primary .header--primary__search-form a.header--primary__search-button--mobile {
      position: relative; }
  .header--primary .header--primary__container {
    transition: all 0.5s;
    overflow: hidden;
    height: 70px; }
  .header--primary.dropdown--open .header--primary__container {
    overflow: visible; }
  .header--primary.js-header-primary-collapse {
    position: relative; }
    .header--primary.js-header-primary-collapse .header--primary__menu--mobile {
      position: absolute;
      left: 0;
      top: 70px;
      width: 100%; }
  .header--primary--collapsed {
    min-height: 0; }
    .header--primary--collapsed .header--primary__container {
      height: 0;
      overflow: hidden; }

.header--primary .header--primary__menu--mobile {
  padding-top: 18px;
  padding-top: 1.28571rem;
  padding-bottom: 18px;
  padding-bottom: 1.28571rem;
  display: none;
  line-height: normal; }
  .mobile-nav--open .header--primary .header--primary__menu--mobile {
    display: block; }
  .header--primary .header--primary__menu--mobile ul, .header--primary .header--primary__menu--mobile li {
    padding-top: 0px;
    padding-top: 0rem;
    padding-bottom: 0px;
    padding-bottom: 0rem;
    display: block;
    position: relative;
    left: 0; }
  .header--primary .header--primary__menu--mobile a {
    padding-top: 9px;
    padding-top: 0.64286rem;
    padding-bottom: 9px;
    padding-bottom: 0.64286rem;
    padding-left: 18px;
    padding-left: 1.28571rem;
    padding-right: 18px;
    padding-right: 1.28571rem;
    display: block; }
  .header--primary .header--primary__menu--mobile li li a {
    padding-left: 35px;
    padding-left: 2.5rem; }
  .header--primary .header--primary__menu--mobile li li li a {
    padding-left: 53px;
    padding-left: 3.78571rem; }
  .header--primary .header--primary__menu--mobile li li li li a {
    padding-left: 70px;
    padding-left: 5rem; }
  .header--primary .header--primary__menu--mobile .dropdown ul a {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 26px; }
  .header--primary .header--primary__menu--mobile .arrow {
    padding-left: 18px;
    padding-left: 1.28571rem;
    padding-right: 18px;
    padding-right: 1.28571rem;
    top: 13px;
    -webkit-transform: initial;
            transform: initial; }

.header--primary {
  background-color: #373737; }
  .header--primary a {
    color: #b6b6b6; }
    .header--primary a:hover {
      color: #ffffff; }
    .header--primary a.active {
      background-color: #373737;
      color: #ffffff; }
  .header--primary .header--primary__app-logo-container {
    background-color: #cc0000; }
  .header--primary .header--primary__app-logo-container--transparent {
    background-color: transparent; }
  .header--primary .dropdown ul,
  .header--primary .header--primary__menu-button,
  .header--primary .header--primary__menu--mobile {
    background-color: #222222; }
  .header--primary .header--primary__icon, .header--primary .header--primary__icon.active {
    background-color: #222222; }
  .header--primary .header--primary__menu--mobile .active {
    background-color: transparent;
    border-bottom-color: transparent; }
  .header--primary .header--primary__strapline {
    color: #dcdcdc; }
  .header--primary .header--primary__search-form [type="search"], .header--primary .header--primary__search-form [type="text"] {
    background-color: #222222;
    color: #ffffff; }
  .header--primary .header--primary__search-form [type="submit"] {
    background-color: #222222; }
    .header--primary .header--primary__search-form [type="submit"]:before {
      color: #ffffff; }
  .header--primary a.header--primary__search-button--mobile {
    color: #ffffff; }

.header--primary--light {
  background-color: #f2f2f2; }
  .header--primary--light a, .header--primary--light a:hover {
    color: #373737; }
  .header--primary--light a.active {
    color: #373737;
    background-color: transparent; }
  .header--primary--light .header--primary__app-logo-container {
    background-color: #f2f2f2;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #dcdcdc; }
  .header--primary--light .header--primary__app-logo-container--transparent {
    background-color: transparent;
    border-right: none; }
  .header--primary--light .dropdown ul,
  .header--primary--light .header--primary__menu-button,
  .header--primary--light .header--primary__menu--mobile {
    background-color: #dcdcdc; }
  .header--primary--light .header--primary__icon, .header--primary--light .header--primary__icon.active {
    background-color: #dcdcdc; }
  .header--primary--light .header--primary__menu--mobile .active {
    background-color: transparent;
    border-bottom-color: transparent; }
  .header--primary--light .header--primary__strapline {
    color: #373737; }
  .header--primary--light .header--primary__search-form [type="search"], .header--primary--light .header--primary__search-form [type="text"] {
    background-color: #ebebeb;
    color: #373737; }
  .header--primary--light .header--primary__search-form [type="submit"]:before {
    color: #ffffff; }
  .header--primary--light a.header--primary__search-button--mobile {
    color: #ffffff; }

/* SECONDARY NAVIGATION */
.header--secondary {
  background-color: #ffffff;
  border-bottom: 4px solid #ebebeb;
  overflow: visible; }
  .header--secondary .band__inner-container {
    padding: 0px;
    padding: 0rem;
    position: relative; }
  .header--secondary .section {
    margin: 0px;
    margin: 0rem;
    margin-top: 9px;
    margin-top: 0.64286rem;
    margin-right: 18px;
    margin-right: 1.28571rem;
    font-size: 24px;
    font-size: 1.71429rem;
    line-height: 34px;
    float: left; }
    .header--secondary .section img {
      margin-right: 9px;
      margin-right: 0.64286rem; }
  .header--secondary ul {
    float: left; }
    .header--secondary ul.right {
      float: right; }
    .header--secondary ul, .header--secondary ul li {
      margin-bottom: 0px;
      margin-bottom: 0rem; }
    .header--secondary ul a {
      margin: 0px;
      margin: 0rem;
      padding: 18px;
      padding: 1.28571rem;
      padding-top: 9px;
      padding-top: 0.64286rem;
      padding-bottom: 18px;
      padding-bottom: 1.28571rem;
      font-size: 13px;
      font-size: 0.92857rem;
      line-height: 23px;
      color: #373737;
      display: block;
      border-bottom-color: transparent;
      border-bottom-width: 4px;
      text-transform: uppercase;
      position: relative;
      top: 4px; }
      .header--secondary ul a.active {
        border-bottom-color: #3c85df;
        border-bottom-style: solid;
        font-weight: bold; }
  .header--secondary .button {
    margin-left: 9px;
    margin-left: 0.64286rem; }
  @media only screen and (max-width: 950px) {
    .header--secondary {
      border-bottom: none; }
      .header--secondary ul {
        width: 100%; }
        .header--secondary ul li {
          display: block;
          border-bottom: 4px solid #ebebeb; } }

/*------------------------------------*\
    #DROPDOWN NAVIGATION
\*------------------------------------*/
.dropdown {
  position: relative; }
  .dropdown ul {
    padding-top: 9px;
    padding-top: 0.64286rem;
    padding-bottom: 9px;
    padding-bottom: 0.64286rem;
    display: block;
    position: absolute;
    top: 100%;
    left: -1rem;
    z-index: 10;
    min-width: 12.85714rem; }
    .dropdown ul li {
      position: relative;
      display: block;
      width: 100%; }
    .dropdown ul a {
      padding-left: 28px;
      padding-left: 2rem;
      padding-right: 28px;
      padding-right: 2rem;
      padding-bottom: 4px;
      padding-bottom: 0.28571rem;
      padding-top: 4px;
      padding-top: 0.28571rem;
      display: block; }
  .dropdown > a {
    padding-right: 28px;
    padding-right: 2rem; }
  .dropdown.closed > ul {
    display: none; }
  .dropdown .arrow {
    display: block;
    position: absolute;
    top: 0;
    right: 0.5rem;
    width: 16px;
    height: 18px; }
    .dropdown .arrow:before {
      font-size: 20px;
      font-size: 1.42857rem;
      line-height: 30px;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      font-family: "Redgate"; }
  .dropdown.open .arrow:before {
    content: "\e608"; }
  .dropdown.closed .arrow:before {
    content: "\e605"; }

/*------------------------------------*\
    #PAGINATION
\*------------------------------------*/
.pagination {
  padding: 9px;
  padding: 0.64286rem;
  padding-left: 0px;
  padding-left: 0rem;
  padding-right: 0px;
  padding-right: 0rem;
  clear: both;
  /**
     * For modern browsers
     * 1. The space content is one way to avoid an Opera bug when the
     *    contenteditable attribute is included anywhere else in the document.
     *    Otherwise it causes space to appear at the top and bottom of elements
     *    that are clearfixed.
     * 2. The use of `table` rather than `block` is only necessary if using
     *    `:before` to contain the top-margins of child elements.
     */
  /**
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
  float: left;
  width: 100%; }
  .pagination:before, .pagination:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .pagination:after {
    clear: both; }
  .pagination {
    *zoom: 1; }

.pagination__prev:before,
.pagination__next:after {
  font-family: "Redgate";
  vertical-align: top; }

.pagination__prev {
  border: none;
  float: left;
  font-weight: bold;
  text-align: left; }
  .pagination__prev:before {
    content: "\e606";
    margin-right: 9px;
    margin-right: 0.64286rem; }

.pagination__next {
  border: none;
  float: right;
  font-weight: bold;
  text-align: right; }
  .pagination__next:after {
    content: "\e607";
    margin-left: 9px;
    margin-left: 0.64286rem; }

.pagination__index {
  margin: 0 auto;
  list-style: none;
  text-align: center; }
  .pagination__index li {
    padding-left: 9px;
    padding-left: 0.64286rem;
    padding-right: 9px;
    padding-right: 0.64286rem;
    display: inline-block; }
    .ie7 .pagination__index li {
      zoom: 1;
      display: inline; }
  .pagination__index a {
    border: none;
    font-weight: bold; }

.step-indicators {
  margin: 0px;
  margin: 0rem;
  margin-bottom: 18px;
  margin-bottom: 1.28571rem;
  padding: 0px;
  padding: 0rem;
  font-size: 14px;
  font-size: 1rem;
  line-height: 24px;
  list-style: none;
  text-transform: uppercase; }
  .step-indicators, .step-indicators a {
    color: #767676; }
  .step-indicators li {
    margin: 0px;
    margin: 0rem;
    margin-right: 42px;
    margin-right: 3rem;
    display: inline-block;
    position: relative; }
    .step-indicators li:after {
      font-size: 24px;
      font-size: 1.71429rem;
      content: '\e607';
      font-family: 'Redgate';
      position: absolute;
      right: -38px;
      color: #767676; }
    .step-indicators li:last-child:after {
      display: none; }
  .step-indicators--no-arrows li {
    margin-right: 21px;
    margin-right: 1.5rem; }
    .step-indicators--no-arrows li:after {
      display: none; }
  .step-indicators--active {
    padding-left: 9px;
    padding-left: 0.64286rem;
    padding-right: 9px;
    padding-right: 0.64286rem;
    padding-top: 4px;
    padding-top: 0.28571rem;
    padding-bottom: 4px;
    padding-bottom: 0.28571rem;
    background-color: #336dc2;
    border-radius: 100px; }
    .step-indicators--active, .step-indicators--active a {
      color: #ffffff; }

/*------------------------------------*\
	#VERTICAL NAVIGATION
\*------------------------------------*/
.nav--vertical ul, .nav--vertical li {
  margin: 0px;
  margin: 0rem;
  list-style: none;
  position: relative; }

.nav--vertical ul ul {
  display: none; }

.nav--vertical a {
  padding: 9px;
  padding: 0.64286rem;
  padding-left: 28px;
  padding-left: 2rem;
  padding-right: 28px;
  padding-right: 2rem;
  font-size: 14px;
  font-size: 1rem;
  line-height: 20px;
  display: block;
  position: relative;
  border-left-width: 4px;
  border-left-style: solid;
  border-left-color: transparent;
  border-right-width: 4px;
  border-right-style: solid;
  border-right-color: transparent;
  cursor: pointer; }

.nav--vertical.nav--vertical--right {
  text-align: right; }
  .nav--vertical.nav--vertical--right > ul > li > a:before {
    left: auto;
    right: 18px; }
  .nav--vertical.nav--vertical--right a {
    padding-right: 53px;
    padding-right: 3.78571rem; }
  .nav--vertical.nav--vertical--right li li li a {
    padding-right: 70px;
    padding-right: 5rem; }

.nav--vertical .nav--vertical__active > ul, .nav--vertical .nav--vertical__active-parent > ul {
  display: block; }

.nav--vertical .nav--vertical__active > a, .nav--vertical .nav--vertical__active-parent > a {
  font-weight: bold; }

.nav--vertical li li li a {
  padding-left: 53px;
  padding-left: 3.78571rem; }

.nav--vertical > ul > li > a {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 28px; }

.nav--vertical.nav--vertical--has-icons .nav--vertical__collapse {
  display: block; }

.nav--vertical.nav--vertical--has-icons.nav--vertical--collapsed {
  overflow: hidden;
  width: 52px; }
  .nav--vertical.nav--vertical--has-icons.nav--vertical--collapsed > ul {
    width: 9999px; }
    .nav--vertical.nav--vertical--has-icons.nav--vertical--collapsed > ul ul {
      display: none; }
  .nav--vertical.nav--vertical--has-icons.nav--vertical--collapsed .nav--vertical__collapse__icon {
    margin-left: 15px;
    left: 0;
    right: auto; }

.nav--vertical.nav--vertical--has-icons > ul > li > a {
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 15px 50%; }
  .nav--vertical.nav--vertical--has-icons > ul > li > a:before {
    position: absolute;
    left: 14px;
    z-index: 1; }

.nav--vertical.nav--vertical--has-icons a {
  padding-left: 42px;
  padding-left: 3rem; }

.nav--vertical.nav--vertical--has-icons li li li a {
  padding-left: 70px;
  padding-left: 5rem; }

.nav--vertical .nav--vertical__toggle {
  font-size: 14px;
  font-size: 1rem;
  line-height: 24px;
  margin-right: 18px;
  margin-right: 1.28571rem;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.nav--vertical .nav--vertical__toggle:before,
.nav--vertical .nav--vertical__active > a > .nav--vertical__toggle:before {
  margin-right: 0px;
  margin-right: 0rem; }

.nav--vertical .nav--vertical__collapse {
  display: none;
  position: relative; }
  .nav--vertical .nav--vertical__collapse a, .nav--vertical .nav--vertical__collapse a:hover {
    color: transparent;
    border-left-color: transparent; }
  .nav--vertical .nav--vertical__collapse .nav--vertical__collapse__icon {
    margin-right: 18px;
    margin-right: 1.28571rem;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .nav--vertical .nav--vertical__collapse .nav--vertical__collapse__icon:before {
      margin-right: 0px;
      margin-right: 0rem; }

.nav--vertical {
  background-color: #ffffff; }
  .nav--vertical a {
    color: #373737; }
    .nav--vertical a:hover {
      background-color: #ebebeb;
      color: #336dc2;
      border-left-color: #336dc2; }
  .nav--vertical .nav--vertical__active > a, .nav--vertical .nav--vertical__active > a:hover {
    background-color: #336dc2;
    color: #ffffff;
    border-left-color: #336dc2; }
  .nav--vertical .nav--vertical__active-parent > a {
    background-color: #ebebeb;
    color: #336dc2;
    border-left-color: #336dc2; }
  .nav--vertical .nav--vertical__active-parent .nav--vertical__active-parent {
    background-color: #dcdcdc; }
    .nav--vertical .nav--vertical__active-parent .nav--vertical__active-parent > a {
      background-color: transparent; }
  .nav--vertical ul {
    background-color: #f2f2f2; }
    .nav--vertical ul ul {
      background-color: #ebebeb; }
      .nav--vertical ul ul ul {
        background-color: #dcdcdc; }
  .nav--vertical .nav--vertical__collapse__icon {
    color: #336dc2; }
  .nav--vertical.nav--vertical--right a:hover {
    border-left-color: transparent;
    border-right-color: #336dc2; }
  .nav--vertical.nav--vertical--right .nav--vertical__active > a, .nav--vertical.nav--vertical--right .nav--vertical__active > a:hover {
    border-left-color: transparent;
    border-right-color: #336dc2; }
  .nav--vertical.nav--vertical--right .nav--vertical__active-parent > a {
    border-left-color: transparent;
    border-right-color: #336dc2; }

.nav--vertical--dark {
  background-color: #373737; }
  .nav--vertical--dark a {
    color: #dcdcdc; }
    .nav--vertical--dark a:hover {
      background-color: #000000;
      color: #ffffff;
      border-left-color: #ffffff; }
  .nav--vertical--dark .nav--vertical__active > a, .nav--vertical--dark .nav--vertical__active > a:hover {
    background-color: #336dc2;
    color: #ffffff;
    border-left-color: #336dc2; }
  .nav--vertical--dark .nav--vertical__active-parent > a, .nav--vertical--dark .nav--vertical__active-parent .nav--vertical__active-parent {
    background-color: #000000;
    color: #ffffff;
    border-left-color: #ffffff; }
  .nav--vertical--dark ul {
    background-color: #222222; }
    .nav--vertical--dark ul ul {
      background-color: #333333; }
      .nav--vertical--dark ul ul ul {
        background-color: #373737; }
  .nav--vertical--dark .nav--vertical__collapse__icon {
    color: #ffffff; }
  .nav--vertical--dark.nav--vertical--right a:hover {
    border-left-color: transparent;
    border-right-color: #ffffff; }
  .nav--vertical--dark.nav--vertical--right .nav--vertical__active > a, .nav--vertical--dark.nav--vertical--right .nav--vertical__active > a:hover {
    border-left-color: transparent;
    border-right-color: #336dc2; }
  .nav--vertical--dark.nav--vertical--right .nav--vertical__active-parent > a {
    border-left-color: transparent;
    border-right-color: #ffffff; }

.nav--vertical--has-icons > ul > li > a:before {
  color: #373737; }

.nav--vertical--has-icons.nav--vertical--dark > ul > li > a:before {
  color: #dcdcdc; }

.nav--vertical.nav--vertical--thin, .nav--vertical.nav--vertical--thin ul, .nav--vertical.nav--vertical--thin li, .nav--vertical.nav--vertical--thin li:hover, .nav--vertical.nav--vertical--thin a, .nav--vertical.nav--vertical--thin a:hover {
  background-color: transparent; }

.nav--vertical.nav--vertical--thin a {
  padding-right: 18px;
  padding-right: 1.28571rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  color: #336dc2;
  border-left-color: #ebebeb; }
  .nav--vertical.nav--vertical--thin a:hover {
    border-left-color: #183559;
    color: #183559; }

.nav--vertical.nav--vertical--thin .nav--vertical__active a {
  font-weight: bold;
  border-left-color: #2a5e9d; }

.nav--vertical.nav--vertical--thin.nav--vertical--right a {
  border-left-color: transparent;
  border-right-color: #ebebeb; }
  .nav--vertical.nav--vertical--thin.nav--vertical--right a:hover {
    border-left-color: transparent;
    border-right-color: #183559; }

.nav--vertical.nav--vertical--thin.nav--vertical--right .nav--vertical__active a {
  border-left-color: transparent;
  border-right-color: #2a5e9d; }

.nav--vertical.nav--vertical--minimal {
  padding-bottom: 9px;
  padding-bottom: 0.64286rem;
  padding-top: 1px;
  border-right: 5px solid #ebebeb; }
  .nav--vertical.nav--vertical--minimal, .nav--vertical.nav--vertical--minimal ul, .nav--vertical.nav--vertical--minimal li, .nav--vertical.nav--vertical--minimal li:hover, .nav--vertical.nav--vertical--minimal a, .nav--vertical.nav--vertical--minimal a:hover, .nav--vertical.nav--vertical--minimal .nav--vertical__active-parent .nav--vertical__active-parent {
    background-color: transparent; }
  .nav--vertical.nav--vertical--minimal li li {
    margin-left: 21px;
    margin-left: 1.5rem; }
  .nav--vertical.nav--vertical--minimal a, .nav--vertical.nav--vertical--minimal a:hover {
    padding: 0px;
    padding: 0rem;
    padding-left: 21px;
    padding-left: 1.5rem;
    padding-right: 18px;
    padding-right: 1.28571rem;
    padding-top: 4px;
    padding-top: 0.28571rem;
    padding-bottom: 4px;
    padding-bottom: 0.28571rem;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 26px;
    color: #373737;
    border: none; }
  .nav--vertical.nav--vertical--minimal ul ul a, .nav--vertical.nav--vertical--minimal ul ul a:hover {
    padding-left: 18px;
    padding-left: 1.28571rem;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px; }
  .nav--vertical.nav--vertical--minimal .nav--vertical__toggle {
    right: auto;
    left: 0;
    top: 17px;
    color: #6e6e6e; }
    .nav--vertical.nav--vertical--minimal .nav--vertical__toggle:before {
      content: "\e607"; }
  .nav--vertical.nav--vertical--minimal .nav--vertical__active > a > .nav--vertical__toggle:before,
  .nav--vertical.nav--vertical--minimal .nav--vertical__active-parent > a > .nav--vertical__toggle:before {
    content: "\e605"; }
  .nav--vertical.nav--vertical--minimal .nav--vertical__active > a {
    border-right: 5px solid #3c85df;
    color: #336dc2;
    width: calc(100% + 5px); }

.notification {
  padding: 18px;
  padding: 1.28571rem;
  border-left-style: solid;
  border-left-width: 1px;
  border-color: inherit;
  border-left-width:  10px;
  border-left-width:  0.71429rem;
  font-size: 14px;
  font-size: 1rem;
  line-height: 24px;
  background-color: #f2f2f2;
  color: #373737; }

.notification--info {
  border-color: #3c85df; }

.notification--fail {
  border-color: #cc0000; }

.notification--success {
  border-color: #1aac1e; }

.notification--warning {
  border-color: #fed100; }

.notification__icon {
  margin-bottom: 0px;
  margin-bottom: 0rem;
  margin-right: 15px; }
  .notification__icon .icon:before {
    margin-right: 0px;
    margin-right: 0rem; }

.notification--block {
  border: none;
  padding: 0px;
  padding: 0rem;
  border-left-style: solid;
  border-left-width: 1px;
  border-color: inherit;
  border-left-width:  10px;
  border-left-width:  0.71429rem;
  /**
     * Info
     */
  /**
     * Fail
     */
  /**
     * Success
     */
  /**
     * Warning
     */
  /**
     * Minimal notifications
     */ }
  .notification--block .notification--block__inner-container {
    margin: auto;
    padding: 17px 15px; }
  .notification--block .notification__close {
    font-size: 0px;
    font-size: 0rem;
    line-height: 0;
    display: block;
    width: 16px;
    height: 16px;
    transition: none;
    color: transparent;
    border-bottom: none; }
    .notification--block .notification__close:before {
      font-size: 16px;
      font-size: 1.14286rem;
      line-height: 26px;
      font-family: 'Redgate';
      content: '\e60a';
      color: #333333; }
  .notification--block .notification__icon {
    font-size: 18px;
    font-size: 1.28571rem; }
  .notification--block.notification--info {
    border-color: #3c85df; }
    .notification--block.notification--info .notification__close,
    .notification--block.notification--info .notification__icon {
      color: #3c85df; }
  .notification--block.notification--fail {
    border-color: #cc0000; }
    .notification--block.notification--fail .notification__close,
    .notification--block.notification--fail .notification__icon {
      color: #cc0000; }
  .notification--block.notification--success {
    border-color: #1aac1e; }
    .notification--block.notification--success .notification__close,
    .notification--block.notification--success .notification__icon {
      color: #1aac1e; }
  .notification--block.notification--warning {
    border-color: #fed100; }
    .notification--block.notification--warning .notification__close,
    .notification--block.notification--warning .notification__icon {
      color: #fed100; }
  .notification--block--minimal {
    border-width:  1px;
    border-width:  0.07143rem;
    border-left-width:  10px;
    border-left-width:  0.71429rem;
    background-color: transparent;
    border-style: solid; }
    .notification--block--minimal .notification--block__inner-container {
      padding: 16px 15px 16px 20px; }
    .notification--block--minimal .notification__icon {
      display: none; }

.label {
  margin-right: 4px;
  margin-right: 0.28571rem;
  font-size: 14px;
  font-size: 1rem;
  line-height: 24px;
  display: inline-block;
  border-radius: 100px;
  padding: 0 12px; }
  .label--ghost {
    background-color: transparent;
    border-width: 1px;
    border-style: solid; }
  .label__counter {
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 18px;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%;
    margin-left: -8px;
    margin-right: 1px;
    top: -1px; }
  .label__dismiss {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 0;
    margin-left: 9px;
    margin-left: 0.64286rem;
    position: relative;
    top: 2px; }
    .label__dismiss, .label__dismiss:hover {
      color: inherit; }
    .label__dismiss:before {
      font-family: 'Redgate';
      content: '\e60a'; }
  .label--small {
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 12px;
    padding: 3px 8px; }
    .label--small .label__counter {
      font-size: 8px;
      font-size: 0.57143rem;
      line-height: 16px;
      width: 12px;
      height: 12px;
      margin-left: -5px;
      top: 0; }
    .label--small .label__dismiss:before {
      font-size: 14px;
      font-size: 1rem; }

.label-list {
  margin-left: 0px;
  margin-left: 0rem; }

.label--file {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 26px;
  padding: 5px 10px;
  background-color: #d8e7f9;
  border-radius: 4px;
  color: #2a5e9d; }
  .label--file:before {
    font-size: 19px;
    font-size: 1.35714rem;
    margin-right: 4px;
    margin-right: 0.28571rem;
    content: '\e60e';
    font-family: 'Redgate';
    position: relative;
    top: 2px; }
  .label--file.label--large {
    padding: 9px 10px; }
    .label--file.label--large:before {
      font-size: 20px;
      font-size: 1.42857rem; }
  .label--file.label--small {
    padding: 2px 10px; }
    .label--file.label--small:before {
      font-size: 16px;
      font-size: 1.14286rem; }
  .label--file .label__dismiss {
    margin-left: 18px;
    margin-left: 1.28571rem;
    top: 1px; }

.label--ghost {
  border-width: 1px !important; }

.spinner--radial {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-width: 4px;
  border-style: solid;
  border-color: #3c85df;
  border-left-color: transparent;
  border-radius: 999px;
  -webkit-animation: radial-spin 0.6s linear infinite;
          animation: radial-spin 0.6s linear infinite; }
  .spinner--radial.spinner--tiny {
    width: 16px;
    height: 16px;
    border-width: 2px; }
  .spinner--radial.spinner--small {
    width: 24px;
    height: 24px;
    border-width: 3px; }
  .spinner--radial.spinner--large {
    width: 64px;
    height: 64px;
    border-width: 8px; }

@-webkit-keyframes radial-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes radial-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.gatebase {
  display: inline-block;
  position: relative;
  background-color: #b6b6b6;
  width: 20.5px;
  height: 23px; }
  .gatebase:before, .gatebase:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 26%;
    top: -10.87%;
    border-radius: 150%;
    background-color: inherit; }
  .gatebase:after {
    top: auto;
    bottom: -10.87%; }

.spinner--gatebase {
  -webkit-animation: gatebase-spin 1.3s infinite ease-in-out both;
          animation: gatebase-spin 1.3s infinite ease-in-out both; }
  .spinner--gatebase--2 {
    -webkit-animation-delay: 0.36s;
            animation-delay: 0.36s; }
  .spinner--gatebase--3 {
    -webkit-animation-delay: 0.72s;
            animation-delay: 0.72s; }

@-webkit-keyframes gatebase-spin {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes gatebase-spin {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.progress--bar {
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
  display: block;
  position: relative;
  width: 100%;
  background-color: #dcdcdc;
  border-radius: 100px;
  overflow: hidden;
  height: 24px; }
  .progress--bar--dark {
    background-color: #ffffff; }
  .progress--bar--large {
    height: 32px; }
  .progress--bar--small {
    height: 18px; }
  .progress--bar--x-small {
    height: 10px; }
  .progress--bar__fill {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background-color: #3c85df;
    transition: width 0.25s linear; }

.progress--radial {
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
  position: relative;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background-color: #dcdcdc;
  -webkit-clip-path: circle(50% at 50% 50%);
          clip-path: circle(50% at 50% 50%);
  overflow: hidden; }
  .progress--radial__mask {
    clip: rect(0px, 86px, 86px, 43px); }
  .progress--radial__fill, .progress--radial__fill-fix {
    background-color: #3c85df;
    border-radius: 50%;
    clip: rect(0px, 43px, 86px, 0px); }
  .progress--radial__mask, .progress--radial__fill, .progress--radial__fill-fix {
    position: absolute;
    width: 86px;
    height: 86px;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s; }
  .progress--radial[data-progress="1"] .progress--radial__mask--left, .progress--radial[data-progress="1"] .progress--radial__fill {
    -webkit-transform: rotate(1.8deg);
            transform: rotate(1.8deg); }
  .progress--radial[data-progress="1"] .progress--radial__fill-fix {
    -webkit-transform: rotate(3.6deg);
            transform: rotate(3.6deg); }
  .progress--radial[data-progress="2"] .progress--radial__mask--left, .progress--radial[data-progress="2"] .progress--radial__fill {
    -webkit-transform: rotate(3.6deg);
            transform: rotate(3.6deg); }
  .progress--radial[data-progress="2"] .progress--radial__fill-fix {
    -webkit-transform: rotate(7.2deg);
            transform: rotate(7.2deg); }
  .progress--radial[data-progress="3"] .progress--radial__mask--left, .progress--radial[data-progress="3"] .progress--radial__fill {
    -webkit-transform: rotate(5.4deg);
            transform: rotate(5.4deg); }
  .progress--radial[data-progress="3"] .progress--radial__fill-fix {
    -webkit-transform: rotate(10.8deg);
            transform: rotate(10.8deg); }
  .progress--radial[data-progress="4"] .progress--radial__mask--left, .progress--radial[data-progress="4"] .progress--radial__fill {
    -webkit-transform: rotate(7.2deg);
            transform: rotate(7.2deg); }
  .progress--radial[data-progress="4"] .progress--radial__fill-fix {
    -webkit-transform: rotate(14.4deg);
            transform: rotate(14.4deg); }
  .progress--radial[data-progress="5"] .progress--radial__mask--left, .progress--radial[data-progress="5"] .progress--radial__fill {
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg); }
  .progress--radial[data-progress="5"] .progress--radial__fill-fix {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg); }
  .progress--radial[data-progress="6"] .progress--radial__mask--left, .progress--radial[data-progress="6"] .progress--radial__fill {
    -webkit-transform: rotate(10.8deg);
            transform: rotate(10.8deg); }
  .progress--radial[data-progress="6"] .progress--radial__fill-fix {
    -webkit-transform: rotate(21.6deg);
            transform: rotate(21.6deg); }
  .progress--radial[data-progress="7"] .progress--radial__mask--left, .progress--radial[data-progress="7"] .progress--radial__fill {
    -webkit-transform: rotate(12.6deg);
            transform: rotate(12.6deg); }
  .progress--radial[data-progress="7"] .progress--radial__fill-fix {
    -webkit-transform: rotate(25.2deg);
            transform: rotate(25.2deg); }
  .progress--radial[data-progress="8"] .progress--radial__mask--left, .progress--radial[data-progress="8"] .progress--radial__fill {
    -webkit-transform: rotate(14.4deg);
            transform: rotate(14.4deg); }
  .progress--radial[data-progress="8"] .progress--radial__fill-fix {
    -webkit-transform: rotate(28.8deg);
            transform: rotate(28.8deg); }
  .progress--radial[data-progress="9"] .progress--radial__mask--left, .progress--radial[data-progress="9"] .progress--radial__fill {
    -webkit-transform: rotate(16.2deg);
            transform: rotate(16.2deg); }
  .progress--radial[data-progress="9"] .progress--radial__fill-fix {
    -webkit-transform: rotate(32.4deg);
            transform: rotate(32.4deg); }
  .progress--radial[data-progress="10"] .progress--radial__mask--left, .progress--radial[data-progress="10"] .progress--radial__fill {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg); }
  .progress--radial[data-progress="10"] .progress--radial__fill-fix {
    -webkit-transform: rotate(36deg);
            transform: rotate(36deg); }
  .progress--radial[data-progress="11"] .progress--radial__mask--left, .progress--radial[data-progress="11"] .progress--radial__fill {
    -webkit-transform: rotate(19.8deg);
            transform: rotate(19.8deg); }
  .progress--radial[data-progress="11"] .progress--radial__fill-fix {
    -webkit-transform: rotate(39.6deg);
            transform: rotate(39.6deg); }
  .progress--radial[data-progress="12"] .progress--radial__mask--left, .progress--radial[data-progress="12"] .progress--radial__fill {
    -webkit-transform: rotate(21.6deg);
            transform: rotate(21.6deg); }
  .progress--radial[data-progress="12"] .progress--radial__fill-fix {
    -webkit-transform: rotate(43.2deg);
            transform: rotate(43.2deg); }
  .progress--radial[data-progress="13"] .progress--radial__mask--left, .progress--radial[data-progress="13"] .progress--radial__fill {
    -webkit-transform: rotate(23.4deg);
            transform: rotate(23.4deg); }
  .progress--radial[data-progress="13"] .progress--radial__fill-fix {
    -webkit-transform: rotate(46.8deg);
            transform: rotate(46.8deg); }
  .progress--radial[data-progress="14"] .progress--radial__mask--left, .progress--radial[data-progress="14"] .progress--radial__fill {
    -webkit-transform: rotate(25.2deg);
            transform: rotate(25.2deg); }
  .progress--radial[data-progress="14"] .progress--radial__fill-fix {
    -webkit-transform: rotate(50.4deg);
            transform: rotate(50.4deg); }
  .progress--radial[data-progress="15"] .progress--radial__mask--left, .progress--radial[data-progress="15"] .progress--radial__fill {
    -webkit-transform: rotate(27deg);
            transform: rotate(27deg); }
  .progress--radial[data-progress="15"] .progress--radial__fill-fix {
    -webkit-transform: rotate(54deg);
            transform: rotate(54deg); }
  .progress--radial[data-progress="16"] .progress--radial__mask--left, .progress--radial[data-progress="16"] .progress--radial__fill {
    -webkit-transform: rotate(28.8deg);
            transform: rotate(28.8deg); }
  .progress--radial[data-progress="16"] .progress--radial__fill-fix {
    -webkit-transform: rotate(57.6deg);
            transform: rotate(57.6deg); }
  .progress--radial[data-progress="17"] .progress--radial__mask--left, .progress--radial[data-progress="17"] .progress--radial__fill {
    -webkit-transform: rotate(30.6deg);
            transform: rotate(30.6deg); }
  .progress--radial[data-progress="17"] .progress--radial__fill-fix {
    -webkit-transform: rotate(61.2deg);
            transform: rotate(61.2deg); }
  .progress--radial[data-progress="18"] .progress--radial__mask--left, .progress--radial[data-progress="18"] .progress--radial__fill {
    -webkit-transform: rotate(32.4deg);
            transform: rotate(32.4deg); }
  .progress--radial[data-progress="18"] .progress--radial__fill-fix {
    -webkit-transform: rotate(64.8deg);
            transform: rotate(64.8deg); }
  .progress--radial[data-progress="19"] .progress--radial__mask--left, .progress--radial[data-progress="19"] .progress--radial__fill {
    -webkit-transform: rotate(34.2deg);
            transform: rotate(34.2deg); }
  .progress--radial[data-progress="19"] .progress--radial__fill-fix {
    -webkit-transform: rotate(68.4deg);
            transform: rotate(68.4deg); }
  .progress--radial[data-progress="20"] .progress--radial__mask--left, .progress--radial[data-progress="20"] .progress--radial__fill {
    -webkit-transform: rotate(36deg);
            transform: rotate(36deg); }
  .progress--radial[data-progress="20"] .progress--radial__fill-fix {
    -webkit-transform: rotate(72deg);
            transform: rotate(72deg); }
  .progress--radial[data-progress="21"] .progress--radial__mask--left, .progress--radial[data-progress="21"] .progress--radial__fill {
    -webkit-transform: rotate(37.8deg);
            transform: rotate(37.8deg); }
  .progress--radial[data-progress="21"] .progress--radial__fill-fix {
    -webkit-transform: rotate(75.6deg);
            transform: rotate(75.6deg); }
  .progress--radial[data-progress="22"] .progress--radial__mask--left, .progress--radial[data-progress="22"] .progress--radial__fill {
    -webkit-transform: rotate(39.6deg);
            transform: rotate(39.6deg); }
  .progress--radial[data-progress="22"] .progress--radial__fill-fix {
    -webkit-transform: rotate(79.2deg);
            transform: rotate(79.2deg); }
  .progress--radial[data-progress="23"] .progress--radial__mask--left, .progress--radial[data-progress="23"] .progress--radial__fill {
    -webkit-transform: rotate(41.4deg);
            transform: rotate(41.4deg); }
  .progress--radial[data-progress="23"] .progress--radial__fill-fix {
    -webkit-transform: rotate(82.8deg);
            transform: rotate(82.8deg); }
  .progress--radial[data-progress="24"] .progress--radial__mask--left, .progress--radial[data-progress="24"] .progress--radial__fill {
    -webkit-transform: rotate(43.2deg);
            transform: rotate(43.2deg); }
  .progress--radial[data-progress="24"] .progress--radial__fill-fix {
    -webkit-transform: rotate(86.4deg);
            transform: rotate(86.4deg); }
  .progress--radial[data-progress="25"] .progress--radial__mask--left, .progress--radial[data-progress="25"] .progress--radial__fill {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .progress--radial[data-progress="25"] .progress--radial__fill-fix {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .progress--radial[data-progress="26"] .progress--radial__mask--left, .progress--radial[data-progress="26"] .progress--radial__fill {
    -webkit-transform: rotate(46.8deg);
            transform: rotate(46.8deg); }
  .progress--radial[data-progress="26"] .progress--radial__fill-fix {
    -webkit-transform: rotate(93.6deg);
            transform: rotate(93.6deg); }
  .progress--radial[data-progress="27"] .progress--radial__mask--left, .progress--radial[data-progress="27"] .progress--radial__fill {
    -webkit-transform: rotate(48.6deg);
            transform: rotate(48.6deg); }
  .progress--radial[data-progress="27"] .progress--radial__fill-fix {
    -webkit-transform: rotate(97.2deg);
            transform: rotate(97.2deg); }
  .progress--radial[data-progress="28"] .progress--radial__mask--left, .progress--radial[data-progress="28"] .progress--radial__fill {
    -webkit-transform: rotate(50.4deg);
            transform: rotate(50.4deg); }
  .progress--radial[data-progress="28"] .progress--radial__fill-fix {
    -webkit-transform: rotate(100.8deg);
            transform: rotate(100.8deg); }
  .progress--radial[data-progress="29"] .progress--radial__mask--left, .progress--radial[data-progress="29"] .progress--radial__fill {
    -webkit-transform: rotate(52.2deg);
            transform: rotate(52.2deg); }
  .progress--radial[data-progress="29"] .progress--radial__fill-fix {
    -webkit-transform: rotate(104.4deg);
            transform: rotate(104.4deg); }
  .progress--radial[data-progress="30"] .progress--radial__mask--left, .progress--radial[data-progress="30"] .progress--radial__fill {
    -webkit-transform: rotate(54deg);
            transform: rotate(54deg); }
  .progress--radial[data-progress="30"] .progress--radial__fill-fix {
    -webkit-transform: rotate(108deg);
            transform: rotate(108deg); }
  .progress--radial[data-progress="31"] .progress--radial__mask--left, .progress--radial[data-progress="31"] .progress--radial__fill {
    -webkit-transform: rotate(55.8deg);
            transform: rotate(55.8deg); }
  .progress--radial[data-progress="31"] .progress--radial__fill-fix {
    -webkit-transform: rotate(111.6deg);
            transform: rotate(111.6deg); }
  .progress--radial[data-progress="32"] .progress--radial__mask--left, .progress--radial[data-progress="32"] .progress--radial__fill {
    -webkit-transform: rotate(57.6deg);
            transform: rotate(57.6deg); }
  .progress--radial[data-progress="32"] .progress--radial__fill-fix {
    -webkit-transform: rotate(115.2deg);
            transform: rotate(115.2deg); }
  .progress--radial[data-progress="33"] .progress--radial__mask--left, .progress--radial[data-progress="33"] .progress--radial__fill {
    -webkit-transform: rotate(59.4deg);
            transform: rotate(59.4deg); }
  .progress--radial[data-progress="33"] .progress--radial__fill-fix {
    -webkit-transform: rotate(118.8deg);
            transform: rotate(118.8deg); }
  .progress--radial[data-progress="34"] .progress--radial__mask--left, .progress--radial[data-progress="34"] .progress--radial__fill {
    -webkit-transform: rotate(61.2deg);
            transform: rotate(61.2deg); }
  .progress--radial[data-progress="34"] .progress--radial__fill-fix {
    -webkit-transform: rotate(122.4deg);
            transform: rotate(122.4deg); }
  .progress--radial[data-progress="35"] .progress--radial__mask--left, .progress--radial[data-progress="35"] .progress--radial__fill {
    -webkit-transform: rotate(63deg);
            transform: rotate(63deg); }
  .progress--radial[data-progress="35"] .progress--radial__fill-fix {
    -webkit-transform: rotate(126deg);
            transform: rotate(126deg); }
  .progress--radial[data-progress="36"] .progress--radial__mask--left, .progress--radial[data-progress="36"] .progress--radial__fill {
    -webkit-transform: rotate(64.8deg);
            transform: rotate(64.8deg); }
  .progress--radial[data-progress="36"] .progress--radial__fill-fix {
    -webkit-transform: rotate(129.6deg);
            transform: rotate(129.6deg); }
  .progress--radial[data-progress="37"] .progress--radial__mask--left, .progress--radial[data-progress="37"] .progress--radial__fill {
    -webkit-transform: rotate(66.6deg);
            transform: rotate(66.6deg); }
  .progress--radial[data-progress="37"] .progress--radial__fill-fix {
    -webkit-transform: rotate(133.2deg);
            transform: rotate(133.2deg); }
  .progress--radial[data-progress="38"] .progress--radial__mask--left, .progress--radial[data-progress="38"] .progress--radial__fill {
    -webkit-transform: rotate(68.4deg);
            transform: rotate(68.4deg); }
  .progress--radial[data-progress="38"] .progress--radial__fill-fix {
    -webkit-transform: rotate(136.8deg);
            transform: rotate(136.8deg); }
  .progress--radial[data-progress="39"] .progress--radial__mask--left, .progress--radial[data-progress="39"] .progress--radial__fill {
    -webkit-transform: rotate(70.2deg);
            transform: rotate(70.2deg); }
  .progress--radial[data-progress="39"] .progress--radial__fill-fix {
    -webkit-transform: rotate(140.4deg);
            transform: rotate(140.4deg); }
  .progress--radial[data-progress="40"] .progress--radial__mask--left, .progress--radial[data-progress="40"] .progress--radial__fill {
    -webkit-transform: rotate(72deg);
            transform: rotate(72deg); }
  .progress--radial[data-progress="40"] .progress--radial__fill-fix {
    -webkit-transform: rotate(144deg);
            transform: rotate(144deg); }
  .progress--radial[data-progress="41"] .progress--radial__mask--left, .progress--radial[data-progress="41"] .progress--radial__fill {
    -webkit-transform: rotate(73.8deg);
            transform: rotate(73.8deg); }
  .progress--radial[data-progress="41"] .progress--radial__fill-fix {
    -webkit-transform: rotate(147.6deg);
            transform: rotate(147.6deg); }
  .progress--radial[data-progress="42"] .progress--radial__mask--left, .progress--radial[data-progress="42"] .progress--radial__fill {
    -webkit-transform: rotate(75.6deg);
            transform: rotate(75.6deg); }
  .progress--radial[data-progress="42"] .progress--radial__fill-fix {
    -webkit-transform: rotate(151.2deg);
            transform: rotate(151.2deg); }
  .progress--radial[data-progress="43"] .progress--radial__mask--left, .progress--radial[data-progress="43"] .progress--radial__fill {
    -webkit-transform: rotate(77.4deg);
            transform: rotate(77.4deg); }
  .progress--radial[data-progress="43"] .progress--radial__fill-fix {
    -webkit-transform: rotate(154.8deg);
            transform: rotate(154.8deg); }
  .progress--radial[data-progress="44"] .progress--radial__mask--left, .progress--radial[data-progress="44"] .progress--radial__fill {
    -webkit-transform: rotate(79.2deg);
            transform: rotate(79.2deg); }
  .progress--radial[data-progress="44"] .progress--radial__fill-fix {
    -webkit-transform: rotate(158.4deg);
            transform: rotate(158.4deg); }
  .progress--radial[data-progress="45"] .progress--radial__mask--left, .progress--radial[data-progress="45"] .progress--radial__fill {
    -webkit-transform: rotate(81deg);
            transform: rotate(81deg); }
  .progress--radial[data-progress="45"] .progress--radial__fill-fix {
    -webkit-transform: rotate(162deg);
            transform: rotate(162deg); }
  .progress--radial[data-progress="46"] .progress--radial__mask--left, .progress--radial[data-progress="46"] .progress--radial__fill {
    -webkit-transform: rotate(82.8deg);
            transform: rotate(82.8deg); }
  .progress--radial[data-progress="46"] .progress--radial__fill-fix {
    -webkit-transform: rotate(165.6deg);
            transform: rotate(165.6deg); }
  .progress--radial[data-progress="47"] .progress--radial__mask--left, .progress--radial[data-progress="47"] .progress--radial__fill {
    -webkit-transform: rotate(84.6deg);
            transform: rotate(84.6deg); }
  .progress--radial[data-progress="47"] .progress--radial__fill-fix {
    -webkit-transform: rotate(169.2deg);
            transform: rotate(169.2deg); }
  .progress--radial[data-progress="48"] .progress--radial__mask--left, .progress--radial[data-progress="48"] .progress--radial__fill {
    -webkit-transform: rotate(86.4deg);
            transform: rotate(86.4deg); }
  .progress--radial[data-progress="48"] .progress--radial__fill-fix {
    -webkit-transform: rotate(172.8deg);
            transform: rotate(172.8deg); }
  .progress--radial[data-progress="49"] .progress--radial__mask--left, .progress--radial[data-progress="49"] .progress--radial__fill {
    -webkit-transform: rotate(88.2deg);
            transform: rotate(88.2deg); }
  .progress--radial[data-progress="49"] .progress--radial__fill-fix {
    -webkit-transform: rotate(176.4deg);
            transform: rotate(176.4deg); }
  .progress--radial[data-progress="50"] .progress--radial__mask--left, .progress--radial[data-progress="50"] .progress--radial__fill {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .progress--radial[data-progress="50"] .progress--radial__fill-fix {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .progress--radial[data-progress="51"] .progress--radial__mask--left, .progress--radial[data-progress="51"] .progress--radial__fill {
    -webkit-transform: rotate(91.8deg);
            transform: rotate(91.8deg); }
  .progress--radial[data-progress="51"] .progress--radial__fill-fix {
    -webkit-transform: rotate(183.6deg);
            transform: rotate(183.6deg); }
  .progress--radial[data-progress="52"] .progress--radial__mask--left, .progress--radial[data-progress="52"] .progress--radial__fill {
    -webkit-transform: rotate(93.6deg);
            transform: rotate(93.6deg); }
  .progress--radial[data-progress="52"] .progress--radial__fill-fix {
    -webkit-transform: rotate(187.2deg);
            transform: rotate(187.2deg); }
  .progress--radial[data-progress="53"] .progress--radial__mask--left, .progress--radial[data-progress="53"] .progress--radial__fill {
    -webkit-transform: rotate(95.4deg);
            transform: rotate(95.4deg); }
  .progress--radial[data-progress="53"] .progress--radial__fill-fix {
    -webkit-transform: rotate(190.8deg);
            transform: rotate(190.8deg); }
  .progress--radial[data-progress="54"] .progress--radial__mask--left, .progress--radial[data-progress="54"] .progress--radial__fill {
    -webkit-transform: rotate(97.2deg);
            transform: rotate(97.2deg); }
  .progress--radial[data-progress="54"] .progress--radial__fill-fix {
    -webkit-transform: rotate(194.4deg);
            transform: rotate(194.4deg); }
  .progress--radial[data-progress="55"] .progress--radial__mask--left, .progress--radial[data-progress="55"] .progress--radial__fill {
    -webkit-transform: rotate(99deg);
            transform: rotate(99deg); }
  .progress--radial[data-progress="55"] .progress--radial__fill-fix {
    -webkit-transform: rotate(198deg);
            transform: rotate(198deg); }
  .progress--radial[data-progress="56"] .progress--radial__mask--left, .progress--radial[data-progress="56"] .progress--radial__fill {
    -webkit-transform: rotate(100.8deg);
            transform: rotate(100.8deg); }
  .progress--radial[data-progress="56"] .progress--radial__fill-fix {
    -webkit-transform: rotate(201.6deg);
            transform: rotate(201.6deg); }
  .progress--radial[data-progress="57"] .progress--radial__mask--left, .progress--radial[data-progress="57"] .progress--radial__fill {
    -webkit-transform: rotate(102.6deg);
            transform: rotate(102.6deg); }
  .progress--radial[data-progress="57"] .progress--radial__fill-fix {
    -webkit-transform: rotate(205.2deg);
            transform: rotate(205.2deg); }
  .progress--radial[data-progress="58"] .progress--radial__mask--left, .progress--radial[data-progress="58"] .progress--radial__fill {
    -webkit-transform: rotate(104.4deg);
            transform: rotate(104.4deg); }
  .progress--radial[data-progress="58"] .progress--radial__fill-fix {
    -webkit-transform: rotate(208.8deg);
            transform: rotate(208.8deg); }
  .progress--radial[data-progress="59"] .progress--radial__mask--left, .progress--radial[data-progress="59"] .progress--radial__fill {
    -webkit-transform: rotate(106.2deg);
            transform: rotate(106.2deg); }
  .progress--radial[data-progress="59"] .progress--radial__fill-fix {
    -webkit-transform: rotate(212.4deg);
            transform: rotate(212.4deg); }
  .progress--radial[data-progress="60"] .progress--radial__mask--left, .progress--radial[data-progress="60"] .progress--radial__fill {
    -webkit-transform: rotate(108deg);
            transform: rotate(108deg); }
  .progress--radial[data-progress="60"] .progress--radial__fill-fix {
    -webkit-transform: rotate(216deg);
            transform: rotate(216deg); }
  .progress--radial[data-progress="61"] .progress--radial__mask--left, .progress--radial[data-progress="61"] .progress--radial__fill {
    -webkit-transform: rotate(109.8deg);
            transform: rotate(109.8deg); }
  .progress--radial[data-progress="61"] .progress--radial__fill-fix {
    -webkit-transform: rotate(219.6deg);
            transform: rotate(219.6deg); }
  .progress--radial[data-progress="62"] .progress--radial__mask--left, .progress--radial[data-progress="62"] .progress--radial__fill {
    -webkit-transform: rotate(111.6deg);
            transform: rotate(111.6deg); }
  .progress--radial[data-progress="62"] .progress--radial__fill-fix {
    -webkit-transform: rotate(223.2deg);
            transform: rotate(223.2deg); }
  .progress--radial[data-progress="63"] .progress--radial__mask--left, .progress--radial[data-progress="63"] .progress--radial__fill {
    -webkit-transform: rotate(113.4deg);
            transform: rotate(113.4deg); }
  .progress--radial[data-progress="63"] .progress--radial__fill-fix {
    -webkit-transform: rotate(226.8deg);
            transform: rotate(226.8deg); }
  .progress--radial[data-progress="64"] .progress--radial__mask--left, .progress--radial[data-progress="64"] .progress--radial__fill {
    -webkit-transform: rotate(115.2deg);
            transform: rotate(115.2deg); }
  .progress--radial[data-progress="64"] .progress--radial__fill-fix {
    -webkit-transform: rotate(230.4deg);
            transform: rotate(230.4deg); }
  .progress--radial[data-progress="65"] .progress--radial__mask--left, .progress--radial[data-progress="65"] .progress--radial__fill {
    -webkit-transform: rotate(117deg);
            transform: rotate(117deg); }
  .progress--radial[data-progress="65"] .progress--radial__fill-fix {
    -webkit-transform: rotate(234deg);
            transform: rotate(234deg); }
  .progress--radial[data-progress="66"] .progress--radial__mask--left, .progress--radial[data-progress="66"] .progress--radial__fill {
    -webkit-transform: rotate(118.8deg);
            transform: rotate(118.8deg); }
  .progress--radial[data-progress="66"] .progress--radial__fill-fix {
    -webkit-transform: rotate(237.6deg);
            transform: rotate(237.6deg); }
  .progress--radial[data-progress="67"] .progress--radial__mask--left, .progress--radial[data-progress="67"] .progress--radial__fill {
    -webkit-transform: rotate(120.6deg);
            transform: rotate(120.6deg); }
  .progress--radial[data-progress="67"] .progress--radial__fill-fix {
    -webkit-transform: rotate(241.2deg);
            transform: rotate(241.2deg); }
  .progress--radial[data-progress="68"] .progress--radial__mask--left, .progress--radial[data-progress="68"] .progress--radial__fill {
    -webkit-transform: rotate(122.4deg);
            transform: rotate(122.4deg); }
  .progress--radial[data-progress="68"] .progress--radial__fill-fix {
    -webkit-transform: rotate(244.8deg);
            transform: rotate(244.8deg); }
  .progress--radial[data-progress="69"] .progress--radial__mask--left, .progress--radial[data-progress="69"] .progress--radial__fill {
    -webkit-transform: rotate(124.2deg);
            transform: rotate(124.2deg); }
  .progress--radial[data-progress="69"] .progress--radial__fill-fix {
    -webkit-transform: rotate(248.4deg);
            transform: rotate(248.4deg); }
  .progress--radial[data-progress="70"] .progress--radial__mask--left, .progress--radial[data-progress="70"] .progress--radial__fill {
    -webkit-transform: rotate(126deg);
            transform: rotate(126deg); }
  .progress--radial[data-progress="70"] .progress--radial__fill-fix {
    -webkit-transform: rotate(252deg);
            transform: rotate(252deg); }
  .progress--radial[data-progress="71"] .progress--radial__mask--left, .progress--radial[data-progress="71"] .progress--radial__fill {
    -webkit-transform: rotate(127.8deg);
            transform: rotate(127.8deg); }
  .progress--radial[data-progress="71"] .progress--radial__fill-fix {
    -webkit-transform: rotate(255.6deg);
            transform: rotate(255.6deg); }
  .progress--radial[data-progress="72"] .progress--radial__mask--left, .progress--radial[data-progress="72"] .progress--radial__fill {
    -webkit-transform: rotate(129.6deg);
            transform: rotate(129.6deg); }
  .progress--radial[data-progress="72"] .progress--radial__fill-fix {
    -webkit-transform: rotate(259.2deg);
            transform: rotate(259.2deg); }
  .progress--radial[data-progress="73"] .progress--radial__mask--left, .progress--radial[data-progress="73"] .progress--radial__fill {
    -webkit-transform: rotate(131.4deg);
            transform: rotate(131.4deg); }
  .progress--radial[data-progress="73"] .progress--radial__fill-fix {
    -webkit-transform: rotate(262.8deg);
            transform: rotate(262.8deg); }
  .progress--radial[data-progress="74"] .progress--radial__mask--left, .progress--radial[data-progress="74"] .progress--radial__fill {
    -webkit-transform: rotate(133.2deg);
            transform: rotate(133.2deg); }
  .progress--radial[data-progress="74"] .progress--radial__fill-fix {
    -webkit-transform: rotate(266.4deg);
            transform: rotate(266.4deg); }
  .progress--radial[data-progress="75"] .progress--radial__mask--left, .progress--radial[data-progress="75"] .progress--radial__fill {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  .progress--radial[data-progress="75"] .progress--radial__fill-fix {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  .progress--radial[data-progress="76"] .progress--radial__mask--left, .progress--radial[data-progress="76"] .progress--radial__fill {
    -webkit-transform: rotate(136.8deg);
            transform: rotate(136.8deg); }
  .progress--radial[data-progress="76"] .progress--radial__fill-fix {
    -webkit-transform: rotate(273.6deg);
            transform: rotate(273.6deg); }
  .progress--radial[data-progress="77"] .progress--radial__mask--left, .progress--radial[data-progress="77"] .progress--radial__fill {
    -webkit-transform: rotate(138.6deg);
            transform: rotate(138.6deg); }
  .progress--radial[data-progress="77"] .progress--radial__fill-fix {
    -webkit-transform: rotate(277.2deg);
            transform: rotate(277.2deg); }
  .progress--radial[data-progress="78"] .progress--radial__mask--left, .progress--radial[data-progress="78"] .progress--radial__fill {
    -webkit-transform: rotate(140.4deg);
            transform: rotate(140.4deg); }
  .progress--radial[data-progress="78"] .progress--radial__fill-fix {
    -webkit-transform: rotate(280.8deg);
            transform: rotate(280.8deg); }
  .progress--radial[data-progress="79"] .progress--radial__mask--left, .progress--radial[data-progress="79"] .progress--radial__fill {
    -webkit-transform: rotate(142.2deg);
            transform: rotate(142.2deg); }
  .progress--radial[data-progress="79"] .progress--radial__fill-fix {
    -webkit-transform: rotate(284.4deg);
            transform: rotate(284.4deg); }
  .progress--radial[data-progress="80"] .progress--radial__mask--left, .progress--radial[data-progress="80"] .progress--radial__fill {
    -webkit-transform: rotate(144deg);
            transform: rotate(144deg); }
  .progress--radial[data-progress="80"] .progress--radial__fill-fix {
    -webkit-transform: rotate(288deg);
            transform: rotate(288deg); }
  .progress--radial[data-progress="81"] .progress--radial__mask--left, .progress--radial[data-progress="81"] .progress--radial__fill {
    -webkit-transform: rotate(145.8deg);
            transform: rotate(145.8deg); }
  .progress--radial[data-progress="81"] .progress--radial__fill-fix {
    -webkit-transform: rotate(291.6deg);
            transform: rotate(291.6deg); }
  .progress--radial[data-progress="82"] .progress--radial__mask--left, .progress--radial[data-progress="82"] .progress--radial__fill {
    -webkit-transform: rotate(147.6deg);
            transform: rotate(147.6deg); }
  .progress--radial[data-progress="82"] .progress--radial__fill-fix {
    -webkit-transform: rotate(295.2deg);
            transform: rotate(295.2deg); }
  .progress--radial[data-progress="83"] .progress--radial__mask--left, .progress--radial[data-progress="83"] .progress--radial__fill {
    -webkit-transform: rotate(149.4deg);
            transform: rotate(149.4deg); }
  .progress--radial[data-progress="83"] .progress--radial__fill-fix {
    -webkit-transform: rotate(298.8deg);
            transform: rotate(298.8deg); }
  .progress--radial[data-progress="84"] .progress--radial__mask--left, .progress--radial[data-progress="84"] .progress--radial__fill {
    -webkit-transform: rotate(151.2deg);
            transform: rotate(151.2deg); }
  .progress--radial[data-progress="84"] .progress--radial__fill-fix {
    -webkit-transform: rotate(302.4deg);
            transform: rotate(302.4deg); }
  .progress--radial[data-progress="85"] .progress--radial__mask--left, .progress--radial[data-progress="85"] .progress--radial__fill {
    -webkit-transform: rotate(153deg);
            transform: rotate(153deg); }
  .progress--radial[data-progress="85"] .progress--radial__fill-fix {
    -webkit-transform: rotate(306deg);
            transform: rotate(306deg); }
  .progress--radial[data-progress="86"] .progress--radial__mask--left, .progress--radial[data-progress="86"] .progress--radial__fill {
    -webkit-transform: rotate(154.8deg);
            transform: rotate(154.8deg); }
  .progress--radial[data-progress="86"] .progress--radial__fill-fix {
    -webkit-transform: rotate(309.6deg);
            transform: rotate(309.6deg); }
  .progress--radial[data-progress="87"] .progress--radial__mask--left, .progress--radial[data-progress="87"] .progress--radial__fill {
    -webkit-transform: rotate(156.6deg);
            transform: rotate(156.6deg); }
  .progress--radial[data-progress="87"] .progress--radial__fill-fix {
    -webkit-transform: rotate(313.2deg);
            transform: rotate(313.2deg); }
  .progress--radial[data-progress="88"] .progress--radial__mask--left, .progress--radial[data-progress="88"] .progress--radial__fill {
    -webkit-transform: rotate(158.4deg);
            transform: rotate(158.4deg); }
  .progress--radial[data-progress="88"] .progress--radial__fill-fix {
    -webkit-transform: rotate(316.8deg);
            transform: rotate(316.8deg); }
  .progress--radial[data-progress="89"] .progress--radial__mask--left, .progress--radial[data-progress="89"] .progress--radial__fill {
    -webkit-transform: rotate(160.2deg);
            transform: rotate(160.2deg); }
  .progress--radial[data-progress="89"] .progress--radial__fill-fix {
    -webkit-transform: rotate(320.4deg);
            transform: rotate(320.4deg); }
  .progress--radial[data-progress="90"] .progress--radial__mask--left, .progress--radial[data-progress="90"] .progress--radial__fill {
    -webkit-transform: rotate(162deg);
            transform: rotate(162deg); }
  .progress--radial[data-progress="90"] .progress--radial__fill-fix {
    -webkit-transform: rotate(324deg);
            transform: rotate(324deg); }
  .progress--radial[data-progress="91"] .progress--radial__mask--left, .progress--radial[data-progress="91"] .progress--radial__fill {
    -webkit-transform: rotate(163.8deg);
            transform: rotate(163.8deg); }
  .progress--radial[data-progress="91"] .progress--radial__fill-fix {
    -webkit-transform: rotate(327.6deg);
            transform: rotate(327.6deg); }
  .progress--radial[data-progress="92"] .progress--radial__mask--left, .progress--radial[data-progress="92"] .progress--radial__fill {
    -webkit-transform: rotate(165.6deg);
            transform: rotate(165.6deg); }
  .progress--radial[data-progress="92"] .progress--radial__fill-fix {
    -webkit-transform: rotate(331.2deg);
            transform: rotate(331.2deg); }
  .progress--radial[data-progress="93"] .progress--radial__mask--left, .progress--radial[data-progress="93"] .progress--radial__fill {
    -webkit-transform: rotate(167.4deg);
            transform: rotate(167.4deg); }
  .progress--radial[data-progress="93"] .progress--radial__fill-fix {
    -webkit-transform: rotate(334.8deg);
            transform: rotate(334.8deg); }
  .progress--radial[data-progress="94"] .progress--radial__mask--left, .progress--radial[data-progress="94"] .progress--radial__fill {
    -webkit-transform: rotate(169.2deg);
            transform: rotate(169.2deg); }
  .progress--radial[data-progress="94"] .progress--radial__fill-fix {
    -webkit-transform: rotate(338.4deg);
            transform: rotate(338.4deg); }
  .progress--radial[data-progress="95"] .progress--radial__mask--left, .progress--radial[data-progress="95"] .progress--radial__fill {
    -webkit-transform: rotate(171deg);
            transform: rotate(171deg); }
  .progress--radial[data-progress="95"] .progress--radial__fill-fix {
    -webkit-transform: rotate(342deg);
            transform: rotate(342deg); }
  .progress--radial[data-progress="96"] .progress--radial__mask--left, .progress--radial[data-progress="96"] .progress--radial__fill {
    -webkit-transform: rotate(172.8deg);
            transform: rotate(172.8deg); }
  .progress--radial[data-progress="96"] .progress--radial__fill-fix {
    -webkit-transform: rotate(345.6deg);
            transform: rotate(345.6deg); }
  .progress--radial[data-progress="97"] .progress--radial__mask--left, .progress--radial[data-progress="97"] .progress--radial__fill {
    -webkit-transform: rotate(174.6deg);
            transform: rotate(174.6deg); }
  .progress--radial[data-progress="97"] .progress--radial__fill-fix {
    -webkit-transform: rotate(349.2deg);
            transform: rotate(349.2deg); }
  .progress--radial[data-progress="98"] .progress--radial__mask--left, .progress--radial[data-progress="98"] .progress--radial__fill {
    -webkit-transform: rotate(176.4deg);
            transform: rotate(176.4deg); }
  .progress--radial[data-progress="98"] .progress--radial__fill-fix {
    -webkit-transform: rotate(352.8deg);
            transform: rotate(352.8deg); }
  .progress--radial[data-progress="99"] .progress--radial__mask--left, .progress--radial[data-progress="99"] .progress--radial__fill {
    -webkit-transform: rotate(178.2deg);
            transform: rotate(178.2deg); }
  .progress--radial[data-progress="99"] .progress--radial__fill-fix {
    -webkit-transform: rotate(356.4deg);
            transform: rotate(356.4deg); }
  .progress--radial[data-progress="100"] .progress--radial__mask--left, .progress--radial[data-progress="100"] .progress--radial__fill {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .progress--radial[data-progress="100"] .progress--radial__fill-fix {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  .progress--radial__center {
    width: 70px;
    height: 70px;
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
    background-color: #ffffff;
    border-radius: 50%; }
  .progress--radial__content {
    font-size: 28px;
    font-size: 2rem;
    line-height: 38px;
    position: relative;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #373737; }
    .progress--radial__content__measure {
      font-size: 14px;
      font-size: 1rem;
      line-height: 24px; }

.tooltip, [data-tooltip] {
  position: relative;
  /* Shared animations and properties */
  /* Tooltip arrow specific */
  /* Content area specific */
  /* Show and play animation on hover and focus */ }
  .tooltip:not(a), [data-tooltip]:not(a) {
    cursor: help; }
  .tooltip:before, .tooltip:after, [data-tooltip]:before, [data-tooltip]:after {
    position: absolute;
    bottom: 100%;
    left: 0%;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    pointer-events: none; }
  .tooltip:before, [data-tooltip]:before {
    content: "";
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    margin-left: 10px;
    margin-bottom: -12px;
    border-top-color: #222222; }
  .tooltip:after, [data-tooltip]:after {
    padding: 9px;
    padding: 0.64286rem;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    content: attr(data-tooltip);
    z-index: 1000;
    width: 300px;
    background-color: #222222;
    color: #ffffff;
    border-radius: 7px; }
  .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px); }

/* Overrides for bottom position */
.tooltip--bottom:before, .tooltip--bottom:after {
  top: 100%;
  bottom: auto;
  left: 0%; }

.tooltip--bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #222222; }

.tooltip--bottom:hover:before, .tooltip--bottom:hover:after, .tooltip--bottom:focus:before, .tooltip--bottom:focus:after {
  -webkit-transform: translateY(12px);
          transform: translateY(12px); }

/* Overrides for left position */
.tooltip--left:before, .tooltip--left:after {
  right: 100%;
  bottom: 0%;
  left: auto; }

.tooltip--left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 10px;
  border-color: transparent;
  border-left-color: #222222; }

.tooltip--left:after {
  width: 150px; }

.tooltip--left:hover:before, .tooltip--left:hover:after, .tooltip--left:focus:before, .tooltip--left:focus:before {
  -webkit-transform: translateX(-12px);
          transform: translateX(-12px); }

/* Overrides for right position */
.tooltip--right:before, .tooltip--right:after {
  left: 100%;
  bottom: 0%;
  right: auto; }

.tooltip--right:before {
  margin-left: -12px;
  margin-right: 0;
  margin-bottom: 10px;
  border-color: transparent;
  border-right-color: #222222; }

.tooltip--right:after {
  width: 150px; }

.tooltip--right:hover:before, .tooltip--right:hover:after, .tooltip--right:focus:before, .tooltip--right:focus:before {
  -webkit-transform: translateX(12px);
          transform: translateX(12px); }

/* Overrides for light scheme */
.tooltip--light:before {
  border-top-color: #ebebeb; }

.tooltip--light:after {
  background-color: #ebebeb;
  color: #222222; }

.tooltip--light.tooltip--bottom:before {
  border-top-color: transparent;
  border-bottom-color: #ebebeb; }

.segmented-controls {
  margin: 0px;
  margin: 0rem;
  margin-bottom: 35px;
  margin-bottom: 2.5rem;
  padding: 0px;
  padding: 0rem;
  list-style: none; }
  .segmented-controls li {
    margin: 0px;
    margin: 0rem;
    margin-left: -4px;
    margin-left: -0.28571rem;
    display: inline-block; }
  .segmented-controls a {
    color: #6e6e6e;
    border-width: 1px;
    border-style: solid;
    border-color: #6e6e6e;
    border-right-width: 0;
    display: block;
    padding: 6px 16px; }
    .segmented-controls a:hover {
      background-color: #dcdcdc; }
  .segmented-controls li:first-child a {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px; }
  .segmented-controls li:last-child a {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-right-width: 1px; }
  .segmented-controls--active a, .segmented-controls--active a:hover {
    background-color: #6e6e6e;
    border-color: #6e6e6e;
    color: #ffffff; }
  .segmented-controls--active + li a {
    border-left-color: #6e6e6e; }
  .segmented-controls--primary .segmented-controls--active a {
    background-color: #336dc2;
    border-color: #336dc2; }
  .segmented-controls--primary .segmented-controls--active + li a {
    border-left-color: #336dc2; }
  .segmented-controls img {
    max-height: 20px; }
  .segmented-controls--xx-small a {
    padding: 3px 6px;
    font-size: 8px;
    font-size: 0.57143rem;
    line-height: 18px; }
  .segmented-controls--xx-small img {
    max-height: 7px; }
  .segmented-controls--x-small a {
    padding: 1px 12px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px; }
  .segmented-controls--x-small img {
    max-height: 11px; }
  .segmented-controls--small a {
    padding: 2px 12px;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 26px; }
  .segmented-controls--small img {
    max-height: 15px; }
  .segmented-controls--large a {
    padding: 12px 24px;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 26px; }
  .segmented-controls--large img {
    max-height: 25px; }

.card {
  padding: 9px;
  padding: 0.64286rem;
  background-color: #f2f2f2;
  color: #373737;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
  border-radius: 2px; }
  .card--light {
    background-color: #ffffff; }
  .card--dark {
    background-color: #333333;
    box-shadow: 2px 2px 0 #000000;
    color: #ffffff; }

th.sort-column, th.sort-column--asc, th.sort-column--desc {
  cursor: pointer; }
  th.sort-column:before, th.sort-column--asc:before, th.sort-column--desc:before {
    display: none; }
  th.sort-column:after, th.sort-column--asc:after, th.sort-column--desc:after {
    display: inline;
    float: right;
    margin-bottom: 1px; }

th.sort-column:hover, th.sort-column--asc:hover, th.sort-column--desc:hover, th.sort-column--asc, th.sort-column--desc {
  border-bottom-color: #3c85df !important;
  border-bottom-width: 4px;
  color: #3c85df; }
  th.sort-column:hover:after, th.sort-column--asc:hover:after, th.sort-column--desc:hover:after, th.sort-column--asc:after, th.sort-column--desc:after {
    margin-bottom: 0; }

th.sort-column:before, th.sort-column:after {
  content: "\e93e"; }

th.centered-header {
  text-align: center !important; }

th.sort-column--asc:before, th.sort-column--asc:after {
  content: "\e940"; }

th.sort-column--desc:before, th.sort-column--desc:after {
  content: "\e941"; }

td {
  vertical-align: middle; }

.card table tbody:only-of-type tr:first-child td, .card table tbody:only-of-type tr:first-child th {
  border-top: none; }

.card table tbody:only-of-type tr:last-child td, .card table tbody:only-of-type tr:last-child th {
  border-bottom: none; }

.notification {
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15); }
  .notification.notification--light {
    background: #ffffff; }

.new-feature-bar {
  margin-bottom: 18px;
  margin-bottom: 1.28571rem;
  padding-bottom: 9px;
  padding-bottom: 0.64286rem;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: inherit;
  border-color: #dcdcdc; }

.button, input[type="submit"] {
  margin-bottom: 0px;
  margin-bottom: 0rem; }

input, select, textarea {
  border-radius: 4px; }

input[type="checkbox"] {
  font-size: 16px; }
  input[type=checkbox].indeterminate {
    background: #336dc2;
    border-color: #336dc2; }
    input[type=checkbox].indeterminate:after {
      content: "\e61C";
      color: #ffffff;
      font-family: "Redgate";
      position: absolute;
      left: 0;
      top: 0; }

select[multiple] {
  background-image: none; }

/*
  Labels
*/
.label {
  /*
    Light Labels
  */ }
  .label.label--info {
    color: #ffffff;
    background-color: #336dc2; }
  .label.label--warning {
    color: #ffffff;
    background-color: #fc9003; }
  .label.label--error {
    color: #ffffff;
    background-color: #cc0000; }
  .label.label--success {
    color: #ffffff;
    background-color: #1aac1e; }
  .label.label-light--info {
    color: #222222;
    background-color: #d8e7f9; }
  .label.label-light--warning {
    color: #222222;
    background-color: #ffebcc; }
  .label.label-light--error {
    color: #222222;
    background-color: #f5cccc; }
  .label.label-light--success {
    color: #222222;
    background-color: #d1eed2; }


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