cardinal.css

/*! cardinalcss v3.7.0 | MIT License | http://cardinalcss.com */
@charset "UTF-8";
/*! 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] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  /* 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;
}
/* ========================================================================== *\
   Base -> Reset ($base-reset)
\* ========================================================================== */
/**
 * `border-box`... ALL THE THINGS!
 *
 * @link http://cbrac.co/RQrDL5
 */
html {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
/**
 * Inheriting the `box-sizing` property is a better practice.
 *
 * @link http://cbrac.co/1tqPFsy
 */
*,
*:before,
*:after {
  -moz-box-sizing: inherit;
       box-sizing: inherit;
}
/**
 * Remove margins, paddings, and borders from HTML elements.
 *
 * @link http://cbrac.co/1Ev9etR
 */
a,
abbr,
acronym,
address,
applet,
article,
aside,
b,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
menu,
nav,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
u,
ul,
var {
  margin: 0;
  padding: 0;
  border: 0;
}
/**
 * Remove default border for <iframe> elements.
 *
 * @link http://cbrac.co/1CVyNTj
 */
iframe {
  border: 0;
}
/**
 * Suppress the focus outline on links that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 *
 * It is okay to use `!important` here because we always want this rule to take
 * precedence.
 *
 * @link http://cbrac.co/1Evazku
 */
[tabindex="-1"]:focus {
  outline: none !important;
}
/* ========================================================================== *\
   Base -> Root ($base-root)
\* ========================================================================== */
/**
 * The <html> element.
 *
 * 1. Set the default `font-size` and `line-height` for the project based on
      variables set previously. The `font-size` is represented in `rem`s, and
      the `line-height` is represented as a unitless value.
*
 * 2. Force a vertical scrollbar.
 *
 *    @link http://cbrac.co/163MspB
 *
 * 3. Ensure the <html> element's `height` is at least the viewport height.
 *
 * NOTES:
 *
 * - Use `text-rendering` with caution.
 *
 *   @link http://cbrac.co/SJt8p1
 *
 * - Avoid the webkit anti-aliasing trap.
 *
 *   @link http://cbrac.co/TAdhbH
 *
 * - IE for Windows Phone 8 ignores `-ms-text-size-adjust` if the viewport
 *   <meta> tag is used.
 *
 *   @link http://cbrac.co/1cFrAvl
 */
html {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /* 1 */
  line-height: 1.5;
  /* 1 */
  overflow-y: scroll;
  /* 2 */
  height: 100%;
  /* 3 */
  background-color: #ffffff;
  color: #444444;
}
/**
 * The <body> element.
 *
 * 1. Ensure the <body> element's `min-height` is at least the viewport height.
 */
body {
  min-height: 100%;
  /* 1 */
}
/**
 * Set a consistent margin for common elements to maintain vertical rhythm.
 */
blockquote,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
hr,
menu,
ol,
p,
pre,
summary,
table,
ul {
  /*px*/ margin-bottom: 24px;
  /*rem*/ margin-bottom: 1.5rem;
}
/**
 * Add word wrapping and basic hyphenation to common elements.
 */
caption,
p,
table,
td,
textarea,
th {
  word-wrap: break-word;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
/**
 * NOTE: Do not remove :focus styles! It’s an accessibility no-no.
 *
 * @link http://cbrac.co/1cNYD2l
 */
:focus {
  /*px*/ outline: 1px dotted #222222 5px auto -webkit-focus-ring-color;
  /*rem*/ outline: 0.0625rem dotted #222222 0.3125rem auto -webkit-focus-ring-color;
}
/* ========================================================================== *\
   Base -> Anchors ($base-anchors)
\* ========================================================================== */
a {
  text-decoration: underline;
  color: #069;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
/* ========================================================================== *\
   Base -> Text Elements ($base-text-elements)
\* ========================================================================== */
/**
 * Add a help cursor to elements that need one.
 */
abbr,
acronym,
dfn[title] {
  cursor: help;
}
/**
 * Remove `text-decoration` on links inside <abbr> elements, since there are
 * already border styles on the <abbr> element.
 */
abbr a {
  text-decoration: none;
}
/**
 * Set <acronym> elements to be uppercase by default.
 */
acronym {
  text-transform: uppercase;
}
/**
 * Set some basic styles for <del> tags.
 */
del {
  font-style: italic;
  text-decoration: line-through;
  color: #777777;
}
/**
 * Give <details> elements a pointer cursor.
 */
details {
  cursor: pointer;
}
/**
 * Set some basic styles for definition lists.
 */
dl dt {
  font-weight: 700;
  color: #222222;
}
dl dd {
  margin: 0;
}
/**
 * Ensure commonly italicized elements are italicized.
 */
em,
i,
cite {
  font-style: italic;
}
/**
 * Address styling not present in IE9.
 */
ins,
mark {
  text-decoration: none;
  color: #222222;
  background: #ff9;
}
/* ========================================================================== *\
   Base -> Headings ($base-headings)
\* ========================================================================== */
/**
 * NOTE: Use the `text-rendering` property with caution.
 *
 * @link http://cbrac.co/SJt8p1
 * @link http://cbrac.co/1Fjv7IR
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 700;
  color: #222222;
}
h1,
.h1 {
  /*px*/ font-size: 36px;
  /*rem*/ font-size: 2.25rem;
}
h2,
.h2 {
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
}
h3,
.h3 {
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
}
h4,
.h4 {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
h5,
.h5 {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
h6,
.h6 {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
/* ========================================================================== *\
   Base -> Lists ($base-lists)
\* ========================================================================== */
/**
 * Set some basic styles for definition lists.
 */
dl dt {
  font-weight: 700;
  color: #222222;
}
dl dd {
  margin: 0;
}
/**
 * Reset the left margin for <ol> and <ul> elements.
 */
ol li,
ul li {
  /*px*/ margin-left: 24px;
  /*rem*/ margin-left: 1.5rem;
}
/**
 * Set nested `list-style` types for ordered lists.
 */
ol {
  list-style: decimal;
}
ol ol {
  list-style: upper-alpha;
}
ol ol ol {
  list-style: lower-roman;
}
ol ol ol ol {
  list-style: lower-alpha;
}
/**
 * Remove `margin-bottom` on nested lists.
 */
ol ol,
ul ol,
ol ul,
ul ul {
  margin-bottom: 0;
}
/* ========================================================================== *\
   Base -> Horizontal Rules ($base-horizontal-rules)
\* ========================================================================== */
hr {
  display: block;
  padding: 0;
  border: 0;
  /*px*/ border-top: 1px solid #dedede;
  /*rem*/ border-top: 0.0625rem solid #dedede;
}
/* ========================================================================== *\
   Base -> Blockquotes ($base-blockquotes)
\* ========================================================================== */
blockquote {
  color: #777777;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-style: italic;
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
  /*px*/ margin-left: 24px;
  /*rem*/ margin-left: 1.5rem;
  /*px*/ padding-left: 24px;
  /*rem*/ padding-left: 1.5rem;
  /*px*/ border-left: 6px solid #dedede;
  /*rem*/ border-left: 0.375rem solid #dedede;
  /**
   * Use <cite> inside blockquotes.
   *
   * @link http://cbrac.co/18LWCOw
   */
}
blockquote p {
  margin: 0;
}
blockquote p + p {
  /*px*/ margin-top: 24px;
  /*rem*/ margin-top: 1.5rem;
}
blockquote cite {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  color: #777777;
  /**
     * Add an m-dash character before the <cite> tag.
     */
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a {
  color: #777777;
}
/* ========================================================================== *\
   Base -> Code ($base-code)
\* ========================================================================== */
/**
 * 1. Correct `font-family` set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: Monaco, Consolas, "Liberation Mono", Courier, monospace;
  /* 1 */
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  font-style: normal;
  color: #222222;
}
code {
  margin: 0;
  /*px*/ padding: 2px 6px;
  /*rem*/ padding: 0.125rem 0.375rem;
  white-space: nowrap;
  /*px*/ border: 1px solid #dedede;
  /*rem*/ border: 0.0625rem solid #dedede;
  /*px*/ border-radius: 3px;
  /*rem*/ border-radius: 0.1875rem;
  background-color: #f8f8f8;
}
kbd {
  position: relative;
  top: -1px;
  margin-bottom: 1px;
  /*px*/ padding: 2px 6px;
  /*rem*/ padding: 0.125rem 0.375rem;
  white-space: nowrap;
  /*px*/ border: 1px solid #dedede;
  /*rem*/ border: 0.0625rem solid #dedede;
  /*px*/ border-radius: 3px;
  /*rem*/ border-radius: 0.1875rem;
  background-color: #f8f8f8;
  box-shadow: 0 1px 0 #dedede, inset 0 0 0 1px #ffffff;
}
pre {
  position: relative;
  overflow: auto;
  /*px*/ padding: 24px;
  /*rem*/ padding: 1.5rem;
  white-space: pre;
  word-wrap: normal;
  word-break: normal;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  -webkit-hyphens: none;
     -moz-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  color: #444444;
  background: #f8f8f8;
  /**
   * Reset the above <code> styles when nested inside <pre> tags.
   */
}
pre code {
  display: block;
  overflow: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  white-space: pre;
  color: inherit;
  border: none;
  border-radius: 0;
  background: transparent;
}
/* ========================================================================== *\
   Base -> Embedded Content ($base-embedded-content)
\* ========================================================================== */
/**
 * Remove the gap between audio, canvas, iframes, images, videos and the bottom
 * of their containers.
 *
 * @link http://cbrac.co/Q6smqV
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/**
 * Fluid-width <audio>, <canvas>, & <video> elements.
 */
audio,
canvas,
video {
  width: 100%;
}
audio:focus,
canvas:focus,
video:focus {
  outline: 1px dotted #000000;
}
/**
 * Fluid-width media elements that maintain their aspect ratios.
 */
embed,
img,
object,
video {
  max-width: 100%;
  height: auto;
}
embed,
object {
  height: 100%;
}
/**
 * Reset `margin` for figure elements.
 */
figure {
  margin-right: auto;
  margin-left: auto;
}
/**
 * Set <img> elements as block-level inside <figure> elements.
 */
figure > img {
  display: block;
}
/**
 * Give <figcaption> elements some default styles.
 */
figcaption {
  /*px*/ font-size: 13px;
  /*rem*/ font-size: 0.8125rem;
  font-style: italic;
  /*px*/ margin-top: 8px;
  /*rem*/ margin-top: 0.5rem;
  color: #777777;
}
/**
 * 1. If images do not load, the `alt` text will be visually offset and more
 *    noticeable.
 * 2. Improve image resize rendering in IE6/7.
 *
 *    @link http://cbrac.co/11ciIZL
 */
img {
  font-style: italic;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/* ========================================================================== *\
   Base -> Form Elements ($base-form-elements)
\* ========================================================================== */
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where [2] destroys native
 *    <audio> and <video> controls.
 * 2. Improve usability and consistency of cursor style between
 *    image-type <input> and others.
 */
button,
html input[type="button"],
input[type="checkbox"],
input[type="file"],
input[type="image"],
input[type="radio"],
input[type="reset"],
input[type="submit"],
label,
select {
  cursor: pointer;
  /* 2 */
}
/**
 * Fix vertical alignment inconsistencies with certain form inputs.
 */
input[type="color"],
input[type="range"] {
  vertical-align: middle;
}
/**
 * 1. Set `min-width` to 0 to avoid overflow issues in Chrome.
 * 2. Remove default `margin`, `padding`, and `border` across browsers.
 */
fieldset {
  min-width: 0;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 2 */
  border: 0;
  /* 2 */
}
/**
 * 1. Set checkbox, image, and radio inputs to `inline-block`, by default.
 */
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  display: inline-block;
  /* 1 */
  width: auto;
}
/**
 * 1. Constrict `max-width` for file inputs to avoid overflow issues.
 */
input[type="file"] {
  max-width: 100%;
  /* 1 */
  cursor: pointer;
}
/**
 * 1. Set search inputs to `border-box` by default. This overrides the
 *    `content-box` value set by normalize.css.
 * 2. Remove rounded corners from iOS search inputs by overriding `appearance:
 *    textfield` from normalize.css.
 *
 *    @link http://cbrac.co/1xgTke2
 */
input[type="search"] {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  /* 1 */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* 2 */
}
/**
 * Remove rounded corners that iOS and Chrome apply to <input> buttons and
 * <select> menus.
 */
input[type="submit"],
input[type="button"],
input[type="image"],
input[type="reset"],
select {
  border-radius: 0;
}
/**
 * 1. Force Safari to give <legend> elements 100% width.
 * 2. Remove `padding` so people aren't caught out if they zero out <fieldset>.
 * 3. Correct `color` not being inherited in IE 8/9.
 */
legend {
  font-weight: 700;
  width: 100%;
  /* 1 */
  padding: 0;
  /* 2 */
  color: #222222;
  /* 3 */
  border: 0;
}
/**
 * 1. Restrict width to 100% of its parent to avoid horizontal overflow issues.
 * 2. Force `height: auto;` for <textarea> across browsers.
 * 3. <textarea> elements should only resize vertically.
 */
textarea {
  max-width: 100%;
  /* 1 */
  height: auto;
  /* 2 */
  resize: vertical;
  /* 3 */
}
/* ========================================================================== *\
   Base -> Tables ($base-tables)
\* ========================================================================== */
table {
  width: 100%;
  empty-cells: show;
}
th,
tfoot td {
  text-align: left;
}
th,
td {
  overflow: visible;
}
/* ========================================================================== *\
   Base -> Print ($base-print)
\* ========================================================================== */
/**
 * Print styles extracted from HTML5-Boilerplate
 *
 * @link http://cbrac.co/1RvNULl
 */
@media print {
  /* 1. Black prints faster - http://cbrac.co/XvusCs */
  * {
    color: #000000 !important;
    /* 1 */
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  @page {
    margin: 0.5cm;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  /* Don’t show links for images, or javascript/internal links */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  blockquote,
  pre {
    border: 1px solid #777777;
    page-break-inside: avoid;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  /* 1. http://cbrac.co/Q6s1o2 */
  thead {
    display: table-header-group;
    /* 1 */
  }
}
/* ========================================================================== *\
   Layout -> Boxes ($layout-boxes)
\* ========================================================================== */
.box {
  display: block;
  /*px*/ padding: 24px;
  /*rem*/ padding: 1.5rem;
  background-color: #efefef;
}
.box > *:last-child {
  margin-bottom: 0;
}
/**
 * Give `.box` a border style.
 */
.box-border {
  /*px*/ border: 1px solid #dedede;
  /*rem*/ border: 0.0625rem solid #dedede;
}
/**
 * Give `.box` rounded edges.
 */
.box-round {
  /*px*/ border-radius: 3px;
  /*rem*/ border-radius: 0.1875rem;
}
/**
 * Remove padding from default `.box`.
 */
.box-flush {
  padding: 0;
}
/**
 * Give `.box` the appearance of being raised above its surrounding area.
 */
.box-raise {
  /*px*/ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  /*rem*/ box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
}
/**
 * Give `.box` the appearance of being sunken beneath its surrounding area.
 */
.box-sink {
  /*px*/ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) inset;
  /*rem*/ box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15) inset;
}
/* ========================================================================== *\
   Objects -> Buttons ($objects-buttons)
\* ========================================================================== */
.btn {
  font-family: inherit;
  font-weight: 700;
  line-height: 1.5;
  display: inline-block;
  margin: 0;
  /*px*/ padding: 10px 14px;
  /*rem*/ padding: 0.625rem 0.875rem;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  color: #444444;
  border: 0 none;
  background-color: #dedede;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /**
   * States
   */
}
.btn:hover {
  background-color: #e3e3e3;
}
.btn:active,
.btn.is-active {
  background-color: #d9d9d9;
  /*px*/ box-shadow: 0 0 8px rgba(0, 0, 0, 0.25) inset;
  /*rem*/ box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25) inset;
}
.btn:active:focus {
  outline: 0 none;
}
.btn:disabled,
.btn[disabled],
.btn.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.50;
  box-shadow: none;
  text-shadow: none;
}
/**
 * Shapes
 */
.btn-round,
input[type="button"].btn-round,
input[type="submit"].btn-round {
  /*px*/ border-radius: 3px;
  /*rem*/ border-radius: 0.1875rem;
}
/**
 * Sizes
 */
.btn-xs {
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  /*px*/ padding: 4px 8px;
  /*rem*/ padding: 0.25rem 0.5rem;
}
.btn-sm {
  /*px*/ font-size: 13px;
  /*rem*/ font-size: 0.8125rem;
  /*px*/ padding: 6px 10px;
  /*rem*/ padding: 0.375rem 0.625rem;
}
.btn-block {
  display: block;
}
@media (min-width: 960px) {
  .btn-lg,
  .btn-block {
    /*px*/ font-size: 20px;
    /*rem*/ font-size: 1.25rem;
    /*px*/ padding: 16px 24px;
    /*rem*/ padding: 1rem 1.5rem;
  }
}
/**
 * Colors
 */
.btn-primary {
  color: #ffffff;
  background-color: #1fa3ec;
}
.btn-primary:hover {
  background-color: #32abee;
}
.btn-primary:active,
.btn-primary.is-active {
  background-color: #1399e3;
}
/**
 * Groups
 */
.btn-group .btn {
  /*px*/ margin: 0 2px;
  /*rem*/ margin: 0 0.125rem;
}
.btn-group .btn.btn-lg {
  /*px*/ margin: 0 4px;
  /*rem*/ margin: 0 0.25rem;
}
.btn-group .btn:first-child {
  margin-left: 0;
}
.btn-group .btn:last-child {
  margin-right: 0;
}
/* ========================================================================== *\
   Objects -> Forms ($objects-forms)
\* ========================================================================== */
.form-label {
  display: inline-block;
}
.form-label + .form-input,
.form-label + .form-select,
.form-label + .form-textarea {
  /*px*/ margin-top: 4px;
  /*rem*/ margin-top: 0.25rem;
}
/**
 * Give certain <input>, <select>, and <textarea> elements some default
 * styles
 */
.form-input[type="date"],
.form-input[type="datetime"],
.form-input[type="datetime-local"],
.form-input[type="email"],
.form-input[type="month"],
.form-input[type="number"],
.form-input[type="password"],
.form-input[type="search"],
.form-input[type="tel"],
.form-input[type="text"],
.form-input[type="time"],
.form-input[type="url"],
.form-input[type="week"],
.form-select,
.form-textarea {
  line-height: 1.5;
  display: block;
  width: 100%;
  /*px*/ height: 44px;
  /*rem*/ height: 2.75rem;
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
  color: #222222;
  /*px*/ border: 1px solid #dedede;
  /*rem*/ border: 0.0625rem solid #dedede;
}
.form-input[type="date"]:focus,
.form-input[type="datetime"]:focus,
.form-input[type="datetime-local"]:focus,
.form-input[type="email"]:focus,
.form-input[type="month"]:focus,
.form-input[type="number"]:focus,
.form-input[type="password"]:focus,
.form-input[type="search"]:focus,
.form-input[type="tel"]:focus,
.form-input[type="text"]:focus,
.form-input[type="time"]:focus,
.form-input[type="url"]:focus,
.form-input[type="week"]:focus,
.form-select:focus,
.form-textarea:focus {
  border-color: #1fa3ec;
}
/**
 * 1. Increase padding to correct line-height in Firefox
 * 2. Give <select> menus a solid background color
 */
.form-select {
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  /* 1 */
  background: #f8f8f8;
  /* 2 */
}
.form-input-round {
  /*px*/ border-radius: 3px;
  /*rem*/ border-radius: 0.1875rem;
}
/* ========================================================================== *\
   Objects -> Lists ($objects-lists)
\* ========================================================================== */
/**
 * Bare Lists
 *
 * Use to remove default list styles from <ol> and <ul> elements.
 */
.list-bare {
  list-style: none;
}
.list-bare li {
  margin-left: 0;
}
/**
 * Reset Lists
 *
 * Use to remove all list styles from <ol> and <ul> elements.
 */
.list-reset {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-reset li {
  margin-left: 0;
}
/**
 * Inline Lists
 *
 * Create inline-style list items with <ol> and <ul> elements.
 */
.list-inline {
  list-style: none;
  padding: 0;
}
.list-inline li {
  display: inline;
  margin-left: 0;
}
/**
 * Delimited lists
 * Hat tip to @csswizardry for the technique.
 *
 * @link http://cbrac.co/1RvOzMU
 */
.list-inline-delimited > li + li:before {
  content: ",\00A0";
}
/* ========================================================================== *\
   Objects -> Tables ($objects-tables)
\* ========================================================================== */
/**
 * Wrap a <table> with a `.table-container` element to add horizontal scrolling
 * if the <table> contents overflow its grandparent.
 */
.table-container {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
/* Default, borderless */
.table {
  width: 100%;
  max-width: 100%;
}
.table caption {
  font-weight: 700;
  font-style: italic;
  /*px*/ padding-bottom: 4px;
  /*rem*/ padding-bottom: 0.25rem;
}
.table th,
.table tfoot td {
  font-weight: 700;
  text-align: left;
  color: #222222;
}
.table thead th,
.table tfoot td {
  background-color: #efefef;
}
.table th,
.table td {
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
  vertical-align: top;
}
/**
 * Give the <table> element an outer border.
 */
.table-border {
  /*px*/ border: 1px solid #dedede;
  /*rem*/ border: 0.0625rem solid #dedede;
}
/**
 * Give the <table> element inner cell borders.
 */
.table-border-cells th,
.table-border-cells td {
  /*px*/ border-top: 1px solid #dedede;
  /*rem*/ border-top: 0.0625rem solid #dedede;
  /*px*/ border-left: 1px solid #dedede;
  /*rem*/ border-left: 0.0625rem solid #dedede;
}
/**
 * Give Give the <table> inner row borders.
 */
.table-border-rows th,
.table-border-rows td {
  /*px*/ border-top: 1px solid #dedede;
  /*rem*/ border-top: 0.0625rem solid #dedede;
}
/**
 * Remove border on 1st-row cells to avoid a double border.
 */
.table-border.table-border-cells thead:first-child tr:first-child th,
.table-border.table-border-cells thead:first-child tr:first-child td,
.table-border.table-border-rows thead:first-child tr:first-child th,
.table-border.table-border-rows thead:first-child tr:first-child td {
  border-top: 0;
}
/**
 * Remove border on 1st cells in every row to create a grid effect.
 */
.table-border-cells tr th:first-child,
.table-border-cells tr td:first-child {
  border-left: 0;
}
/**
 * Remove border on 1st-row cells to create a grid effect.
 */
.table-border-cells tr:first-child th,
.table-border-cells thead:first-child tr:first-child th {
  border-top: 0;
}
/**
 * Add a bottom border to the last row in the table.
 */
.table-border-rows tr:last-child td {
  /*px*/ border-bottom: 1px solid #dedede;
  /*rem*/ border-bottom: 0.0625rem solid #dedede;
}
/**
 * Alternate `background-color` for all table rows.
 */
.table-striped tbody > tr:nth-child(odd) > td {
  background-color: #f8f8f8;
}
/* ========================================================================== *\
   Layout -> Wrappers ($layout-wrappers)
\* ========================================================================== */
.wrapper {
  width: 94%;
  /*px*/ max-width: 1024px;
  /*rem*/ max-width: 64rem;
  margin: 0 auto;
}
@media print {
  .wrapper {
    width: auto;
  }
}
/**
 * Force `.wrapper` to sit flush with its parent.
 */
.wrapper-flush {
  width: 100%;
}
/**
 * Remove any width constraints from the `.wrapper`.
 */
.wrapper-full-bleed {
  width: auto;
  max-width: none;
}
/* ========================================================================== *\
   Layout -> Grids ($layout-grids)
\* ========================================================================== */
/**
 * Grid System
 * Hat tip to @csswizardry for the `display: inline-block` grid technique.
 *
 * @link http://cbrac.co/1RvPb53
 */
/**
 * Grid containers
 * 1. Remove default styles in case `.grid` is on a <ul> or <ol> element.
 * 2. Default gutter width.
 * 3. Hack to remove `inline-block` whitespace. This causes some issues on pre-
 *    Jellybean and Jellybean versions of Android
 *
 *    @link http://cbrac.co/1xh3hs0
 *    @link http://cbrac.co/16xcjcl
 */
.grid {
  margin: 0;
  /* 1 */
  /*px*/ margin-left: -24px;
  /*rem*/ margin-left: -1.5rem;
  /* 2 */
  padding: 0;
  /* 1 */
  list-style: none;
  /* 1 */
  font-size: 0;
  /* 3 */
}
/**
 * Grid items
 * 1. Remove default styles in case `.grid-item` is on an <li> element.
 * 2. `.grid-item` elements are 100% width by default.
 * 3. Default gutter width = @grid-gutter-base.
 * 4. Ensure `.grid-item` is aligned to the top of its container.
 * 5. Reset font size to the global default.
 */
.grid-item {
  display: inline-block;
  margin-left: 0;
  /* 1 */
  width: 100%;
  /* 2 */
  /*px*/ padding-left: 24px;
  /*rem*/ padding-left: 1.5rem;
  /* 3 */
  vertical-align: top;
  /* 4 */
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /* 5 */
}
/**
 * Grid items rendering order
 * .grid-ltr = left-to-right (default)
 * .grid-rtl = right-to-left
 */
.grid-ltr {
  direction: ltr;
  text-align: left;
}
.grid-ltr > .grid-item {
  direction: rtl;
  text-align: left;
}
.grid-rtl {
  direction: rtl;
  text-align: left;
}
.grid-rtl > .grid-item {
  direction: ltr;
  text-align: left;
}
@media (min-width: 480px) {
  .xs-grid-ltr {
    direction: ltr;
    text-align: left;
  }
  .xs-grid-ltr > .grid-item {
    direction: rtl;
    text-align: left;
  }
  .xs-grid-rtl {
    direction: rtl;
    text-align: left;
  }
  .xs-grid-rtl > .grid-item {
    direction: ltr;
    text-align: left;
  }
}
@media (min-width: 600px) {
  .sm-grid-ltr {
    direction: ltr;
    text-align: left;
  }
  .sm-grid-ltr > .grid-item {
    direction: rtl;
    text-align: left;
  }
  .sm-grid-rtl {
    direction: rtl;
    text-align: left;
  }
  .sm-grid-rtl > .grid-item {
    direction: ltr;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .md-grid-ltr {
    direction: ltr;
    text-align: left;
  }
  .md-grid-ltr > .grid-item {
    direction: rtl;
    text-align: left;
  }
  .md-grid-rtl {
    direction: rtl;
    text-align: left;
  }
  .md-grid-rtl > .grid-item {
    direction: ltr;
    text-align: left;
  }
}
@media (min-width: 960px) {
  .lg-grid-ltr {
    direction: ltr;
    text-align: left;
  }
  .lg-grid-ltr > .grid-item {
    direction: rtl;
    text-align: left;
  }
  .lg-grid-rtl {
    direction: rtl;
    text-align: left;
  }
  .lg-grid-rtl > .grid-item {
    direction: ltr;
    text-align: left;
  }
}
@media (min-width: 1140px) {
  .xl-grid-ltr {
    direction: ltr;
    text-align: left;
  }
  .xl-grid-ltr > .grid-item {
    direction: rtl;
    text-align: left;
  }
  .xl-grid-rtl {
    direction: rtl;
    text-align: left;
  }
  .xl-grid-rtl > .grid-item {
    direction: ltr;
    text-align: left;
  }
}
@media (min-width: 1380px) {
  .xxl-grid-ltr {
    direction: ltr;
    text-align: left;
  }
  .xxl-grid-ltr > .grid-item {
    direction: rtl;
    text-align: left;
  }
  .xxl-grid-rtl {
    direction: rtl;
    text-align: left;
  }
  .xxl-grid-rtl > .grid-item {
    direction: ltr;
    text-align: left;
  }
}
/**
 * Grid gutters
 */
.gutter-0,
.gutter-none {
  margin-left: 0;
}
.gutter-0 > .grid-item,
.gutter-none > .grid-item {
  padding-left: 0;
}
.gutter-1px {
  /*px*/ margin-left: -1px;
  /*rem*/ margin-left: -0.0625rem;
}
.gutter-1px > .grid-item {
  /*px*/ padding-left: 1px;
  /*rem*/ padding-left: 0.0625rem;
}
[class~="gutter-1/2"],
.gutter-half {
  /*px*/ margin-left: -12px;
  /*rem*/ margin-left: -0.75rem;
}
[class~="gutter-1/2"] > .grid-item,
.gutter-half > .grid-item {
  /*px*/ padding-left: 12px;
  /*rem*/ padding-left: 0.75rem;
}
.gutter-1,
.gutter-whole {
  /*px*/ margin-left: -24px;
  /*rem*/ margin-left: -1.5rem;
}
.gutter-1 > .grid-item,
.gutter-whole > .grid-item {
  /*px*/ padding-left: 24px;
  /*rem*/ padding-left: 1.5rem;
}
.gutter-2,
.gutter-double {
  /*px*/ margin-left: -48px;
  /*rem*/ margin-left: -3rem;
}
.gutter-2 > .grid-item,
.gutter-double > .grid-item {
  /*px*/ padding-left: 48px;
  /*rem*/ padding-left: 3rem;
}
@media (min-width: 480px) {
  .xs-gutter-0,
  .xs-gutter-none {
    margin-left: 0;
  }
  .xs-gutter-0 > .grid-item,
  .xs-gutter-none > .grid-item {
    padding-left: 0;
  }
  .xs-gutter-1px {
    /*px*/ margin-left: -1px;
    /*rem*/ margin-left: -0.0625rem;
  }
  .xs-gutter-1px > .grid-item {
    /*px*/ padding-left: 1px;
    /*rem*/ padding-left: 0.0625rem;
  }
  [class~="xs-gutter-1/2"],
  .xs-gutter-half {
    /*px*/ margin-left: -12px;
    /*rem*/ margin-left: -0.75rem;
  }
  [class~="xs-gutter-1/2"] > .grid-item,
  .xs-gutter-half > .grid-item {
    /*px*/ padding-left: 12px;
    /*rem*/ padding-left: 0.75rem;
  }
  .xs-gutter-1,
  .xs-gutter-whole {
    /*px*/ margin-left: -24px;
    /*rem*/ margin-left: -1.5rem;
  }
  .xs-gutter-1 > .grid-item,
  .xs-gutter-whole > .grid-item {
    /*px*/ padding-left: 24px;
    /*rem*/ padding-left: 1.5rem;
  }
  .xs-gutter-2,
  .xs-gutter-double {
    /*px*/ margin-left: -48px;
    /*rem*/ margin-left: -3rem;
  }
  .xs-gutter-2 > .grid-item,
  .xs-gutter-double > .grid-item {
    /*px*/ padding-left: 48px;
    /*rem*/ padding-left: 3rem;
  }
}
@media (min-width: 600px) {
  .sm-gutter-0,
  .sm-gutter-none {
    margin-left: 0;
  }
  .sm-gutter-0 > .grid-item,
  .sm-gutter-none > .grid-item {
    padding-left: 0;
  }
  .sm-gutter-1px {
    /*px*/ margin-left: -1px;
    /*rem*/ margin-left: -0.0625rem;
  }
  .sm-gutter-1px > .grid-item {
    /*px*/ padding-left: 1px;
    /*rem*/ padding-left: 0.0625rem;
  }
  [class~="sm-gutter-1/2"],
  .sm-gutter-half {
    /*px*/ margin-left: -12px;
    /*rem*/ margin-left: -0.75rem;
  }
  [class~="sm-gutter-1/2"] > .grid-item,
  .sm-gutter-half > .grid-item {
    /*px*/ padding-left: 12px;
    /*rem*/ padding-left: 0.75rem;
  }
  .sm-gutter-1,
  .sm-gutter-whole {
    /*px*/ margin-left: -24px;
    /*rem*/ margin-left: -1.5rem;
  }
  .sm-gutter-1 > .grid-item,
  .sm-gutter-whole > .grid-item {
    /*px*/ padding-left: 24px;
    /*rem*/ padding-left: 1.5rem;
  }
  .sm-gutter-2,
  .sm-gutter-double {
    /*px*/ margin-left: -48px;
    /*rem*/ margin-left: -3rem;
  }
  .sm-gutter-2 > .grid-item,
  .sm-gutter-double > .grid-item {
    /*px*/ padding-left: 48px;
    /*rem*/ padding-left: 3rem;
  }
}
@media (min-width: 768px) {
  .md-gutter-0,
  .md-gutter-none {
    margin-left: 0;
  }
  .md-gutter-0 > .grid-item,
  .md-gutter-none > .grid-item {
    padding-left: 0;
  }
  .md-gutter-1px {
    /*px*/ margin-left: -1px;
    /*rem*/ margin-left: -0.0625rem;
  }
  .md-gutter-1px > .grid-item {
    /*px*/ padding-left: 1px;
    /*rem*/ padding-left: 0.0625rem;
  }
  [class~="md-gutter-1/2"],
  .md-gutter-half {
    /*px*/ margin-left: -12px;
    /*rem*/ margin-left: -0.75rem;
  }
  [class~="md-gutter-1/2"] > .grid-item,
  .md-gutter-half > .grid-item {
    /*px*/ padding-left: 12px;
    /*rem*/ padding-left: 0.75rem;
  }
  .md-gutter-1,
  .md-gutter-whole {
    /*px*/ margin-left: -24px;
    /*rem*/ margin-left: -1.5rem;
  }
  .md-gutter-1 > .grid-item,
  .md-gutter-whole > .grid-item {
    /*px*/ padding-left: 24px;
    /*rem*/ padding-left: 1.5rem;
  }
  .md-gutter-2,
  .md-gutter-double {
    /*px*/ margin-left: -48px;
    /*rem*/ margin-left: -3rem;
  }
  .md-gutter-2 > .grid-item,
  .md-gutter-double > .grid-item {
    /*px*/ padding-left: 48px;
    /*rem*/ padding-left: 3rem;
  }
}
@media (min-width: 960px) {
  .lg-gutter-0,
  .lg-gutter-none {
    margin-left: 0;
  }
  .lg-gutter-0 > .grid-item,
  .lg-gutter-none > .grid-item {
    padding-left: 0;
  }
  .lg-gutter-1px {
    /*px*/ margin-left: -1px;
    /*rem*/ margin-left: -0.0625rem;
  }
  .lg-gutter-1px > .grid-item {
    /*px*/ padding-left: 1px;
    /*rem*/ padding-left: 0.0625rem;
  }
  [class~="lg-gutter-1/2"],
  .lg-gutter-half {
    /*px*/ margin-left: -12px;
    /*rem*/ margin-left: -0.75rem;
  }
  [class~="lg-gutter-1/2"] > .grid-item,
  .lg-gutter-half > .grid-item {
    /*px*/ padding-left: 12px;
    /*rem*/ padding-left: 0.75rem;
  }
  .lg-gutter-1,
  .lg-gutter-whole {
    /*px*/ margin-left: -24px;
    /*rem*/ margin-left: -1.5rem;
  }
  .lg-gutter-1 > .grid-item,
  .lg-gutter-whole > .grid-item {
    /*px*/ padding-left: 24px;
    /*rem*/ padding-left: 1.5rem;
  }
  .lg-gutter-2,
  .lg-gutter-double {
    /*px*/ margin-left: -48px;
    /*rem*/ margin-left: -3rem;
  }
  .lg-gutter-2 > .grid-item,
  .lg-gutter-double > .grid-item {
    /*px*/ padding-left: 48px;
    /*rem*/ padding-left: 3rem;
  }
}
@media (min-width: 1140px) {
  .xl-gutter-0,
  .xl-gutter-none {
    margin-left: 0;
  }
  .xl-gutter-0 > .grid-item,
  .xl-gutter-none > .grid-item {
    padding-left: 0;
  }
  .xl-gutter-1px {
    /*px*/ margin-left: -1px;
    /*rem*/ margin-left: -0.0625rem;
  }
  .xl-gutter-1px > .grid-item {
    /*px*/ padding-left: 1px;
    /*rem*/ padding-left: 0.0625rem;
  }
  [class~="xl-gutter-1/2"],
  .xl-gutter-half {
    /*px*/ margin-left: -12px;
    /*rem*/ margin-left: -0.75rem;
  }
  [class~="xl-gutter-1/2"] > .grid-item,
  .xl-gutter-half > .grid-item {
    /*px*/ padding-left: 12px;
    /*rem*/ padding-left: 0.75rem;
  }
  .xl-gutter-1,
  .xl-gutter-whole {
    /*px*/ margin-left: -24px;
    /*rem*/ margin-left: -1.5rem;
  }
  .xl-gutter-1 > .grid-item,
  .xl-gutter-whole > .grid-item {
    /*px*/ padding-left: 24px;
    /*rem*/ padding-left: 1.5rem;
  }
  .xl-gutter-2,
  .xl-gutter-double {
    /*px*/ margin-left: -48px;
    /*rem*/ margin-left: -3rem;
  }
  .xl-gutter-2 > .grid-item,
  .xl-gutter-double > .grid-item {
    /*px*/ padding-left: 48px;
    /*rem*/ padding-left: 3rem;
  }
}
@media (min-width: 1380px) {
  .xxl-gutter-0,
  .xxl-gutter-none {
    margin-left: 0;
  }
  .xxl-gutter-0 > .grid-item,
  .xxl-gutter-none > .grid-item {
    padding-left: 0;
  }
  .xxl-gutter-1px {
    /*px*/ margin-left: -1px;
    /*rem*/ margin-left: -0.0625rem;
  }
  .xxl-gutter-1px > .grid-item {
    /*px*/ padding-left: 1px;
    /*rem*/ padding-left: 0.0625rem;
  }
  [class~="xxl-gutter-1/2"],
  .xxl-gutter-half {
    /*px*/ margin-left: -12px;
    /*rem*/ margin-left: -0.75rem;
  }
  [class~="xxl-gutter-1/2"] > .grid-item,
  .xxl-gutter-half > .grid-item {
    /*px*/ padding-left: 12px;
    /*rem*/ padding-left: 0.75rem;
  }
  .xxl-gutter-1,
  .xxl-gutter-whole {
    /*px*/ margin-left: -24px;
    /*rem*/ margin-left: -1.5rem;
  }
  .xxl-gutter-1 > .grid-item,
  .xxl-gutter-whole > .grid-item {
    /*px*/ padding-left: 24px;
    /*rem*/ padding-left: 1.5rem;
  }
  .xxl-gutter-2,
  .xxl-gutter-double {
    /*px*/ margin-left: -48px;
    /*rem*/ margin-left: -3rem;
  }
  .xxl-gutter-2 > .grid-item,
  .xxl-gutter-double > .grid-item {
    /*px*/ padding-left: 48px;
    /*rem*/ padding-left: 3rem;
  }
}
/**
 * Grid item alignment
 */
.grid-align-top > .grid-item {
  vertical-align: top;
}
.grid-align-middle > .grid-item {
  vertical-align: middle;
}
.grid-align-bottom > .grid-item {
  vertical-align: bottom;
}
.grid-align-left {
  text-align: left;
}
.grid-align-left > .grid-item {
  text-align: left;
}
.grid-align-center {
  text-align: center;
}
.grid-align-center > .grid-item {
  text-align: left;
}
.grid-align-right {
  text-align: right;
}
.grid-align-right > .grid-item {
  text-align: left;
}
/**
 * Grid item "shrink wrap"
 *
 * Force `.grid-item` to be the width of its content.
 */
.grid-shrink-wrap > .grid-item {
  width: auto;
}
/* ========================================================================== *\
   Utilities -> Display ($utilities-display)
\* ========================================================================== */
.dn {
  display: none !important;
}
.di {
  display: inline !important;
}
.db {
  display: block !important;
}
/**
  * 1. Fix Firefox bug where an <img> styled with `max-width: 100%` inside a
  *    parent styled `inline-block` displays at its default size, not 100% of the
  *    parent container.
  */
.dib {
  display: inline-block !important;
  max-width: 100% !important;
  /* 1 */
}
.dit {
  display: inline-table !important;
}
.dt {
  display: table !important;
  table-layout: fixed !important;
  width: 100% !important;
}
.dtr {
  display: table-row !important;
}
.dtrg {
  display: table-row-group !important;
}
.dtc {
  display: table-cell !important;
}
.dtcol {
  display: table-column !important;
}
.dtcolg {
  display: table-column-group !important;
}
@media (min-width: 480px) {
  .xs-dn {
    display: none !important;
  }
  .xs-di {
    display: inline !important;
  }
  .xs-db {
    display: block !important;
  }
  /**
  * 1. Fix Firefox bug where an <img> styled with `max-width: 100%` inside a
  *    parent styled `inline-block` displays at its default size, not 100% of the
  *    parent container.
  */
  .xs-dib {
    display: inline-block !important;
    max-width: 100% !important;
    /* 1 */
  }
  .xs-dit {
    display: inline-table !important;
  }
  .xs-dt {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
  }
  .xs-dtr {
    display: table-row !important;
  }
  .xs-dtrg {
    display: table-row-group !important;
  }
  .xs-dtc {
    display: table-cell !important;
  }
  .xs-dtcol {
    display: table-column !important;
  }
  .xs-dtcolg {
    display: table-column-group !important;
  }
}
@media (min-width: 600px) {
  .sm-dn {
    display: none !important;
  }
  .sm-di {
    display: inline !important;
  }
  .sm-db {
    display: block !important;
  }
  /**
  * 1. Fix Firefox bug where an <img> styled with `max-width: 100%` inside a
  *    parent styled `inline-block` displays at its default size, not 100% of the
  *    parent container.
  */
  .sm-dib {
    display: inline-block !important;
    max-width: 100% !important;
    /* 1 */
  }
  .sm-dit {
    display: inline-table !important;
  }
  .sm-dt {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
  }
  .sm-dtr {
    display: table-row !important;
  }
  .sm-dtrg {
    display: table-row-group !important;
  }
  .sm-dtc {
    display: table-cell !important;
  }
  .sm-dtcol {
    display: table-column !important;
  }
  .sm-dtcolg {
    display: table-column-group !important;
  }
}
@media (min-width: 768px) {
  .md-dn {
    display: none !important;
  }
  .md-di {
    display: inline !important;
  }
  .md-db {
    display: block !important;
  }
  /**
  * 1. Fix Firefox bug where an <img> styled with `max-width: 100%` inside a
  *    parent styled `inline-block` displays at its default size, not 100% of the
  *    parent container.
  */
  .md-dib {
    display: inline-block !important;
    max-width: 100% !important;
    /* 1 */
  }
  .md-dit {
    display: inline-table !important;
  }
  .md-dt {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
  }
  .md-dtr {
    display: table-row !important;
  }
  .md-dtrg {
    display: table-row-group !important;
  }
  .md-dtc {
    display: table-cell !important;
  }
  .md-dtcol {
    display: table-column !important;
  }
  .md-dtcolg {
    display: table-column-group !important;
  }
}
@media (min-width: 960px) {
  .lg-dn {
    display: none !important;
  }
  .lg-di {
    display: inline !important;
  }
  .lg-db {
    display: block !important;
  }
  /**
  * 1. Fix Firefox bug where an <img> styled with `max-width: 100%` inside a
  *    parent styled `inline-block` displays at its default size, not 100% of the
  *    parent container.
  */
  .lg-dib {
    display: inline-block !important;
    max-width: 100% !important;
    /* 1 */
  }
  .lg-dit {
    display: inline-table !important;
  }
  .lg-dt {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
  }
  .lg-dtr {
    display: table-row !important;
  }
  .lg-dtrg {
    display: table-row-group !important;
  }
  .lg-dtc {
    display: table-cell !important;
  }
  .lg-dtcol {
    display: table-column !important;
  }
  .lg-dtcolg {
    display: table-column-group !important;
  }
}
@media (min-width: 1140px) {
  .xl-dn {
    display: none !important;
  }
  .xl-di {
    display: inline !important;
  }
  .xl-db {
    display: block !important;
  }
  /**
  * 1. Fix Firefox bug where an <img> styled with `max-width: 100%` inside a
  *    parent styled `inline-block` displays at its default size, not 100% of the
  *    parent container.
  */
  .xl-dib {
    display: inline-block !important;
    max-width: 100% !important;
    /* 1 */
  }
  .xl-dit {
    display: inline-table !important;
  }
  .xl-dt {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
  }
  .xl-dtr {
    display: table-row !important;
  }
  .xl-dtrg {
    display: table-row-group !important;
  }
  .xl-dtc {
    display: table-cell !important;
  }
  .xl-dtcol {
    display: table-column !important;
  }
  .xl-dtcolg {
    display: table-column-group !important;
  }
}
@media (min-width: 1380px) {
  .xxl-dn {
    display: none !important;
  }
  .xxl-di {
    display: inline !important;
  }
  .xxl-db {
    display: block !important;
  }
  /**
  * 1. Fix Firefox bug where an <img> styled with `max-width: 100%` inside a
  *    parent styled `inline-block` displays at its default size, not 100% of the
  *    parent container.
  */
  .xxl-dib {
    display: inline-block !important;
    max-width: 100% !important;
    /* 1 */
  }
  .xxl-dit {
    display: inline-table !important;
  }
  .xxl-dt {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
  }
  .xxl-dtr {
    display: table-row !important;
  }
  .xxl-dtrg {
    display: table-row-group !important;
  }
  .xxl-dtc {
    display: table-cell !important;
  }
  .xxl-dtcol {
    display: table-column !important;
  }
  .xxl-dtcolg {
    display: table-column-group !important;
  }
}
/* ========================================================================== *\
   Utilities -> Font Sizes ($utilities-font-sizes)
\* ========================================================================== */
/**
 * Hat tip to @csswizardry for the +/- technique.
 *
 * @link http://cbrac.co/1Pd1ZKl
 */
.fz--- {
  /*px*/ font-size: 12px !important;
  /*rem*/ font-size: 0.75rem !important;
}
.fz-- {
  /*px*/ font-size: 13px !important;
  /*rem*/ font-size: 0.8125rem !important;
}
.fz- {
  /*px*/ font-size: 14px !important;
  /*rem*/ font-size: 0.875rem !important;
}
.fz {
  /*px*/ font-size: 16px !important;
  /*rem*/ font-size: 1rem !important;
}
.fz\+ {
  /*px*/ font-size: 18px !important;
  /*rem*/ font-size: 1.125rem !important;
}
.fz\+\+ {
  /*px*/ font-size: 19px !important;
  /*rem*/ font-size: 1.1875rem !important;
}
.fz\+\+\+ {
  /*px*/ font-size: 20px !important;
  /*rem*/ font-size: 1.25rem !important;
}
.fz100 {
  font-size: 100% !important;
}
.fz0 {
  font-size: 0 !important;
}
@media (min-width: 480px) {
  .xs-fz--- {
    /*px*/ font-size: 12px !important;
    /*rem*/ font-size: 0.75rem !important;
  }
  .xs-fz-- {
    /*px*/ font-size: 13px !important;
    /*rem*/ font-size: 0.8125rem !important;
  }
  .xs-fz- {
    /*px*/ font-size: 14px !important;
    /*rem*/ font-size: 0.875rem !important;
  }
  .xs-fz {
    /*px*/ font-size: 16px !important;
    /*rem*/ font-size: 1rem !important;
  }
  .xs-fz\+ {
    /*px*/ font-size: 18px !important;
    /*rem*/ font-size: 1.125rem !important;
  }
  .xs-fz\+\+ {
    /*px*/ font-size: 19px !important;
    /*rem*/ font-size: 1.1875rem !important;
  }
  .xs-fz\+\+\+ {
    /*px*/ font-size: 20px !important;
    /*rem*/ font-size: 1.25rem !important;
  }
  .xs-fz100 {
    font-size: 100% !important;
  }
  .xs-fz0 {
    font-size: 0 !important;
  }
}
@media (min-width: 600px) {
  .sm-fz--- {
    /*px*/ font-size: 12px !important;
    /*rem*/ font-size: 0.75rem !important;
  }
  .sm-fz-- {
    /*px*/ font-size: 13px !important;
    /*rem*/ font-size: 0.8125rem !important;
  }
  .sm-fz- {
    /*px*/ font-size: 14px !important;
    /*rem*/ font-size: 0.875rem !important;
  }
  .sm-fz {
    /*px*/ font-size: 16px !important;
    /*rem*/ font-size: 1rem !important;
  }
  .sm-fz\+ {
    /*px*/ font-size: 18px !important;
    /*rem*/ font-size: 1.125rem !important;
  }
  .sm-fz\+\+ {
    /*px*/ font-size: 19px !important;
    /*rem*/ font-size: 1.1875rem !important;
  }
  .sm-fz\+\+\+ {
    /*px*/ font-size: 20px !important;
    /*rem*/ font-size: 1.25rem !important;
  }
  .sm-fz100 {
    font-size: 100% !important;
  }
  .sm-fz0 {
    font-size: 0 !important;
  }
}
@media (min-width: 768px) {
  .md-fz--- {
    /*px*/ font-size: 12px !important;
    /*rem*/ font-size: 0.75rem !important;
  }
  .md-fz-- {
    /*px*/ font-size: 13px !important;
    /*rem*/ font-size: 0.8125rem !important;
  }
  .md-fz- {
    /*px*/ font-size: 14px !important;
    /*rem*/ font-size: 0.875rem !important;
  }
  .md-fz {
    /*px*/ font-size: 16px !important;
    /*rem*/ font-size: 1rem !important;
  }
  .md-fz\+ {
    /*px*/ font-size: 18px !important;
    /*rem*/ font-size: 1.125rem !important;
  }
  .md-fz\+\+ {
    /*px*/ font-size: 19px !important;
    /*rem*/ font-size: 1.1875rem !important;
  }
  .md-fz\+\+\+ {
    /*px*/ font-size: 20px !important;
    /*rem*/ font-size: 1.25rem !important;
  }
  .md-fz100 {
    font-size: 100% !important;
  }
  .md-fz0 {
    font-size: 0 !important;
  }
}
@media (min-width: 960px) {
  .lg-fz--- {
    /*px*/ font-size: 12px !important;
    /*rem*/ font-size: 0.75rem !important;
  }
  .lg-fz-- {
    /*px*/ font-size: 13px !important;
    /*rem*/ font-size: 0.8125rem !important;
  }
  .lg-fz- {
    /*px*/ font-size: 14px !important;
    /*rem*/ font-size: 0.875rem !important;
  }
  .lg-fz {
    /*px*/ font-size: 16px !important;
    /*rem*/ font-size: 1rem !important;
  }
  .lg-fz\+ {
    /*px*/ font-size: 18px !important;
    /*rem*/ font-size: 1.125rem !important;
  }
  .lg-fz\+\+ {
    /*px*/ font-size: 19px !important;
    /*rem*/ font-size: 1.1875rem !important;
  }
  .lg-fz\+\+\+ {
    /*px*/ font-size: 20px !important;
    /*rem*/ font-size: 1.25rem !important;
  }
  .lg-fz100 {
    font-size: 100% !important;
  }
  .lg-fz0 {
    font-size: 0 !important;
  }
}
@media (min-width: 1140px) {
  .xl-fz--- {
    /*px*/ font-size: 12px !important;
    /*rem*/ font-size: 0.75rem !important;
  }
  .xl-fz-- {
    /*px*/ font-size: 13px !important;
    /*rem*/ font-size: 0.8125rem !important;
  }
  .xl-fz- {
    /*px*/ font-size: 14px !important;
    /*rem*/ font-size: 0.875rem !important;
  }
  .xl-fz {
    /*px*/ font-size: 16px !important;
    /*rem*/ font-size: 1rem !important;
  }
  .xl-fz\+ {
    /*px*/ font-size: 18px !important;
    /*rem*/ font-size: 1.125rem !important;
  }
  .xl-fz\+\+ {
    /*px*/ font-size: 19px !important;
    /*rem*/ font-size: 1.1875rem !important;
  }
  .xl-fz\+\+\+ {
    /*px*/ font-size: 20px !important;
    /*rem*/ font-size: 1.25rem !important;
  }
  .xl-fz100 {
    font-size: 100% !important;
  }
  .xl-fz0 {
    font-size: 0 !important;
  }
}
@media (min-width: 1380px) {
  .xxl-fz--- {
    /*px*/ font-size: 12px !important;
    /*rem*/ font-size: 0.75rem !important;
  }
  .xxl-fz-- {
    /*px*/ font-size: 13px !important;
    /*rem*/ font-size: 0.8125rem !important;
  }
  .xxl-fz- {
    /*px*/ font-size: 14px !important;
    /*rem*/ font-size: 0.875rem !important;
  }
  .xxl-fz {
    /*px*/ font-size: 16px !important;
    /*rem*/ font-size: 1rem !important;
  }
  .xxl-fz\+ {
    /*px*/ font-size: 18px !important;
    /*rem*/ font-size: 1.125rem !important;
  }
  .xxl-fz\+\+ {
    /*px*/ font-size: 19px !important;
    /*rem*/ font-size: 1.1875rem !important;
  }
  .xxl-fz\+\+\+ {
    /*px*/ font-size: 20px !important;
    /*rem*/ font-size: 1.25rem !important;
  }
  .xxl-fz100 {
    font-size: 100% !important;
  }
  .xxl-fz0 {
    font-size: 0 !important;
  }
}
/* ========================================================================== *\
   Utilities -> Floats ($utilities-floats)
\* ========================================================================== */
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.fn {
  float: none !important;
}
@media (min-width: 480px) {
  .xs-fl {
    float: left !important;
  }
  .xs-fr {
    float: right !important;
  }
  .xs-fn {
    float: none !important;
  }
}
@media (min-width: 600px) {
  .sm-fl {
    float: left !important;
  }
  .sm-fr {
    float: right !important;
  }
  .sm-fn {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .md-fl {
    float: left !important;
  }
  .md-fr {
    float: right !important;
  }
  .md-fn {
    float: none !important;
  }
}
@media (min-width: 960px) {
  .lg-fl {
    float: left !important;
  }
  .lg-fr {
    float: right !important;
  }
  .lg-fn {
    float: none !important;
  }
}
@media (min-width: 1140px) {
  .xl-fl {
    float: left !important;
  }
  .xl-fr {
    float: right !important;
  }
  .xl-fn {
    float: none !important;
  }
}
@media (min-width: 1380px) {
  .xxl-fl {
    float: left !important;
  }
  .xxl-fr {
    float: right !important;
  }
  .xxl-fn {
    float: none !important;
  }
}
/**
 * Clearfix
 *
 * 1. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 * 2. 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.
 *
 * @link http://cbrac.co/1FT6aqC
 */
.cf:before,
.cf:after {
  display: table;
  content: " ";
}
.cf:after {
  clear: both;
}
/**
 * Clear floats with an extra markup element.
 *
 * @link http://cbrac.co/SFv1Ua
 */
.clear {
  display: block;
  visibility: hidden;
  clear: both;
  overflow: hidden;
  width: 0;
  height: 0;
}
/* ========================================================================== *\
   Utilities -> Margins ($utilities-margins)
\* ========================================================================== */
/**
 * Hat tip to @csswizardry for the +/- technique.
 *
 * @link http://cbrac.co/1Pd1ZKl
 */
.m {
  /*px*/ margin: 24px !important;
  /*rem*/ margin: 1.5rem !important;
}
.mt {
  /*px*/ margin-top: 24px !important;
  /*rem*/ margin-top: 1.5rem !important;
}
.mr {
  /*px*/ margin-right: 24px !important;
  /*rem*/ margin-right: 1.5rem !important;
}
.mb {
  /*px*/ margin-bottom: 24px !important;
  /*rem*/ margin-bottom: 1.5rem !important;
}
.ml {
  /*px*/ margin-left: 24px !important;
  /*rem*/ margin-left: 1.5rem !important;
}
.mh {
  /*px*/ margin-right: 24px !important;
  /*rem*/ margin-right: 1.5rem !important;
  /*px*/ margin-left: 24px !important;
  /*rem*/ margin-left: 1.5rem !important;
}
.mv {
  /*px*/ margin-top: 24px !important;
  /*rem*/ margin-top: 1.5rem !important;
  /*px*/ margin-bottom: 24px !important;
  /*rem*/ margin-bottom: 1.5rem !important;
}
.m-- {
  /*px*/ margin: 6px !important;
  /*rem*/ margin: 0.375rem !important;
}
.mt-- {
  /*px*/ margin-top: 6px !important;
  /*rem*/ margin-top: 0.375rem !important;
}
.mr-- {
  /*px*/ margin-right: 6px !important;
  /*rem*/ margin-right: 0.375rem !important;
}
.mb-- {
  /*px*/ margin-bottom: 6px !important;
  /*rem*/ margin-bottom: 0.375rem !important;
}
.ml-- {
  /*px*/ margin-left: 6px !important;
  /*rem*/ margin-left: 0.375rem !important;
}
.mh-- {
  /*px*/ margin-right: 6px !important;
  /*rem*/ margin-right: 0.375rem !important;
  /*px*/ margin-left: 6px !important;
  /*rem*/ margin-left: 0.375rem !important;
}
.mv-- {
  /*px*/ margin-top: 6px !important;
  /*rem*/ margin-top: 0.375rem !important;
  /*px*/ margin-bottom: 6px !important;
  /*rem*/ margin-bottom: 0.375rem !important;
}
.m- {
  /*px*/ margin: 12px !important;
  /*rem*/ margin: 0.75rem !important;
}
.mt- {
  /*px*/ margin-top: 12px !important;
  /*rem*/ margin-top: 0.75rem !important;
}
.mr- {
  /*px*/ margin-right: 12px !important;
  /*rem*/ margin-right: 0.75rem !important;
}
.mb- {
  /*px*/ margin-bottom: 12px !important;
  /*rem*/ margin-bottom: 0.75rem !important;
}
.ml- {
  /*px*/ margin-left: 12px !important;
  /*rem*/ margin-left: 0.75rem !important;
}
.mh- {
  /*px*/ margin-right: 12px !important;
  /*rem*/ margin-right: 0.75rem !important;
  /*px*/ margin-left: 12px !important;
  /*rem*/ margin-left: 0.75rem !important;
}
.mv- {
  /*px*/ margin-top: 12px !important;
  /*rem*/ margin-top: 0.75rem !important;
  /*px*/ margin-bottom: 12px !important;
  /*rem*/ margin-bottom: 0.75rem !important;
}
.m\+ {
  /*px*/ margin: 48px !important;
  /*rem*/ margin: 3rem !important;
}
.mt\+ {
  /*px*/ margin-top: 48px !important;
  /*rem*/ margin-top: 3rem !important;
}
.mr\+ {
  /*px*/ margin-right: 48px !important;
  /*rem*/ margin-right: 3rem !important;
}
.mb\+ {
  /*px*/ margin-bottom: 48px !important;
  /*rem*/ margin-bottom: 3rem !important;
}
.ml\+ {
  /*px*/ margin-left: 48px !important;
  /*rem*/ margin-left: 3rem !important;
}
.mh\+ {
  /*px*/ margin-right: 48px !important;
  /*rem*/ margin-right: 3rem !important;
  /*px*/ margin-left: 48px !important;
  /*rem*/ margin-left: 3rem !important;
}
.mv\+ {
  /*px*/ margin-top: 48px !important;
  /*rem*/ margin-top: 3rem !important;
  /*px*/ margin-bottom: 48px !important;
  /*rem*/ margin-bottom: 3rem !important;
}
.m\+\+ {
  /*px*/ margin: 96px !important;
  /*rem*/ margin: 6rem !important;
}
.mt\+\+ {
  /*px*/ margin-top: 96px !important;
  /*rem*/ margin-top: 6rem !important;
}
.mr\+\+ {
  /*px*/ margin-right: 96px !important;
  /*rem*/ margin-right: 6rem !important;
}
.mb\+\+ {
  /*px*/ margin-bottom: 96px !important;
  /*rem*/ margin-bottom: 6rem !important;
}
.ml\+\+ {
  /*px*/ margin-left: 96px !important;
  /*rem*/ margin-left: 6rem !important;
}
.mh\+\+ {
  /*px*/ margin-right: 96px !important;
  /*rem*/ margin-right: 6rem !important;
  /*px*/ margin-left: 96px !important;
  /*rem*/ margin-left: 6rem !important;
}
.mv\+\+ {
  /*px*/ margin-top: 96px !important;
  /*rem*/ margin-top: 6rem !important;
  /*px*/ margin-bottom: 96px !important;
  /*rem*/ margin-bottom: 6rem !important;
}
.m0 {
  /*px*/ margin: 0 !important;
  /*rem*/ margin: 0 !important;
}
.mt0 {
  /*px*/ margin-top: 0 !important;
  /*rem*/ margin-top: 0 !important;
}
.mr0 {
  /*px*/ margin-right: 0 !important;
  /*rem*/ margin-right: 0 !important;
}
.mb0 {
  /*px*/ margin-bottom: 0 !important;
  /*rem*/ margin-bottom: 0 !important;
}
.ml0 {
  /*px*/ margin-left: 0 !important;
  /*rem*/ margin-left: 0 !important;
}
.mh0 {
  /*px*/ margin-right: 0 !important;
  /*rem*/ margin-right: 0 !important;
  /*px*/ margin-left: 0 !important;
  /*rem*/ margin-left: 0 !important;
}
.mv0 {
  /*px*/ margin-top: 0 !important;
  /*rem*/ margin-top: 0 !important;
  /*px*/ margin-bottom: 0 !important;
  /*rem*/ margin-bottom: 0 !important;
}
@media (min-width: 480px) {
  .xs-m {
    /*px*/ margin: 24px !important;
    /*rem*/ margin: 1.5rem !important;
  }
  .xs-mt {
    /*px*/ margin-top: 24px !important;
    /*rem*/ margin-top: 1.5rem !important;
  }
  .xs-mr {
    /*px*/ margin-right: 24px !important;
    /*rem*/ margin-right: 1.5rem !important;
  }
  .xs-mb {
    /*px*/ margin-bottom: 24px !important;
    /*rem*/ margin-bottom: 1.5rem !important;
  }
  .xs-ml {
    /*px*/ margin-left: 24px !important;
    /*rem*/ margin-left: 1.5rem !important;
  }
  .xs-mh {
    /*px*/ margin-right: 24px !important;
    /*rem*/ margin-right: 1.5rem !important;
    /*px*/ margin-left: 24px !important;
    /*rem*/ margin-left: 1.5rem !important;
  }
  .xs-mv {
    /*px*/ margin-top: 24px !important;
    /*rem*/ margin-top: 1.5rem !important;
    /*px*/ margin-bottom: 24px !important;
    /*rem*/ margin-bottom: 1.5rem !important;
  }
  .xs-m-- {
    /*px*/ margin: 6px !important;
    /*rem*/ margin: 0.375rem !important;
  }
  .xs-mt-- {
    /*px*/ margin-top: 6px !important;
    /*rem*/ margin-top: 0.375rem !important;
  }
  .xs-mr-- {
    /*px*/ margin-right: 6px !important;
    /*rem*/ margin-right: 0.375rem !important;
  }
  .xs-mb-- {
    /*px*/ margin-bottom: 6px !important;
    /*rem*/ margin-bottom: 0.375rem !important;
  }
  .xs-ml-- {
    /*px*/ margin-left: 6px !important;
    /*rem*/ margin-left: 0.375rem !important;
  }
  .xs-mh-- {
    /*px*/ margin-right: 6px !important;
    /*rem*/ margin-right: 0.375rem !important;
    /*px*/ margin-left: 6px !important;
    /*rem*/ margin-left: 0.375rem !important;
  }
  .xs-mv-- {
    /*px*/ margin-top: 6px !important;
    /*rem*/ margin-top: 0.375rem !important;
    /*px*/ margin-bottom: 6px !important;
    /*rem*/ margin-bottom: 0.375rem !important;
  }
  .xs-m- {
    /*px*/ margin: 12px !important;
    /*rem*/ margin: 0.75rem !important;
  }
  .xs-mt- {
    /*px*/ margin-top: 12px !important;
    /*rem*/ margin-top: 0.75rem !important;
  }
  .xs-mr- {
    /*px*/ margin-right: 12px !important;
    /*rem*/ margin-right: 0.75rem !important;
  }
  .xs-mb- {
    /*px*/ margin-bottom: 12px !important;
    /*rem*/ margin-bottom: 0.75rem !important;
  }
  .xs-ml- {
    /*px*/ margin-left: 12px !important;
    /*rem*/ margin-left: 0.75rem !important;
  }
  .xs-mh- {
    /*px*/ margin-right: 12px !important;
    /*rem*/ margin-right: 0.75rem !important;
    /*px*/ margin-left: 12px !important;
    /*rem*/ margin-left: 0.75rem !important;
  }
  .xs-mv- {
    /*px*/ margin-top: 12px !important;
    /*rem*/ margin-top: 0.75rem !important;
    /*px*/ margin-bottom: 12px !important;
    /*rem*/ margin-bottom: 0.75rem !important;
  }
  .xs-m\+ {
    /*px*/ margin: 48px !important;
    /*rem*/ margin: 3rem !important;
  }
  .xs-mt\+ {
    /*px*/ margin-top: 48px !important;
    /*rem*/ margin-top: 3rem !important;
  }
  .xs-mr\+ {
    /*px*/ margin-right: 48px !important;
    /*rem*/ margin-right: 3rem !important;
  }
  .xs-mb\+ {
    /*px*/ margin-bottom: 48px !important;
    /*rem*/ margin-bottom: 3rem !important;
  }
  .xs-ml\+ {
    /*px*/ margin-left: 48px !important;
    /*rem*/ margin-left: 3rem !important;
  }
  .xs-mh\+ {
    /*px*/ margin-right: 48px !important;
    /*rem*/ margin-right: 3rem !important;
    /*px*/ margin-left: 48px !important;
    /*rem*/ margin-left: 3rem !important;
  }
  .xs-mv\+ {
    /*px*/ margin-top: 48px !important;
    /*rem*/ margin-top: 3rem !important;
    /*px*/ margin-bottom: 48px !important;
    /*rem*/ margin-bottom: 3rem !important;
  }
  .xs-m\+\+ {
    /*px*/ margin: 96px !important;
    /*rem*/ margin: 6rem !important;
  }
  .xs-mt\+\+ {
    /*px*/ margin-top: 96px !important;
    /*rem*/ margin-top: 6rem !important;
  }
  .xs-mr\+\+ {
    /*px*/ margin-right: 96px !important;
    /*rem*/ margin-right: 6rem !important;
  }
  .xs-mb\+\+ {
    /*px*/ margin-bottom: 96px !important;
    /*rem*/ margin-bottom: 6rem !important;
  }
  .xs-ml\+\+ {
    /*px*/ margin-left: 96px !important;
    /*rem*/ margin-left: 6rem !important;
  }
  .xs-mh\+\+ {
    /*px*/ margin-right: 96px !important;
    /*rem*/ margin-right: 6rem !important;
    /*px*/ margin-left: 96px !important;
    /*rem*/ margin-left: 6rem !important;
  }
  .xs-mv\+\+ {
    /*px*/ margin-top: 96px !important;
    /*rem*/ margin-top: 6rem !important;
    /*px*/ margin-bottom: 96px !important;
    /*rem*/ margin-bottom: 6rem !important;
  }
  .xs-m0 {
    /*px*/ margin: 0 !important;
    /*rem*/ margin: 0 !important;
  }
  .xs-mt0 {
    /*px*/ margin-top: 0 !important;
    /*rem*/ margin-top: 0 !important;
  }
  .xs-mr0 {
    /*px*/ margin-right: 0 !important;
    /*rem*/ margin-right: 0 !important;
  }
  .xs-mb0 {
    /*px*/ margin-bottom: 0 !important;
    /*rem*/ margin-bottom: 0 !important;
  }
  .xs-ml0 {
    /*px*/ margin-left: 0 !important;
    /*rem*/ margin-left: 0 !important;
  }
  .xs-mh0 {
    /*px*/ margin-right: 0 !important;
    /*rem*/ margin-right: 0 !important;
    /*px*/ margin-left: 0 !important;
    /*rem*/ margin-left: 0 !important;
  }
  .xs-mv0 {
    /*px*/ margin-top: 0 !important;
    /*rem*/ margin-top: 0 !important;
    /*px*/ margin-bottom: 0 !important;
    /*rem*/ margin-bottom: 0 !important;
  }
}
@media (min-width: 600px) {
  .sm-m {
    /*px*/ margin: 24px !important;
    /*rem*/ margin: 1.5rem !important;
  }
  .sm-mt {
    /*px*/ margin-top: 24px !important;
    /*rem*/ margin-top: 1.5rem !important;
  }
  .sm-mr {
    /*px*/ margin-right: 24px !important;
    /*rem*/ margin-right: 1.5rem !important;
  }
  .sm-mb {
    /*px*/ margin-bottom: 24px !important;
    /*rem*/ margin-bottom: 1.5rem !important;
  }
  .sm-ml {
    /*px*/ margin-left: 24px !important;
    /*rem*/ margin-left: 1.5rem !important;
  }
  .sm-mh {
    /*px*/ margin-right: 24px !important;
    /*rem*/ margin-right: 1.5rem !important;
    /*px*/ margin-left: 24px !important;
    /*rem*/ margin-left: 1.5rem !important;
  }
  .sm-mv {
    /*px*/ margin-top: 24px !important;
    /*rem*/ margin-top: 1.5rem !important;
    /*px*/ margin-bottom: 24px !important;
    /*rem*/ margin-bottom: 1.5rem !important;
  }
  .sm-m-- {
    /*px*/ margin: 6px !important;
    /*rem*/ margin: 0.375rem !important;
  }
  .sm-mt-- {
    /*px*/ margin-top: 6px !important;
    /*rem*/ margin-top: 0.375rem !important;
  }
  .sm-mr-- {
    /*px*/ margin-right: 6px !important;
    /*rem*/ margin-right: 0.375rem !important;
  }
  .sm-mb-- {
    /*px*/ margin-bottom: 6px !important;
    /*rem*/ margin-bottom: 0.375rem !important;
  }
  .sm-ml-- {
    /*px*/ margin-left: 6px !important;
    /*rem*/ margin-left: 0.375rem !important;
  }
  .sm-mh-- {
    /*px*/ margin-right: 6px !important;
    /*rem*/ margin-right: 0.375rem !important;
    /*px*/ margin-left: 6px !important;
    /*rem*/ margin-left: 0.375rem !important;
  }
  .sm-mv-- {
    /*px*/ margin-top: 6px !important;
    /*rem*/ margin-top: 0.375rem !important;
    /*px*/ margin-bottom: 6px !important;
    /*rem*/ margin-bottom: 0.375rem !important;
  }
  .sm-m- {
    /*px*/ margin: 12px !important;
    /*rem*/ margin: 0.75rem !important;
  }
  .sm-mt- {
    /*px*/ margin-top: 12px !important;
    /*rem*/ margin-top: 0.75rem !important;
  }
  .sm-mr- {
    /*px*/ margin-right: 12px !important;
    /*rem*/ margin-right: 0.75rem !important;
  }
  .sm-mb- {
    /*px*/ margin-bottom: 12px !important;
    /*rem*/ margin-bottom: 0.75rem !important;
  }
  .sm-ml- {
    /*px*/ margin-left: 12px !important;
    /*rem*/ margin-left: 0.75rem !important;
  }
  .sm-mh- {
    /*px*/ margin-right: 12px !important;
    /*rem*/ margin-right: 0.75rem !important;
    /*px*/ margin-left: 12px !important;
    /*rem*/ margin-left: 0.75rem !important;
  }
  .sm-mv- {
    /*px*/ margin-top: 12px !important;
    /*rem*/ margin-top: 0.75rem !important;
    /*px*/ margin-bottom: 12px !important;
    /*rem*/ margin-bottom: 0.75rem !important;
  }
  .sm-m\+ {
    /*px*/ margin: 48px !important;
    /*rem*/ margin: 3rem !important;
  }
  .sm-mt\+ {
    /*px*/ margin-top: 48px !important;
    /*rem*/ margin-top: 3rem !important;
  }
  .sm-mr\+ {
    /*px*/ margin-right: 48px !important;
    /*rem*/ margin-right: 3rem !important;
  }
  .sm-mb\+ {
    /*px*/ margin-bottom: 48px !important;
    /*rem*/ margin-bottom: 3rem !important;
  }
  .sm-ml\+ {
    /*px*/ margin-left: 48px !important;
    /*rem*/ margin-left: 3rem !important;
  }
  .sm-mh\+ {
    /*px*/ margin-right: 48px !important;
    /*rem*/ margin-right: 3rem !important;
    /*px*/ margin-left: 48px !important;
    /*rem*/ margin-left: 3rem !important;
  }
  .sm-mv\+ {
    /*px*/ margin-top: 48px !important;
    /*rem*/ margin-top: 3rem !important;
    /*px*/ margin-bottom: 48px !important;
    /*rem*/ margin-bottom: 3rem !important;
  }
  .sm-m\+\+ {
    /*px*/ margin: 96px !important;
    /*rem*/ margin: 6rem !important;
  }
  .sm-mt\+\+ {
    /*px*/ margin-top: 96px !important;
    /*rem*/ margin-top: 6rem !important;
  }
  .sm-mr\+\+ {
    /*px*/ margin-right: 96px !important;
    /*rem*/ margin-right: 6rem !important;
  }
  .sm-mb\+\+ {
    /*px*/ margin-bottom: 96px !important;
    /*rem*/ margin-bottom: 6rem !important;
  }
  .sm-ml\+\+ {
    /*px*/ margin-left: 96px !important;
    /*rem*/ margin-left: 6rem !important;
  }
  .sm-mh\+\+ {
    /*px*/ margin-right: 96px !important;
    /*rem*/ margin-right: 6rem !important;
    /*px*/ margin-left: 96px !important;
    /*rem*/ margin-left: 6rem !important;
  }
  .sm-mv\+\+ {
    /*px*/ margin-top: 96px !important;
    /*rem*/ margin-top: 6rem !important;
    /*px*/ margin-bottom: 96px !important;
    /*rem*/ margin-bottom: 6rem !important;
  }
  .sm-m0 {
    /*px*/ margin: 0 !important;
    /*rem*/ margin: 0 !important;
  }
  .sm-mt0 {
    /*px*/ margin-top: 0 !important;
    /*rem*/ margin-top: 0 !important;
  }
  .sm-mr0 {
    /*px*/ margin-right: 0 !important;
    /*rem*/ margin-right: 0 !important;
  }
  .sm-mb0 {
    /*px*/ margin-bottom: 0 !important;
    /*rem*/ margin-bottom: 0 !important;
  }
  .sm-ml0 {
    /*px*/ margin-left: 0 !important;
    /*rem*/ margin-left: 0 !important;
  }
  .sm-mh0 {
    /*px*/ margin-right: 0 !important;
    /*rem*/ margin-right: 0 !important;
    /*px*/ margin-left: 0 !important;
    /*rem*/ margin-left: 0 !important;
  }
  .sm-mv0 {
    /*px*/ margin-top: 0 !important;
    /*rem*/ margin-top: 0 !important;
    /*px*/ margin-bottom: 0 !important;
    /*rem*/ margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .md-m {
    /*px*/ margin: 24px !important;
    /*rem*/ margin: 1.5rem !important;
  }
  .md-mt {
    /*px*/ margin-top: 24px !important;
    /*rem*/ margin-top: 1.5rem !important;
  }
  .md-mr {
    /*px*/ margin-right: 24px !important;
    /*rem*/ margin-right: 1.5rem !important;
  }
  .md-mb {
    /*px*/ margin-bottom: 24px !important;
    /*rem*/ margin-bottom: 1.5rem !important;
  }
  .md-ml {
    /*px*/ margin-left: 24px !important;
    /*rem*/ margin-left: 1.5rem !important;
  }
  .md-mh {
    /*px*/ margin-right: 24px !important;
    /*rem*/ margin-right: 1.5rem !important;
    /*px*/ margin-left: 24px !important;
    /*rem*/ margin-left: 1.5rem !important;
  }
  .md-mv {
    /*px*/ margin-top: 24px !important;
    /*rem*/ margin-top: 1.5rem !important;
    /*px*/ margin-bottom: 24px !important;
    /*rem*/ margin-bottom: 1.5rem !important;
  }
  .md-m-- {
    /*px*/ margin: 6px !important;
    /*rem*/ margin: 0.375rem !important;
  }
  .md-mt-- {
    /*px*/ margin-top: 6px !important;
    /*rem*/ margin-top: 0.375rem !important;
  }
  .md-mr-- {
    /*px*/ margin-right: 6px !important;
    /*rem*/ margin-right: 0.375rem !important;
  }
  .md-mb-- {
    /*px*/ margin-bottom: 6px !important;
    /*rem*/ margin-bottom: 0.375rem !important;
  }
  .md-ml-- {
    /*px*/ margin-left: 6px !important;
    /*rem*/ margin-left: 0.375rem !important;
  }
  .md-mh-- {
    /*px*/ margin-right: 6px !important;
    /*rem*/ margin-right: 0.375rem !important;
    /*px*/ margin-left: 6px !important;
    /*rem*/ margin-left: 0.375rem !important;
  }
  .md-mv-- {
    /*px*/ margin-top: 6px !important;
    /*rem*/ margin-top: 0.375rem !important;
    /*px*/ margin-bottom: 6px !important;
    /*rem*/ margin-bottom: 0.375rem !important;
  }
  .md-m- {
    /*px*/ margin: 12px !important;
    /*rem*/ margin: 0.75rem !important;
  }
  .md-mt- {
    /*px*/ margin-top: 12px !important;
    /*rem*/ margin-top: 0.75rem !important;
  }
  .md-mr- {
    /*px*/ margin-right: 12px !important;
    /*rem*/ margin-right: 0.75rem !important;
  }
  .md-mb- {
    /*px*/ margin-bottom: 12px !important;
    /*rem*/ margin-bottom: 0.75rem !important;
  }
  .md-ml- {
    /*px*/ margin-left: 12px !important;
    /*rem*/ margin-left: 0.75rem !important;
  }
  .md-mh- {
    /*px*/ margin-right: 12px !important;
    /*rem*/ margin-right: 0.75rem !important;
    /*px*/ margin-left: 12px !important;
    /*rem*/ margin-left: 0.75rem !important;
  }
  .md-mv- {
    /*px*/ margin-top: 12px !important;
    /*rem*/ margin-top: 0.75rem !important;
    /*px*/ margin-bottom: 12px !important;
    /*rem*/ margin-bottom: 0.75rem !important;
  }
  .md-m\+ {
    /*px*/ margin: 48px !important;
    /*rem*/ margin: 3rem !important;
  }
  .md-mt\+ {
    /*px*/ margin-top: 48px !important;
    /*rem*/ margin-top: 3rem !important;
  }
  .md-mr\+ {
    /*px*/ margin-right: 48px !important;
    /*rem*/ margin-right: 3rem !important;
  }
  .md-mb\+ {
    /*px*/ margin-bottom: 48px !important;
    /*rem*/ margin-bottom: 3rem !important;
  }
  .md-ml\+ {
    /*px*/ margin-left: 48px !important;
    /*rem*/ margin-left: 3rem !important;
  }
  .md-mh\+ {
    /*px*/ margin-right: 48px !important;
    /*rem*/ margin-right: 3rem !important;
    /*px*/ margin-left: 48px !important;
    /*rem*/ margin-left: 3rem !important;
  }
  .md-mv\+ {
    /*px*/ margin-top: 48px !important;
    /*rem*/ margin-top: 3rem !important;
    /*px*/ margin-bottom: 48px !important;
    /*rem*/ margin-bottom: 3rem !important;
  }
  .md-m\+\+ {
    /*px*/ margin: 96px !important;
    /*rem*/ margin: 6rem !important;
  }
  .md-mt\+\+ {
    /*px*/ margin-top: 96px !important;
    /*rem*/ margin-top: 6rem !important;
  }
  .md-mr\+\+ {
    /*px*/ margin-right: 96px !important;
    /*rem*/ margin-right: 6rem !important;
  }
  .md-mb\+\+ {
    /*px*/ margin-bottom: 96px !important;
    /*rem*/ margin-bottom: 6rem !important;
  }
  .md-ml\+\+ {
    /*px*/ margin-left: 96px !important;
    /*rem*/ margin-left: 6rem !important;
  }
  .md-mh\+\+ {
    /*px*/ margin-right: 96px !important;
    /*rem*/ margin-right: 6rem !important;
    /*px*/ margin-left: 96px !important;
    /*rem*/ margin-left: 6rem !important;
  }
  .md-mv\+\+ {
    /*px*/ margin-top: 96px !important;
    /*rem*/ margin-top: 6rem !important;
    /*px*/ margin-bottom: 96px !important;
    /*rem*/ margin-bottom: 6rem !important;
  }
  .md-m0 {
    /*px*/ margin: 0 !important;
    /*rem*/ margin: 0 !important;
  }
  .md-mt0 {
    /*px*/ margin-top: 0 !important;
    /*rem*/ margin-top: 0 !important;
  }
  .md-mr0 {
    /*px*/ margin-right: 0 !important;
    /*rem*/ margin-right: 0 !important;
  }
  .md-mb0 {
    /*px*/ margin-bottom: 0 !important;
    /*rem*/ margin-bottom: 0 !important;
  }
  .md-ml0 {
    /*px*/ margin-left: 0 !important;
    /*rem*/ margin-left: 0 !important;
  }
  .md-mh0 {
    /*px*/ margin-right: 0 !important;
    /*rem*/ margin-right: 0 !important;
    /*px*/ margin-left: 0 !important;
    /*rem*/ margin-left: 0 !important;
  }
  .md-mv0 {
    /*px*/ margin-top: 0 !important;
    /*rem*/ margin-top: 0 !important;
    /*px*/ margin-bottom: 0 !important;
    /*rem*/ margin-bottom: 0 !important;
  }
}
@media (min-width: 960px) {
  .lg-m {
    /*px*/ margin: 24px !important;
    /*rem*/ margin: 1.5rem !important;
  }
  .lg-mt {
    /*px*/ margin-top: 24px !important;
    /*rem*/ margin-top: 1.5rem !important;
  }
  .lg-mr {
    /*px*/ margin-right: 24px !important;
    /*rem*/ margin-right: 1.5rem !important;
  }
  .lg-mb {
    /*px*/ margin-bottom: 24px !important;
    /*rem*/ margin-bottom: 1.5rem !important;
  }
  .lg-ml {
    /*px*/ margin-left: 24px !important;
    /*rem*/ margin-left: 1.5rem !important;
  }
  .lg-mh {
    /*px*/ margin-right: 24px !important;
    /*rem*/ margin-right: 1.5rem !important;
    /*px*/ margin-left: 24px !important;
    /*rem*/ margin-left: 1.5rem !important;
  }
  .lg-mv {
    /*px*/ margin-top: 24px !important;
    /*rem*/ margin-top: 1.5rem !important;
    /*px*/ margin-bottom: 24px !important;
    /*rem*/ margin-bottom: 1.5rem !important;
  }
  .lg-m-- {
    /*px*/ margin: 6px !important;
    /*rem*/ margin: 0.375rem !important;
  }
  .lg-mt-- {
    /*px*/ margin-top: 6px !important;
    /*rem*/ margin-top: 0.375rem !important;
  }
  .lg-mr-- {
    /*px*/ margin-right: 6px !important;
    /*rem*/ margin-right: 0.375rem !important;
  }
  .lg-mb-- {
    /*px*/ margin-bottom: 6px !important;
    /*rem*/ margin-bottom: 0.375rem !important;
  }
  .lg-ml-- {
    /*px*/ margin-left: 6px !important;
    /*rem*/ margin-left: 0.375rem !important;
  }
  .lg-mh-- {
    /*px*/ margin-right: 6px !important;
    /*rem*/ margin-right: 0.375rem !important;
    /*px*/ margin-left: 6px !important;
    /*rem*/ margin-left: 0.375rem !important;
  }
  .lg-mv-- {
    /*px*/ margin-top: 6px !important;
    /*rem*/ margin-top: 0.375rem !important;
    /*px*/ margin-bottom: 6px !important;
    /*rem*/ margin-bottom: 0.375rem !important;
  }
  .lg-m- {
    /*px*/ margin: 12px !important;
    /*rem*/ margin: 0.75rem !important;
  }
  .lg-mt- {
    /*px*/ margin-top: 12px !important;
    /*rem*/ margin-top: 0.75rem !important;
  }
  .lg-mr- {
    /*px*/ margin-right: 12px !important;
    /*rem*/ margin-right: 0.75rem !important;
  }
  .lg-mb- {
    /*px*/ margin-bottom: 12px !important;
    /*rem*/ margin-bottom: 0.75rem !important;
  }
  .lg-ml- {
    /*px*/ margin-left: 12px !important;
    /*rem*/ margin-left: 0.75rem !important;
  }
  .lg-mh- {
    /*px*/ margin-right: 12px !important;
    /*rem*/ margin-right: 0.75rem !important;
    /*px*/ margin-left: 12px !important;
    /*rem*/ margin-left: 0.75rem !important;
  }
  .lg-mv- {
    /*px*/ margin-top: 12px !important;
    /*rem*/ margin-top: 0.75rem !important;
    /*px*/ margin-bottom: 12px !important;
    /*rem*/ margin-bottom: 0.75rem !important;
  }
  .lg-m\+ {
    /*px*/ margin: 48px !important;
    /*rem*/ margin: 3rem !important;
  }
  .lg-mt\+ {
    /*px*/ margin-top: 48px !important;
    /*rem*/ margin-top: 3rem !important;
  }
  .lg-mr\+ {
    /*px*/ margin-right: 48px !important;
    /*rem*/ margin-right: 3rem !important;
  }
  .lg-mb\+ {
    /*px*/ margin-bottom: 48px !important;
    /*rem*/ margin-bottom: 3rem !important;
  }
  .lg-ml\+ {
    /*px*/ margin-left: 48px !important;
    /*rem*/ margin-left: 3rem !important;
  }
  .lg-mh\+ {
    /*px*/ margin-right: 48px !important;
    /*rem*/ margin-right: 3rem !important;
    /*px*/ margin-left: 48px !important;
    /*rem*/ margin-left: 3rem !important;
  }
  .lg-mv\+ {
    /*px*/ margin-top: 48px !important;
    /*rem*/ margin-top: 3rem !important;
    /*px*/ margin-bottom: 48px !important;
    /*rem*/ margin-bottom: 3rem !important;
  }
  .lg-m\+\+ {
    /*px*/ margin: 96px !important;
    /*rem*/ margin: 6rem !important;
  }
  .lg-mt\+\+ {
    /*px*/ margin-top: 96px !important;
    /*rem*/ margin-top: 6rem !important;
  }
  .lg-mr\+\+ {
    /*px*/ margin-right: 96px !important;
    /*rem*/ margin-right: 6rem !important;
  }
  .lg-mb\+\+ {
    /*px*/ margin-bottom: 96px !important;
    /*rem*/ margin-bottom: 6rem !important;
  }
  .lg-ml\+\+ {
    /*px*/ margin-left: 96px !important;
    /*rem*/ margin-left: 6rem !important;
  }
  .lg-mh\+\+ {
    /*px*/ margin-right: 96px !important;
    /*rem*/ margin-right: 6rem !important;
    /*px*/ margin-left: 96px !important;
    /*rem*/ margin-left: 6rem !important;
  }
  .lg-mv\+\+ {
    /*px*/ margin-top: 96px !important;
    /*rem*/ margin-top: 6rem !important;
    /*px*/ margin-bottom: 96px !important;
    /*rem*/ margin-bottom: 6rem !important;
  }
  .lg-m0 {
    /*px*/ margin: 0 !important;
    /*rem*/ margin: 0 !important;
  }
  .lg-mt0 {
    /*px*/ margin-top: 0 !important;
    /*rem*/ margin-top: 0 !important;
  }
  .lg-mr0 {
    /*px*/ margin-right: 0 !important;
    /*rem*/ margin-right: 0 !important;
  }
  .lg-mb0 {
    /*px*/ margin-bottom: 0 !important;
    /*rem*/ margin-bottom: 0 !important;
  }
  .lg-ml0 {
    /*px*/ margin-left: 0 !important;
    /*rem*/ margin-left: 0 !important;
  }
  .lg-mh0 {
    /*px*/ margin-right: 0 !important;
    /*rem*/ margin-right: 0 !important;
    /*px*/ margin-left: 0 !important;
    /*rem*/ margin-left: 0 !important;
  }
  .lg-mv0 {
    /*px*/ margin-top: 0 !important;
    /*rem*/ margin-top: 0 !important;
    /*px*/ margin-bottom: 0 !important;
    /*rem*/ margin-bottom: 0 !important;
  }
}
@media (min-width: 1140px) {
  .xl-m {
    /*px*/ margin: 24px !important;
    /*rem*/ margin: 1.5rem !important;
  }
  .xl-mt {
    /*px*/ margin-top: 24px !important;
    /*rem*/ margin-top: 1.5rem !important;
  }
  .xl-mr {
    /*px*/ margin-right: 24px !important;
    /*rem*/ margin-right: 1.5rem !important;
  }
  .xl-mb {
    /*px*/ margin-bottom: 24px !important;
    /*rem*/ margin-bottom: 1.5rem !important;
  }
  .xl-ml {
    /*px*/ margin-left: 24px !important;
    /*rem*/ margin-left: 1.5rem !important;
  }
  .xl-mh {
    /*px*/ margin-right: 24px !important;
    /*rem*/ margin-right: 1.5rem !important;
    /*px*/ margin-left: 24px !important;
    /*rem*/ margin-left: 1.5rem !important;
  }
  .xl-mv {
    /*px*/ margin-top: 24px !important;
    /*rem*/ margin-top: 1.5rem !important;
    /*px*/ margin-bottom: 24px !important;
    /*rem*/ margin-bottom: 1.5rem !important;
  }
  .xl-m-- {
    /*px*/ margin: 6px !important;
    /*rem*/ margin: 0.375rem !important;
  }
  .xl-mt-- {
    /*px*/ margin-top: 6px !important;
    /*rem*/ margin-top: 0.375rem !important;
  }
  .xl-mr-- {
    /*px*/ margin-right: 6px !important;
    /*rem*/ margin-right: 0.375rem !important;
  }
  .xl-mb-- {
    /*px*/ margin-bottom: 6px !important;
    /*rem*/ margin-bottom: 0.375rem !important;
  }
  .xl-ml-- {
    /*px*/ margin-left: 6px !important;
    /*rem*/ margin-left: 0.375rem !important;
  }
  .xl-mh-- {
    /*px*/ margin-right: 6px !important;
    /*rem*/ margin-right: 0.375rem !important;
    /*px*/ margin-left: 6px !important;
    /*rem*/ margin-left: 0.375rem !important;
  }
  .xl-mv-- {
    /*px*/ margin-top: 6px !important;
    /*rem*/ margin-top: 0.375rem !important;
    /*px*/ margin-bottom: 6px !important;
    /*rem*/ margin-bottom: 0.375rem !important;
  }
  .xl-m- {
    /*px*/ margin: 12px !important;
    /*rem*/ margin: 0.75rem !important;
  }
  .xl-mt- {
    /*px*/ margin-top: 12px !important;
    /*rem*/ margin-top: 0.75rem !important;
  }
  .xl-mr- {
    /*px*/ margin-right: 12px !important;
    /*rem*/ margin-right: 0.75rem !important;
  }
  .xl-mb- {
    /*px*/ margin-bottom: 12px !important;
    /*rem*/ margin-bottom: 0.75rem !important;
  }
  .xl-ml- {
    /*px*/ margin-left: 12px !important;
    /*rem*/ margin-left: 0.75rem !important;
  }
  .xl-mh- {
    /*px*/ margin-right: 12px !important;
    /*rem*/ margin-right: 0.75rem !important;
    /*px*/ margin-left: 12px !important;
    /*rem*/ margin-left: 0.75rem !important;
  }
  .xl-mv- {
    /*px*/ margin-top: 12px !important;
    /*rem*/ margin-top: 0.75rem !important;
    /*px*/ margin-bottom: 12px !important;
    /*rem*/ margin-bottom: 0.75rem !important;
  }
  .xl-m\+ {
    /*px*/ margin: 48px !important;
    /*rem*/ margin: 3rem !important;
  }
  .xl-mt\+ {
    /*px*/ margin-top: 48px !important;
    /*rem*/ margin-top: 3rem !important;
  }
  .xl-mr\+ {
    /*px*/ margin-right: 48px !important;
    /*rem*/ margin-right: 3rem !important;
  }
  .xl-mb\+ {
    /*px*/ margin-bottom: 48px !important;
    /*rem*/ margin-bottom: 3rem !important;
  }
  .xl-ml\+ {
    /*px*/ margin-left: 48px !important;
    /*rem*/ margin-left: 3rem !important;
  }
  .xl-mh\+ {
    /*px*/ margin-right: 48px !important;
    /*rem*/ margin-right: 3rem !important;
    /*px*/ margin-left: 48px !important;
    /*rem*/ margin-left: 3rem !important;
  }
  .xl-mv\+ {
    /*px*/ margin-top: 48px !important;
    /*rem*/ margin-top: 3rem !important;
    /*px*/ margin-bottom: 48px !important;
    /*rem*/ margin-bottom: 3rem !important;
  }
  .xl-m\+\+ {
    /*px*/ margin: 96px !important;
    /*rem*/ margin: 6rem !important;
  }
  .xl-mt\+\+ {
    /*px*/ margin-top: 96px !important;
    /*rem*/ margin-top: 6rem !important;
  }
  .xl-mr\+\+ {
    /*px*/ margin-right: 96px !important;
    /*rem*/ margin-right: 6rem !important;
  }
  .xl-mb\+\+ {
    /*px*/ margin-bottom: 96px !important;
    /*rem*/ margin-bottom: 6rem !important;
  }
  .xl-ml\+\+ {
    /*px*/ margin-left: 96px !important;
    /*rem*/ margin-left: 6rem !important;
  }
  .xl-mh\+\+ {
    /*px*/ margin-right: 96px !important;
    /*rem*/ margin-right: 6rem !important;
    /*px*/ margin-left: 96px !important;
    /*rem*/ margin-left: 6rem !important;
  }
  .xl-mv\+\+ {
    /*px*/ margin-top: 96px !important;
    /*rem*/ margin-top: 6rem !important;
    /*px*/ margin-bottom: 96px !important;
    /*rem*/ margin-bottom: 6rem !important;
  }
  .xl-m0 {
    /*px*/ margin: 0 !important;
    /*rem*/ margin: 0 !important;
  }
  .xl-mt0 {
    /*px*/ margin-top: 0 !important;
    /*rem*/ margin-top: 0 !important;
  }
  .xl-mr0 {
    /*px*/ margin-right: 0 !important;
    /*rem*/ margin-right: 0 !important;
  }
  .xl-mb0 {
    /*px*/ margin-bottom: 0 !important;
    /*rem*/ margin-bottom: 0 !important;
  }
  .xl-ml0 {
    /*px*/ margin-left: 0 !important;
    /*rem*/ margin-left: 0 !important;
  }
  .xl-mh0 {
    /*px*/ margin-right: 0 !important;
    /*rem*/ margin-right: 0 !important;
    /*px*/ margin-left: 0 !important;
    /*rem*/ margin-left: 0 !important;
  }
  .xl-mv0 {
    /*px*/ margin-top: 0 !important;
    /*rem*/ margin-top: 0 !important;
    /*px*/ margin-bottom: 0 !important;
    /*rem*/ margin-bottom: 0 !important;
  }
}
@media (min-width: 1380px) {
  .xxl-m {
    /*px*/ margin: 24px !important;
    /*rem*/ margin: 1.5rem !important;
  }
  .xxl-mt {
    /*px*/ margin-top: 24px !important;
    /*rem*/ margin-top: 1.5rem !important;
  }
  .xxl-mr {
    /*px*/ margin-right: 24px !important;
    /*rem*/ margin-right: 1.5rem !important;
  }
  .xxl-mb {
    /*px*/ margin-bottom: 24px !important;
    /*rem*/ margin-bottom: 1.5rem !important;
  }
  .xxl-ml {
    /*px*/ margin-left: 24px !important;
    /*rem*/ margin-left: 1.5rem !important;
  }
  .xxl-mh {
    /*px*/ margin-right: 24px !important;
    /*rem*/ margin-right: 1.5rem !important;
    /*px*/ margin-left: 24px !important;
    /*rem*/ margin-left: 1.5rem !important;
  }
  .xxl-mv {
    /*px*/ margin-top: 24px !important;
    /*rem*/ margin-top: 1.5rem !important;
    /*px*/ margin-bottom: 24px !important;
    /*rem*/ margin-bottom: 1.5rem !important;
  }
  .xxl-m-- {
    /*px*/ margin: 6px !important;
    /*rem*/ margin: 0.375rem !important;
  }
  .xxl-mt-- {
    /*px*/ margin-top: 6px !important;
    /*rem*/ margin-top: 0.375rem !important;
  }
  .xxl-mr-- {
    /*px*/ margin-right: 6px !important;
    /*rem*/ margin-right: 0.375rem !important;
  }
  .xxl-mb-- {
    /*px*/ margin-bottom: 6px !important;
    /*rem*/ margin-bottom: 0.375rem !important;
  }
  .xxl-ml-- {
    /*px*/ margin-left: 6px !important;
    /*rem*/ margin-left: 0.375rem !important;
  }
  .xxl-mh-- {
    /*px*/ margin-right: 6px !important;
    /*rem*/ margin-right: 0.375rem !important;
    /*px*/ margin-left: 6px !important;
    /*rem*/ margin-left: 0.375rem !important;
  }
  .xxl-mv-- {
    /*px*/ margin-top: 6px !important;
    /*rem*/ margin-top: 0.375rem !important;
    /*px*/ margin-bottom: 6px !important;
    /*rem*/ margin-bottom: 0.375rem !important;
  }
  .xxl-m- {
    /*px*/ margin: 12px !important;
    /*rem*/ margin: 0.75rem !important;
  }
  .xxl-mt- {
    /*px*/ margin-top: 12px !important;
    /*rem*/ margin-top: 0.75rem !important;
  }
  .xxl-mr- {
    /*px*/ margin-right: 12px !important;
    /*rem*/ margin-right: 0.75rem !important;
  }
  .xxl-mb- {
    /*px*/ margin-bottom: 12px !important;
    /*rem*/ margin-bottom: 0.75rem !important;
  }
  .xxl-ml- {
    /*px*/ margin-left: 12px !important;
    /*rem*/ margin-left: 0.75rem !important;
  }
  .xxl-mh- {
    /*px*/ margin-right: 12px !important;
    /*rem*/ margin-right: 0.75rem !important;
    /*px*/ margin-left: 12px !important;
    /*rem*/ margin-left: 0.75rem !important;
  }
  .xxl-mv- {
    /*px*/ margin-top: 12px !important;
    /*rem*/ margin-top: 0.75rem !important;
    /*px*/ margin-bottom: 12px !important;
    /*rem*/ margin-bottom: 0.75rem !important;
  }
  .xxl-m\+ {
    /*px*/ margin: 48px !important;
    /*rem*/ margin: 3rem !important;
  }
  .xxl-mt\+ {
    /*px*/ margin-top: 48px !important;
    /*rem*/ margin-top: 3rem !important;
  }
  .xxl-mr\+ {
    /*px*/ margin-right: 48px !important;
    /*rem*/ margin-right: 3rem !important;
  }
  .xxl-mb\+ {
    /*px*/ margin-bottom: 48px !important;
    /*rem*/ margin-bottom: 3rem !important;
  }
  .xxl-ml\+ {
    /*px*/ margin-left: 48px !important;
    /*rem*/ margin-left: 3rem !important;
  }
  .xxl-mh\+ {
    /*px*/ margin-right: 48px !important;
    /*rem*/ margin-right: 3rem !important;
    /*px*/ margin-left: 48px !important;
    /*rem*/ margin-left: 3rem !important;
  }
  .xxl-mv\+ {
    /*px*/ margin-top: 48px !important;
    /*rem*/ margin-top: 3rem !important;
    /*px*/ margin-bottom: 48px !important;
    /*rem*/ margin-bottom: 3rem !important;
  }
  .xxl-m\+\+ {
    /*px*/ margin: 96px !important;
    /*rem*/ margin: 6rem !important;
  }
  .xxl-mt\+\+ {
    /*px*/ margin-top: 96px !important;
    /*rem*/ margin-top: 6rem !important;
  }
  .xxl-mr\+\+ {
    /*px*/ margin-right: 96px !important;
    /*rem*/ margin-right: 6rem !important;
  }
  .xxl-mb\+\+ {
    /*px*/ margin-bottom: 96px !important;
    /*rem*/ margin-bottom: 6rem !important;
  }
  .xxl-ml\+\+ {
    /*px*/ margin-left: 96px !important;
    /*rem*/ margin-left: 6rem !important;
  }
  .xxl-mh\+\+ {
    /*px*/ margin-right: 96px !important;
    /*rem*/ margin-right: 6rem !important;
    /*px*/ margin-left: 96px !important;
    /*rem*/ margin-left: 6rem !important;
  }
  .xxl-mv\+\+ {
    /*px*/ margin-top: 96px !important;
    /*rem*/ margin-top: 6rem !important;
    /*px*/ margin-bottom: 96px !important;
    /*rem*/ margin-bottom: 6rem !important;
  }
  .xxl-m0 {
    /*px*/ margin: 0 !important;
    /*rem*/ margin: 0 !important;
  }
  .xxl-mt0 {
    /*px*/ margin-top: 0 !important;
    /*rem*/ margin-top: 0 !important;
  }
  .xxl-mr0 {
    /*px*/ margin-right: 0 !important;
    /*rem*/ margin-right: 0 !important;
  }
  .xxl-mb0 {
    /*px*/ margin-bottom: 0 !important;
    /*rem*/ margin-bottom: 0 !important;
  }
  .xxl-ml0 {
    /*px*/ margin-left: 0 !important;
    /*rem*/ margin-left: 0 !important;
  }
  .xxl-mh0 {
    /*px*/ margin-right: 0 !important;
    /*rem*/ margin-right: 0 !important;
    /*px*/ margin-left: 0 !important;
    /*rem*/ margin-left: 0 !important;
  }
  .xxl-mv0 {
    /*px*/ margin-top: 0 !important;
    /*rem*/ margin-top: 0 !important;
    /*px*/ margin-bottom: 0 !important;
    /*rem*/ margin-bottom: 0 !important;
  }
}
/* ========================================================================== *\
   Utilities -> Paddings ($utilities-paddings)
\* ========================================================================== */
/**
 * Hat tip to @csswizardry for the +/- technique.
 *
 * @link http://cbrac.co/1Pd1ZKl
 */
.p {
  /*px*/ padding: 24px !important;
  /*rem*/ padding: 1.5rem !important;
}
.pt {
  /*px*/ padding-top: 24px !important;
  /*rem*/ padding-top: 1.5rem !important;
}
.pr {
  /*px*/ padding-right: 24px !important;
  /*rem*/ padding-right: 1.5rem !important;
}
.pb {
  /*px*/ padding-bottom: 24px !important;
  /*rem*/ padding-bottom: 1.5rem !important;
}
.pl {
  /*px*/ padding-left: 24px !important;
  /*rem*/ padding-left: 1.5rem !important;
}
.ph {
  /*px*/ padding-right: 24px !important;
  /*rem*/ padding-right: 1.5rem !important;
  /*px*/ padding-left: 24px !important;
  /*rem*/ padding-left: 1.5rem !important;
}
.pv {
  /*px*/ padding-top: 24px !important;
  /*rem*/ padding-top: 1.5rem !important;
  /*px*/ padding-bottom: 24px !important;
  /*rem*/ padding-bottom: 1.5rem !important;
}
.p-- {
  /*px*/ padding: 6px !important;
  /*rem*/ padding: 0.375rem !important;
}
.pt-- {
  /*px*/ padding-top: 6px !important;
  /*rem*/ padding-top: 0.375rem !important;
}
.pr-- {
  /*px*/ padding-right: 6px !important;
  /*rem*/ padding-right: 0.375rem !important;
}
.pb-- {
  /*px*/ padding-bottom: 6px !important;
  /*rem*/ padding-bottom: 0.375rem !important;
}
.pl-- {
  /*px*/ padding-left: 6px !important;
  /*rem*/ padding-left: 0.375rem !important;
}
.ph-- {
  /*px*/ padding-right: 6px !important;
  /*rem*/ padding-right: 0.375rem !important;
  /*px*/ padding-left: 6px !important;
  /*rem*/ padding-left: 0.375rem !important;
}
.pv-- {
  /*px*/ padding-top: 6px !important;
  /*rem*/ padding-top: 0.375rem !important;
  /*px*/ padding-bottom: 6px !important;
  /*rem*/ padding-bottom: 0.375rem !important;
}
.p- {
  /*px*/ padding: 12px !important;
  /*rem*/ padding: 0.75rem !important;
}
.pt- {
  /*px*/ padding-top: 12px !important;
  /*rem*/ padding-top: 0.75rem !important;
}
.pr- {
  /*px*/ padding-right: 12px !important;
  /*rem*/ padding-right: 0.75rem !important;
}
.pb- {
  /*px*/ padding-bottom: 12px !important;
  /*rem*/ padding-bottom: 0.75rem !important;
}
.pl- {
  /*px*/ padding-left: 12px !important;
  /*rem*/ padding-left: 0.75rem !important;
}
.ph- {
  /*px*/ padding-right: 12px !important;
  /*rem*/ padding-right: 0.75rem !important;
  /*px*/ padding-left: 12px !important;
  /*rem*/ padding-left: 0.75rem !important;
}
.pv- {
  /*px*/ padding-top: 12px !important;
  /*rem*/ padding-top: 0.75rem !important;
  /*px*/ padding-bottom: 12px !important;
  /*rem*/ padding-bottom: 0.75rem !important;
}
.p\+ {
  /*px*/ padding: 48px !important;
  /*rem*/ padding: 3rem !important;
}
.pt\+ {
  /*px*/ padding-top: 48px !important;
  /*rem*/ padding-top: 3rem !important;
}
.pr\+ {
  /*px*/ padding-right: 48px !important;
  /*rem*/ padding-right: 3rem !important;
}
.pb\+ {
  /*px*/ padding-bottom: 48px !important;
  /*rem*/ padding-bottom: 3rem !important;
}
.pl\+ {
  /*px*/ padding-left: 48px !important;
  /*rem*/ padding-left: 3rem !important;
}
.ph\+ {
  /*px*/ padding-right: 48px !important;
  /*rem*/ padding-right: 3rem !important;
  /*px*/ padding-left: 48px !important;
  /*rem*/ padding-left: 3rem !important;
}
.pv\+ {
  /*px*/ padding-top: 48px !important;
  /*rem*/ padding-top: 3rem !important;
  /*px*/ padding-bottom: 48px !important;
  /*rem*/ padding-bottom: 3rem !important;
}
.p\+\+ {
  /*px*/ padding: 96px !important;
  /*rem*/ padding: 6rem !important;
}
.pt\+\+ {
  /*px*/ padding-top: 96px !important;
  /*rem*/ padding-top: 6rem !important;
}
.pr\+\+ {
  /*px*/ padding-right: 96px !important;
  /*rem*/ padding-right: 6rem !important;
}
.pb\+\+ {
  /*px*/ padding-bottom: 96px !important;
  /*rem*/ padding-bottom: 6rem !important;
}
.pl\+\+ {
  /*px*/ padding-left: 96px !important;
  /*rem*/ padding-left: 6rem !important;
}
.ph\+\+ {
  /*px*/ padding-right: 96px !important;
  /*rem*/ padding-right: 6rem !important;
  /*px*/ padding-left: 96px !important;
  /*rem*/ padding-left: 6rem !important;
}
.pv\+\+ {
  /*px*/ padding-top: 96px !important;
  /*rem*/ padding-top: 6rem !important;
  /*px*/ padding-bottom: 96px !important;
  /*rem*/ padding-bottom: 6rem !important;
}
.p0 {
  /*px*/ padding: 0 !important;
  /*rem*/ padding: 0 !important;
}
.pt0 {
  /*px*/ padding-top: 0 !important;
  /*rem*/ padding-top: 0 !important;
}
.pr0 {
  /*px*/ padding-right: 0 !important;
  /*rem*/ padding-right: 0 !important;
}
.pb0 {
  /*px*/ padding-bottom: 0 !important;
  /*rem*/ padding-bottom: 0 !important;
}
.pl0 {
  /*px*/ padding-left: 0 !important;
  /*rem*/ padding-left: 0 !important;
}
.ph0 {
  /*px*/ padding-right: 0 !important;
  /*rem*/ padding-right: 0 !important;
  /*px*/ padding-left: 0 !important;
  /*rem*/ padding-left: 0 !important;
}
.pv0 {
  /*px*/ padding-top: 0 !important;
  /*rem*/ padding-top: 0 !important;
  /*px*/ padding-bottom: 0 !important;
  /*rem*/ padding-bottom: 0 !important;
}
@media (min-width: 480px) {
  .xs-p {
    /*px*/ padding: 24px !important;
    /*rem*/ padding: 1.5rem !important;
  }
  .xs-pt {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
  }
  .xs-pr {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
  }
  .xs-pb {
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .xs-pl {
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .xs-ph {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .xs-pv {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .xs-p-- {
    /*px*/ padding: 6px !important;
    /*rem*/ padding: 0.375rem !important;
  }
  .xs-pt-- {
    /*px*/ padding-top: 6px !important;
    /*rem*/ padding-top: 0.375rem !important;
  }
  .xs-pr-- {
    /*px*/ padding-right: 6px !important;
    /*rem*/ padding-right: 0.375rem !important;
  }
  .xs-pb-- {
    /*px*/ padding-bottom: 6px !important;
    /*rem*/ padding-bottom: 0.375rem !important;
  }
  .xs-pl-- {
    /*px*/ padding-left: 6px !important;
    /*rem*/ padding-left: 0.375rem !important;
  }
  .xs-ph-- {
    /*px*/ padding-right: 6px !important;
    /*rem*/ padding-right: 0.375rem !important;
    /*px*/ padding-left: 6px !important;
    /*rem*/ padding-left: 0.375rem !important;
  }
  .xs-pv-- {
    /*px*/ padding-top: 6px !important;
    /*rem*/ padding-top: 0.375rem !important;
    /*px*/ padding-bottom: 6px !important;
    /*rem*/ padding-bottom: 0.375rem !important;
  }
  .xs-p- {
    /*px*/ padding: 12px !important;
    /*rem*/ padding: 0.75rem !important;
  }
  .xs-pt- {
    /*px*/ padding-top: 12px !important;
    /*rem*/ padding-top: 0.75rem !important;
  }
  .xs-pr- {
    /*px*/ padding-right: 12px !important;
    /*rem*/ padding-right: 0.75rem !important;
  }
  .xs-pb- {
    /*px*/ padding-bottom: 12px !important;
    /*rem*/ padding-bottom: 0.75rem !important;
  }
  .xs-pl- {
    /*px*/ padding-left: 12px !important;
    /*rem*/ padding-left: 0.75rem !important;
  }
  .xs-ph- {
    /*px*/ padding-right: 12px !important;
    /*rem*/ padding-right: 0.75rem !important;
    /*px*/ padding-left: 12px !important;
    /*rem*/ padding-left: 0.75rem !important;
  }
  .xs-pv- {
    /*px*/ padding-top: 12px !important;
    /*rem*/ padding-top: 0.75rem !important;
    /*px*/ padding-bottom: 12px !important;
    /*rem*/ padding-bottom: 0.75rem !important;
  }
  .xs-p\+ {
    /*px*/ padding: 48px !important;
    /*rem*/ padding: 3rem !important;
  }
  .xs-pt\+ {
    /*px*/ padding-top: 48px !important;
    /*rem*/ padding-top: 3rem !important;
  }
  .xs-pr\+ {
    /*px*/ padding-right: 48px !important;
    /*rem*/ padding-right: 3rem !important;
  }
  .xs-pb\+ {
    /*px*/ padding-bottom: 48px !important;
    /*rem*/ padding-bottom: 3rem !important;
  }
  .xs-pl\+ {
    /*px*/ padding-left: 48px !important;
    /*rem*/ padding-left: 3rem !important;
  }
  .xs-ph\+ {
    /*px*/ padding-right: 48px !important;
    /*rem*/ padding-right: 3rem !important;
    /*px*/ padding-left: 48px !important;
    /*rem*/ padding-left: 3rem !important;
  }
  .xs-pv\+ {
    /*px*/ padding-top: 48px !important;
    /*rem*/ padding-top: 3rem !important;
    /*px*/ padding-bottom: 48px !important;
    /*rem*/ padding-bottom: 3rem !important;
  }
  .xs-p\+\+ {
    /*px*/ padding: 96px !important;
    /*rem*/ padding: 6rem !important;
  }
  .xs-pt\+\+ {
    /*px*/ padding-top: 96px !important;
    /*rem*/ padding-top: 6rem !important;
  }
  .xs-pr\+\+ {
    /*px*/ padding-right: 96px !important;
    /*rem*/ padding-right: 6rem !important;
  }
  .xs-pb\+\+ {
    /*px*/ padding-bottom: 96px !important;
    /*rem*/ padding-bottom: 6rem !important;
  }
  .xs-pl\+\+ {
    /*px*/ padding-left: 96px !important;
    /*rem*/ padding-left: 6rem !important;
  }
  .xs-ph\+\+ {
    /*px*/ padding-right: 96px !important;
    /*rem*/ padding-right: 6rem !important;
    /*px*/ padding-left: 96px !important;
    /*rem*/ padding-left: 6rem !important;
  }
  .xs-pv\+\+ {
    /*px*/ padding-top: 96px !important;
    /*rem*/ padding-top: 6rem !important;
    /*px*/ padding-bottom: 96px !important;
    /*rem*/ padding-bottom: 6rem !important;
  }
  .xs-p0 {
    /*px*/ padding: 0 !important;
    /*rem*/ padding: 0 !important;
  }
  .xs-pt0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
  }
  .xs-pr0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
  }
  .xs-pb0 {
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
  .xs-pl0 {
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .xs-ph0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .xs-pv0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
}
@media (min-width: 600px) {
  .sm-p {
    /*px*/ padding: 24px !important;
    /*rem*/ padding: 1.5rem !important;
  }
  .sm-pt {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
  }
  .sm-pr {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
  }
  .sm-pb {
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .sm-pl {
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .sm-ph {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .sm-pv {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .sm-p-- {
    /*px*/ padding: 6px !important;
    /*rem*/ padding: 0.375rem !important;
  }
  .sm-pt-- {
    /*px*/ padding-top: 6px !important;
    /*rem*/ padding-top: 0.375rem !important;
  }
  .sm-pr-- {
    /*px*/ padding-right: 6px !important;
    /*rem*/ padding-right: 0.375rem !important;
  }
  .sm-pb-- {
    /*px*/ padding-bottom: 6px !important;
    /*rem*/ padding-bottom: 0.375rem !important;
  }
  .sm-pl-- {
    /*px*/ padding-left: 6px !important;
    /*rem*/ padding-left: 0.375rem !important;
  }
  .sm-ph-- {
    /*px*/ padding-right: 6px !important;
    /*rem*/ padding-right: 0.375rem !important;
    /*px*/ padding-left: 6px !important;
    /*rem*/ padding-left: 0.375rem !important;
  }
  .sm-pv-- {
    /*px*/ padding-top: 6px !important;
    /*rem*/ padding-top: 0.375rem !important;
    /*px*/ padding-bottom: 6px !important;
    /*rem*/ padding-bottom: 0.375rem !important;
  }
  .sm-p- {
    /*px*/ padding: 12px !important;
    /*rem*/ padding: 0.75rem !important;
  }
  .sm-pt- {
    /*px*/ padding-top: 12px !important;
    /*rem*/ padding-top: 0.75rem !important;
  }
  .sm-pr- {
    /*px*/ padding-right: 12px !important;
    /*rem*/ padding-right: 0.75rem !important;
  }
  .sm-pb- {
    /*px*/ padding-bottom: 12px !important;
    /*rem*/ padding-bottom: 0.75rem !important;
  }
  .sm-pl- {
    /*px*/ padding-left: 12px !important;
    /*rem*/ padding-left: 0.75rem !important;
  }
  .sm-ph- {
    /*px*/ padding-right: 12px !important;
    /*rem*/ padding-right: 0.75rem !important;
    /*px*/ padding-left: 12px !important;
    /*rem*/ padding-left: 0.75rem !important;
  }
  .sm-pv- {
    /*px*/ padding-top: 12px !important;
    /*rem*/ padding-top: 0.75rem !important;
    /*px*/ padding-bottom: 12px !important;
    /*rem*/ padding-bottom: 0.75rem !important;
  }
  .sm-p\+ {
    /*px*/ padding: 48px !important;
    /*rem*/ padding: 3rem !important;
  }
  .sm-pt\+ {
    /*px*/ padding-top: 48px !important;
    /*rem*/ padding-top: 3rem !important;
  }
  .sm-pr\+ {
    /*px*/ padding-right: 48px !important;
    /*rem*/ padding-right: 3rem !important;
  }
  .sm-pb\+ {
    /*px*/ padding-bottom: 48px !important;
    /*rem*/ padding-bottom: 3rem !important;
  }
  .sm-pl\+ {
    /*px*/ padding-left: 48px !important;
    /*rem*/ padding-left: 3rem !important;
  }
  .sm-ph\+ {
    /*px*/ padding-right: 48px !important;
    /*rem*/ padding-right: 3rem !important;
    /*px*/ padding-left: 48px !important;
    /*rem*/ padding-left: 3rem !important;
  }
  .sm-pv\+ {
    /*px*/ padding-top: 48px !important;
    /*rem*/ padding-top: 3rem !important;
    /*px*/ padding-bottom: 48px !important;
    /*rem*/ padding-bottom: 3rem !important;
  }
  .sm-p\+\+ {
    /*px*/ padding: 96px !important;
    /*rem*/ padding: 6rem !important;
  }
  .sm-pt\+\+ {
    /*px*/ padding-top: 96px !important;
    /*rem*/ padding-top: 6rem !important;
  }
  .sm-pr\+\+ {
    /*px*/ padding-right: 96px !important;
    /*rem*/ padding-right: 6rem !important;
  }
  .sm-pb\+\+ {
    /*px*/ padding-bottom: 96px !important;
    /*rem*/ padding-bottom: 6rem !important;
  }
  .sm-pl\+\+ {
    /*px*/ padding-left: 96px !important;
    /*rem*/ padding-left: 6rem !important;
  }
  .sm-ph\+\+ {
    /*px*/ padding-right: 96px !important;
    /*rem*/ padding-right: 6rem !important;
    /*px*/ padding-left: 96px !important;
    /*rem*/ padding-left: 6rem !important;
  }
  .sm-pv\+\+ {
    /*px*/ padding-top: 96px !important;
    /*rem*/ padding-top: 6rem !important;
    /*px*/ padding-bottom: 96px !important;
    /*rem*/ padding-bottom: 6rem !important;
  }
  .sm-p0 {
    /*px*/ padding: 0 !important;
    /*rem*/ padding: 0 !important;
  }
  .sm-pt0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
  }
  .sm-pr0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
  }
  .sm-pb0 {
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
  .sm-pl0 {
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .sm-ph0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .sm-pv0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .md-p {
    /*px*/ padding: 24px !important;
    /*rem*/ padding: 1.5rem !important;
  }
  .md-pt {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
  }
  .md-pr {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
  }
  .md-pb {
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .md-pl {
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .md-ph {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .md-pv {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .md-p-- {
    /*px*/ padding: 6px !important;
    /*rem*/ padding: 0.375rem !important;
  }
  .md-pt-- {
    /*px*/ padding-top: 6px !important;
    /*rem*/ padding-top: 0.375rem !important;
  }
  .md-pr-- {
    /*px*/ padding-right: 6px !important;
    /*rem*/ padding-right: 0.375rem !important;
  }
  .md-pb-- {
    /*px*/ padding-bottom: 6px !important;
    /*rem*/ padding-bottom: 0.375rem !important;
  }
  .md-pl-- {
    /*px*/ padding-left: 6px !important;
    /*rem*/ padding-left: 0.375rem !important;
  }
  .md-ph-- {
    /*px*/ padding-right: 6px !important;
    /*rem*/ padding-right: 0.375rem !important;
    /*px*/ padding-left: 6px !important;
    /*rem*/ padding-left: 0.375rem !important;
  }
  .md-pv-- {
    /*px*/ padding-top: 6px !important;
    /*rem*/ padding-top: 0.375rem !important;
    /*px*/ padding-bottom: 6px !important;
    /*rem*/ padding-bottom: 0.375rem !important;
  }
  .md-p- {
    /*px*/ padding: 12px !important;
    /*rem*/ padding: 0.75rem !important;
  }
  .md-pt- {
    /*px*/ padding-top: 12px !important;
    /*rem*/ padding-top: 0.75rem !important;
  }
  .md-pr- {
    /*px*/ padding-right: 12px !important;
    /*rem*/ padding-right: 0.75rem !important;
  }
  .md-pb- {
    /*px*/ padding-bottom: 12px !important;
    /*rem*/ padding-bottom: 0.75rem !important;
  }
  .md-pl- {
    /*px*/ padding-left: 12px !important;
    /*rem*/ padding-left: 0.75rem !important;
  }
  .md-ph- {
    /*px*/ padding-right: 12px !important;
    /*rem*/ padding-right: 0.75rem !important;
    /*px*/ padding-left: 12px !important;
    /*rem*/ padding-left: 0.75rem !important;
  }
  .md-pv- {
    /*px*/ padding-top: 12px !important;
    /*rem*/ padding-top: 0.75rem !important;
    /*px*/ padding-bottom: 12px !important;
    /*rem*/ padding-bottom: 0.75rem !important;
  }
  .md-p\+ {
    /*px*/ padding: 48px !important;
    /*rem*/ padding: 3rem !important;
  }
  .md-pt\+ {
    /*px*/ padding-top: 48px !important;
    /*rem*/ padding-top: 3rem !important;
  }
  .md-pr\+ {
    /*px*/ padding-right: 48px !important;
    /*rem*/ padding-right: 3rem !important;
  }
  .md-pb\+ {
    /*px*/ padding-bottom: 48px !important;
    /*rem*/ padding-bottom: 3rem !important;
  }
  .md-pl\+ {
    /*px*/ padding-left: 48px !important;
    /*rem*/ padding-left: 3rem !important;
  }
  .md-ph\+ {
    /*px*/ padding-right: 48px !important;
    /*rem*/ padding-right: 3rem !important;
    /*px*/ padding-left: 48px !important;
    /*rem*/ padding-left: 3rem !important;
  }
  .md-pv\+ {
    /*px*/ padding-top: 48px !important;
    /*rem*/ padding-top: 3rem !important;
    /*px*/ padding-bottom: 48px !important;
    /*rem*/ padding-bottom: 3rem !important;
  }
  .md-p\+\+ {
    /*px*/ padding: 96px !important;
    /*rem*/ padding: 6rem !important;
  }
  .md-pt\+\+ {
    /*px*/ padding-top: 96px !important;
    /*rem*/ padding-top: 6rem !important;
  }
  .md-pr\+\+ {
    /*px*/ padding-right: 96px !important;
    /*rem*/ padding-right: 6rem !important;
  }
  .md-pb\+\+ {
    /*px*/ padding-bottom: 96px !important;
    /*rem*/ padding-bottom: 6rem !important;
  }
  .md-pl\+\+ {
    /*px*/ padding-left: 96px !important;
    /*rem*/ padding-left: 6rem !important;
  }
  .md-ph\+\+ {
    /*px*/ padding-right: 96px !important;
    /*rem*/ padding-right: 6rem !important;
    /*px*/ padding-left: 96px !important;
    /*rem*/ padding-left: 6rem !important;
  }
  .md-pv\+\+ {
    /*px*/ padding-top: 96px !important;
    /*rem*/ padding-top: 6rem !important;
    /*px*/ padding-bottom: 96px !important;
    /*rem*/ padding-bottom: 6rem !important;
  }
  .md-p0 {
    /*px*/ padding: 0 !important;
    /*rem*/ padding: 0 !important;
  }
  .md-pt0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
  }
  .md-pr0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
  }
  .md-pb0 {
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
  .md-pl0 {
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .md-ph0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .md-pv0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
}
@media (min-width: 960px) {
  .lg-p {
    /*px*/ padding: 24px !important;
    /*rem*/ padding: 1.5rem !important;
  }
  .lg-pt {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
  }
  .lg-pr {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
  }
  .lg-pb {
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .lg-pl {
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .lg-ph {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .lg-pv {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .lg-p-- {
    /*px*/ padding: 6px !important;
    /*rem*/ padding: 0.375rem !important;
  }
  .lg-pt-- {
    /*px*/ padding-top: 6px !important;
    /*rem*/ padding-top: 0.375rem !important;
  }
  .lg-pr-- {
    /*px*/ padding-right: 6px !important;
    /*rem*/ padding-right: 0.375rem !important;
  }
  .lg-pb-- {
    /*px*/ padding-bottom: 6px !important;
    /*rem*/ padding-bottom: 0.375rem !important;
  }
  .lg-pl-- {
    /*px*/ padding-left: 6px !important;
    /*rem*/ padding-left: 0.375rem !important;
  }
  .lg-ph-- {
    /*px*/ padding-right: 6px !important;
    /*rem*/ padding-right: 0.375rem !important;
    /*px*/ padding-left: 6px !important;
    /*rem*/ padding-left: 0.375rem !important;
  }
  .lg-pv-- {
    /*px*/ padding-top: 6px !important;
    /*rem*/ padding-top: 0.375rem !important;
    /*px*/ padding-bottom: 6px !important;
    /*rem*/ padding-bottom: 0.375rem !important;
  }
  .lg-p- {
    /*px*/ padding: 12px !important;
    /*rem*/ padding: 0.75rem !important;
  }
  .lg-pt- {
    /*px*/ padding-top: 12px !important;
    /*rem*/ padding-top: 0.75rem !important;
  }
  .lg-pr- {
    /*px*/ padding-right: 12px !important;
    /*rem*/ padding-right: 0.75rem !important;
  }
  .lg-pb- {
    /*px*/ padding-bottom: 12px !important;
    /*rem*/ padding-bottom: 0.75rem !important;
  }
  .lg-pl- {
    /*px*/ padding-left: 12px !important;
    /*rem*/ padding-left: 0.75rem !important;
  }
  .lg-ph- {
    /*px*/ padding-right: 12px !important;
    /*rem*/ padding-right: 0.75rem !important;
    /*px*/ padding-left: 12px !important;
    /*rem*/ padding-left: 0.75rem !important;
  }
  .lg-pv- {
    /*px*/ padding-top: 12px !important;
    /*rem*/ padding-top: 0.75rem !important;
    /*px*/ padding-bottom: 12px !important;
    /*rem*/ padding-bottom: 0.75rem !important;
  }
  .lg-p\+ {
    /*px*/ padding: 48px !important;
    /*rem*/ padding: 3rem !important;
  }
  .lg-pt\+ {
    /*px*/ padding-top: 48px !important;
    /*rem*/ padding-top: 3rem !important;
  }
  .lg-pr\+ {
    /*px*/ padding-right: 48px !important;
    /*rem*/ padding-right: 3rem !important;
  }
  .lg-pb\+ {
    /*px*/ padding-bottom: 48px !important;
    /*rem*/ padding-bottom: 3rem !important;
  }
  .lg-pl\+ {
    /*px*/ padding-left: 48px !important;
    /*rem*/ padding-left: 3rem !important;
  }
  .lg-ph\+ {
    /*px*/ padding-right: 48px !important;
    /*rem*/ padding-right: 3rem !important;
    /*px*/ padding-left: 48px !important;
    /*rem*/ padding-left: 3rem !important;
  }
  .lg-pv\+ {
    /*px*/ padding-top: 48px !important;
    /*rem*/ padding-top: 3rem !important;
    /*px*/ padding-bottom: 48px !important;
    /*rem*/ padding-bottom: 3rem !important;
  }
  .lg-p\+\+ {
    /*px*/ padding: 96px !important;
    /*rem*/ padding: 6rem !important;
  }
  .lg-pt\+\+ {
    /*px*/ padding-top: 96px !important;
    /*rem*/ padding-top: 6rem !important;
  }
  .lg-pr\+\+ {
    /*px*/ padding-right: 96px !important;
    /*rem*/ padding-right: 6rem !important;
  }
  .lg-pb\+\+ {
    /*px*/ padding-bottom: 96px !important;
    /*rem*/ padding-bottom: 6rem !important;
  }
  .lg-pl\+\+ {
    /*px*/ padding-left: 96px !important;
    /*rem*/ padding-left: 6rem !important;
  }
  .lg-ph\+\+ {
    /*px*/ padding-right: 96px !important;
    /*rem*/ padding-right: 6rem !important;
    /*px*/ padding-left: 96px !important;
    /*rem*/ padding-left: 6rem !important;
  }
  .lg-pv\+\+ {
    /*px*/ padding-top: 96px !important;
    /*rem*/ padding-top: 6rem !important;
    /*px*/ padding-bottom: 96px !important;
    /*rem*/ padding-bottom: 6rem !important;
  }
  .lg-p0 {
    /*px*/ padding: 0 !important;
    /*rem*/ padding: 0 !important;
  }
  .lg-pt0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
  }
  .lg-pr0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
  }
  .lg-pb0 {
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
  .lg-pl0 {
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .lg-ph0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .lg-pv0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
}
@media (min-width: 1140px) {
  .xl-p {
    /*px*/ padding: 24px !important;
    /*rem*/ padding: 1.5rem !important;
  }
  .xl-pt {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
  }
  .xl-pr {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
  }
  .xl-pb {
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .xl-pl {
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .xl-ph {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .xl-pv {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .xl-p-- {
    /*px*/ padding: 6px !important;
    /*rem*/ padding: 0.375rem !important;
  }
  .xl-pt-- {
    /*px*/ padding-top: 6px !important;
    /*rem*/ padding-top: 0.375rem !important;
  }
  .xl-pr-- {
    /*px*/ padding-right: 6px !important;
    /*rem*/ padding-right: 0.375rem !important;
  }
  .xl-pb-- {
    /*px*/ padding-bottom: 6px !important;
    /*rem*/ padding-bottom: 0.375rem !important;
  }
  .xl-pl-- {
    /*px*/ padding-left: 6px !important;
    /*rem*/ padding-left: 0.375rem !important;
  }
  .xl-ph-- {
    /*px*/ padding-right: 6px !important;
    /*rem*/ padding-right: 0.375rem !important;
    /*px*/ padding-left: 6px !important;
    /*rem*/ padding-left: 0.375rem !important;
  }
  .xl-pv-- {
    /*px*/ padding-top: 6px !important;
    /*rem*/ padding-top: 0.375rem !important;
    /*px*/ padding-bottom: 6px !important;
    /*rem*/ padding-bottom: 0.375rem !important;
  }
  .xl-p- {
    /*px*/ padding: 12px !important;
    /*rem*/ padding: 0.75rem !important;
  }
  .xl-pt- {
    /*px*/ padding-top: 12px !important;
    /*rem*/ padding-top: 0.75rem !important;
  }
  .xl-pr- {
    /*px*/ padding-right: 12px !important;
    /*rem*/ padding-right: 0.75rem !important;
  }
  .xl-pb- {
    /*px*/ padding-bottom: 12px !important;
    /*rem*/ padding-bottom: 0.75rem !important;
  }
  .xl-pl- {
    /*px*/ padding-left: 12px !important;
    /*rem*/ padding-left: 0.75rem !important;
  }
  .xl-ph- {
    /*px*/ padding-right: 12px !important;
    /*rem*/ padding-right: 0.75rem !important;
    /*px*/ padding-left: 12px !important;
    /*rem*/ padding-left: 0.75rem !important;
  }
  .xl-pv- {
    /*px*/ padding-top: 12px !important;
    /*rem*/ padding-top: 0.75rem !important;
    /*px*/ padding-bottom: 12px !important;
    /*rem*/ padding-bottom: 0.75rem !important;
  }
  .xl-p\+ {
    /*px*/ padding: 48px !important;
    /*rem*/ padding: 3rem !important;
  }
  .xl-pt\+ {
    /*px*/ padding-top: 48px !important;
    /*rem*/ padding-top: 3rem !important;
  }
  .xl-pr\+ {
    /*px*/ padding-right: 48px !important;
    /*rem*/ padding-right: 3rem !important;
  }
  .xl-pb\+ {
    /*px*/ padding-bottom: 48px !important;
    /*rem*/ padding-bottom: 3rem !important;
  }
  .xl-pl\+ {
    /*px*/ padding-left: 48px !important;
    /*rem*/ padding-left: 3rem !important;
  }
  .xl-ph\+ {
    /*px*/ padding-right: 48px !important;
    /*rem*/ padding-right: 3rem !important;
    /*px*/ padding-left: 48px !important;
    /*rem*/ padding-left: 3rem !important;
  }
  .xl-pv\+ {
    /*px*/ padding-top: 48px !important;
    /*rem*/ padding-top: 3rem !important;
    /*px*/ padding-bottom: 48px !important;
    /*rem*/ padding-bottom: 3rem !important;
  }
  .xl-p\+\+ {
    /*px*/ padding: 96px !important;
    /*rem*/ padding: 6rem !important;
  }
  .xl-pt\+\+ {
    /*px*/ padding-top: 96px !important;
    /*rem*/ padding-top: 6rem !important;
  }
  .xl-pr\+\+ {
    /*px*/ padding-right: 96px !important;
    /*rem*/ padding-right: 6rem !important;
  }
  .xl-pb\+\+ {
    /*px*/ padding-bottom: 96px !important;
    /*rem*/ padding-bottom: 6rem !important;
  }
  .xl-pl\+\+ {
    /*px*/ padding-left: 96px !important;
    /*rem*/ padding-left: 6rem !important;
  }
  .xl-ph\+\+ {
    /*px*/ padding-right: 96px !important;
    /*rem*/ padding-right: 6rem !important;
    /*px*/ padding-left: 96px !important;
    /*rem*/ padding-left: 6rem !important;
  }
  .xl-pv\+\+ {
    /*px*/ padding-top: 96px !important;
    /*rem*/ padding-top: 6rem !important;
    /*px*/ padding-bottom: 96px !important;
    /*rem*/ padding-bottom: 6rem !important;
  }
  .xl-p0 {
    /*px*/ padding: 0 !important;
    /*rem*/ padding: 0 !important;
  }
  .xl-pt0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
  }
  .xl-pr0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
  }
  .xl-pb0 {
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
  .xl-pl0 {
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .xl-ph0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .xl-pv0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
}
@media (min-width: 1380px) {
  .xxl-p {
    /*px*/ padding: 24px !important;
    /*rem*/ padding: 1.5rem !important;
  }
  .xxl-pt {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
  }
  .xxl-pr {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
  }
  .xxl-pb {
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .xxl-pl {
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .xxl-ph {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .xxl-pv {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .xxl-p-- {
    /*px*/ padding: 6px !important;
    /*rem*/ padding: 0.375rem !important;
  }
  .xxl-pt-- {
    /*px*/ padding-top: 6px !important;
    /*rem*/ padding-top: 0.375rem !important;
  }
  .xxl-pr-- {
    /*px*/ padding-right: 6px !important;
    /*rem*/ padding-right: 0.375rem !important;
  }
  .xxl-pb-- {
    /*px*/ padding-bottom: 6px !important;
    /*rem*/ padding-bottom: 0.375rem !important;
  }
  .xxl-pl-- {
    /*px*/ padding-left: 6px !important;
    /*rem*/ padding-left: 0.375rem !important;
  }
  .xxl-ph-- {
    /*px*/ padding-right: 6px !important;
    /*rem*/ padding-right: 0.375rem !important;
    /*px*/ padding-left: 6px !important;
    /*rem*/ padding-left: 0.375rem !important;
  }
  .xxl-pv-- {
    /*px*/ padding-top: 6px !important;
    /*rem*/ padding-top: 0.375rem !important;
    /*px*/ padding-bottom: 6px !important;
    /*rem*/ padding-bottom: 0.375rem !important;
  }
  .xxl-p- {
    /*px*/ padding: 12px !important;
    /*rem*/ padding: 0.75rem !important;
  }
  .xxl-pt- {
    /*px*/ padding-top: 12px !important;
    /*rem*/ padding-top: 0.75rem !important;
  }
  .xxl-pr- {
    /*px*/ padding-right: 12px !important;
    /*rem*/ padding-right: 0.75rem !important;
  }
  .xxl-pb- {
    /*px*/ padding-bottom: 12px !important;
    /*rem*/ padding-bottom: 0.75rem !important;
  }
  .xxl-pl- {
    /*px*/ padding-left: 12px !important;
    /*rem*/ padding-left: 0.75rem !important;
  }
  .xxl-ph- {
    /*px*/ padding-right: 12px !important;
    /*rem*/ padding-right: 0.75rem !important;
    /*px*/ padding-left: 12px !important;
    /*rem*/ padding-left: 0.75rem !important;
  }
  .xxl-pv- {
    /*px*/ padding-top: 12px !important;
    /*rem*/ padding-top: 0.75rem !important;
    /*px*/ padding-bottom: 12px !important;
    /*rem*/ padding-bottom: 0.75rem !important;
  }
  .xxl-p\+ {
    /*px*/ padding: 48px !important;
    /*rem*/ padding: 3rem !important;
  }
  .xxl-pt\+ {
    /*px*/ padding-top: 48px !important;
    /*rem*/ padding-top: 3rem !important;
  }
  .xxl-pr\+ {
    /*px*/ padding-right: 48px !important;
    /*rem*/ padding-right: 3rem !important;
  }
  .xxl-pb\+ {
    /*px*/ padding-bottom: 48px !important;
    /*rem*/ padding-bottom: 3rem !important;
  }
  .xxl-pl\+ {
    /*px*/ padding-left: 48px !important;
    /*rem*/ padding-left: 3rem !important;
  }
  .xxl-ph\+ {
    /*px*/ padding-right: 48px !important;
    /*rem*/ padding-right: 3rem !important;
    /*px*/ padding-left: 48px !important;
    /*rem*/ padding-left: 3rem !important;
  }
  .xxl-pv\+ {
    /*px*/ padding-top: 48px !important;
    /*rem*/ padding-top: 3rem !important;
    /*px*/ padding-bottom: 48px !important;
    /*rem*/ padding-bottom: 3rem !important;
  }
  .xxl-p\+\+ {
    /*px*/ padding: 96px !important;
    /*rem*/ padding: 6rem !important;
  }
  .xxl-pt\+\+ {
    /*px*/ padding-top: 96px !important;
    /*rem*/ padding-top: 6rem !important;
  }
  .xxl-pr\+\+ {
    /*px*/ padding-right: 96px !important;
    /*rem*/ padding-right: 6rem !important;
  }
  .xxl-pb\+\+ {
    /*px*/ padding-bottom: 96px !important;
    /*rem*/ padding-bottom: 6rem !important;
  }
  .xxl-pl\+\+ {
    /*px*/ padding-left: 96px !important;
    /*rem*/ padding-left: 6rem !important;
  }
  .xxl-ph\+\+ {
    /*px*/ padding-right: 96px !important;
    /*rem*/ padding-right: 6rem !important;
    /*px*/ padding-left: 96px !important;
    /*rem*/ padding-left: 6rem !important;
  }
  .xxl-pv\+\+ {
    /*px*/ padding-top: 96px !important;
    /*rem*/ padding-top: 6rem !important;
    /*px*/ padding-bottom: 96px !important;
    /*rem*/ padding-bottom: 6rem !important;
  }
  .xxl-p0 {
    /*px*/ padding: 0 !important;
    /*rem*/ padding: 0 !important;
  }
  .xxl-pt0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
  }
  .xxl-pr0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
  }
  .xxl-pb0 {
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
  .xxl-pl0 {
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .xxl-ph0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .xxl-pv0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
}
/* ========================================================================== *\
   Utilities -> Positions ($utilities-positions)
\* ========================================================================== */
.posa {
  position: absolute !important;
}
.posf {
  position: fixed !important;
}
.posr {
  position: relative !important;
}
.poss {
  position: static !important;
}
@media (min-width: 480px) {
  .xs-posa {
    position: absolute !important;
  }
  .xs-posf {
    position: fixed !important;
  }
  .xs-posr {
    position: relative !important;
  }
  .xs-poss {
    position: static !important;
  }
}
@media (min-width: 600px) {
  .sm-posa {
    position: absolute !important;
  }
  .sm-posf {
    position: fixed !important;
  }
  .sm-posr {
    position: relative !important;
  }
  .sm-poss {
    position: static !important;
  }
}
@media (min-width: 768px) {
  .md-posa {
    position: absolute !important;
  }
  .md-posf {
    position: fixed !important;
  }
  .md-posr {
    position: relative !important;
  }
  .md-poss {
    position: static !important;
  }
}
@media (min-width: 960px) {
  .lg-posa {
    position: absolute !important;
  }
  .lg-posf {
    position: fixed !important;
  }
  .lg-posr {
    position: relative !important;
  }
  .lg-poss {
    position: static !important;
  }
}
@media (min-width: 1140px) {
  .xl-posa {
    position: absolute !important;
  }
  .xl-posf {
    position: fixed !important;
  }
  .xl-posr {
    position: relative !important;
  }
  .xl-poss {
    position: static !important;
  }
}
@media (min-width: 1380px) {
  .xxl-posa {
    position: absolute !important;
  }
  .xxl-posf {
    position: fixed !important;
  }
  .xxl-posr {
    position: relative !important;
  }
  .xxl-poss {
    position: static !important;
  }
}
/* ========================================================================== *\
   Utilities -> Text Alignment ($utilities-text-alignment)
\* ========================================================================== */
.tl {
  text-align: left !important;
}
.tr {
  text-align: right !important;
}
.tc {
  text-align: center !important;
}
.tj {
  text-align: justify !important;
}
@media (min-width: 480px) {
  .xs-tl {
    text-align: left !important;
  }
  .xs-tr {
    text-align: right !important;
  }
  .xs-tc {
    text-align: center !important;
  }
  .xs-tj {
    text-align: justify !important;
  }
}
@media (min-width: 600px) {
  .sm-tl {
    text-align: left !important;
  }
  .sm-tr {
    text-align: right !important;
  }
  .sm-tc {
    text-align: center !important;
  }
  .sm-tj {
    text-align: justify !important;
  }
}
@media (min-width: 768px) {
  .md-tl {
    text-align: left !important;
  }
  .md-tr {
    text-align: right !important;
  }
  .md-tc {
    text-align: center !important;
  }
  .md-tj {
    text-align: justify !important;
  }
}
@media (min-width: 960px) {
  .lg-tl {
    text-align: left !important;
  }
  .lg-tr {
    text-align: right !important;
  }
  .lg-tc {
    text-align: center !important;
  }
  .lg-tj {
    text-align: justify !important;
  }
}
@media (min-width: 1140px) {
  .xl-tl {
    text-align: left !important;
  }
  .xl-tr {
    text-align: right !important;
  }
  .xl-tc {
    text-align: center !important;
  }
  .xl-tj {
    text-align: justify !important;
  }
}
@media (min-width: 1380px) {
  .xxl-tl {
    text-align: left !important;
  }
  .xxl-tr {
    text-align: right !important;
  }
  .xxl-tc {
    text-align: center !important;
  }
  .xxl-tj {
    text-align: justify !important;
  }
}
/* ========================================================================== *\
   Utilities -> Vertical Alignment ($utilities-vertical-alignment)
\* ========================================================================== */
.vat {
  vertical-align: top !important;
}
.vab {
  vertical-align: bottom !important;
}
.vam {
  vertical-align: middle !important;
}
@media (min-width: 480px) {
  .xs-vat {
    vertical-align: top !important;
  }
  .xs-vab {
    vertical-align: bottom !important;
  }
  .xs-vam {
    vertical-align: middle !important;
  }
}
@media (min-width: 600px) {
  .sm-vat {
    vertical-align: top !important;
  }
  .sm-vab {
    vertical-align: bottom !important;
  }
  .sm-vam {
    vertical-align: middle !important;
  }
}
@media (min-width: 768px) {
  .md-vat {
    vertical-align: top !important;
  }
  .md-vab {
    vertical-align: bottom !important;
  }
  .md-vam {
    vertical-align: middle !important;
  }
}
@media (min-width: 960px) {
  .lg-vat {
    vertical-align: top !important;
  }
  .lg-vab {
    vertical-align: bottom !important;
  }
  .lg-vam {
    vertical-align: middle !important;
  }
}
@media (min-width: 1140px) {
  .xl-vat {
    vertical-align: top !important;
  }
  .xl-vab {
    vertical-align: bottom !important;
  }
  .xl-vam {
    vertical-align: middle !important;
  }
}
@media (min-width: 1380px) {
  .xxl-vat {
    vertical-align: top !important;
  }
  .xxl-vab {
    vertical-align: bottom !important;
  }
  .xxl-vam {
    vertical-align: middle !important;
  }
}
/* ========================================================================== *\
   Utilities -> Visually Hidden ($utilities-visually-hidden)
\* ========================================================================== */
/**
 * Hide only visually, but have it available for screenreaders.
 *
 * @link http://cbrac.co/TUcUgH
 */
.vh {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
/**
 * Extends the `.vh` class to allow the element to be focusable when navigated
 * to via the keyboard.
 *
 * @link http://cbrac.co/RR8gO6
 */
.vh.focusable:active,
.vh.focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  margin: 0;
  width: auto;
  height: auto;
}
/* ========================================================================== *\
   Utilities -> Widths ($utilities-widths)
\* ========================================================================== */
/**
 * Hat tip to @csswizardry for the fraction classes technique.
 *
 * @link http://cbrac.co/1RvQXmS
 */
.width-auto {
  width: auto !important;
}
[class~="1/1"],
.one-whole {
  width: 100% !important;
}
[class~="1/2"],
.one-half,
[class~="2/4"],
.two-fourths,
[class~="3/6"],
.three-sixths,
[class~="4/8"],
.four-eighths,
[class~="5/10"],
.five-tenths,
[class~="6/12"],
.six-twelfths {
  width: 50% !important;
}
[class~="1/3"],
.one-third,
[class~="2/6"],
.two-sixths,
[class~="3/9"],
.three-ninths,
[class~="4/12"],
.four-twelfths {
  width: 33.3333333% !important;
}
[class~="2/3"],
.two-thirds,
[class~="4/6"],
.four-sixths,
[class~="6/9"],
.six-ninths,
[class~="8/12"],
.eight-twelfths {
  width: 66.6666666% !important;
}
[class~="1/4"],
.one-fourth,
[class~="2/8"],
.two-eighths,
[class~="3/12"],
.three-twelfths {
  width: 25% !important;
}
[class~="3/4"],
.three-fourths,
[class~="6/8"],
.six-eighths,
[class~="9/12"],
.nine-twelfths {
  width: 75% !important;
}
[class~="1/5"],
.one-fifth,
[class~="2/10"],
.two-tenths {
  width: 20% !important;
}
[class~="2/5"],
.two-fifths,
[class~="4/10"],
.four-tenths {
  width: 40% !important;
}
[class~="3/5"],
.three-fifths,
[class~="6/10"],
.six-tenths {
  width: 60% !important;
}
[class~="4/5"],
.four-fifths,
[class~="8/10"],
.eight-tenths {
  width: 80% !important;
}
[class~="1/6"],
.one-sixth,
[class~="2/12"],
.two-twelfths {
  width: 16.6666666% !important;
}
[class~="5/6"],
.five-sixths,
[class~="10/12"],
.ten-twelfths {
  width: 83.3333333% !important;
}
[class~="1/8"],
.one-eighth {
  width: 12.5% !important;
}
[class~="3/8"],
.three-eighths {
  width: 37.5% !important;
}
[class~="5/8"],
.five-eighths {
  width: 62.5% !important;
}
[class~="7/8"],
.seven-eighths {
  width: 87.5% !important;
}
[class~="1/9"],
.one-ninth {
  width: 11.1111111% !important;
}
[class~="2/9"],
.two-ninths {
  width: 22.2222222% !important;
}
[class~="4/9"],
.four-ninths {
  width: 44.4444444% !important;
}
[class~="5/9"],
.five-ninths {
  width: 55.5555555% !important;
}
[class~="7/9"],
.seven-ninths {
  width: 77.7777777% !important;
}
[class~="8/9"],
.eight-ninths {
  width: 88.8888888% !important;
}
[class~="1/10"],
.one-tenth {
  width: 10% !important;
}
[class~="3/10"],
.three-tenths {
  width: 30% !important;
}
[class~="7/10"],
.seven-tenths {
  width: 70% !important;
}
[class~="9/10"],
.nine-tenths {
  width: 90% !important;
}
[class~="1/12"],
.one-twelfth {
  width: 8.3333333% !important;
}
[class~="5/12"],
.five-twelfths {
  width: 41.6666666% !important;
}
[class~="7/12"],
.seven-twelfths {
  width: 58.3333333% !important;
}
[class~="11/12"],
.eleven-twelfths {
  width: 91.6666666% !important;
}
@media (min-width: 480px) {
  .xs-width-auto {
    width: auto !important;
  }
  [class~="xs-1/1"],
  .xs-one-whole {
    width: 100% !important;
  }
  [class~="xs-1/2"],
  .xs-one-half,
  [class~="xs-2/4"],
  .xs-two-fourths,
  [class~="xs-3/6"],
  .xs-three-sixths,
  [class~="xs-4/8"],
  .xs-four-eighths,
  [class~="xs-5/10"],
  .xs-five-tenths,
  [class~="xs-6/12"],
  .xs-six-twelfths {
    width: 50% !important;
  }
  [class~="xs-1/3"],
  .xs-one-third,
  [class~="xs-2/6"],
  .xs-two-sixths,
  [class~="xs-3/9"],
  .xs-three-ninths,
  [class~="xs-4/12"],
  .xs-four-twelfths {
    width: 33.3333333% !important;
  }
  [class~="xs-2/3"],
  .xs-two-thirds,
  [class~="xs-4/6"],
  .xs-four-sixths,
  [class~="xs-6/9"],
  .xs-six-ninths,
  [class~="xs-8/12"],
  .xs-eight-twelfths {
    width: 66.6666666% !important;
  }
  [class~="xs-1/4"],
  .xs-one-fourth,
  [class~="xs-2/8"],
  .xs-two-eighths,
  [class~="xs-3/12"],
  .xs-three-twelfths {
    width: 25% !important;
  }
  [class~="xs-3/4"],
  .xs-three-fourths,
  [class~="xs-6/8"],
  .xs-six-eighths,
  [class~="xs-9/12"],
  .xs-nine-twelfths {
    width: 75% !important;
  }
  [class~="xs-1/5"],
  .xs-one-fifth,
  [class~="xs-2/10"],
  .xs-two-tenths {
    width: 20% !important;
  }
  [class~="xs-2/5"],
  .xs-two-fifths,
  [class~="xs-4/10"],
  .xs-four-tenths {
    width: 40% !important;
  }
  [class~="xs-3/5"],
  .xs-three-fifths,
  [class~="xs-6/10"],
  .xs-six-tenths {
    width: 60% !important;
  }
  [class~="xs-4/5"],
  .xs-four-fifths,
  [class~="xs-8/10"],
  .xs-eight-tenths {
    width: 80% !important;
  }
  [class~="xs-1/6"],
  .xs-one-sixth,
  [class~="xs-2/12"],
  .xs-two-twelfths {
    width: 16.6666666% !important;
  }
  [class~="xs-5/6"],
  .xs-five-sixths,
  [class~="xs-10/12"],
  .xs-ten-twelfths {
    width: 83.3333333% !important;
  }
  [class~="xs-1/8"],
  .xs-one-eighth {
    width: 12.5% !important;
  }
  [class~="xs-3/8"],
  .xs-three-eighths {
    width: 37.5% !important;
  }
  [class~="xs-5/8"],
  .xs-five-eighths {
    width: 62.5% !important;
  }
  [class~="xs-7/8"],
  .xs-seven-eighths {
    width: 87.5% !important;
  }
  [class~="xs-1/9"],
  .xs-one-ninth {
    width: 11.1111111% !important;
  }
  [class~="xs-2/9"],
  .xs-two-ninths {
    width: 22.2222222% !important;
  }
  [class~="xs-4/9"],
  .xs-four-ninths {
    width: 44.4444444% !important;
  }
  [class~="xs-5/9"],
  .xs-five-ninths {
    width: 55.5555555% !important;
  }
  [class~="xs-7/9"],
  .xs-seven-ninths {
    width: 77.7777777% !important;
  }
  [class~="xs-8/9"],
  .xs-eight-ninths {
    width: 88.8888888% !important;
  }
  [class~="xs-1/10"],
  .xs-one-tenth {
    width: 10% !important;
  }
  [class~="xs-3/10"],
  .xs-three-tenths {
    width: 30% !important;
  }
  [class~="xs-7/10"],
  .xs-seven-tenths {
    width: 70% !important;
  }
  [class~="xs-9/10"],
  .xs-nine-tenths {
    width: 90% !important;
  }
  [class~="xs-1/12"],
  .xs-one-twelfth {
    width: 8.3333333% !important;
  }
  [class~="xs-5/12"],
  .xs-five-twelfths {
    width: 41.6666666% !important;
  }
  [class~="xs-7/12"],
  .xs-seven-twelfths {
    width: 58.3333333% !important;
  }
  [class~="xs-11/12"],
  .xs-eleven-twelfths {
    width: 91.6666666% !important;
  }
}
@media (min-width: 600px) {
  .sm-width-auto {
    width: auto !important;
  }
  [class~="sm-1/1"],
  .sm-one-whole {
    width: 100% !important;
  }
  [class~="sm-1/2"],
  .sm-one-half,
  [class~="sm-2/4"],
  .sm-two-fourths,
  [class~="sm-3/6"],
  .sm-three-sixths,
  [class~="sm-4/8"],
  .sm-four-eighths,
  [class~="sm-5/10"],
  .sm-five-tenths,
  [class~="sm-6/12"],
  .sm-six-twelfths {
    width: 50% !important;
  }
  [class~="sm-1/3"],
  .sm-one-third,
  [class~="sm-2/6"],
  .sm-two-sixths,
  [class~="sm-3/9"],
  .sm-three-ninths,
  [class~="sm-4/12"],
  .sm-four-twelfths {
    width: 33.3333333% !important;
  }
  [class~="sm-2/3"],
  .sm-two-thirds,
  [class~="sm-4/6"],
  .sm-four-sixths,
  [class~="sm-6/9"],
  .sm-six-ninths,
  [class~="sm-8/12"],
  .sm-eight-twelfths {
    width: 66.6666666% !important;
  }
  [class~="sm-1/4"],
  .sm-one-fourth,
  [class~="sm-2/8"],
  .sm-two-eighths,
  [class~="sm-3/12"],
  .sm-three-twelfths {
    width: 25% !important;
  }
  [class~="sm-3/4"],
  .sm-three-fourths,
  [class~="sm-6/8"],
  .sm-six-eighths,
  [class~="sm-9/12"],
  .sm-nine-twelfths {
    width: 75% !important;
  }
  [class~="sm-1/5"],
  .sm-one-fifth,
  [class~="sm-2/10"],
  .sm-two-tenths {
    width: 20% !important;
  }
  [class~="sm-2/5"],
  .sm-two-fifths,
  [class~="sm-4/10"],
  .sm-four-tenths {
    width: 40% !important;
  }
  [class~="sm-3/5"],
  .sm-three-fifths,
  [class~="sm-6/10"],
  .sm-six-tenths {
    width: 60% !important;
  }
  [class~="sm-4/5"],
  .sm-four-fifths,
  [class~="sm-8/10"],
  .sm-eight-tenths {
    width: 80% !important;
  }
  [class~="sm-1/6"],
  .sm-one-sixth,
  [class~="sm-2/12"],
  .sm-two-twelfths {
    width: 16.6666666% !important;
  }
  [class~="sm-5/6"],
  .sm-five-sixths,
  [class~="sm-10/12"],
  .sm-ten-twelfths {
    width: 83.3333333% !important;
  }
  [class~="sm-1/8"],
  .sm-one-eighth {
    width: 12.5% !important;
  }
  [class~="sm-3/8"],
  .sm-three-eighths {
    width: 37.5% !important;
  }
  [class~="sm-5/8"],
  .sm-five-eighths {
    width: 62.5% !important;
  }
  [class~="sm-7/8"],
  .sm-seven-eighths {
    width: 87.5% !important;
  }
  [class~="sm-1/9"],
  .sm-one-ninth {
    width: 11.1111111% !important;
  }
  [class~="sm-2/9"],
  .sm-two-ninths {
    width: 22.2222222% !important;
  }
  [class~="sm-4/9"],
  .sm-four-ninths {
    width: 44.4444444% !important;
  }
  [class~="sm-5/9"],
  .sm-five-ninths {
    width: 55.5555555% !important;
  }
  [class~="sm-7/9"],
  .sm-seven-ninths {
    width: 77.7777777% !important;
  }
  [class~="sm-8/9"],
  .sm-eight-ninths {
    width: 88.8888888% !important;
  }
  [class~="sm-1/10"],
  .sm-one-tenth {
    width: 10% !important;
  }
  [class~="sm-3/10"],
  .sm-three-tenths {
    width: 30% !important;
  }
  [class~="sm-7/10"],
  .sm-seven-tenths {
    width: 70% !important;
  }
  [class~="sm-9/10"],
  .sm-nine-tenths {
    width: 90% !important;
  }
  [class~="sm-1/12"],
  .sm-one-twelfth {
    width: 8.3333333% !important;
  }
  [class~="sm-5/12"],
  .sm-five-twelfths {
    width: 41.6666666% !important;
  }
  [class~="sm-7/12"],
  .sm-seven-twelfths {
    width: 58.3333333% !important;
  }
  [class~="sm-11/12"],
  .sm-eleven-twelfths {
    width: 91.6666666% !important;
  }
}
@media (min-width: 768px) {
  .md-width-auto {
    width: auto !important;
  }
  [class~="md-1/1"],
  .md-one-whole {
    width: 100% !important;
  }
  [class~="md-1/2"],
  .md-one-half,
  [class~="md-2/4"],
  .md-two-fourths,
  [class~="md-3/6"],
  .md-three-sixths,
  [class~="md-4/8"],
  .md-four-eighths,
  [class~="md-5/10"],
  .md-five-tenths,
  [class~="md-6/12"],
  .md-six-twelfths {
    width: 50% !important;
  }
  [class~="md-1/3"],
  .md-one-third,
  [class~="md-2/6"],
  .md-two-sixths,
  [class~="md-3/9"],
  .md-three-ninths,
  [class~="md-4/12"],
  .md-four-twelfths {
    width: 33.3333333% !important;
  }
  [class~="md-2/3"],
  .md-two-thirds,
  [class~="md-4/6"],
  .md-four-sixths,
  [class~="md-6/9"],
  .md-six-ninths,
  [class~="md-8/12"],
  .md-eight-twelfths {
    width: 66.6666666% !important;
  }
  [class~="md-1/4"],
  .md-one-fourth,
  [class~="md-2/8"],
  .md-two-eighths,
  [class~="md-3/12"],
  .md-three-twelfths {
    width: 25% !important;
  }
  [class~="md-3/4"],
  .md-three-fourths,
  [class~="md-6/8"],
  .md-six-eighths,
  [class~="md-9/12"],
  .md-nine-twelfths {
    width: 75% !important;
  }
  [class~="md-1/5"],
  .md-one-fifth,
  [class~="md-2/10"],
  .md-two-tenths {
    width: 20% !important;
  }
  [class~="md-2/5"],
  .md-two-fifths,
  [class~="md-4/10"],
  .md-four-tenths {
    width: 40% !important;
  }
  [class~="md-3/5"],
  .md-three-fifths,
  [class~="md-6/10"],
  .md-six-tenths {
    width: 60% !important;
  }
  [class~="md-4/5"],
  .md-four-fifths,
  [class~="md-8/10"],
  .md-eight-tenths {
    width: 80% !important;
  }
  [class~="md-1/6"],
  .md-one-sixth,
  [class~="md-2/12"],
  .md-two-twelfths {
    width: 16.6666666% !important;
  }
  [class~="md-5/6"],
  .md-five-sixths,
  [class~="md-10/12"],
  .md-ten-twelfths {
    width: 83.3333333% !important;
  }
  [class~="md-1/8"],
  .md-one-eighth {
    width: 12.5% !important;
  }
  [class~="md-3/8"],
  .md-three-eighths {
    width: 37.5% !important;
  }
  [class~="md-5/8"],
  .md-five-eighths {
    width: 62.5% !important;
  }
  [class~="md-7/8"],
  .md-seven-eighths {
    width: 87.5% !important;
  }
  [class~="md-1/9"],
  .md-one-ninth {
    width: 11.1111111% !important;
  }
  [class~="md-2/9"],
  .md-two-ninths {
    width: 22.2222222% !important;
  }
  [class~="md-4/9"],
  .md-four-ninths {
    width: 44.4444444% !important;
  }
  [class~="md-5/9"],
  .md-five-ninths {
    width: 55.5555555% !important;
  }
  [class~="md-7/9"],
  .md-seven-ninths {
    width: 77.7777777% !important;
  }
  [class~="md-8/9"],
  .md-eight-ninths {
    width: 88.8888888% !important;
  }
  [class~="md-1/10"],
  .md-one-tenth {
    width: 10% !important;
  }
  [class~="md-3/10"],
  .md-three-tenths {
    width: 30% !important;
  }
  [class~="md-7/10"],
  .md-seven-tenths {
    width: 70% !important;
  }
  [class~="md-9/10"],
  .md-nine-tenths {
    width: 90% !important;
  }
  [class~="md-1/12"],
  .md-one-twelfth {
    width: 8.3333333% !important;
  }
  [class~="md-5/12"],
  .md-five-twelfths {
    width: 41.6666666% !important;
  }
  [class~="md-7/12"],
  .md-seven-twelfths {
    width: 58.3333333% !important;
  }
  [class~="md-11/12"],
  .md-eleven-twelfths {
    width: 91.6666666% !important;
  }
}
@media (min-width: 960px) {
  .lg-width-auto {
    width: auto !important;
  }
  [class~="lg-1/1"],
  .lg-one-whole {
    width: 100% !important;
  }
  [class~="lg-1/2"],
  .lg-one-half,
  [class~="lg-2/4"],
  .lg-two-fourths,
  [class~="lg-3/6"],
  .lg-three-sixths,
  [class~="lg-4/8"],
  .lg-four-eighths,
  [class~="lg-5/10"],
  .lg-five-tenths,
  [class~="lg-6/12"],
  .lg-six-twelfths {
    width: 50% !important;
  }
  [class~="lg-1/3"],
  .lg-one-third,
  [class~="lg-2/6"],
  .lg-two-sixths,
  [class~="lg-3/9"],
  .lg-three-ninths,
  [class~="lg-4/12"],
  .lg-four-twelfths {
    width: 33.3333333% !important;
  }
  [class~="lg-2/3"],
  .lg-two-thirds,
  [class~="lg-4/6"],
  .lg-four-sixths,
  [class~="lg-6/9"],
  .lg-six-ninths,
  [class~="lg-8/12"],
  .lg-eight-twelfths {
    width: 66.6666666% !important;
  }
  [class~="lg-1/4"],
  .lg-one-fourth,
  [class~="lg-2/8"],
  .lg-two-eighths,
  [class~="lg-3/12"],
  .lg-three-twelfths {
    width: 25% !important;
  }
  [class~="lg-3/4"],
  .lg-three-fourths,
  [class~="lg-6/8"],
  .lg-six-eighths,
  [class~="lg-9/12"],
  .lg-nine-twelfths {
    width: 75% !important;
  }
  [class~="lg-1/5"],
  .lg-one-fifth,
  [class~="lg-2/10"],
  .lg-two-tenths {
    width: 20% !important;
  }
  [class~="lg-2/5"],
  .lg-two-fifths,
  [class~="lg-4/10"],
  .lg-four-tenths {
    width: 40% !important;
  }
  [class~="lg-3/5"],
  .lg-three-fifths,
  [class~="lg-6/10"],
  .lg-six-tenths {
    width: 60% !important;
  }
  [class~="lg-4/5"],
  .lg-four-fifths,
  [class~="lg-8/10"],
  .lg-eight-tenths {
    width: 80% !important;
  }
  [class~="lg-1/6"],
  .lg-one-sixth,
  [class~="lg-2/12"],
  .lg-two-twelfths {
    width: 16.6666666% !important;
  }
  [class~="lg-5/6"],
  .lg-five-sixths,
  [class~="lg-10/12"],
  .lg-ten-twelfths {
    width: 83.3333333% !important;
  }
  [class~="lg-1/8"],
  .lg-one-eighth {
    width: 12.5% !important;
  }
  [class~="lg-3/8"],
  .lg-three-eighths {
    width: 37.5% !important;
  }
  [class~="lg-5/8"],
  .lg-five-eighths {
    width: 62.5% !important;
  }
  [class~="lg-7/8"],
  .lg-seven-eighths {
    width: 87.5% !important;
  }
  [class~="lg-1/9"],
  .lg-one-ninth {
    width: 11.1111111% !important;
  }
  [class~="lg-2/9"],
  .lg-two-ninths {
    width: 22.2222222% !important;
  }
  [class~="lg-4/9"],
  .lg-four-ninths {
    width: 44.4444444% !important;
  }
  [class~="lg-5/9"],
  .lg-five-ninths {
    width: 55.5555555% !important;
  }
  [class~="lg-7/9"],
  .lg-seven-ninths {
    width: 77.7777777% !important;
  }
  [class~="lg-8/9"],
  .lg-eight-ninths {
    width: 88.8888888% !important;
  }
  [class~="lg-1/10"],
  .lg-one-tenth {
    width: 10% !important;
  }
  [class~="lg-3/10"],
  .lg-three-tenths {
    width: 30% !important;
  }
  [class~="lg-7/10"],
  .lg-seven-tenths {
    width: 70% !important;
  }
  [class~="lg-9/10"],
  .lg-nine-tenths {
    width: 90% !important;
  }
  [class~="lg-1/12"],
  .lg-one-twelfth {
    width: 8.3333333% !important;
  }
  [class~="lg-5/12"],
  .lg-five-twelfths {
    width: 41.6666666% !important;
  }
  [class~="lg-7/12"],
  .lg-seven-twelfths {
    width: 58.3333333% !important;
  }
  [class~="lg-11/12"],
  .lg-eleven-twelfths {
    width: 91.6666666% !important;
  }
}
@media (min-width: 1140px) {
  .xl-width-auto {
    width: auto !important;
  }
  [class~="xl-1/1"],
  .xl-one-whole {
    width: 100% !important;
  }
  [class~="xl-1/2"],
  .xl-one-half,
  [class~="xl-2/4"],
  .xl-two-fourths,
  [class~="xl-3/6"],
  .xl-three-sixths,
  [class~="xl-4/8"],
  .xl-four-eighths,
  [class~="xl-5/10"],
  .xl-five-tenths,
  [class~="xl-6/12"],
  .xl-six-twelfths {
    width: 50% !important;
  }
  [class~="xl-1/3"],
  .xl-one-third,
  [class~="xl-2/6"],
  .xl-two-sixths,
  [class~="xl-3/9"],
  .xl-three-ninths,
  [class~="xl-4/12"],
  .xl-four-twelfths {
    width: 33.3333333% !important;
  }
  [class~="xl-2/3"],
  .xl-two-thirds,
  [class~="xl-4/6"],
  .xl-four-sixths,
  [class~="xl-6/9"],
  .xl-six-ninths,
  [class~="xl-8/12"],
  .xl-eight-twelfths {
    width: 66.6666666% !important;
  }
  [class~="xl-1/4"],
  .xl-one-fourth,
  [class~="xl-2/8"],
  .xl-two-eighths,
  [class~="xl-3/12"],
  .xl-three-twelfths {
    width: 25% !important;
  }
  [class~="xl-3/4"],
  .xl-three-fourths,
  [class~="xl-6/8"],
  .xl-six-eighths,
  [class~="xl-9/12"],
  .xl-nine-twelfths {
    width: 75% !important;
  }
  [class~="xl-1/5"],
  .xl-one-fifth,
  [class~="xl-2/10"],
  .xl-two-tenths {
    width: 20% !important;
  }
  [class~="xl-2/5"],
  .xl-two-fifths,
  [class~="xl-4/10"],
  .xl-four-tenths {
    width: 40% !important;
  }
  [class~="xl-3/5"],
  .xl-three-fifths,
  [class~="xl-6/10"],
  .xl-six-tenths {
    width: 60% !important;
  }
  [class~="xl-4/5"],
  .xl-four-fifths,
  [class~="xl-8/10"],
  .xl-eight-tenths {
    width: 80% !important;
  }
  [class~="xl-1/6"],
  .xl-one-sixth,
  [class~="xl-2/12"],
  .xl-two-twelfths {
    width: 16.6666666% !important;
  }
  [class~="xl-5/6"],
  .xl-five-sixths,
  [class~="xl-10/12"],
  .xl-ten-twelfths {
    width: 83.3333333% !important;
  }
  [class~="xl-1/8"],
  .xl-one-eighth {
    width: 12.5% !important;
  }
  [class~="xl-3/8"],
  .xl-three-eighths {
    width: 37.5% !important;
  }
  [class~="xl-5/8"],
  .xl-five-eighths {
    width: 62.5% !important;
  }
  [class~="xl-7/8"],
  .xl-seven-eighths {
    width: 87.5% !important;
  }
  [class~="xl-1/9"],
  .xl-one-ninth {
    width: 11.1111111% !important;
  }
  [class~="xl-2/9"],
  .xl-two-ninths {
    width: 22.2222222% !important;
  }
  [class~="xl-4/9"],
  .xl-four-ninths {
    width: 44.4444444% !important;
  }
  [class~="xl-5/9"],
  .xl-five-ninths {
    width: 55.5555555% !important;
  }
  [class~="xl-7/9"],
  .xl-seven-ninths {
    width: 77.7777777% !important;
  }
  [class~="xl-8/9"],
  .xl-eight-ninths {
    width: 88.8888888% !important;
  }
  [class~="xl-1/10"],
  .xl-one-tenth {
    width: 10% !important;
  }
  [class~="xl-3/10"],
  .xl-three-tenths {
    width: 30% !important;
  }
  [class~="xl-7/10"],
  .xl-seven-tenths {
    width: 70% !important;
  }
  [class~="xl-9/10"],
  .xl-nine-tenths {
    width: 90% !important;
  }
  [class~="xl-1/12"],
  .xl-one-twelfth {
    width: 8.3333333% !important;
  }
  [class~="xl-5/12"],
  .xl-five-twelfths {
    width: 41.6666666% !important;
  }
  [class~="xl-7/12"],
  .xl-seven-twelfths {
    width: 58.3333333% !important;
  }
  [class~="xl-11/12"],
  .xl-eleven-twelfths {
    width: 91.6666666% !important;
  }
}
@media (min-width: 1380px) {
  .xxl-width-auto {
    width: auto !important;
  }
  [class~="xxl-1/1"],
  .xxl-one-whole {
    width: 100% !important;
  }
  [class~="xxl-1/2"],
  .xxl-one-half,
  [class~="xxl-2/4"],
  .xxl-two-fourths,
  [class~="xxl-3/6"],
  .xxl-three-sixths,
  [class~="xxl-4/8"],
  .xxl-four-eighths,
  [class~="xxl-5/10"],
  .xxl-five-tenths,
  [class~="xxl-6/12"],
  .xxl-six-twelfths {
    width: 50% !important;
  }
  [class~="xxl-1/3"],
  .xxl-one-third,
  [class~="xxl-2/6"],
  .xxl-two-sixths,
  [class~="xxl-3/9"],
  .xxl-three-ninths,
  [class~="xxl-4/12"],
  .xxl-four-twelfths {
    width: 33.3333333% !important;
  }
  [class~="xxl-2/3"],
  .xxl-two-thirds,
  [class~="xxl-4/6"],
  .xxl-four-sixths,
  [class~="xxl-6/9"],
  .xxl-six-ninths,
  [class~="xxl-8/12"],
  .xxl-eight-twelfths {
    width: 66.6666666% !important;
  }
  [class~="xxl-1/4"],
  .xxl-one-fourth,
  [class~="xxl-2/8"],
  .xxl-two-eighths,
  [class~="xxl-3/12"],
  .xxl-three-twelfths {
    width: 25% !important;
  }
  [class~="xxl-3/4"],
  .xxl-three-fourths,
  [class~="xxl-6/8"],
  .xxl-six-eighths,
  [class~="xxl-9/12"],
  .xxl-nine-twelfths {
    width: 75% !important;
  }
  [class~="xxl-1/5"],
  .xxl-one-fifth,
  [class~="xxl-2/10"],
  .xxl-two-tenths {
    width: 20% !important;
  }
  [class~="xxl-2/5"],
  .xxl-two-fifths,
  [class~="xxl-4/10"],
  .xxl-four-tenths {
    width: 40% !important;
  }
  [class~="xxl-3/5"],
  .xxl-three-fifths,
  [class~="xxl-6/10"],
  .xxl-six-tenths {
    width: 60% !important;
  }
  [class~="xxl-4/5"],
  .xxl-four-fifths,
  [class~="xxl-8/10"],
  .xxl-eight-tenths {
    width: 80% !important;
  }
  [class~="xxl-1/6"],
  .xxl-one-sixth,
  [class~="xxl-2/12"],
  .xxl-two-twelfths {
    width: 16.6666666% !important;
  }
  [class~="xxl-5/6"],
  .xxl-five-sixths,
  [class~="xxl-10/12"],
  .xxl-ten-twelfths {
    width: 83.3333333% !important;
  }
  [class~="xxl-1/8"],
  .xxl-one-eighth {
    width: 12.5% !important;
  }
  [class~="xxl-3/8"],
  .xxl-three-eighths {
    width: 37.5% !important;
  }
  [class~="xxl-5/8"],
  .xxl-five-eighths {
    width: 62.5% !important;
  }
  [class~="xxl-7/8"],
  .xxl-seven-eighths {
    width: 87.5% !important;
  }
  [class~="xxl-1/9"],
  .xxl-one-ninth {
    width: 11.1111111% !important;
  }
  [class~="xxl-2/9"],
  .xxl-two-ninths {
    width: 22.2222222% !important;
  }
  [class~="xxl-4/9"],
  .xxl-four-ninths {
    width: 44.4444444% !important;
  }
  [class~="xxl-5/9"],
  .xxl-five-ninths {
    width: 55.5555555% !important;
  }
  [class~="xxl-7/9"],
  .xxl-seven-ninths {
    width: 77.7777777% !important;
  }
  [class~="xxl-8/9"],
  .xxl-eight-ninths {
    width: 88.8888888% !important;
  }
  [class~="xxl-1/10"],
  .xxl-one-tenth {
    width: 10% !important;
  }
  [class~="xxl-3/10"],
  .xxl-three-tenths {
    width: 30% !important;
  }
  [class~="xxl-7/10"],
  .xxl-seven-tenths {
    width: 70% !important;
  }
  [class~="xxl-9/10"],
  .xxl-nine-tenths {
    width: 90% !important;
  }
  [class~="xxl-1/12"],
  .xxl-one-twelfth {
    width: 8.3333333% !important;
  }
  [class~="xxl-5/12"],
  .xxl-five-twelfths {
    width: 41.6666666% !important;
  }
  [class~="xxl-7/12"],
  .xxl-seven-twelfths {
    width: 58.3333333% !important;
  }
  [class~="xxl-11/12"],
  .xxl-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

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