@charset "UTF-8";
/* ==========================================================================
   INUITCSS
   ========================================================================== */
/**
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */
/**
 * This is an example inuitcss manifest file. DO NOT MODIFY THIS FILE DIRECTLY.
 * Instead, copy and paste it into your own CSS directory and make additions,
 * extensions, and modifications there.
 */
/**
 * CONTENTS
 *
 * SETTINGS
 * Config...............Project-level configuration and feature switches.
 * Core.................inuitcss’ core and setup settings.
 * Global...............Project-wide variables and settings.
 *
 * TOOLS
 * Rem..................Tools for converting pixel inputs into their rem
 *                      equivalents.
 * Font-size............A mixin which guarantees baseline-friendly line-heights.
 * Clearfix.............Micro clearfix mixin.
 * Hidden...............Mixin for hiding elements.
 * Sass MQ..............inuitcss’ default media query manager.
 *
 * GENERIC
 * Box-sizing...........Better default `box-sizing`.
 * Normalize.css........A level playing field using @necolas’ Normalize.css.
 * Reset................A tiny reset to complement Normalize.css.
 * Shared...............Sensibly and tersely share some global commonalities
 *                      (particularly useful when managing vertical rhythm).
 *
 * ELEMENTS
 * Page.................Set up our document’s default `font-size` and
 *                      `line-height`.
 * Headings.............Very minimal (i.e. only font-size information) for
 *                      headings 1 through 6.
 * Images...............Base image styles.
 * Tables...............Simple table styles.
 *
 * OBJECTS
 * Wrapper..............Page constraint object.
 * Layout...............Generic layout module.
 * Media................Image- and text-like content side by side. The
 *                      poster-child of OOCSS.
 * Flag.................Table-layout-based advancement on the Media object.
 * List-bare............Lists with no bullets or indents.
 * List-inline..........A list whose items all site in a line.
 * Box..................Simple boxing abstraction.
 * Block................Image-on-top-of-text object.
 * Ratio................A container for maintaining aspect ratio of content.
 * Crop.................Provide a cropping context for media (images, etc.).
 * Tables...............Classes for manipulating `table`s.
 * Pack.................Pack items into available horizontal space.
 *
 * COMPONENTS
 * Buttons..............An example button component, and how it fits into the
 *                      inuitcss framework.
 *
 * UTILITIES
 * Clearfix.............Bind our clearfix onto a utility class.
 * Widths...............Simple width helper classes.
 * Headings.............Reassigning our heading styles to helper classes.
 * Spacing..............Nudge bits of the DOM around with these spacing
 *                      classes.
 * Print................Reset-like styles taken from the HTML5 Boilerplate.
 * Hide.................Helper classes to hide content
 */
/* Fonts.
   ========================================================================== */
/**
 * UI font-family. This is to be used on headlines, navigations and call to
 * actions. As a genral rule of thumb, this font family can be used anywhere
 * that's not body copy.
 */
/**
 * Base font-family would be used in body copy, such as paragraphs, 
 * blockquotes, lists, where such content is relevant to a particular 
 * interface element.
 */
/* @font-face Imports
   ========================================================================== */
@font-face {
  font-family: "proxima-nova";
  src: url("https://d1sxy7l4fhu207.cloudfront.net/public/fonts/proxima-nova/regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://d1sxy7l4fhu207.cloudfront.net/public/fonts/proxima-nova/semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://d1sxy7l4fhu207.cloudfront.net/public/fonts/proxima-nova/bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://d1sxy7l4fhu207.cloudfront.net/public/fonts/proxima-nova/italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
/* Fonts Familes
   ========================================================================== */
/**
 * UI font-family. This is to be used on headlines, navigations and call to
 * actions. As a genral rule of thumb, this font family can be used anywhere
 * that's not body copy.
 */
/**
 * Base font-family would be used in body copy, such as paragraphs, 
 * blockquotes, lists, where such content is relevant to a particular 
 * interface element.
 */
/* Heading Sizes
   ========================================================================== */
/**
 * Debug the currently active breakpoints
 * @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint
 */
/**
 * @author Mike Street
 * @group Typography
 * @link https://www.liquidlight.co.uk/blog/article/responsive-typography-in-scss/
 * 
 */
/* ==========================================================================
   #BOX-SIZING
   ========================================================================== */
/**
 * More sensible default box-sizing:
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 */
html {
  box-sizing: border-box;
}

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

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   #RESET
   ========================================================================== */
/**
 * A very simple reset that sits on top of Normalize.css.
 */
body,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, dd, ol, ul,
figure,
hr,
fieldset, legend {
  margin: 0;
  padding: 0;
}

/**
 * Remove trailing margins from nested lists.
 */
li > ol,
li > ul {
  margin-bottom: 0;
}

/**
 * Remove default table spacing.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;`
 *    on fieldsets.
 */
fieldset {
  min-width: 0; /* [1] */
  border: 0;
}

/* ==========================================================================
   #SHARED
   ========================================================================== */
/**
 * Shared declarations for certain elements.
 */
/**
 * Always declare margins in the same direction:
 * csswizardry.com/2012/06/single-direction-margin-declarations
 */
address,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, ol, ul,
figure,
hr,
table,
fieldset {
  margin-bottom: 30px;
}

/**
 * Consistent indentation for lists.
 */
dd, ol, ul {
  margin-left: 30px;
}

/* ==========================================================================
   #PAGE
   ========================================================================== */
/**
 * Simple page-level setup.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 */
html {
  font-size: 1.125em; /* [1] */
  line-height: 1.5; /* [1] */
  overflow-y: scroll; /* [2] */
  min-height: 100%; /* [3] */
}

/* ==========================================================================
   #HEADINGS
   ========================================================================== */
/**
 * Simple default styles for headings 1 through 6. Anything more opinionated
 * than simple font-size changes should likely be applied via classes (see:
 * http://csswizardry.com/2016/02/managing-typography-on-large-apps/).
 */
h1 {
  font-size: 40px;
  font-size: 2.2222222222rem;
  line-height: 1.2;
}

h2 {
  font-size: 30px;
  font-size: 1.6666666667rem;
  line-height: 1.2;
}

h3 {
  font-size: 24px;
  font-size: 1.3333333333rem;
  line-height: 1.25;
}

h4 {
  font-size: 21px;
  font-size: 1.1666666667rem;
  line-height: 1.4285714286;
}

h5 {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.3333333333;
}

h6 {
  font-size: 16px;
  font-size: 0.8888888889rem;
  line-height: 1.5;
}

/* ==========================================================================
   #IMAGES
   ========================================================================== */
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  max-width: 100%; /* [1] */
  font-style: italic; /* [2] */
  vertical-align: middle; /* [3] */
}

/**
 * If a `width` and/or `height` attribute has been explicitly defined, let’s
 * not make the image fluid.
 */
img[width],
img[height] {
  max-width: none;
}

/* ==========================================================================
   #TABLES
   ========================================================================== */
/**
 * 1. Ensure tables fill up as much space as possible.
 */
table {
  width: 100%; /* [1] */
}

/* ==========================================================================
   #PAGE
   ========================================================================== */
::-moz-selection {
  background: #FDF7C3;
  color: #0f0f0f;
}
::selection {
  background: #FDF7C3;
  color: #0f0f0f;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em; /* [1] */
  line-height: 1.7142857143; /* [1] */
}
@media (min-width: 46.25em) {
  html {
    font-size: 1.125em; /* [1] */
    line-height: 1.5; /* [1] */
  }
}

body {
  width: 100%;
  height: 100%;
  color: #3c3c3c;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
body:before {
  right: auto;
  left: 0px;
}

/* ==========================================================================
   #HEADINGS
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #0f0f0f;
}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  text-decoration: none;
  color: #0f0f0f;
}
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {
  transition: color 0.3333333333s ease;
  color: #C33339;
}

/* ==========================================================================
   #LINKS
   ========================================================================== */
a {
  color: #0f0f0f;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  transition: none;
}

/* ==========================================================================
   #FORMS
   ========================================================================== */
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  color: #0f0f0f;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
label > * {
  pointer-events: none;
}

input[type=text], input[type=email], input[type=password], input[type=number], select {
  height: 50px;
  line-height: 50px;
}

input[type=text], input[type=email], input[type=password], input[type=number], textarea, select {
  width: 100%;
}

input[type=text], input[type=email], input[type=password], input[type=number], textarea {
  padding: 0px 15px;
  color: #0f0f0f;
  border-radius: 5px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  border: 0;
}
input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #808080;
}
input[type=text]:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=number]:-moz-placeholder, textarea:-moz-placeholder {
  color: #808080;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=number]::-moz-placeholder, textarea::-moz-placeholder {
  color: #808080;
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #808080;
}

textarea {
  padding-top: 20px;
  padding-bottom: 20px;
  height: 100px;
}

select {
  background-color: #FFFFFF;
  color: #3c3c3c;
  border-radius: 5px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

/* ==========================================================================
   #LIST
   ========================================================================== */
ul {
  margin-left: 15px;
  list-style: none;
}
ul li {
  padding-left: 1.6rem;
  position: relative;
}
ul li:before {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "•";
  color: #C33339; /* or whatever color you prefer */
}

/* ==========================================================================
   #RULES
   ========================================================================== */
hr {
  border: 0;
  height: 0;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}

/* ==========================================================================
   #TABLES
   ========================================================================== */
table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 30px;
}
table td, table th {
  padding: 10px;
  vertical-align: top;
  text-align: left;
}
table thead tr th {
  font-weight: 600;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.3333333333;
}
/* ==========================================================================
   #TEXT ELEMENTS
   ========================================================================== */
address {
  font-style: normal;
}

/* ==========================================================================
   #FORMS
   ========================================================================== */
button:disabled {
  opacity: 0.7;
}

a.skip-to-content {
  display: inline-block;
  padding: 0.25rem;
  position: absolute;
  z-index: -5;
}
a.skip-to-content:focus {
  position: relative;
  z-index: 5;
}

/* ==========================================================================
   #BLOCKQUOTES
   ========================================================================== */
/**
  The use of !important is being used as a hack to override default Froala styling
**/
blockquote, main .fr-view blockquote {
  width: 100%;
  margin: 30px auto;
  font-style: italic;
  padding: 30px 30px 30px 50px !important;
  position: relative;
  background: #F1F1F6;
  border-left: 4px solid #C33339 !important;
  color: #151515 !important;
}
blockquote > p:last-of-type, main .fr-view blockquote > p:last-of-type {
  margin-bottom: 0px;
}
@media (min-width: 61.25em) {
  blockquote, main .fr-view blockquote {
    padding-left: 60px !important;
  }
}
@media (min-width: 81.25em) {
  blockquote, main .fr-view blockquote {
    padding-left: 60px !important;
  }
}

blockquote::before {
  font-family: Arial;
  content: "“";
  color: #3c3c3c;
  font-size: 4em;
  position: absolute;
  font-style: normal;
  left: 10px;
  top: -10px;
}

blockquote::after {
  content: "";
}

/* ==========================================================================
   #WRAPPER
   ========================================================================== */
/**
 * Page-level constraining and wrapping elements.
 */
.o-wrapper {
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1600px;
}
.o-wrapper:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

/* ==========================================================================
   #LAYOUT
   ========================================================================== */
/**
 * Grid-like layout system.
 *
 * The layout object provides us with a column-style layout system. This file
 * contains the basic structural elements, but classes should be complemented
 * with width utilities, for example:
 *
 *   <div class="o-layout">
 *     <div class="o-layout__item  u-1/2">
 *     </div>
 *     <div class="o-layout__item  u-1/2">
 *     </div>
 *   </div>
 *
 * The above will create a two-column structure in which each column will
 * fluidly fill half of the width of the parent. We can have more complex
 * systems:
 *
 *   <div class="o-layout">
 *     <div class="o-layout__item  u-1/1  u-1/3@medium">
 *     </div>
 *     <div class="o-layout__item  u-1/2  u-1/3@medium">
 *     </div>
 *     <div class="o-layout__item  u-1/2  u-1/3@medium">
 *     </div>
 *   </div>
 *
 * The above will create a system in which the first item will be 100% width
 * until we enter our medium breakpoint, when it will become 33.333% width. The
 * second and third items will be 50% of their parent, until they also become
 * 33.333% width at the medium breakpoint.
 *
 * We can also manipulate entire layout systems by adding a series of modifiers
 * to the `.o-layout` block. For example:
 *
 *   <div class="o-layout  o-layout--reverse">
 *
 * This will reverse the displayed order of the system so that it runs in the
 * opposite order to our source, effectively flipping the system over.
 *
 *   <div class="o-layout  o-layout--[right|center]">
 *
 * This will cause the system to fill up from either the centre or the right
 * hand side. Default behaviour is to fill up the layout system from the left.
 *
 * There are plenty more options available to us: explore them below.
 */
/* Default/mandatory classes
   ========================================================================== */
/**
 * 1. Allows us to use the layout object on any type of element.
 * 2. We need to defensively reset any box-model properties.
 * 3. Use the negative margin trick for multi-row grids:
 *    http://csswizardry.com/2011/08/building-better-grid-systems/
 */
.o-layout {
  display: block; /* [1] */
  margin: 0; /* [2] */
  padding: 0; /* [2] */
  list-style: none; /* [1] */
  margin-left: -30px; /* [3] */
  font-size: 0;
}

/**
 * 1. Required in order to combine fluid widths with fixed gutters.
 * 2. Allows us to manipulate grids vertically, with text-level properties,
 *    etc.
 * 3. Default item alignment is with the tops of each other, like most
 *    traditional grid/layout systems.
 * 4. By default, all layout items are full-width (mobile first).
 * 5. Gutters provided by left padding:
 *    http://csswizardry.com/2011/08/building-better-grid-systems/
 * 6. Fallback for old IEs not supporting `rem` values.
 */
.o-layout__item {
  box-sizing: border-box; /* [1] */
  display: inline-block; /* [2] */
  vertical-align: top; /* [3] */
  width: 100%; /* [4] */
  padding-left: 30px; /* [5] */
  font-size: 18px; /* [6] */
  font-size: 1rem;
}

/* Gutter size modifiers
   ========================================================================== */
.o-layout--flush {
  margin-left: 0;
}
.o-layout--flush > .o-layout__item {
  padding-left: 0;
}

.o-layout--tiny {
  margin-left: -6px;
}
.o-layout--tiny > .o-layout__item {
  padding-left: 6px;
}

.o-layout--small {
  margin-left: -15px;
}
.o-layout--small > .o-layout__item {
  padding-left: 15px;
}

.o-layout--large {
  margin-left: -48px;
}
.o-layout--large > .o-layout__item {
  padding-left: 48px;
}

.o-layout--huge {
  margin-left: -96px;
}
.o-layout--huge > .o-layout__item {
  padding-left: 96px;
}

/* Vertical alignment modifiers
   ========================================================================== */
/**
 * Align all grid items to the middles of each other.
 */
.o-layout--middle > .o-layout__item {
  vertical-align: middle;
}

/**
 * Align all grid items to the bottoms of each other.
 */
.o-layout--bottom > .o-layout__item {
  vertical-align: bottom;
}

/**
 * Stretch all grid items of each row to have an equal-height.
 * Please be aware that this modifier class doesn’t take any effect in IE9 and
 * below and other older browsers due to the lack of `display: flex` support.
 */
.o-layout--stretch {
  display: flex;
  flex-wrap: wrap;
}
.o-layout--stretch > .o-layout__item {
  display: flex;
}
.o-layout--stretch.o-layout--center {
  justify-content: center;
}
.o-layout--stretch.o-layout--right {
  justify-content: flex-end;
}
.o-layout--stretch.o-layout--left {
  justify-content: flex-start;
}

/* Fill order modifiers
   ========================================================================== */
/**
 * Fill up the layout system from the centre.
 */
.o-layout--center {
  text-align: center;
}
.o-layout--center > .o-layout__item {
  text-align: left;
}

/**
 * Fill up the layout system from the right-hand side.
 */
.o-layout--right {
  text-align: right;
}
.o-layout--right > .o-layout__item {
  text-align: left;
}

/**
 * Fill up the layout system from the left-hand side. This will likely only be
 * needed when using in conjunction with `.o-layout--reverse`.
 */
.o-layout--left {
  text-align: left;
}
.o-layout--left > .o-layout__item {
  text-align: left;
}

/**
 * Reverse the rendered order of the grid system.
 */
.o-layout--reverse {
  direction: rtl;
}
.o-layout--reverse > .o-layout__item {
  direction: ltr;
}

/* Auto-widths modifier
   ========================================================================== */
/**
 * Cause layout items to take up a non-explicit amount of width.
 */
.o-layout--auto > .o-layout__item {
  width: auto;
}

/* ==========================================================================
   #MEDIA
   ========================================================================== */
/**
 * Place any image- and text-like content side-by-side, as per:
 * http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
.o-media {
  display: block;
}
.o-media:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

.o-media__img {
  float: left;
  margin-right: 30px;
}
.o-media__img > img {
  display: block;
}

.o-media__body {
  overflow: hidden;
  display: block;
}
.o-media__body,
.o-media__body > :last-child {
  margin-bottom: 0;
}

/* Size variants
   ========================================================================== */
/**
 * Modify the amount of space between our image and our text. We also have
 * reversible options for all available sizes.
 */
.o-media--flush > .o-media__img {
  margin-right: 0;
  margin-left: 0;
}

.o-media--tiny > .o-media__img {
  margin-right: 6px;
}
.o-media--tiny.o-media--reverse > .o-media__img {
  margin-right: 0;
  margin-left: 6px;
}

.o-media--small > .o-media__img {
  margin-right: 15px;
}
.o-media--small.o-media--reverse > .o-media__img {
  margin-right: 0;
  margin-left: 15px;
}

.o-media--large > .o-media__img {
  margin-right: 48px;
}
.o-media--large.o-media--reverse > .o-media__img {
  margin-right: 0;
  margin-left: 48px;
}

.o-media--huge > .o-media__img {
  margin-right: 96px;
}
.o-media--huge.o-media--reverse > .o-media__img {
  margin-right: 0;
  margin-left: 96px;
}

/* Reversed media objects
   ========================================================================== */
.o-media--reverse > .o-media__img {
  float: right;
  margin-right: 0;
  margin-left: 30px;
}

/* ==========================================================================
   #FLAG
   ========================================================================== */
/**
 * The flag object is a design pattern similar to the media object, however it
 * utilises `display: table[-cell];` to give us control over the vertical
 * alignments of the text and image.
 *
 * http://csswizardry.com/2013/05/the-flag-object/
 *
 * 1. Allows us to control vertical alignments.
 * 2. Force the object to be the full width of its parent. Combined with [1],
 *    this makes the object behave in a quasi-`display: block;` manner.
 * 3. Reset inherited `border-spacing` declarations.
 */
.o-flag {
  display: table; /* [1] */
  width: 100%; /* [2] */
  border-spacing: 0; /* [3] */
}

/**
 * Items within a flag object. There should only ever be one of each.
 *
 * 1. Default to aligning content to their middles.
 */
.o-flag__img,
.o-flag__body {
  display: table-cell;
  vertical-align: middle; /* [1] */
}

/**
 * Flag images have a space between them and the body of the object.
 *
 * 1. Force `.flag__img` to take up as little space as possible:
 *    https://pixelsvsbytes.com/2012/02/this-css-layout-grid-is-no-holy-grail/
 */
.o-flag__img {
  width: 1px; /* [1] */
  padding-right: 30px;
  /**
   * 1. Fixes problem with images disappearing.
   *
   *    The direct child selector '>' needs to remain in order for nested flag
   *    objects to not inherit their parent’s formatting. In case the image tag
   *    is wrapped into another tag, e.g. an anchor for linking reasons, it will
   *    disappear. In that case try wrapping the whole o-flag__img object into
   *    an anchor tag.
   *
   *    E.g.:
   *
   *      <a href="/">
   *        <div class="o-flag__img">
   *          <img src="./link/to/image.jpg" alt="image alt text">
   *        </div>
   *      </a>
   */
}
.o-flag__img > img {
  max-width: none; /* [1] */
}

/**
 * The container for the main content of the flag object.
 *
 * 1. Forces the `.flag__body` to take up all remaining space.
 */
.o-flag__body {
  width: auto; /* [1] */
}
.o-flag__body,
.o-flag__body > :last-child {
  margin-bottom: 0;
}

/* Size variants
   ========================================================================== */
.o-flag--flush > .o-flag__img {
  padding-right: 0;
  padding-left: 0;
}

.o-flag--tiny > .o-flag__img {
  padding-right: 6px;
}
.o-flag--tiny.o-flag--reverse > .o-flag__img {
  padding-right: 0;
  padding-left: 6px;
}

.o-flag--small > .o-flag__img {
  padding-right: 15px;
}
.o-flag--small.o-flag--reverse > .o-flag__img {
  padding-right: 0;
  padding-left: 15px;
}

.o-flag--large > .o-flag__img {
  padding-right: 48px;
}
.o-flag--large.o-flag--reverse > .o-flag__img {
  padding-right: 0;
  padding-left: 48px;
}

.o-flag--huge > .o-flag__img {
  padding-right: 96px;
}
.o-flag--huge.o-flag--reverse > .o-flag__img {
  padding-right: 0;
  padding-left: 96px;
}

/* Reversed flag
   ========================================================================== */
/**
 * 1. Swap the rendered direction of the object…
 * 2. …and reset it.
 * 3. Reassign margins to the correct sides.
 */
.o-flag--reverse {
  direction: rtl; /* [1] */
}
.o-flag--reverse > .o-flag__img,
.o-flag--reverse > .o-flag__body {
  direction: ltr; /* [2] */
}
.o-flag--reverse > .o-flag__img {
  padding-right: 0; /* [3] */
  padding-left: 30px; /* [3] */
}

/* Alignment variants
   ========================================================================== */
/**
 * Vertically align the image- and body-content differently. Defaults to middle.
 */
.o-flag--top > .o-flag__img,
.o-flag--top > .o-flag__body {
  vertical-align: top;
}

.o-flag--bottom > .o-flag__img,
.o-flag--bottom > .o-flag__body {
  vertical-align: bottom;
}

/* ==========================================================================
   #LIST-BARE
   ========================================================================== */
/**
 * Strip list-like appearance from lists by removing their bullets and any
 * indentation.
 *
 * Note: Declaring the item class might not be necessary everywhere,
 * but is for example in <dl> lists for the <dd> children.
 */
.o-list-bare {
  list-style: none;
  margin-left: 0;
}

.o-list-bare__item {
  margin-left: 0;
}

/* ==========================================================================
   #LIST-INLINE
   ========================================================================== */
/**
 * The list-inline object simply displays a list of items in one line.
 */
.o-list-inline {
  margin-left: 0;
  list-style: none;
}

.o-list-inline__item {
  display: inline-block;
}

/* ==========================================================================
   #BOX
   ========================================================================== */
/**
 * The box object simply boxes off content. Extend with cosmetic styles in the
 * Components layer.
 *
 * 1. So we can apply the `.o-box` class to naturally-inline elements.
 */
.o-box {
  display: block; /* [1] */
  padding: 30px;
}
.o-box:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}
.o-box > :last-child {
  margin-bottom: 0;
}

/* Size variants
   ========================================================================== */
.o-box--flush {
  padding: 0;
}

.o-box--tiny {
  padding: 6px;
}

.o-box--small {
  padding: 15px;
}

.o-box--large {
  padding: 48px;
}

.o-box--huge {
  padding: 96px;
}

/* ==========================================================================
   #BLOCK
   ========================================================================== */
/**
 * Stacked image-with-text object. A simple abstraction to cover a very commonly
 * occurring design pattern.
 */
.o-block {
  display: block;
  text-align: center;
}

.o-block__img {
  margin-bottom: 30px;
  /* Size variants
     ====================================================================== */
}
.o-block--flush > .o-block__img {
  margin-bottom: 0;
}
.o-block--tiny > .o-block__img {
  margin-bottom: 6px;
}
.o-block--small > .o-block__img {
  margin-bottom: 15px;
}
.o-block--large > .o-block__img {
  margin-bottom: 48px;
}
.o-block--huge > .o-block__img {
  margin-bottom: 96px;
}

.o-block__body {
  display: block;
}

/* Alignment variants
   ========================================================================== */
.o-block--right {
  text-align: right;
}

.o-block--left {
  text-align: left;
}

/* ==========================================================================
   #RATIO
   ========================================================================== */
/**
 * Create ratio-bound content blocks, to keep media (e.g. images, videos) in
 * their correct aspect ratios.
 *
 * http://alistapart.com/article/creating-intrinsic-ratios-for-video
 *
 * 1. Default is a 1:1 ratio (i.e. a perfect square).
 */
.o-ratio {
  position: relative;
  display: block;
}
.o-ratio:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%; /* [1] */
}

.o-ratio__content,
.o-ratio > iframe,
.o-ratio > embed,
.o-ratio > object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* Ratio variants.
   ========================================================================== */
/**
 * Generate a series of ratio classes to be used like so:
 *
 *   <div class="o-ratio  o-ratio--golden-ratio">
 *
 */
.o-ratio--2\:1:before {
  padding-bottom: 50%;
}

.o-ratio--4\:3:before {
  padding-bottom: 75%;
}

.o-ratio--16\:9:before {
  padding-bottom: 56.25%;
}

/* Contain modifier.
   ========================================================================== */
/**
 * Only works with image content.
 * Contains the image to the boundaries, without cropping or stretching it.
 */
.o-ratio--img-contain > .o-ratio__content:before {
  height: auto;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

/* ==========================================================================
   #CROP
   ========================================================================== */
/**
 * Provide a cropping container in order to display media (usually images)
 * cropped to certain ratios.
 *
 * 1. Set up a positioning context in which the image can sit.
 * 2. This is the crucial part: where the cropping happens.
 */
.o-crop {
  position: relative; /* [1] */
  display: block;
  overflow: hidden; /* [2] */
}

/**
 * Apply this class to the content (usually `img`) that needs cropping.
 *
 * 1. Image’s default positioning is top-left in the cropping box.
 * 2. Make sure the media doesn’t stop itself too soon.
 */
.o-crop__content {
  position: absolute;
  top: 0; /* [1] */
  left: 0; /* [1] */
  max-width: none; /* [2] */
}

/**
 * We can position the media in different locations within the cropping area.
 */
.o-crop__content--left-top {
  left: 0;
}

.o-crop__content--left-center {
  top: 50%;
  transform: translateY(-50%);
}

.o-crop__content--left-bottom {
  top: auto;
  bottom: 0;
}

.o-crop__content--right-top {
  right: 0;
  left: auto;
}

.o-crop__content--right-center {
  top: 50%;
  right: 0;
  left: auto;
  transform: translateY(-50%);
}

.o-crop__content--right-bottom {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}

.o-crop__content--center-top {
  left: 50%;
  transform: translateX(-50%);
}

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

.o-crop__content--center-bottom {
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* Crop-ratio variants
   ========================================================================== */
/**
 * Generate a series of crop classes to be used like so:
 *
 *   <div class="o-crop  o-crop--golden-ratio">
 *
 */
.o-crop--2\:1 {
  padding-bottom: 50%;
}

.o-crop--4\:3 {
  padding-bottom: 75%;
}

.o-crop--16\:9 {
  padding-bottom: 56.25%;
}

/* Fill modifier
   ========================================================================== */
/**
 * Content stretches to fill it's container while maintaining aspect-ratio.
 */
.o-crop--fill > .o-crop__content {
  min-height: 100%;
  min-width: 100%;
}

/* ==========================================================================
   #PACK
   ========================================================================== */
/**
 * The pack object simply causes any number of elements pack up horizontally to
 * automatically fill an equal, fluid width of their parent.
 *
 * 1. Fill all available space.
 * 2. Remove any leftover styling from lists.
 * 3. Cause children to be automatically equally sized.
 */
.o-pack {
  width: 100%; /* [1] */
  margin-left: 0; /* [2] */
  display: table;
  table-layout: fixed; /* [3] */
}

/**
 * 1. Cause children to adopt table-like structure.
 * 2. Default item alignment is with the tops of each other.
 */
.o-pack__item {
  display: table-cell; /* [1] */
  vertical-align: top; /* [2] */
  /* Vertical alignment variants
     ====================================================================== */
}
.o-pack--middle > .o-pack__item {
  vertical-align: middle;
}
.o-pack--bottom > .o-pack__item {
  vertical-align: bottom;
}

/* Unequal-width items
   ========================================================================== */
.o-pack--auto {
  table-layout: auto;
}

/* Size variants
   ========================================================================== */
.o-pack--tiny {
  border-spacing: 6px;
}

.o-pack--small {
  border-spacing: 15px;
}

.o-pack--default {
  border-spacing: 30px;
}

.o-pack--large {
  border-spacing: 48px;
}

.o-pack--huge {
  border-spacing: 96px;
}

/* Reversed order packs
   ========================================================================== */
.o-pack--reverse {
  direction: rtl;
}
.o-pack--reverse > .o-pack__item {
  direction: ltr;
}

/* ==========================================================================
   #LIST-BARE
   ========================================================================== */
/**
 * Extending List-Bare
 */
.o-list-bare {
  margin-left: 0px;
}
.o-list-bare li {
  padding-left: 0;
  margin-bottom: 0px;
}
.o-list-bare li:before {
  content: none;
}

/* ==========================================================================
   #BOX
   ========================================================================== */
/**
 * Extending box
 */
.o-box {
  border-radius: 5px;
}

/* UI variants
   ========================================================================== */
.o-box--promo {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 70px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 87.5em) {
  .o-box--promo {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media (min-width: 87.5em) {
  .o-box--promo {
    padding-left: 137px;
    padding-right: 137px;
  }
}
.o-box--promo > .o-box__list {
  flex: 1 0 auto;
  margin-bottom: 10px;
}
.o-box--promo > .o-box__cta--stacked > .o-box__btn {
  display: block;
}
.o-box--promo > .o-box__cta--stacked > .o-box__btn:first-child {
  margin-bottom: 20px;
}
@media (min-width: 32.25em) and (max-width: 61.24em) {
  .o-box--promo > .o-box__cta--stacked > .o-box__btn {
    display: inline-block;
  }
  .o-box--promo > .o-box__cta--stacked > .o-box__btn:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 61.25em) and (max-width: 68.125em) {
  .o-box--promo > .o-box__cta--stacked > .o-box__btn {
    display: block;
  }
  .o-box--promo > .o-box__cta--stacked > .o-box__btn:first-child {
    margin-bottom: 20px;
  }
}
@media (min-width: 68.125em) {
  .o-box--promo > .o-box__cta--stacked > .o-box__btn {
    display: inline-block;
  }
  .o-box--promo > .o-box__cta--stacked > .o-box__btn:first-child {
    margin-bottom: 0px;
  }
}

/* ==========================================================================
   #MEDIA
   ========================================================================== */
/**
 * Extending media
 */
.o-media {
  border-radius: 5px;
}
.o-media.has-access {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: #33C373;
}
.o-media.has-access > .o-media__body > .o-media__title .c-icon {
  display: inline-block;
}
.o-media > .o-media__body > .o-media__title .c-icon {
  display: none;
}
.o-media > .o-media__body > .o-media__sub-title {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #3c3c3c;
  display: block;
}
.o-media > .o-media__body > .o-media-meta {
  display: flex;
  margin-top: 20px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.o-media > .o-media__body > .o-media-meta .o-media-meta__img {
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  margin-bottom: 0px;
  margin-right: 15px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.o-media > .o-media__body > .o-media-meta .o-media-meta__img.has-filter {
  filter: grayscale(1);
}
.o-media > .o-media__body > .o-media-meta .o-media-meta__content > .o-media-meta__title {
  display: block;
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 46.25em) {
  .o-media > .o-media__body > .o-media-meta .o-media-meta__content > .o-media-meta__title {
    font-size: 18px;
  }
}
@media (min-width: 61.25em) {
  .o-media > .o-media__body > .o-media-meta .o-media-meta__content > .o-media-meta__title {
    font-size: 20px;
  }
}

/* UI variants
   ========================================================================== */
.o-media--insight {
  overflow: hidden;
  margin-bottom: 30px;
  padding: 30px;
  background-color: #F1F1F6;
}
.o-media--insight > .o-media__body > .o-media__title {
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.3333333333;
}
@media (min-width: 46.25em) {
  .o-media--insight > .o-media__body > .o-media__title {
    font-size: 21px;
    font-size: 1.1666666667rem;
    line-height: 1.4285714286;
  }
}
.o-media--insight > .o-media__body > .o-media__meta {
  margin-bottom: 15px;
  font-size: 14px;
  font-size: 0.7777777778rem;
  line-height: 1.7142857143;
  text-transform: uppercase;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.o-media--insight > .o-media__body > .o-media__meta a {
  color: #862327;
}
@media (min-width: 46.25em) {
  .o-media--insight > .o-media__body > .o-media__meta {
    font-size: 16px;
    font-size: 0.8888888889rem;
    line-height: 1.5;
  }
}
.o-media--insight > .o-media__body > p {
  margin-bottom: 20px;
}

.o-media--insight-featured {
  padding: 0;
  background-color: #C33339;
}
.o-media--insight-featured > .o-media__img {
  width: 38%;
  display: none;
  margin-bottom: 0;
  position: relative;
}
.o-media--insight-featured > .o-media__img > a > img {
  width: 100%;
}
@media (min-width: 46.25em) {
  .o-media--insight-featured > .o-media__img {
    display: block;
    width: 290px;
    height: auto;
  }
}
@media (min-width: 61.25em) and (max-width: 90.625em) {
  .o-media--insight-featured > .o-media__img {
    display: none;
  }
}
.o-media--insight-featured > .o-media__body {
  padding: 30px;
  color: #FFFFFF;
}
.o-media--insight-featured > .o-media__body > .o-media__title {
  margin-bottom: 0px;
}
@media (min-width: 40em) {
  .o-media--insight-featured > .o-media__body > .o-media__title {
    margin-bottom: 16px;
  }
}
.o-media--insight-featured > .o-media__body > .o-media__title > a {
  color: #FFFFFF;
}
.o-media--insight-featured > .o-media__body > p {
  display: none;
}
@media (min-width: 46.25em) {
  .o-media--insight-featured > .o-media__body > p {
    display: block;
  }
}
.o-media--insight-featured > .o-media__body > .o-media__meta {
  color: #FFFFFF;
}
.o-media--insight-featured > .o-media__body > .o-media__meta a {
  color: #FFFFFF;
}

.o-media--resource {
  margin-bottom: 30px;
  background-color: #F1F1F6;
  padding: 15px;
  border: 1px solid #e1e1e1;
}
@media (min-width: 61.25em) {
  .o-media--resource {
    padding: 20px;
  }
}
.o-media--resource > .o-media__img {
  width: 100%;
  margin-bottom: 20px;
  margin-right: 0px;
  float: left;
  z-index: 0;
  position: relative;
}
.o-media--resource > .o-media__img > a {
  z-index: 5;
}
@media (min-width: 46.25em) {
  .o-media--resource > .o-media__img {
    margin-bottom: 0px;
    margin-right: 20px;
  }
}
@media (min-width: 53.75em) {
  .o-media--resource > .o-media__img {
    float: left;
    max-width: 200px;
  }
}
@media (min-width: 61.25em) {
  .o-media--resource > .o-media__img {
    margin-bottom: 0px;
    max-width: 250px;
  }
}
@media (min-width: 72.5em) {
  .o-media--resource > .o-media__img {
    max-width: 300px;
  }
}
.o-media--resource > .o-media__body {
  top: 0;
}
@media (min-width: 46.25em) and (max-width: 53.75em) {
  .o-media--resource > .o-media__body {
    top: 1rem;
    position: relative;
  }
}
@media (min-width: 20em) and (max-width: 53.75em) {
  .o-media--resource > .o-media__body {
    overflow: visible;
  }
}
.o-media--resource > .o-media__body p {
  margin-bottom: 0;
}
.o-media--resource > .o-media__body > .o-media__title {
  margin-top: 0px;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.3333333333;
  margin-bottom: 15px;
}
@media (min-width: 61.25em) {
  .o-media--resource > .o-media__body > .o-media__title {
    font-size: 20px;
    font-size: 1.1111111111rem;
    line-height: 1.5;
  }
}

.o-media--resource-result {
  padding: 15px;
  border: 1px solid #e1e1e1;
  background-color: #FFFFFF;
}
.o-media--resource-result > .o-media__body > .o-media__title {
  margin-bottom: 10px;
}
.o-media--resource-result > .o-media__img {
  margin-right: 25px;
}
@media (min-width: 53.75em) {
  .o-media--resource-result > .o-media__img {
    float: left;
    max-width: 160px;
  }
}
@media (min-width: 61.25em) {
  .o-media--resource-result > .o-media__img {
    max-width: 190px;
  }
}
@media (min-width: 72.5em) {
  .o-media--resource-result > .o-media__img {
    max-width: 250px;
  }
}

.o-media--support-foot {
  display: block;
  padding: 48px 30px;
  text-decoration: none;
  background-color: #F1F1F6;
  transition: 0.3333333333s background-color ease-out;
}
.o-media--support-foot:hover {
  background-color: #E4E5E8;
}
.o-media--support-foot.is-selected {
  border-top: 2px solid #C33339;
  background-color: #E4E5E8;
  opacity: 0.7;
}
.o-media--support-foot.is-selected:hover {
  cursor: default;
}
.o-media--support-foot > .o-media__body > .o-media__title {
  margin-bottom: 15px;
}
.o-media--support-foot > .o-media__body p {
  margin-bottom: 0px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

.o-media--resource-promo {
  background-color: #808080;
  position: relative;
}
.o-media--resource-promo:before {
  content: "";
  position: absolute;
  width: 40%;
  height: 1px;
  bottom: -8px;
  left: 30%;
  background-color: #C33339;
  transform: scaleX(0);
  transition: all 1s 1s ease;
}
.o-media--resource-promo.init-animation:before {
  transform: scaleX(1);
}
.o-media--resource-promo > .o-media__img {
  width: 100%;
  max-width: 100%;
  opacity: 0.7;
}
@media (min-width: 61.25em) {
  .o-media--resource-promo > .o-media__img {
    max-width: 300px;
  }
}
@media (min-width: 72.5em) {
  .o-media--resource-promo > .o-media__img {
    max-width: 350px;
  }
}
.o-media--resource-promo > .o-media__body {
  color: #FFFFFF;
  padding: 20px 1px 1px 1px;
}
@media (min-width: 61.25em) {
  .o-media--resource-promo > .o-media__body {
    padding: 0px 20px 20px 0;
  }
}
@media (min-width: 81.25em) {
  .o-media--resource-promo > .o-media__body {
    padding: 35px 35px 35px 0;
  }
}
.o-media--resource-promo > .o-media__body > .o-media__title {
  color: #FFFFFF;
}
.o-media--resource-promo > .o-media__body > .o-media__title > a {
  color: #FFFFFF;
}
.o-media--resource-promo > .o-media__body > .o-media__title-meta {
  margin-bottom: 8px;
}
.o-media--resource-promo > .o-media__body > .o-media__sub-title {
  color: #626262;
}
@media (min-width: 53.75em) {
  .o-media--resource-promo {
    margin-bottom: 40px;
  }
  .o-media--resource-promo:before {
    bottom: -10px;
  }
}
@media (min-width: 61.25em) {
  .o-media--resource-promo {
    margin-bottom: 60px;
  }
  .o-media--resource-promo:before {
    bottom: -20px;
  }
}
@media (min-width: 72.5em) {
  .o-media--resource-promo {
    margin-bottom: 80px;
  }
  .o-media--resource-promo:before {
    bottom: -40px;
  }
  .o-media--resource-promo .o-media__img {
    max-width: 350px;
  }
}

.o-media--article {
  margin-bottom: 30px;
  border-bottom: 1px solid #D8D8D8;
}
.o-media--article:last-of-type {
  border-bottom: 0px;
}
@media (min-width: 46.25em) {
  .o-media--article {
    margin-bottom: 0px;
    padding: 40px 20px 20px 0px;
  }
}
.o-media--article:first-of-type {
  padding-top: 0px;
}
@media (min-width: 61.25em) {
  .o-media--article:first-of-type {
    margin-top: 30px;
  }
}
.o-media--article.is-opaque {
  opacity: 0.5;
}
.o-media--article > .o-media__img {
  width: 100%;
}
.o-media--article > .o-media__img > a > img {
  width: 100%;
}
@media (min-width: 31.25em) {
  .o-media--article > .o-media__img {
    width: 30%;
    max-width: 261px;
  }
}
.o-media--article > .o-media__body {
  clear: both;
}
@media (min-width: 31.25em) {
  .o-media--article > .o-media__body {
    clear: none;
  }
}
.o-media--article > .o-media__body > .o-media__title {
  margin-bottom: 10px;
  line-height: 40px;
  font-size: 20px;
  line-height: 1.25;
}
@media (min-width: 46.25em) {
  .o-media--article > .o-media__body > .o-media__title {
    font-size: 22px;
  }
}
@media (min-width: 61.25em) {
  .o-media--article > .o-media__body > .o-media__title {
    font-size: 26px;
  }
}
.o-media--article > .o-media__body > .o-media__sub-title {
  font-size: 18px;
  margin-bottom: 15px;
}
@media (min-width: 46.25em) {
  .o-media--article > .o-media__body > .o-media__sub-title {
    font-size: 20px;
  }
}
@media (min-width: 61.25em) {
  .o-media--article > .o-media__body > .o-media__sub-title {
    font-size: 22px;
  }
}

.o-media--lite > .o-media__img {
  max-width: 270px;
}
.o-media--lite > .o-media__body > .o-media__title {
  margin-bottom: 10px;
}
.o-media--lite > .o-media__body > .o-media__sub-title {
  margin-bottom: 10px;
}

/* ==========================================================================
   #CARD
   ========================================================================== */
.o-card {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  background-color: #FFFFFF;
  border-radius: 5px;
}
.o-card.has-access {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: #22874F;
}
.o-card.is-list {
  border-bottom: 0;
}
@media (min-width: 51.25em) and (max-width: 81.24em) {
  .o-card.is-list {
    display: flex;
    align-items: center;
  }
}
.o-card.is-list .o-card__img {
  margin-bottom: 30px;
}
@media (min-width: 31.25em) {
  .o-card.is-list .o-card__img {
    max-width: 33%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    float: left;
  }
}
@media (min-width: 51.25em) {
  .o-card.is-list .o-card__img {
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
@media (min-width: 61.25em) {
  .o-card.is-list .o-card__img {
    padding-bottom: 20px;
    max-width: 300px;
  }
}
@media (min-width: 81.25em) {
  .o-card.is-list .o-card__img {
    padding: 5px;
    max-width: 350px;
  }
}
.o-card.is-list .o-card__body {
  overflow: hidden;
}
@media (min-width: 31.25em) {
  .o-card.is-list .o-card__body {
    padding: 20px;
  }
}
@media (min-width: 61.25em) {
  .o-card.is-list .o-card__body {
    padding: 30px;
  }
}
.o-card.is-list .o-card__content {
  clear: both;
}
@media (min-width: 51.25em) {
  .o-card.is-list .o-card__content {
    clear: none;
  }
}
@media (min-width: 51.25em) {
  .o-card.is-list .o-card__text {
    margin-bottom: 0px;
  }
}
.o-card.is-list .o-card__text--full {
  display: none;
}
.o-card.is-list .o-card__text--extended {
  display: block;
}
@media (min-width: 31.25em) and (max-width: 61.24em) {
  .o-card.is-list .o-card__info {
    margin-bottom: 10px;
  }
}
.o-card.has-meta .o-card__title {
  margin-bottom: 15px;
}
.o-card .o-card__link {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  border: 2px solid transparent;
  border-radius: 5px;
}
.o-card .o-card__link:hover, .o-card:has(.o-card__inner-link:hover) .o-card__link {
  box-shadow: 0 5px 10px 0 rgba(175, 175, 175, 0.5);
  transition: all 0.3333333333s ease-out;
}
.o-card .o-card__link:hover ~ .o-card__img .c-img__overlay, .o-card:has(.o-card__inner-link:hover) .o-card__link ~ .o-card__img .c-img__overlay {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.3333333333s ease-out;
}
.o-card .o-card__link:hover ~ .o-card__body .o-card__title, .o-card:has(.o-card__inner-link:hover) .o-card__link ~ .o-card__body .o-card__title {
  color: #C33339;
  text-decoration: underline;
  transition: all 0.3333333333s ease-out;
}
.o-card:has(.o-card__inner-link:hover) .o-card__link {
  border: 1px solid #22874F;
}

.o-card__img {
  width: 100%;
  overflow: hidden;
}
.o-card__img .c-img {
  border-radius: 5px 5px 0 0;
}

.o-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  padding: 30px;
}

.o-card__title {
  margin-bottom: 10px;
  color: #0f0f0f;
}
.o-card__title .c-icon {
  display: none;
}
.has-access .o-card__title .c-icon {
  display: inline-block;
}

.o-card__meta {
  display: block;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  margin-top: -3px;
  font-size: 15px;
  color: #272727;
}
.o-card__meta:last-of-type {
  margin-bottom: 10px;
}

.o-card__meta--fine-meta {
  color: #888888;
  margin-bottom: 5px;
}

.o-card__meta--doc-count {
  margin-bottom: 20px;
  color: #3c3c3c;
}

.o-card__text {
  margin-bottom: 10px;
}

.o-card__text--default {
  display: block;
}

.o-card__text--extended {
  display: none;
}

.o-card__button {
  width: 100%;
}

.o-card__visual {
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
  position: relative;
  margin-top: auto;
}
.o-card__visual > figure {
  flex-shrink: 1;
  display: block;
  padding-right: 15px;
  margin: 10px 15px 0 0;
  border-right: 1px solid #D8D8D8;
}
.o-card__visual > figure:last-child {
  padding-right: 0px;
  margin-right: 0px;
  border-right: 0px;
}

.o-card:hover .c-img-responsive img {
  transform: scale(1.05, 1.05);
}

/* UI variants
   ========================================================================== */
.o-card--license .o-card__img {
  height: 140px;
  background-color: #0f0f0f;
}
.o-card--license .o-card__img > .o-card__icon g {
  fill: #FFFFFF;
}
.o-card--license .o-card__content {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.o-card--license .o-card__lower-el {
  display: inline-block;
  margin-top: 10px;
}

.o-card--promo {
  background-color: #000000;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
}
.o-card--promo > .o-card__img {
  padding: 0;
}
@media (min-width: 46.25em) {
  .o-card--promo > .o-card__img {
    padding: 0 15px 0 0;
  }
}
@media (min-width: 81.25em) {
  .o-card--promo > .o-card__img {
    padding: 0 30px 0 0;
  }
}
.o-card--promo .o-card__body {
  padding-top: 15px;
  padding-right: 0;
  padding-bottom: 15px;
  padding-left: 0;
}
@media (min-width: 46.25em) {
  .o-card--promo .o-card__body {
    padding-right: 15px;
  }
}
@media (min-width: 81.25em) {
  .o-card--promo .o-card__body {
    padding-right: 30px;
  }
}
.o-card--promo .o-card__body .o-card__title {
  font-size: 20px;
  font-size: 1.1111111111rem;
  line-height: 1.5;
  color: #FFFFFF;
}

.o-card--downloads {
  display: flex;
  flex-direction: column;
}
.o-card--downloads .o-card__body {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 1 auto;
}
.o-card--downloads .o-card__body .o-card__text {
  margin-bottom: 0px;
}

/* Gutterless/small gutter card objects
   ========================================================================== */
.o-card--flush > .o-card__img {
  padding: 0;
}
.o-card--flush .o-card__img, .o-card--flush .o-card__body {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.o-card--flush > .o-card__body {
  padding-top: 20px;
}
.o-card--flush .o-card__title,
.o-card--flush .o-card__content,
.o-card--flush .o-card__sub-title {
  display: block;
  padding: 0;
}

.o-card--compact > .o-card__body {
  padding: 20px;
}

/* ==========================================================================
   #WRAPPER
   ========================================================================== */
/**
 * Extending wrapper
 */
.o-wrapper {
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 81.25em) {
  .o-wrapper {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.o-wrapper.o-wrapper--narrow {
  max-width: 1400px;
}

/* ==========================================================================
   #HAMBURGER
   ========================================================================== */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.c-hamburger {
  float: left;
  padding: 20px 23px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.c-hamburger:focus, .c-hamburger:hover {
  opacity: 0.7;
}
@media (min-width: 46.25em) {
  .c-hamburger {
    padding: 20px 23px;
  }
}
@media (min-width: 68.75em) {
  .c-hamburger {
    display: none;
  }
}

.c-hamburger__box {
  width: 33px;
  height: 23px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.c-hamburger__inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}
.c-hamburger__inner, .c-hamburger__inner::before, .c-hamburger__inner::after {
  width: 33px;
  height: 3px;
  background-color: #FFF;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.c-hamburger__inner::before, .c-hamburger__inner::after {
  content: "";
  display: block;
}
.c-hamburger__inner::before {
  top: -10px;
}
.c-hamburger__inner::after {
  bottom: -10px;
}

/*
 * Collapse
 */
.c-hamburger--collapse .c-hamburger__inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.c-hamburger--collapse .c-hamburger__inner::after {
  top: -20px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.c-hamburger--collapse .c-hamburger__inner::before {
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.c-hamburger--collapse.is-active .c-hamburger__inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.c-hamburger--collapse.is-active .c-hamburger__inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.c-hamburger--collapse.is-active .c-hamburger__inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* ==========================================================================
   #PAGE-HEAD
   ========================================================================== */
.c-page-head {
  width: 100%;
  background-color: #0f0f0f;
  color: #FFFFFF;
  flex-flow: row wrap;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  backface-visibility: hidden;
}
.c-page-head.is-admin {
  margin-top: 45px;
}
.c-page-head > .o-wrapper {
  padding: 0;
}
@media (min-width: 68.75em) {
  .c-page-head {
    position: static;
    top: auto;
    left: auto;
  }
  .c-page-head > .o-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.c-page-head__brand {
  width: 150px;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 68.75em) {
  .c-page-head__brand {
    width: auto;
    float: left;
  }
}
.c-page-head__brand > a {
  width: 100%;
  height: 65px;
  display: inline-block;
  color: #FFFFFF;
  font-weight: 600;
  border-bottom: 0px;
  text-decoration: none;
  line-height: 70px;
  font-size: 18px;
  position: relative;
}
.c-page-head__brand > a > svg {
  display: block;
  position: relative;
  width: 100%;
  top: 50%;
  left: 0px;
  font-weight: 600;
  transform: translateY(-50%);
}
@media (min-width: 68.75em) {
  .c-page-head__brand > a {
    width: 180px;
    padding-top: 10px;
    line-height: 85px;
    height: 85px;
  }
}

.c-page-head__search a {
  position: absolute;
  top: 24px;
  right: 20px;
}
.c-page-head__search a i {
  width: 25px;
  height: 25px;
  display: inline-block;
}
.c-page-head__search a i svg {
  width: 100% !important;
  height: 100% !important;
}
@media (min-width: 68.75em) {
  .c-page-head__search a {
    display: none;
  }
}

.c-page-head__navigation {
  display: none;
  text-align: center;
  position: relative;
}
@media (min-width: 68.75em) {
  .c-page-head__navigation {
    display: flex;
    justify-content: space-between;
    text-align: center;
  }
}

.c-page-head__user {
  position: absolute;
  top: 0;
  right: 0;
}

/* ==========================================================================
   #PAGE
   ========================================================================== */
.c-page {
  width: 100%;
  height: 100%;
  padding-top: 70px;
  padding-bottom: 80px;
  overflow: hidden;
}
.c-page.is-admin {
  margin-top: 45px;
}
@media (min-width: 46.25em) {
  .c-page {
    padding-top: 73px;
  }
}
@media (min-width: 68.75em) {
  .c-page {
    padding-top: 0px;
  }
  .c-page.is-admin {
    margin-top: 0px;
  }
}
.c-page.c-page--flush-bottom {
  padding-bottom: 0px;
}

.c-page-panel {
  position: relative;
  z-index: 1;
}

.c-page-section {
  padding: 40px 0;
}
@media (min-width: 46.25em) {
  .c-page-section {
    padding-top: 60px;
  }
}
@media (min-width: 81.25em) {
  .c-page-section {
    padding-top: 80px;
  }
}
.c-page-section--trim {
  padding: 30px 0;
}
@media (min-width: 46.25em) {
  .c-page-section--trim {
    padding-top: 40px;
  }
}
@media (min-width: 81.25em) {
  .c-page-section--trim {
    padding-top: 50px;
  }
}
.c-page-section--hero {
  padding-top: 0px;
  padding-bottom: 0px;
}
.c-page-section--article {
  padding-top: 0px;
}
.c-page-section--ui-promo {
  padding-top: 40px;
  padding-bottom: 40px;
  backface-visibility: hidden;
}
.c-page-section--ui-promo a {
  color: #FFFFFF;
}
.c-page-section--ui-promo--ui-promo-footer {
  background-color: #000000;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 31.25em) {
  .c-page-section--ui-promo {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 61.25em) {
  .c-page-section--ui-promo {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 81.25em) {
  .c-page-section--ui-promo {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.c-page-section--series-view {
  position: relative;
}
.c-page-section--series-view:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0px;
  height: 125px;
  background-color: #FFFFFF;
}

.c-page-section__title {
  font-size: 30px;
  font-size: 1.6666666667rem;
  line-height: 1.2;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #0f0f0f;
}

.c-page-sidebar {
  background-color: #FFFFFF;
  padding: 30px;
}

.c-page-sidebar-list {
  padding: 0;
  margin: 0;
}

.c-page-sidebar-list__item {
  padding: 10px 0;
  border-bottom: 1px solid #F1F1F6;
}
.c-page-sidebar-list__item > a {
  color: #C33339;
  display: block;
  text-decoration: none;
}
.c-page-sidebar-list__item > a:focus, .c-page-sidebar-list__item > a:hover {
  color: #862327;
  text-decoration: underline;
}
.c-page-sidebar-list__item:last-child {
  border-bottom: none;
}

/* ==========================================================================
   #PAGE-FOOT
   ========================================================================== */
.c-page-foot {
  background-color: #0f0f0f;
  position: relative;
  color: #757575;
}

.c-page-foot__section--card > h2 {
  float: none;
}
@media (min-width: 61.25em) {
  .c-page-foot__section--card > h2 {
    float: right;
  }
}

.c-page-foot__link {
  color: #FBFBFB;
  text-decoration: none;
  transition: color 0.3333333333s ease;
}
.c-page-foot__link:focus, .c-page-foot__link:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.c-page-foot__copy {
  padding: 30px 0 75px 0;
  border-top: 1px solid rgba(105, 105, 105, 0.36);
}

/* ==========================================================================
   #NAV-DESKTOP
   ========================================================================== */
.c-nav-desktop {
  display: none;
}
@media (min-width: 68.75em) {
  .c-nav-desktop {
    float: left;
    display: inline-flex;
  }
}

@media (min-width: 68.75em) and (max-width: 74.9375em) {
  .c-nav-desktop-list__item .c-nav-desktop-icon {
    display: none;
  }
}
.c-nav-desktop--primary {
  margin-left: 270px;
  margin-left: 0;
}

.c-nav-desktop--secondary {
  float: right;
}

.c-nav-desktop-list {
  margin-bottom: 0px;
}

.c-nav-desktop-list__item[aria-expanded=true] > a span {
  opacity: 1;
  border-bottom-color: #FFFFFF;
  transition: border-bottom-color 0.3333333333s ease, opacity 0.3333333333s ease;
}
.c-nav-desktop-list__item > a, .c-nav-desktop-list__item > button {
  padding: 0 10px;
  display: inline-block;
  line-height: 60px;
  text-decoration: none;
  color: #FFF;
  font-weight: 600;
}
.c-nav-desktop-list__item > a > span, .c-nav-desktop-list__item > button > span {
  padding-bottom: 5px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: transparent;
}
.has-open-search .c-nav-desktop-list__item > a > span, .has-open-search .c-nav-desktop-list__item > button > span {
  opacity: 0.6;
}
.c-nav-desktop-list__item > a.is-selected span, .c-nav-desktop-list__item > a:focus span, .c-nav-desktop-list__item > a:hover span, .c-nav-desktop-list__item > a.is-active span, .c-nav-desktop-list__item > a[aria-current=page] span, .c-nav-desktop-list__item > button.is-selected span, .c-nav-desktop-list__item > button:focus span, .c-nav-desktop-list__item > button:hover span, .c-nav-desktop-list__item > button.is-active span, .c-nav-desktop-list__item > button[aria-current=page] span {
  opacity: 1;
  border-bottom-color: #FFFFFF;
  transition: border-bottom-color 0.3333333333s ease, opacity 0.3333333333s ease;
}
@media (min-width: 46.25em) {
  .c-nav-desktop-list__item > a, .c-nav-desktop-list__item > button {
    line-height: 80px;
  }
}
@media (min-width: 61.25em) {
  .c-nav-desktop-list__item > a, .c-nav-desktop-list__item > button {
    line-height: 85px;
  }
}
@media (min-width: 81.25em) {
  .c-nav-desktop-list__item > a, .c-nav-desktop-list__item > button {
    padding: 0 20px;
  }
}
.c-nav-desktop-list__item .c-nav-desktop-icon {
  padding-left: 0.3rem;
}
.c-nav-desktop-list__item.c-nav-desktop-list__item--highlight > a {
  color: #C33339;
}
.c-nav-desktop-list__item.c-nav-desktop-list__item--highlight > a.is-selected span, .c-nav-desktop-list__item.c-nav-desktop-list__item--highlight > a:focus span, .c-nav-desktop-list__item.c-nav-desktop-list__item--highlight > a:hover span {
  border-bottom-color: #C33339;
}
.c-nav-desktop-list__item.c-nav-desktop-list__item--highlight > a .c-nav-desktop-icon g {
  fill: #C33339;
}
.c-nav-desktop-list__item.c-nav-desktop-list__item--highlight > a .c-nav-desktop-icon.c-icon--white g {
  fill: #fff;
}
.c-nav-desktop-list__item.c-nav-desktop-list__item--search > a {
  display: inline-block;
  padding-left: 30px;
}
.c-nav-desktop-list__item.c-nav-desktop-list__item--search > a .c-nav-desktop-icon {
  top: 5px;
  position: relative;
}
.c-nav-desktop-list__item.c-nav-desktop-list__item--search > a .c-nav-desktop-icon svg {
  width: 25px;
}
.c-nav-desktop-list__item.c-nav-desktop-list__item--search > a .c-nav-desktop-icon svg path {
  fill: #fff;
}
.c-nav-desktop-list__item.c-nav-desktop-list__item--last > a {
  color: #da7277;
  padding-right: 0;
}
.c-nav-desktop-list__item.c-nav-desktop-list__item--last > a.is-selected span, .c-nav-desktop-list__item.c-nav-desktop-list__item--last > a:focus span, .c-nav-desktop-list__item.c-nav-desktop-list__item--last > a:hover span {
  border-bottom-color: #da7277;
}
.c-nav-desktop-list__item.c-nav-desktop-list__item--info {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 6px;
  border-radius: 0 0px 5px 5px;
  font-size: 15px;
  font-weight: bold;
  background: rgba(59, 59, 59, 0.7);
}
.c-nav-desktop-list__item.c-nav-desktop-list__item--info.has-logo {
  padding: 0px 6px;
}
.c-nav-desktop-list__item.c-nav-desktop-list__item--info .nc-icon {
  margin-right: 4px;
}
.c-nav-desktop-list__item.has-dropdown.auto-expand:focus .c-morph-dropdown-content, .c-nav-desktop-list__item.has-dropdown.auto-expand:focus-within .c-morph-dropdown-content, .c-nav-desktop-list__item.has-dropdown:hover .c-morph-dropdown-content, .c-nav-desktop-list__item.has-dropdown.is-expanded:focus-within .c-morph-dropdown-content {
  display: block !important;
}
.c-nav-desktop-list__item.has-dropdown:hover .c-morph-dropdown-content {
  display: block;
}
.c-nav-desktop-list__item.has-dropdown.is-expanded.focus-within .c-morph-dropdown-content {
  display: block;
}
.c-nav-desktop-list__item.has-dropdown .dropdown-toggle .c-icon {
  top: 3px;
}
.c-nav-desktop-list__item .c-nav-desktop-list__logo {
  margin-bottom: 0px;
}
.c-nav-desktop-list__item .c-nav-desktop-list__logo > img {
  width: 100%;
  margin-right: 8px;
  max-height: 37px;
  max-width: 100px;
  padding: 6px 0;
}

.c-morph-dropdown-content {
  display: none;
}

.c-morph-dropdown__item {
  width: 100%;
}

.c-morph-dropdown-content {
  position: absolute;
  top: 100%;
  padding: 30px;
  transition: transform 0.3s;
  text-align: left;
  color: #FFFFFF;
  border-top: 3px solid #C33339;
  z-index: 2;
  background-color: #000000;
  border-radius: 5px;
}
.c-morph-dropdown-content--products {
  width: 510px;
  margin-left: -255px;
  left: 50%;
}
.c-morph-dropdown-content--links {
  width: 500px;
  margin-left: -250px;
  left: 50%;
}
.c-morph-dropdown-content--one-col {
  width: 357.1428571429px;
  margin-left: -178.5714285714px;
}
.c-morph-dropdown-content::before {
  /* dropdown top triangle */
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #C33339;
}
.c-morph-dropdown-content a {
  text-decoration: none;
  color: #FFFFFF;
}
.c-morph-dropdown-content .c-morph-dropdown-content__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 54px;
  padding-bottom: 2px;
  border-width: 2px;
  border-color: transparent;
  border-style: solid;
  transition: border-color 0.3333333333s ease-out;
}
.c-morph-dropdown-content .c-morph-dropdown-content__icon {
  position: absolute;
  left: 10px;
  top: 8px;
}
.c-morph-dropdown-content .c-morph-dropdown-content__icon > svg > path {
  fill: #C33339;
}
.c-morph-dropdown-content .c-morph-dropdown-content__description {
  margin-top: 15px;
  display: block;
}

.c-morph-dropdown-list {
  margin-bottom: 20px;
}
.c-morph-dropdown-content--products .c-morph-dropdown-list .c-morph-dropdown-list__item {
  width: 48%;
  float: left;
  margin-right: 4%;
  margin-top: 0;
}
.c-morph-dropdown-content--products .c-morph-dropdown-list .c-morph-dropdown-list__item:nth-of-type(2n) {
  margin-right: 0;
}
.c-morph-dropdown-content--products .c-morph-dropdown-list .c-morph-dropdown-list__item:nth-of-type(1) a::before {
  background-color: #2f2f2f;
}
.c-morph-dropdown-content--products .c-morph-dropdown-list .c-morph-dropdown-list__item:nth-of-type(2) a::before {
  background-color: #2f2f2f;
}
.c-morph-dropdown-content--products .c-morph-dropdown-list .c-morph-dropdown-list__item a {
  display: block;
}
.c-morph-dropdown-content--products .c-morph-dropdown-list .c-morph-dropdown-list__item a::before {
  /* icon on the left */
  content: "";
  display: inline-block;
  float: left;
  height: 54px;
  width: 54px;
  margin-right: 20px;
  border-radius: 50%;
  transition: background-color 0.3333333333s;
}
.c-morph-dropdown-content--products .c-morph-dropdown-list .c-morph-dropdown-list__item a:focus .c-morph-dropdown-content__title, .c-morph-dropdown-content--products .c-morph-dropdown-list .c-morph-dropdown-list__item a:hover .c-morph-dropdown-content__title {
  border-bottom-color: #FFFFFF;
}
.c-morph-dropdown-content--products .c-morph-dropdown-list .c-morph-dropdown-list__item a:focus:before, .c-morph-dropdown-content--products .c-morph-dropdown-list .c-morph-dropdown-list__item a:hover:before {
  background-color: #383838;
}
.c-morph-dropdown-content--links .c-morph-dropdown-list .c-morph-dropdown-list__item {
  width: 48%;
  float: left;
  margin-right: 4%;
  margin-top: 0;
}
.c-morph-dropdown-content--links .c-morph-dropdown-list .c-morph-dropdown-list__item:nth-of-type(2n) {
  margin-right: 0;
}
.c-morph-dropdown-content--links .c-morph-dropdown-list .c-morph-dropdown-list__item .c-morph-dropdown-list__title {
  color: #FFFFFF;
  display: block;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2rem;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.c-morph-dropdown-content--one-col .c-morph-dropdown-list .c-morph-dropdown-list__item {
  width: 100%;
  margin-right: 0px;
}

/* ==========================================================================
   #FORMS
   ========================================================================== */
/**
 * .c-form
 * .c-form__input
 * .c-form__input--text
 * .c-form__input--textarea
 */
.c-form__group {
  margin-bottom: 30px;
}

.c-form__group--checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.c-form__group--checkbox > label {
  color: #3c3c3c;
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.c-form__group--checkbox > label > input[type=checkbox] {
  position: absolute;
  margin-top: 7px;
  margin-left: -20px;
}
.c-form__group--checkbox > label > a {
  color: #C33339;
}

.c-form__group--select {
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: hidden;
  background: #FAFAFA url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 90% 50%;
}

.c-form__select {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #0f0f0f;
  padding: 5px 8px;
  width: 100%;
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: transparent;
  -webkit-appearance: none;
  line-height: 35px;
}
.c-form__select:focus {
  outline: none;
}
.c-form__select > option {
  color: black;
}

.c-form__optgroup-header {
  padding: 8px !important;
  line-height: 26px;
  font-weight: 600;
  background-color: #E4E5E8 !important;
}

.c-form__submit--icon-only {
  width: 53px;
  height: 50px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #C33339;
  color: #FFFFFF;
  border: 0px;
  border-radius: 0 5px 5px 0;
  transition: background-color 0.3333333333s ease-in;
}
.c-form__submit--icon-only:hover {
  cursor: pointer;
  background-color: #d3565b;
}
.c-form__submit--icon-only:focus {
  background-color: #9b282d;
}
.c-form__submit--icon-only svg {
  width: auto;
  transform: translateY(3px);
}
.c-form__submit--icon-only svg > path {
  fill: #FFFFFF;
}

/* Colour variants
   ========================================================================== */
.c-form--dark .c-form__input {
  background-color: #0f0f0f;
  color: #FFFFFF;
}
.c-form--dark .c-form__input::-webkit-input-placeholder {
  color: #FFFFFF;
}
.c-form--dark .c-form__input:-moz-placeholder {
  color: #FFFFFF;
}
.c-form--dark .c-form__input::-moz-placeholder {
  color: #FFFFFF;
}
.c-form--dark .c-form__input:-ms-input-placeholder {
  color: #FFFFFF;
}
.c-form--dark .c-form__group--select {
  border: 1px solid #3c3c3c;
  background-color: transparent;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAUCAMAAABlGZcgAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAAHaTzTgAAAAnSURBVHgBY2BEBQPBZ4IBKJ8BymWA8RkgXASfAcRF8EECIGIA3A8AwjgBMo8G8PYAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: 96% 50%;
}
.c-form--dark .c-form__select {
  color: #FFFFFF;
}

/* Size variants
   ========================================================================== */
.c-form--large label {
  line-height: 60px;
}
.c-form--large .c-form__input {
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
}
.c-form--large .c-form__select {
  height: 60px;
}
.c-form--large .c-form__submit--icon-only {
  width: 63px;
  height: 60px;
}

.c-form--small label {
  line-height: 40px;
}
.c-form--small .c-form__input {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
}
.c-form--small .c-form__select {
  height: 40px;
}
.c-form--small .c-form__submit--icon-only {
  width: 43px;
  height: 40px;
}

/* UI
   ========================================================================== */
.c-form--ui .c-form__input {
  background-color: #F1F1F6;
  color: #0f0f0f;
  border: 1px solid #D8D8D8;
}
.c-form--ui .c-form__input::-webkit-input-placeholder {
  color: #3c3c3c;
}
.c-form--ui .c-form__input:-moz-placeholder {
  color: #3c3c3c;
}
.c-form--ui .c-form__input::-moz-placeholder {
  color: #3c3c3c;
}
.c-form--ui .c-form__input:-ms-input-placeholder {
  color: #3c3c3c;
}

/* ==========================================================================
   #BUTTONS
   ========================================================================== */
.c-btn {
  display: inline-block;
  align-items: center;
  vertical-align: middle;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  text-align: center;
  margin: 0;
  cursor: pointer;
  padding: 15px 30px;
  transition: 0.3333333333s;
  border-radius: 5px;
  border: 0;
}
.c-btn:focus, .c-btn:hover {
  text-decoration: underline;
}
.c-btn.c-btn--icon-move:focus .c-icon--before, .c-btn.c-btn--icon-move:hover .c-icon--before {
  right: 20px;
}
.c-btn.c-btn--icon-move:focus .c-icon--after, .c-btn.c-btn--icon-move:hover .c-icon--after {
  left: 20px;
}
.c-btn.c-btn--icon-v-center {
  display: inline-flex;
  vertical-align: middle;
}

.c-btn-reset {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  outline: none;
}

.c-btn-link:hover {
  cursor: pointer;
}

/* Colour variants
   ========================================================================== */
.c-btn--primary {
  background-color: #C33339;
  color: #fff;
  text-decoration: none;
}
.c-btn--primary:hover, .c-btn--primary:active, .c-btn--primary:focus {
  text-decoration: underline; /* [4] */
}
.c-btn--primary:hover {
  background-color: #d3565b;
}
.c-btn--primary:focus {
  background-color: #9b282d;
}

.c-btn--secondary {
  background-color: #0f0f0f;
  color: #fff;
  text-decoration: none;
}
.c-btn--secondary:hover, .c-btn--secondary:active, .c-btn--secondary:focus {
  text-decoration: underline;
}
.c-btn--secondary:hover {
  background-color: #5c5c5c;
}
.c-btn--secondary:focus {
  background-color: black;
}

.c-btn--tertiary {
  background-color: #FFFFFF;
  color: #0f0f0f;
  text-decoration: none;
}
.c-btn--tertiary:hover, .c-btn--tertiary:active, .c-btn--tertiary:focus {
  text-decoration: underline;
}
.c-btn--tertiary:hover, .c-btn--tertiary:focus {
  color: #0f0f0f;
}
.c-btn--tertiary.is-selected {
  background-color: #D8D8D8;
  color: #FFFFFF;
}
.c-btn--tertiary.is-selected svg > g {
  fill: #FFFFFF;
}

.c-btn--accent-secondary {
  background-color: #22874F;
  color: #FFFFFF;
}
.c-btn--accent-secondary, .c-btn--accent-secondary:hover, .c-btn--accent-secondary:active, .c-btn--accent-secondary:focus {
  text-decoration: none;
  color: #FFFFFF;
}
.c-btn--accent-secondary:hover {
  background-color: #2cb067;
}
.c-btn--accent-secondary:focus {
  background-color: #185e37;
}
.c-btn--accent-secondary.c-btn--no-hover:focus, .c-btn--accent-secondary.c-btn--no-hover:hover {
  text-decoration: none;
  cursor: default;
  background-color: #22874F;
}

.c-btn--accent-tertriary {
  background-color: #0d2761;
  color: #FFFFFF;
  text-decoration: none;
}
.c-btn--accent-tertriary, .c-btn--accent-tertriary:hover, .c-btn--accent-tertriary:active, .c-btn--accent-tertriary:focus {
  text-decoration: underline;
  color: #FFFFFF;
}
.c-btn--accent-tertriary:hover {
  background-color: #1642a4;
}
.c-btn--accent-tertriary:focus {
  background-color: #040c1e;
}
.c-btn--accent-tertriary.c-btn--no-hover:focus, .c-btn--accent-tertriary.c-btn--no-hover:hover {
  text-decoration: none;
  cursor: default;
  background-color: #0d2761;
}

.c-btn--accent-quaternary {
  background-color: #4b334d;
  color: #FFFFFF;
  text-decoration: none;
}
.c-btn--accent-quaternary:hover, .c-btn--accent-quaternary:active, .c-btn--accent-quaternary:focus {
  text-decoration: underline;
  color: #FFFFFF;
}
.c-btn--accent-quaternary:hover {
  background-color: #78517b;
}
.c-btn--accent-quaternary:focus {
  background-color: #1e151f;
}
.c-btn--accent-quaternary.c-btn--no-hover:focus, .c-btn--accent-quaternary.c-btn--no-hover:hover {
  text-decoration: none;
  cursor: default;
  background-color: #4b334d;
}

.c-btn--white {
  background-color: #FFFFFF;
  color: #0d2761;
  text-decoration: none;
}
.c-btn--white:hover, .c-btn--white:active, .c-btn--white:focus {
  text-decoration: underline;
  color: #0d2761;
}
.c-btn--white:hover {
  background-color: #EFF0F3;
}
.c-btn--white:focus {
  background-color: #EFF0F3;
}
.c-btn--white.c-btn--no-hover:focus, .c-btn--white.c-btn--no-hover:hover {
  text-decoration: none;
  cursor: default;
  background-color: #FFFFFF;
}

/* Size variants
   ========================================================================== */
.c-btn--small {
  padding: 10px 15px;
}

.c-btn--large {
  padding: 30px 48px;
}

.c-btn--wide {
  padding-left: 40px;
  padding-right: 40px;
}

.c-btn--extra-wide {
  padding-left: 80px;
  padding-right: 80px;
}

.c-btn--low {
  padding-top: 5px;
  padding-bottom: 5px;
}

.c-btn--full {
  width: 100%;
}

/* Ghost buttons
   ========================================================================== */
/**
 * Toggle buttons are two, full-width buttons that sit flush next to each other
 */
.c-btn--toggle {
  width: 100%;
  height: 60px;
  padding: 0;
  margin-bottom: 10px;
  background-color: #C33339;
  border: 0px;
  vertical-align: top;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #FFF;
  text-decoration: underline;
  border-radius: 0px;
  box-sizing: content-box;
  text-decoration: none;
  line-height: 60px;
  transition: background-color 0.3333333333s ease-out, background-color 0.3333333333s ease-out;
}
.c-btn--toggle:focus, .c-btn--toggle:hover {
  background-color: #862327;
  cursor: pointer;
  outline: none;
}
.c-btn--toggle.c-btn--first {
  padding-left: 15px;
  margin-right: -15px;
  text-indent: -15px;
  float: right;
  border-radius: 5px 0 0 5px;
}
.c-btn--toggle.c-btn--last {
  padding-right: 15px;
  margin-left: -15px;
  text-indent: 15px;
  border-radius: 0 5px 5px 0;
}
.c-btn--toggle.is-selected {
  background-color: #F1F1F6;
  font-weight: 600;
  color: #C33339;
  text-decoration: none;
  position: relative;
}
.c-btn--toggle.is-selected:focus, .c-btn--toggle.is-selected:hover {
  background-color: #F1F1F6;
  cursor: default;
}
.c-btn--toggle.is-selected:before {
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #FFFFFF;
  bottom: 0;
  left: 50%;
}
.c-btn--toggle.c-btn--toggle--on-white.is-selected {
  background-color: #FFFFFF;
}
.c-btn--toggle.c-btn--toggle--on-white.is-selected:before {
  border-bottom: 8px solid #F1F1F6;
}
.c-btn--toggle .c-btn--toggle__tablet-up {
  display: none;
}
@media (min-width: 46.25em) {
  .c-btn--toggle .c-btn--toggle__tablet-up {
    display: inline;
  }
}

/* Ghost buttons
   ========================================================================== */
/**
 * Ghost buttons have see-through backgrounds and are bordered.
 */
.c-btn--ghost {
  border: 2px solid #444444;
  padding: 13px 28px;
}
.c-btn--ghost, .c-btn--ghost:hover, .c-btn--ghost:active, .c-btn--ghost:focus {
  background: none;
}
.c-btn--ghost.c-btn--small {
  padding: 4px 13px;
}
.c-btn--ghost.c-btn--large {
  padding: 28px 46px;
}
.c-btn--ghost.c-btn--wide {
  padding-left: 38px;
  padding-right: 38px;
}
.c-btn--ghost.c-btn--extra-wide {
  padding-left: 78px;
  padding-right: 78px;
}
.c-btn--ghost.c-btn--low {
  padding-top: 8px;
  padding-bottom: 8px;
}
.c-btn--ghost.c-btn--primary {
  border: 2px solid rgba(144, 144, 144, 0.25);
  color: #C33339;
}
.c-btn--ghost.c-btn--primary:hover, .c-btn--ghost.c-btn--primary:focus {
  color: #C33339;
}
.c-btn--ghost.c-btn--secondary {
  border: 2px solid rgba(144, 144, 144, 0.25);
  color: #0f0f0f;
}
.c-btn--ghost.c-btn--secondary:hover, .c-btn--ghost.c-btn--secondary:focus {
  color: #0f0f0f;
}
.c-btn--ghost.c-btn--tertiary {
  border: 2px solid rgba(144, 144, 144, 0.25);
  color: #e5e5e5;
}
.c-btn--ghost.c-btn--tertiary:hover, .c-btn--ghost.c-btn--tertiary:focus {
  color: #e5e5e5;
}

/* Tablet buttons
   ========================================================================== */
.c-btn--tablet {
  padding: 3px 25px;
  border-radius: 24px;
  font-size: 16px;
}
.c-btn--tablet.c-btn--with-close {
  position: relative;
  padding-right: 35px;
}
.c-btn--tablet.c-btn--with-close > .c-icon {
  position: absolute;
  top: 3px;
  right: 8px;
}
.c-btn--tablet.c-btn--disabled:focus, .c-btn--tablet.c-btn--disabled:hover {
  background-color: #C33339;
}

/* Disabled
   ========================================================================== */
.c-btn--disabled {
  opacity: 0.6;
}
.c-btn--disabled:focus, .c-btn--disabled:hover {
  text-decoration: none;
  cursor: default;
}
.c-btn--disabled.c-btn--primary:focus, .c-btn--disabled.c-btn--primary:hover {
  background-color: #C33339;
}

/* UI Specific
   ========================================================================== */
.c-btn--resource-cta {
  display: block;
  margin-right: 0px;
}
@media (min-width: 56.25em) {
  .c-btn--resource-cta {
    margin-right: 10px;
    display: inline-block;
  }
  .c-btn--resource-cta:last-of-type {
    margin-right: 0px;
  }
}

.c-btn--access-cta {
  min-width: 275px;
}
.c-btn--access-cta:first-of-type {
  margin-bottom: 15px;
}
@media (min-width: 36.25em) {
  .c-btn--access-cta {
    margin-right: 15px;
  }
}
@media (min-width: 38.125em) {
  .c-btn--access-cta:first-of-type {
    margin-bottom: 0px;
  }
}

/* UI States
   ========================================================================== */
.c-btn.is-loading {
  position: relative;
}

.btn.is-loading .c-btn__text, .btn.is-loading .c-icon, .c-btn.is-loading .c-btn__text, .c-btn.is-loading .c-icon {
  visibility: hidden;
  opacity: 0;
}

.c-btn.is-loading::after, .btn.is-loading::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid transparent;
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}
/* ==========================================================================
   #BUTTON DROPDOWNS
   ========================================================================== */
.c-btn-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.c-btn-dropdown-menu.show {
  display: block;
}

.c-btn-dropdown-menu__item {
  padding: 0px;
}
.c-btn-dropdown-menu__item:before {
  content: "";
}

.c-btn-dropdown-menu__link {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.c-btn-dropdown-menu__link:hover {
  background-color: #F1F1F6;
}

.c-btn-dropdown-menu--dark .c-btn-dropdown-menu__link:hover {
  background-color: #3c3c3c;
}

.c-btn-dropdown-menu--dark-blue .c-btn-dropdown-menu__link:hover {
  background-color: #364250;
}

/* ==========================================================================
   #MASTHEAD
   ========================================================================== */
.c-masthead {
  position: relative;
}

.c-masthead__title {
  float: left;
  margin-bottom: 30px;
  font-size: 26px;
  font-size: 1.4444444444rem;
  line-height: 1.3846153846;
  line-height: 1.2;
  margin-bottom: 0px;
}
@media (min-width: 46.25em) {
  .c-masthead__title {
    font-size: 28px;
    font-size: 1.5555555556rem;
    line-height: 1.2857142857;
    line-height: 1.2;
  }
}
@media (min-width: 61.25em) {
  .c-masthead__title {
    font-size: 30px;
    font-size: 1.6666666667rem;
    line-height: 1.2;
    line-height: 1.2;
  }
}
@media (min-width: 81.25em) {
  .c-masthead__title {
    font-size: 32px;
    font-size: 1.7777777778rem;
    line-height: 1.3125;
    line-height: 1.25;
  }
}

.c-masthead__inner {
  width: 100%;
  padding: 60px 0;
  overflow: hidden;
  position: relative;
}

.c-masthead__slider {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.c-masthead__slider .slick-track, .c-masthead__slider .slick-list {
  height: 100%;
}

.c-masthead__slide {
  width: 100%;
  height: 100%;
  float: left;
}

.c-masthead__asset {
  width: 100%;
  height: 100%;
  background-color: #0f0f0f !important;
}
.c-masthead__asset.u-object-fit--compat:before {
  content: "";
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.c-masthead__asset.u-object-fit--compat.c-masthead__asset--opaque > .b-loaded {
  opacity: 0.8;
}
.c-masthead__asset > img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.c-masthead__asset.c-masthead__asset--opaque > .b-loaded {
  opacity: 0.8;
}

.c-masthead__main {
  position: relative;
  z-index: 1;
}

.c-masthead__sub-title {
  font-size: 20px;
  font-size: 1.1111111111rem;
  line-height: 1.5;
  font-weight: 400;
  color: #FFFFFF;
}
@media (min-width: 46.25em) {
  .c-masthead__sub-title {
    font-size: 22px;
    font-size: 1.2222222222rem;
    line-height: 1.3636363636;
  }
}
@media (min-width: 61.25em) {
  .c-masthead__sub-title {
    font-size: 24px;
    font-size: 1.3333333333rem;
    line-height: 1.25;
  }
}
@media (min-width: 81.25em) {
  .c-masthead__sub-title {
    font-size: 26px;
    font-size: 1.4444444444rem;
    line-height: 1.3846153846;
  }
}

/* Found on: Lead of most pages
   ========================================================================== */
.c-masthead--basic {
  padding: 30px 0;
  background-color: #FFFFFF;
}
@media (min-width: 61.25em) {
  .c-masthead--basic {
    padding: 40px 0;
  }
}

.c-masthead-search--in-page label {
  margin-top: 15px;
  line-height: inherit;
}

.c-masthead-form .select2-container {
  width: 100% !important;
}
.c-masthead-form .select2-selection {
  overflow: hidden;
}
.c-masthead-form .select2-selection__rendered {
  white-space: normal;
  word-break: break-all;
}
.c-masthead-form .select2-selection--single {
  height: 60px !important;
}
.c-masthead-form .select2-selection--single .select2-selection__rendered {
  padding-left: 15px !important;
  padding-right: 90px !important;
  line-height: 60px !important;
}
.c-masthead-form .select2-container--default .select2-selection--single {
  background-color: #F1F1F6;
  border: 0px;
}
.c-masthead-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 17px;
  right: 75px;
}
.c-masthead-form .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #3c3c3c;
}

.select2-results__option {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.select2-results__option:before {
  content: "";
}

.select2-results__option--highlighted[aria-selected] {
  background-color: #F1F1F6 !important;
  color: #3c3c3c !important;
}

/* Found on: News and Blog
   ========================================================================== */
.c-masthead--article {
  margin-bottom: 0px;
  border-bottom: 1px solid #e2e2e7;
}

/*  Found on: Collection Pages
    ========================================================================== */
.c-masthead--collection {
  padding-bottom: 20px;
}

/* Found on: Collection View
   ========================================================================== */
.c-masthead--hero {
  width: 100%;
  padding-top: 0;
  background-color: #0f0f0f;
  overflow: hidden;
}
@media (min-width: 81.25em) {
  .c-masthead--hero.is-signedin .c-masthead-content-section__item--upper {
    padding: 209px 0px;
  }
}
@media (min-width: 81.25em) {
  .c-masthead--hero.has-register-interest-promo .c-masthead__inner {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.c-masthead--hero .c-masthead__inner {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 81.25em) {
  .c-masthead--hero .c-masthead__inner {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (min-width: 87.5em) {
  .c-masthead--hero .c-masthead__inner {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.c-masthead--hero .c-masthead__layout {
  display: block;
}
@media (min-width: 81.25em) {
  .c-masthead--hero .c-masthead__layout {
    display: flex;
  }
}
.c-masthead--hero .c-masthead-content-section {
  position: relative;
}
@media (min-width: 61.25em) {
  .c-masthead--hero .c-masthead-content-section {
    position: static;
    height: 100%;
  }
}
.c-masthead--hero .c-masthead__asset-container {
  width: 100%;
  display: table;
  position: relative;
}
@media (min-width: 81.25em) {
  .c-masthead--hero .c-masthead__asset-container {
    height: 250px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 61.25em) {
  .c-masthead--hero .c-masthead__asset-container {
    display: block;
    position: static;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 81.25em) {
  .c-masthead--hero .c-masthead__asset {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}
.c-masthead--hero .c-masthead__asset > img {
  position: relative;
}
.c-masthead--hero .c-masthead-content-section__item--upper {
  height: auto;
  position: relative;
  z-index: 1;
}
@media (min-width: 61.25em) {
  .c-masthead--hero .c-masthead-content-section__item--upper {
    height: 100%;
    display: table;
  }
}
.c-masthead--hero .c-masthead-content-section__item--lower {
  padding-bottom: 30px;
  position: relative;
}
@media (min-width: 81.25em) {
  .c-masthead--hero .c-masthead-content-section__item--lower {
    position: absolute;
    bottom: 0px;
    width: 66%;
  }
}
@media (min-width: 81.25em) {
  .c-masthead--hero .c-masthead-content-section__item--lower {
    padding: 0px;
  }
}
.c-masthead--hero .c-masthead-content-section__item--lower:before {
  content: "";
  position: absolute;
  height: 117px;
  top: -117px;
  left: -500%;
  width: 1000%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(128, 128, 128, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#808080", endColorstr="#000000",GradientType=0 ); /* ie6-9 */
  z-index: 1;
}
@media (min-width: 61.25em) {
  .c-masthead--hero .c-masthead-content-section__item--lower:before {
    display: none;
  }
}
@media (min-width: 81.25em) {
  .c-masthead--hero:before {
    content: "";
    position: absolute;
    height: 117px;
    left: -500%;
    width: 1000%;
    bottom: 0px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(128, 128, 128, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#808080", endColorstr="#000000",GradientType=0 ); /* ie6-9 */
    z-index: 1;
  }
  .c-masthead--hero:after {
    width: 100%;
    height: 40%;
    position: absolute;
    content: "";
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0px;
    left: 0px;
    right: 0px;
  }
}

/* Found on: Home
   ========================================================================== */
.c-masthead--superhero {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  background-size: cover;
  height: 100%;
  position: relative;
  background-color: #0f0f0f;
}
.c-masthead--superhero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in;
  background-size: cover;
  background-position: center;
  z-index: 1;
}
.c-masthead--superhero.is-loaded:before {
  opacity: 1;
}
.c-masthead--superhero .c-masthead__options {
  font-size: 0.8125rem;
}
.c-masthead--superhero .c-masthead__options .c-btn {
  padding: 10px 15px;
}
@media (min-width: 61.25em) {
  .c-masthead--superhero .c-masthead__options {
    font-size: 1.125rem;
  }
  .c-masthead--superhero .c-masthead__options .c-btn {
    padding: 15px 30px;
  }
}
.c-masthead--superhero .c-masthead__inner {
  min-height: 250px;
  padding: 70px 0 20px 0;
  text-align: center;
  color: #FFFFFF;
  z-index: 2;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.3333333333;
}
@media (min-width: 46.25em) {
  .c-masthead--superhero .c-masthead__inner {
    padding: 120px 0 50px 0;
  }
}
@media (min-width: 61.25em) {
  .c-masthead--superhero .c-masthead__inner {
    padding: 140px 0 80px 0;
    font-size: 21px;
    font-size: 1.1666666667rem;
    line-height: 1.4285714286;
  }
}
@media (min-width: 81.25em) {
  .c-masthead--superhero .c-masthead__inner {
    padding: 150px 0 90px 0;
  }
}
@media (min-width: 87.5em) {
  .c-masthead--superhero .c-masthead__inner {
    padding: 160px 0 100px 0;
  }
}
@media (min-width: 100em) {
  .c-masthead--superhero .c-masthead__inner {
    padding: 180px 0 120px 0;
  }
}
@media (min-width: 112.5em) {
  .c-masthead--superhero .c-masthead__inner {
    padding: 250px 0 90px 0;
  }
}
@media (max-width: 81.24em) {
  .c-masthead--superhero .c-masthead__asset {
    margin-bottom: 0;
  }
}
.c-masthead--superhero .c-masthead__asset > .b-loaded {
  opacity: 0.7;
}
.c-masthead--superhero .c-masthead__content {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 61.25em) {
  .c-masthead--superhero .c-masthead__content {
    width: 85%;
  }
}
.c-masthead--superhero .c-masthead__title {
  margin-bottom: 30px;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 32px;
  font-size: 1.7777777778rem;
  line-height: 1.3125;
  line-height: 40px;
}
@media (min-width: 61.25em) {
  .c-masthead--superhero .c-masthead__title {
    font-size: 36px;
    font-size: 2rem;
    line-height: 1.1666666667;
    margin-bottom: 25px;
  }
}
@media (min-width: 81.25em) {
  .c-masthead--superhero .c-masthead__title {
    font-size: 48px;
    font-size: 2.6666666667rem;
    line-height: 1.125;
  }
}
@media (min-width: 87.5em) {
  .c-masthead--superhero .c-masthead__title {
    margin-bottom: 30px;
    font-size: 60px;
    font-size: 3.3333333333rem;
    line-height: 1.1;
  }
}
.c-masthead--superhero .c-masthead__link--more {
  display: none;
}
@media (min-width: 46.25em) {
  .c-masthead--superhero .c-masthead__link--more {
    display: inline;
  }
}
.c-masthead--superhero .c-masthead__conj {
  display: block;
  margin: 0 35px;
  text-indent: -10000000px;
}
@media (min-width: 31.25em) {
  .c-masthead--superhero .c-masthead__conj {
    display: inline;
    text-indent: none;
  }
}
.c-masthead--superhero .c-masthead-search {
  width: 100%;
  float: none;
  margin: 20px auto 20px auto;
  position: relative;
}
@media (min-width: 46.25em) {
  .c-masthead--superhero .c-masthead-search {
    margin: 40px auto 20px auto;
  }
}
@media (min-width: 51.25em) {
  .c-masthead--superhero .c-masthead-search {
    width: 780px;
  }
}
@media (min-width: 61.25em) {
  .c-masthead--superhero .c-masthead-search {
    margin: 60px auto 23px auto;
  }
}
.c-masthead--superhero .c-masthead-search__form {
  position: relative;
  clear: both;
}
.c-masthead--superhero .c-masthead-search__input {
  width: 100%;
  padding: 0 15px;
}
@media (min-width: 46.25em) {
  .c-masthead--superhero .c-masthead-search__input {
    padding: 0 33px;
    font-size: 21px;
    font-size: 1.1666666667rem;
    line-height: 1.4285714286;
  }
}

.c-masthead-strapline {
  font-size: 1.4rem;
}
@media (min-width: 61.25em) {
  .c-masthead-strapline {
    font-size: 1.5rem;
  }
}
@media (min-width: 87.5em) {
  .c-masthead-strapline {
    font-size: 1.6rem;
  }
}

/* Found on: Collection View
   ========================================================================== */
.c-masthead--contained .c-masthead__asset {
  overflow: hidden;
  max-height: 400px;
}
@media (min-width: 46.25em) {
  .c-masthead--contained .c-masthead__asset {
    max-height: 500px;
  }
}
@media (min-width: 61.25em) {
  .c-masthead--contained .c-masthead__asset {
    max-height: 600px;
  }
}
.c-masthead--contained .c-masthead__content {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  padding: 0 15px 20px 15px;
  color: #FFFFFF;
}
@media (min-width: 46.25em) {
  .c-masthead--contained .c-masthead__content {
    padding: 0 30px 20px 30px;
  }
}
@media (min-width: 81.25em) {
  .c-masthead--contained .c-masthead__content {
    padding-bottom: 40px;
  }
}
.c-masthead--contained .c-masthead__content > .c-masthead__title {
  display: none;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 1;
  line-height: 1;
}
@media (min-width: 36.25em) {
  .c-masthead--contained .c-masthead__content > .c-masthead__title {
    display: block;
    width: 70%;
  }
}
@media (min-width: 46.25em) {
  .c-masthead--contained .c-masthead__content > .c-masthead__title {
    width: 70%;
  }
}
@media (min-width: 81.25em) {
  .c-masthead--contained .c-masthead__content > .c-masthead__title {
    width: 60%;
    line-height: 1.1;
  }
}
.c-masthead--contained .c-masthead__content > .c-masthead__btn {
  width: 100%;
  display: block;
  margin-top: 20px;
  padding: 10px 24px;
  color: #FFFFFF;
  border-color: #FFFFFF;
  text-transform: none;
  float: right;
  position: relative;
  z-index: 1;
  text-decoration: none;
}
@media (min-width: 36.25em) {
  .c-masthead--contained .c-masthead__content > .c-masthead__btn {
    margin-top: 0px;
    width: auto;
    display: inline-block;
  }
}
@media (min-width: 46.25em) {
  .c-masthead--contained .c-masthead__content > .c-masthead__btn {
    padding: 12px 30px;
    font-size: 26px;
  }
}
@media (min-width: 81.25em) {
  .c-masthead--contained .c-masthead__content > .c-masthead__btn {
    padding: 15px 40px;
    font-size: 30px;
  }
}
.c-masthead--contained .c-masthead__content:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 200px;
  background: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
}

.c-title--underlined {
  padding-bottom: 10px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #F1F1F6;
}

.c-title--underlined--base-medium {
  border-bottom-color: #D8D8D8;
}

.c-title--underlined--red {
  border-bottom-color: #C33339;
}

.c-title-partial-underline {
  position: relative;
  display: table;
}
.c-title-partial-underline:before {
  content: "";
  position: absolute;
  width: 70%;
  height: 1px;
  bottom: -8px;
  left: 15%;
  background-color: #F1F1F6;
}

.c-title-partial-underline--red:before {
  background-color: #C33339;
}

.c-title-partial-underline--animated:before {
  transform: scaleX(0);
  transition: all 0.5s 0.5s ease;
}
.c-title-partial-underline--animated.fadeInDown:before {
  transform: scaleX(1);
}

.c-title-page-alt {
  padding-bottom: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #EFF0F3;
}
@media (min-width: 46.25em) {
  .c-title-page-alt {
    margin-top: -10px;
  }
}

.c-title--block-bg {
  padding: 10px 20px;
}
.c-title--block-bg--base-light {
  background-color: #F1F1F6;
}
.c-title--block-bg--base-medium {
  background-color: #D8D8D8;
}

.c-styled-link {
  padding-bottom: 0;
  text-decoration: none;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #0f0f0f;
  color: #0f0f0f;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.c-styled-link:focus, .c-styled-link:hover {
  transition: border-bottom-color 0.3333333333s ease-out;
  border-bottom-color: transparent;
}
.c-styled-link.c-styled-link--icon-move:focus .c-icon--before, .c-styled-link.c-styled-link--icon-move:hover .c-icon--before {
  right: 20px;
}
.c-styled-link.c-styled-link--icon-move:focus .c-icon--after, .c-styled-link.c-styled-link--icon-move:hover .c-icon--after {
  left: 20px;
}

/* Style variants
   ========================================================================== */
.c-styled-link--secondary {
  border-bottom-color: transparent;
  color: #C33339;
}
.c-styled-link--secondary:focus, .c-styled-link--secondary:hover {
  border-bottom-color: #862327;
  color: #862327;
}

.c-styled-link--secondary-light {
  border-bottom-color: transparent;
  color: #da7277;
}
.c-styled-link--secondary-light:focus, .c-styled-link--secondary-light:hover {
  border-bottom-color: #e59b9e;
  color: #e59b9e;
}

.c-styled-link--white {
  border-bottom-color: #FFFFFF;
  color: #FFFFFF;
}

.c-styled-link--clean {
  border-bottom-color: transparent;
}
.c-styled-link--clean:focus, .c-styled-link--clean:hover {
  border-bottom-color: #0f0f0f;
}

/* ==========================================================================
   #IMG
   ========================================================================== */
.c-img {
  display: block;
  position: relative;
}

.c-img--fixed {
  position: absolute;
  margin: auto;
  min-height: 100%;
  min-width: 100%;
  left: -10%;
  right: -10%;
  top: -10%;
  bottom: -10%;
}

.c-img--rollover > .c-img__overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3333333333s ease-out;
}
.c-img--rollover:focus > .c-img__overlay, .c-img--rollover:hover > .c-img__overlay {
  background-color: rgba(0, 0, 0, 0.3);
}
.c-img--rollover:focus.c-img--secondary > .c-img__overlay, .c-img--rollover:hover.c-img--secondary > .c-img__overlay {
  background-color: rgba(240, 51, 57, 0.6);
}

.c-img--rounded {
  border-radius: 5px;
}
.c-img--rounded > img {
  border-radius: 5px;
}

.c-img-responsive {
  position: relative;
  height: 0;
  overflow: hidden;
  background-color: #f0f0f0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAyNDAgMzYiPjxzdHlsZT4uYXtmaWxsOiNCQ0JDQkM7fTwvc3R5bGU+PHBhdGggZD0iTTEyLjQgMjUuMlYxMC41aDYuNWMxLjMgMCAyLjMgMC4zIDMgMXMxLjEgMS42IDEuMSAyLjdjMCAwLjktMC4zIDEuNi0wLjggMi4yIC0wLjUgMC42LTEuMSAxLTEuOCAxLjEgMC44IDAuMSAxLjQgMC41IDIgMS4yIDAuNiAwLjcgMC44IDEuNSAwLjggMi40IDAgMS4yLTAuNCAyLjItMS4xIDIuOXMtMS44IDEuMS0zLjEgMS4xSDEyLjR6TTE0LjIgMTYuOWg0LjRjMC44IDAgMS40LTAuMiAxLjktMC43IDAuNC0wLjQgMC43LTEgMC43LTEuNyAwLTAuNy0wLjItMS4zLTAuNy0xLjdzLTEuMS0wLjctMS45LTAuN2gtNC40VjE2Ljl6TTE0LjIgMjMuNmg0LjVjMC44IDAgMS41LTAuMiAyLTAuNyAwLjUtMC41IDAuNy0xLjEgMC43LTEuOCAwLTAuNy0wLjItMS4zLTAuNy0xLjhzLTEuMS0wLjctMi0wLjdoLTQuNVYyMy42eiIgY2xhc3M9ImEiLz48cGF0aCBkPSJNMjYuMSAyNS4yVjE0LjZoMS42djEuN2MwLjUtMC42IDEtMSAxLjYtMS40czEuMy0wLjUgMS45LTAuNXYxLjdjLTAuMyAwLTAuNSAwLTAuNiAwIC0wLjUgMC0xLjEgMC4yLTEuNyAwLjUgLTAuNiAwLjMtMSAwLjctMS4zIDEuMnY3LjVIMjYuMXoiIGNsYXNzPSJhIi8+PHBhdGggZD0iTTMzLjQgMTIuOGMtMC4yLTAuMi0wLjMtMC41LTAuMy0wLjhzMC4xLTAuNiAwLjMtMC44YzAuMi0wLjIgMC41LTAuMyAwLjgtMC4zczAuNiAwLjEgMC44IDAuM2MwLjIgMC4yIDAuMyAwLjUgMC4zIDAuOHMtMC4xIDAuNi0wLjMgMC44IC0wLjUgMC4zLTAuOCAwLjNTMzMuNiAxMyAzMy40IDEyLjh6TTMzLjQgMjUuMlYxNC42aDEuNnYxMC42SDMzLjR6IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik0zNi45IDE2di0xLjRoMS44di0yLjloMS42djIuOWgyLjJ2MS40aC0yLjJ2Ni42YzAgMC40IDAuMSAwLjggMC4zIDFzMC40IDAuNCAwLjggMC40YzAuNSAwIDAuOS0wLjIgMS4xLTAuNWwwLjUgMS4zYy0wLjUgMC41LTEuMSAwLjctMiAwLjcgLTAuOCAwLTEuNC0wLjItMS44LTAuNyAtMC40LTAuNC0wLjYtMS0wLjYtMS44VjE2SDM2Ljl6IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik00NC44IDEyLjhjLTAuMi0wLjItMC4zLTAuNS0wLjMtMC44czAuMS0wLjYgMC4zLTAuOGMwLjItMC4yIDAuNS0wLjMgMC44LTAuM3MwLjYgMC4xIDAuOCAwLjNjMC4yIDAuMiAwLjMgMC41IDAuMyAwLjhzLTAuMSAwLjYtMC4zIDAuOCAtMC41IDAuMy0wLjggMC4zUzQ1IDEzIDQ0LjggMTIuOHpNNDQuOCAyNS4yVjE0LjZoMS42djEwLjZINDQuOHoiIGNsYXNzPSJhIi8+PHBhdGggZD0iTTQ4LjggMjMuOGwwLjgtMS4yYzAuNCAwLjQgMC45IDAuOCAxLjUgMS4xczEuMyAwLjQgMiAwLjRjMC44IDAgMS40LTAuMiAxLjktMC41czAuNy0wLjggMC43LTEuM2MwLTAuMy0wLjEtMC42LTAuNC0wLjkgLTAuMi0wLjItMC42LTAuNC0xLTAuNSAtMC40LTAuMS0wLjgtMC4yLTEuMy0wLjQgLTAuNS0wLjEtMC45LTAuMy0xLjQtMC40IC0wLjUtMC4xLTAuOS0wLjMtMS4zLTAuNSAtMC40LTAuMi0wLjctMC41LTAuOS0wLjkgLTAuMi0wLjQtMC40LTAuOC0wLjQtMS40IDAtMC45IDAuNC0xLjYgMS4xLTIuMiAwLjctMC42IDEuNy0wLjkgMi45LTAuOSAxLjYgMCAyLjkgMC41IDMuOSAxLjZsLTAuOCAxLjFjLTAuMy0wLjQtMC44LTAuNy0xLjMtMSAtMC42LTAuMi0xLjItMC40LTEuOC0wLjQgLTAuNyAwLTEuMyAwLjItMS43IDAuNSAtMC40IDAuMy0wLjYgMC43LTAuNiAxLjIgMCAwLjMgMC4xIDAuNiAwLjQgMC44IDAuMiAwLjIgMC41IDAuNCAwLjkgMC41IDAuNCAwLjEgMC44IDAuMiAxLjMgMC40IDAuNSAwLjEgMC45IDAuMyAxLjQgMC40IDAuNSAwLjEgMC45IDAuMyAxLjMgMC41IDAuNCAwLjIgMC43IDAuNSAxIDAuOSAwLjIgMC40IDAuNCAwLjkgMC40IDEuNCAwIDAuOS0wLjQgMS43LTEuMSAyLjNzLTEuOCAwLjktMy4xIDAuOUM1MS4zIDI1LjUgNDkuOSAyNC45IDQ4LjggMjMuOHoiIGNsYXNzPSJhIi8+PHBhdGggZD0iTTYwIDI1LjJWMTAuNWgxLjZ2NS42YzAuNC0wLjUgMC45LTAuOSAxLjYtMS4zIDAuNy0wLjQgMS40LTAuNSAyLjItMC41IDIuMiAwIDMuNCAxLjEgMy40IDMuNHY3LjVoLTEuNnYtN2MwLTAuOS0wLjItMS41LTAuNi0xLjkgLTAuNC0wLjQtMS0wLjUtMS44LTAuNSAtMC42IDAtMS4yIDAuMi0xLjggMC41cy0xIDAuNy0xLjQgMS4ydjcuOEg2MHoiIGNsYXNzPSJhIi8+PHBhdGggZD0iTTc4LjIgMjEuOGMtMC42LTEuMi0wLjktMi40LTAuOS0zLjlzMC4zLTIuNyAwLjktMy45YzAuNi0xLjIgMS41LTIuMSAyLjYtMi43IDEuMS0wLjcgMi40LTEgMy44LTEgMS40IDAgMi43IDAuMyAzLjggMSAxLjEgMC43IDIgMS42IDIuNiAyLjcgMC42IDEuMiAwLjkgMi40IDAuOSAzLjlzLTAuMyAyLjctMC45IDMuOWMtMC42IDEuMi0xLjUgMi4xLTIuNiAyLjcgLTEuMSAwLjctMi40IDEtMy44IDEgLTEuNCAwLTIuNy0wLjMtMy44LTFDNzkuNiAyMy44IDc4LjggMjIuOSA3OC4yIDIxLjh6TTc5LjEgMTcuOWMwIDEuMSAwLjIgMi4xIDAuNyAzLjEgMC40IDAuOSAxLjEgMS42IDEuOSAyLjEgMC44IDAuNSAxLjggMC44IDIuOSAwLjhzMi0wLjMgMi45LTAuOGMwLjgtMC41IDEuNS0xLjIgMS45LTIuMXMwLjctMS45IDAuNy0zLjFjMC0xLjctMC41LTMuMi0xLjUtNC4zIC0xLTEuMS0yLjMtMS43LTMuOS0xLjcgLTEuNiAwLTIuOSAwLjYtMy45IDEuN0M3OS42IDE0LjcgNzkuMSAxNi4xIDc5LjEgMTcuOXoiIGNsYXNzPSJhIi8+PHBhdGggZD0iTTk0LjYgMjUuMlYxNC42aDEuNnYxLjVjMC40LTAuNSAxLTAuOSAxLjctMS4zIDAuNy0wLjQgMS40LTAuNSAyLjItMC41IDIuMiAwIDMuNCAxLjEgMy40IDMuNHY3LjVoLTEuNnYtNi45YzAtMC45LTAuMi0xLjUtMC42LTEuOSAtMC40LTAuNC0xLTAuNi0xLjgtMC42IC0wLjYgMC0xLjIgMC4yLTEuOCAwLjVzLTEgMC43LTEuNCAxLjJ2Ny44SDk0LjZ6IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik0xMDYuOCAyNS4yVjEwLjVoMS42djE0LjdIMTA2Ljh6IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik0xMTEuNyAxMi44Yy0wLjItMC4yLTAuMy0wLjUtMC4zLTAuOHMwLjEtMC42IDAuMy0wLjhjMC4yLTAuMiAwLjUtMC4zIDAuOC0wLjNzMC42IDAuMSAwLjggMC4zYzAuMiAwLjIgMC4zIDAuNSAwLjMgMC44cy0wLjEgMC42LTAuMyAwLjggLTAuNSAwLjMtMC44IDAuM1MxMTEuOSAxMyAxMTEuNyAxMi44ek0xMTEuNyAyNS4yVjE0LjZoMS42djEwLjZIMTExLjd6IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik0xMTYuNiAyNS4yVjE0LjZoMS42djEuNWMwLjQtMC41IDEtMC45IDEuNy0xLjMgMC43LTAuNCAxLjQtMC41IDIuMi0wLjUgMi4yIDAgMy40IDEuMSAzLjQgMy40djcuNWgtMS42di02LjljMC0wLjktMC4yLTEuNS0wLjYtMS45IC0wLjQtMC40LTEtMC42LTEuOC0wLjYgLTAuNiAwLTEuMiAwLjItMS44IDAuNXMtMSAwLjctMS40IDEuMnY3LjhIMTE2LjZ6IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik0xMjguMSAxOS45YzAtMSAwLjItMS45IDAuNy0yLjggMC40LTAuOCAxLjEtMS41IDEuOS0yIDAuOC0wLjUgMS43LTAuNyAyLjctMC43IDEgMCAyIDAuMyAyLjcgMC44IDAuOCAwLjUgMS40IDEuMiAxLjggMiAwLjQgMC45IDAuNiAxLjggMC42IDIuOXYwLjRoLTguNmMwLjEgMSAwLjQgMS45IDEuMSAyLjYgMC43IDAuNyAxLjYgMS4xIDIuNyAxLjEgMC42IDAgMS4yLTAuMSAxLjgtMC40czEuMS0wLjYgMS41LTFsMC44IDEuMWMtMS4xIDEuMS0yLjUgMS43LTQuMiAxLjcgLTEuNiAwLTIuOS0wLjUtMy45LTEuNkMxMjguNyAyMi45IDEyOC4xIDIxLjUgMTI4LjEgMTkuOXpNMTI5LjkgMTkuMmg3YzAtMC40LTAuMS0wLjgtMC4yLTEuMiAtMC4xLTAuNC0wLjMtMC44LTAuNi0xLjFzLTAuNi0wLjYtMS4xLTAuOWMtMC41LTAuMi0xLTAuMy0xLjYtMC4zIC0wLjUgMC0xIDAuMS0xLjUgMC4zIC0wLjQgMC4yLTAuOCAwLjUtMS4xIDAuOCAtMC4zIDAuMy0wLjUgMC43LTAuNiAxLjFDMTMwIDE4LjQgMTI5LjkgMTguOCAxMjkuOSAxOS4yeiIgY2xhc3M9ImEiLz48cGF0aCBkPSJNMTQ1LjQgMjUuMmw1LjktMTQuN2gyLjNsNS45IDE0LjdoLTIuMWwtMS4zLTMuM2gtNy4zbC0xLjMgMy4zSDE0NS40ek0xNDkuMyAyMC4zaDYuMmwtMy4xLTcuOUwxNDkuMyAyMC4zeiIgY2xhc3M9ImEiLz48cGF0aCBkPSJNMTYxLjMgMjUuMlYxNC42aDEuNnYxLjdjMC41LTAuNiAxLTEgMS42LTEuNHMxLjMtMC41IDEuOS0wLjV2MS43Yy0wLjMgMC0wLjUgMC0wLjYgMCAtMC41IDAtMS4xIDAuMi0xLjcgMC41IC0wLjYgMC4zLTEgMC43LTEuMyAxLjJ2Ny41SDE2MS4zeiIgY2xhc3M9ImEiLz48cGF0aCBkPSJNMTY3LjkgMTkuOWMwLTEgMC4yLTIgMC43LTIuOCAwLjQtMC44IDEuMS0xLjUgMS45LTIgMC44LTAuNSAxLjctMC43IDIuOC0wLjcgMS42IDAgMi45IDAuNiAzLjkgMS44bC0xLjEgMWMtMC43LTAuOS0xLjYtMS40LTIuNy0xLjQgLTEuMSAwLTIgMC40LTIuNyAxLjIgLTAuNyAwLjgtMSAxLjctMSAyLjkgMCAxLjIgMC4zIDIuMiAxIDNzMS42IDEuMiAyLjcgMS4yYzEuMSAwIDItMC41IDIuNy0xLjRsMS4xIDFjLTEgMS4yLTIuMiAxLjgtMy45IDEuOCAtMS42IDAtMi44LTAuNS0zLjgtMS42QzE2OC40IDIyLjggMTY3LjkgMjEuNSAxNjcuOSAxOS45eiIgY2xhc3M9ImEiLz48cGF0aCBkPSJNMTc5LjUgMjUuMlYxMC41aDEuNnY1LjZjMC40LTAuNSAwLjktMC45IDEuNi0xLjMgMC43LTAuNCAxLjQtMC41IDIuMi0wLjUgMi4yIDAgMy40IDEuMSAzLjQgMy40djcuNWgtMS42di03YzAtMC45LTAuMi0xLjUtMC42LTEuOSAtMC40LTAuNC0xLTAuNS0xLjgtMC41IC0wLjYgMC0xLjIgMC4yLTEuOCAwLjVzLTEgMC43LTEuNCAxLjJ2Ny44SDE3OS41eiIgY2xhc3M9ImEiLz48cGF0aCBkPSJNMTkxLjcgMTIuOGMtMC4yLTAuMi0wLjMtMC41LTAuMy0wLjhzMC4xLTAuNiAwLjMtMC44YzAuMi0wLjIgMC41LTAuMyAwLjgtMC4zczAuNiAwLjEgMC44IDAuM2MwLjIgMC4yIDAuMyAwLjUgMC4zIDAuOHMtMC4xIDAuNi0wLjMgMC44IC0wLjUgMC4zLTAuOCAwLjNTMTkxLjkgMTMgMTkxLjcgMTIuOHpNMTkxLjYgMjUuMlYxNC42aDEuNnYxMC42SDE5MS42eiIgY2xhc3M9ImEiLz48cGF0aCBkPSJNMTk1IDE0LjZoMS44bDMuNSA4LjcgMy41LTguN2gxLjhsLTQuNCAxMC42aC0xLjhMMTk1IDE0LjZ6IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik0yMDYuNyAxOS45YzAtMSAwLjItMS45IDAuNy0yLjggMC40LTAuOCAxLjEtMS41IDEuOS0yIDAuOC0wLjUgMS43LTAuNyAyLjctMC43IDEgMCAyIDAuMyAyLjcgMC44IDAuOCAwLjUgMS40IDEuMiAxLjggMiAwLjQgMC45IDAuNiAxLjggMC42IDIuOXYwLjRoLTguNmMwLjEgMSAwLjQgMS45IDEuMSAyLjYgMC43IDAuNyAxLjYgMS4xIDIuNyAxLjEgMC42IDAgMS4yLTAuMSAxLjgtMC40czEuMS0wLjYgMS41LTFsMC44IDEuMWMtMS4xIDEuMS0yLjUgMS43LTQuMiAxLjcgLTEuNiAwLTIuOS0wLjUtMy45LTEuNkMyMDcuMiAyMi45IDIwNi43IDIxLjUgMjA2LjcgMTkuOXpNMjA4LjQgMTkuMmg3YzAtMC40LTAuMS0wLjgtMC4yLTEuMiAtMC4xLTAuNC0wLjMtMC44LTAuNi0xLjFzLTAuNi0wLjYtMS4xLTAuOWMtMC41LTAuMi0xLTAuMy0xLjYtMC4zIC0wLjUgMC0xIDAuMS0xLjUgMC4zIC0wLjQgMC4yLTAuOCAwLjUtMS4xIDAuOCAtMC4zIDAuMy0wLjUgMC43LTAuNiAxLjFDMjA4LjUgMTguNCAyMDguNCAxOC44IDIwOC40IDE5LjJ6IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik0yMTguOCAyMy44bDAuOC0xLjJjMC40IDAuNCAwLjkgMC44IDEuNSAxLjFzMS4zIDAuNCAyIDAuNGMwLjggMCAxLjQtMC4yIDEuOS0wLjVzMC43LTAuOCAwLjctMS4zYzAtMC4zLTAuMS0wLjYtMC40LTAuOSAtMC4yLTAuMi0wLjYtMC40LTEtMC41IC0wLjQtMC4xLTAuOC0wLjItMS4zLTAuNCAtMC41LTAuMS0wLjktMC4zLTEuNC0wLjQgLTAuNS0wLjEtMC45LTAuMy0xLjMtMC41IC0wLjQtMC4yLTAuNy0wLjUtMC45LTAuOSAtMC4yLTAuNC0wLjQtMC44LTAuNC0xLjQgMC0wLjkgMC40LTEuNiAxLjEtMi4yIDAuNy0wLjYgMS43LTAuOSAyLjktMC45IDEuNiAwIDIuOSAwLjUgMy45IDEuNmwtMC44IDEuMWMtMC4zLTAuNC0wLjgtMC43LTEuMy0xIC0wLjYtMC4yLTEuMi0wLjQtMS44LTAuNCAtMC43IDAtMS4zIDAuMi0xLjcgMC41IC0wLjQgMC4zLTAuNiAwLjctMC42IDEuMiAwIDAuMyAwLjEgMC42IDAuNCAwLjggMC4yIDAuMiAwLjUgMC40IDAuOSAwLjUgMC40IDAuMSAwLjggMC4yIDEuMyAwLjQgMC41IDAuMSAwLjkgMC4zIDEuNCAwLjQgMC41IDAuMSAwLjkgMC4zIDEuMyAwLjUgMC40IDAuMiAwLjcgMC41IDEgMC45IDAuMiAwLjQgMC40IDAuOSAwLjQgMS40IDAgMC45LTAuNCAxLjctMS4xIDIuM3MtMS44IDAuOS0zLjEgMC45QzIyMS4zIDI1LjUgMjE5LjkgMjQuOSAyMTguOCAyMy44eiIgY2xhc3M9ImEiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 65%;
}
.c-img-responsive img {
  transition: all 0.5s ease;
  width: 100%;
}

.c-img-responsive--52by43 {
  padding-bottom: 82.8%;
}

.c-img-responsive--353by264 {
  padding-bottom: 75%;
}

.c-img-responsive--420by917 {
  padding-bottom: 45.8%;
}

.c-img-responsive--129by80 {
  padding-bottom: 62.01%;
}

.c-img-responsive--375by224 {
  padding-bottom: 58.73%;
}

.c-img-responsive--645by404 {
  padding-bottom: 62.63%;
}

/* ==========================================================================
   #DATE RANGE
   ========================================================================== */
.c-date-range {
  margin-bottom: 20px;
  clear: both;
}

.c-date-range__item {
  float: left;
  color: #0f0f0f;
}

.c-date-range__item--timeline {
  display: block;
  width: 40px;
  height: 1px;
  margin: 15px 10px 0 10px;
  background-color: #C33339;
}

/* ==========================================================================
   #ICONS
   ========================================================================== */
.c-icon {
  display: inline-block;
  align-items: center;
  background-repeat: no-repeat;
  position: relative;
  transition: all 0.3333333333s ease-out;
  background: none;
  border: 0px;
}
.c-icon > svg > path {
  transition: fill 0.3333333333s ease-out;
}

/* Position variants
   ========================================================================== */
.c-icon--before {
  right: 10px;
}

.c-icon--after {
  left: 10px;
}

.c-icon--before-push {
  float: left;
  margin-right: 10px;
}

.c-icon--after-push {
  float: right;
  margin-left: 10px;
}

.c-nav-desktop-icon {
  top: 0.15rem;
  right: -0.15rem;
}

/* Size variants
   ========================================================================== */
.c-icon--16 {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.c-icon--14 {
  width: 14px;
  height: 14px;
  line-height: 16px;
}

/* Color variants
   ========================================================================== */
.c-icon--white > svg > path, .c-icon--white > svg > g {
  fill: #FFFFFF;
}

.c-icon--primary-light > svg > g, .c-icon--primary-light > svg > path {
  fill: #808080 !important;
}

.c-icon--secondary-light > svg > g, .c-icon--secondary-light > svg > path {
  fill: #da7277 !important;
}

.c-icon--red > svg > path, .c-icon--red > svg > g {
  fill: #C33339;
}

/* Style variants
   ========================================================================== */
.c-icon--arrow-right {
  background-image: url('data:image/svg+xml;utf8,<svg class="nc-icon glyph" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="%23444" d="M9 7H1c-.6 0-1 .4-1 1s.4 1 1 1h8v5l7-6-7-6v5z"/></svg>');
}

.c-icon--arrow-right-red {
  background-image: url('data:image/svg+xml;utf8,<svg class="nc-icon glyph" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="%23C33339" d="M9 7H1c-.6 0-1 .4-1 1s.4 1 1 1h8v5l7-6-7-6v5z"/></svg>');
}
.c-icon--arrow-right-red > svg > path {
  fill: #C33339;
}

.c-icon--arrow-right-white {
  background-image: url('data:image/svg+xml;utf8,<svg class="nc-icon glyph" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="%23FFF" d="M9 7H1c-.6 0-1 .4-1 1s.4 1 1 1h8v5l7-6-7-6v5z"/></svg>');
}
.c-icon--arrow-right-white > svg > path {
  fill: #FFFFFF;
}

.c-icon--arrow-down-red {
  transform: rotate(90deg) translateX(2px);
}
.c-icon--arrow-down-red > svg > path {
  fill: #C33339;
}

.c-icon--arrow-down-white {
  transform: rotate(90deg) translateX(2px);
}
.c-icon--arrow-down-white > svg > path {
  fill: #FFFFFF;
}

.c-icon--arrow-down-white {
  transform: rotate(90deg) translateX(2px);
}
.c-icon--arrow-down-white > svg > path {
  fill: #FFFFFF;
}

.c-icon--contact-check {
  margin-right: 20px;
}
.c-icon--contact-check > svg > path {
  fill: #33c373;
}

.c-icon--collection-index-lock-open {
  vertical-align: middle;
}
.c-icon--collection-index-lock-open > svg {
  width: 17px;
}
.c-icon--collection-index-lock-open > svg > path {
  fill: #22874F;
}

.c-icon--contact-phone, .c-icon--contact-email {
  margin-right: 20px;
  vertical-align: middle;
}
.c-icon--contact-phone > svg > path, .c-icon--contact-email > svg > path {
  fill: #0f0f0f;
}

.c-icon--contact-social {
  margin-right: 20px;
  vertical-align: middle;
}
.c-icon--contact-social > svg > path {
  fill: #0f0f0f;
}

.c-icon--collection-index-lock {
  top: 1px;
}
.c-icon--collection-index-lock > svg > path {
  fill: #FFFFFF;
}

.c-icon--collection-lock {
  top: 5px;
}
.c-icon--collection-lock > svg > path {
  fill: #FFFFFF;
}

.c-icon--collection-lock-green {
  top: 3px;
  margin-right: 3px;
}
.c-icon--collection-lock-green > svg {
  width: 20px;
  height: 20px;
  position: relative;
}
.c-icon--collection-lock-green > svg > path {
  fill: green;
}

.c-icon--search-remove > svg, .c-icon--search-clear > svg {
  width: 8px;
  vertical-align: middle;
}
.c-icon--search-remove > svg > path, .c-icon--search-clear > svg > path {
  transition: fill 0.3333333333s ease-out;
  fill: #b2b2b2;
}
.c-icon--search-remove:focus, .c-icon--search-remove:hover, .c-icon--search-clear:focus, .c-icon--search-clear:hover {
  cursor: pointer;
}
.c-icon--search-remove:focus > svg > path, .c-icon--search-remove:hover > svg > path, .c-icon--search-clear:focus > svg > path, .c-icon--search-clear:hover > svg > path {
  fill: #C33339;
}

.c-icon--search-remove {
  position: absolute;
  top: 8px;
  right: 18px;
}
.c-icon--search-remove > svg {
  width: 8px;
  right: -7px;
  position: relative;
  vertical-align: middle;
}
.c-icon--search-remove > svg > path {
  transition: fill 0.3333333333s ease-out;
  fill: #3c3c3c;
}

.c-icon--search-clear > svg > path {
  fill: #3c3c3c;
}

.c-icon--pill-close {
  width: 35px;
  height: 35px;
}
.c-icon--pill-close > svg {
  width: 12px;
  vertical-align: middle;
}
.c-icon--pill-close > svg > path {
  fill: #807e7e;
}

.c-icon-about-sidebar-arrow {
  float: right;
  margin-top: 3px;
}
.c-icon-about-sidebar-arrow > svg > path {
  fill: #C33339;
}

.c-icon--support-index {
  top: 12px;
}

.c-icon--dv {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  top: 2px;
}
.c-icon--dv > svg {
  width: 18px;
  height: 18px;
}

.c-icon--dv-focus {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  top: 2px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}
.c-icon--dv-focus > svg {
  width: 16px;
  height: 16px;
}

.c-icon--dv-viewer {
  top: 3px;
}

.c-icon--dv-arrow-left-white, .c-icon--dv-arrow-right-white {
  top: 2px;
}
.c-icon--dv-arrow-left-white > svg > path, .c-icon--dv-arrow-right-white > svg > path {
  fill: #FFFFFF;
}

.c-icon--dv-arrow-left-white {
  transform: rotate(180deg);
}

.c-icon--dv-image-loading {
  background-image: url("../../img/spinners/oval.svg");
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: right 20px top 12px;
}
.c-icon--dv-image-loading.is-search-result {
  background-position: right 20px top 30px;
}

.c-icon--series-collection-meta {
  top: 3px;
}
.c-icon--series-collection-meta > svg {
  width: 15px;
  height: 20px;
}
.c-icon--series-collection-meta > svg > path {
  fill: #FFFFFF;
}

.c-icon--series-collection-meta--volumes > svg {
  width: 25px;
}

.c-icon--series-index {
  margin-right: 5px;
  top: 5px;
}
.c-icon--series-index > svg {
  width: 28px;
}

.c-icon--search-result {
  width: 15px;
  height: 15px;
  top: 3px;
  margin-right: 5px;
}
.c-icon--search-result > svg {
  width: 15px;
  height: 15px;
}
.c-icon--search-result > svg > path {
  fill: #22874F;
}

.c-icon--download {
  top: 5px;
  margin-right: 5px;
}
.c-icon--download > svg {
  width: 18px;
}
.c-icon--download > svg > g {
  fill: #000;
}

/* Gutterless icon components
   ========================================================================== */
.c-icon--flush {
  margin-left: 0px;
}

/* ==========================================================================
   #NAV-MOBILE
   ========================================================================== */
.c-nav-mobile {
  display: none;
  background-color: #0f0f0f;
}

.c-nav-mobile__inner {
  padding: 50px 20px 20px 20px;
}
@media (min-width: 46.25em) {
  .c-nav-mobile__inner {
    padding-top: 50px;
  }
  .c-nav-mobile__inner .c-nav-mobile__brand {
    display: none;
  }
}

.c-nav-mobile__brand {
  display: block;
  width: 205px;
  margin: 0px 0 20px;
  font-weight: 600;
  text-decoration: none;
}

.c-nav-mobile-list__item {
  /**
  * Dropdown specific styles
  */
}
.c-nav-mobile-list__item > a, .c-nav-mobile-list__item > label {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  display: block;
  padding: 15px 0;
  color: #FFFFFF;
  font-size: 21px;
  font-size: 1.1666666667rem;
  line-height: 1.4285714286;
  text-decoration: none;
}
.c-nav-mobile-list__item.c-nav-mobile-list__item--last {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(241, 241, 246, 0.15);
}
.c-nav-mobile-list__item.c-nav-mobile-list__item--highlight > a {
  color: #C33339;
}
.c-nav-mobile-list__item.c-nav-mobile-list__item--highlight > a.is-selected span, .c-nav-mobile-list__item.c-nav-mobile-list__item--highlight > a:hover span {
  border-bottom-color: #C33339;
}
.c-nav-mobile-list__item.c-nav-mobile-list__item--highlight > a .c-nav-desktop-icon g {
  fill: #C33339;
}
.c-nav-mobile-list__item.has-sub input[name=sub] {
  display: none;
}
.c-nav-mobile-list__item.has-sub .c-nav-mobile-list--sub {
  transition: all 0.3333333333s ease;
  overflow: hidden;
  max-height: 0em;
}
.c-nav-mobile-list__item.has-sub .c-nav-mobile-list--sub > .c-nav-mobile-list__item {
  padding-left: 10px;
}
.c-nav-mobile-list__item.has-sub .c-nav-mobile-list--sub > .c-nav-mobile-list__item > a {
  padding: 10px 0 10px 10px;
  color: #D8D8D8;
}
.c-nav-mobile-list__item.has-sub .c-nav-mobile-list--sub > .c-nav-mobile-list__item:last-child {
  padding-bottom: 20px;
}
.c-nav-mobile-list__item.has-sub input[name=sub]:checked ~ .c-nav-mobile-list {
  /* Get this as close to what height you expect */
  max-height: 26em;
}

/* ==========================================================================
   #NAV-SUB
   ========================================================================== */
.c-nav-sub {
  background-color: #F1F1F6;
  position: relative;
  z-index: 1;
  box-shadow: 0px 3px 5px rgba(171, 171, 171, 0.2);
  overflow: hidden;
  border-radius: 5px;
  border-top: 1px solif #FFFFFF;
}

.c-nav-sub-list-wrapper {
  position: relative;
  padding: 0;
}
@media (min-width: 61.25em) {
  .c-nav-sub-list-wrapper {
    float: left;
  }
}

.c-nav-sub-list {
  white-space: nowrap;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  margin-bottom: 0px;
}
.lt-ie10 .c-nav-sub-list {
  overflow-x: visible;
}
.c-nav-sub-list::-webkit-scrollbar {
  display: none;
}
@media (min-width: 46.25em) {
  .c-nav-sub-list {
    padding-left: 0;
    padding-right: 0;
  }
}

.c-nav-sub-list__item > a {
  padding: 15px 20px;
  vertical-align: top;
  display: inline-block;
  text-decoration: none;
  color: #3c3c3c;
  font-size: 15px;
  font-size: 0.8333333333rem;
  line-height: 1.6;
  transition: background-color border-bottom 0.3333333333s ease-out;
  border-bottom: 3px solid transparent;
}
.c-nav-sub-list__item > a:hover {
  background-color: #ebebf2;
  border-bottom: 3px solid #d2d2e2;
}
.c-nav-sub-list__item > a:focus {
  background-color: #e8e8f0;
  border-bottom: 3px solid #b3b3ce;
}
.c-nav-sub-list__item.is-selected > a {
  position: relative;
  background-color: #FFFFFF;
  border-bottom: 3px solid #C33339;
  color: #0f0f0f;
  font-weight: 600;
}
.c-nav-sub-list__item.is-selected > a:before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #C33339;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -3px;
}
@media (min-width: 61.25em) {
  .c-nav-sub-list__item > a {
    padding: 15px 25px;
    font-size: 16px;
    font-size: 0.8888888889rem;
    line-height: 1.5;
  }
}

.c-nav-sub-btn {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  border: 0;
  background: none;
  z-index: 1;
  background: rgba(255, 255, 255, 0.3);
}
.c-nav-sub-btn.c-nav-sub-btn--left {
  left: -20px;
}
.c-nav-sub-btn.c-nav-sub-btn--right {
  right: -20px;
}
.c-nav-sub-btn .c-icon {
  padding: 0 5px;
}
@media (min-width: 46.25em) {
  .c-nav-sub-btn {
    display: none;
  }
}

.c-nav-sub-cta-btn {
  display: none;
  margin-top: 8px;
  padding: 4px 40px 8px;
}
@media (min-width: 61.25em) {
  .c-nav-sub-cta-btn {
    display: block;
  }
}

.c-nav-sub--fixed-promo {
  width: 100%;
  position: absolute;
  bottom: 0px;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.c-nav-sub--fixed-promo .c-nav-sub-list-wrapper {
  width: 100%;
}
.c-nav-sub--fixed-promo .c-nav-sub-list-wrapper .c-nav-sub-list__item {
  width: 25%;
}
.c-nav-sub--fixed-promo .c-nav-sub-list-wrapper .c-nav-sub-list__item > a {
  width: 100%;
  padding: 15px 10px;
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: transparent;
  box-sizing: border-box;
  text-align: center;
  color: #FFFFFF;
  font-weight: 600;
  text-transform: uppercase;
  transition: border-top-color 0.5s ease-out;
  font-size: 16px;
}
@media (min-width: 46.25em) {
  .c-nav-sub--fixed-promo .c-nav-sub-list-wrapper .c-nav-sub-list__item > a {
    font-size: 18px;
    padding: 25px 10px;
  }
}
.c-nav-sub--fixed-promo .c-nav-sub-list-wrapper .c-nav-sub-list__item > a:focus, .c-nav-sub--fixed-promo .c-nav-sub-list-wrapper .c-nav-sub-list__item > a:hover {
  background-color: transparent;
  border-top-color: #FFFFFF;
  border-bottom: 0px;
}
.c-nav-sub--fixed-promo .c-nav-sub-list-wrapper .c-nav-sub-list__item > a:before {
  content: none;
}
.c-nav-sub--fixed-promo .c-nav-sub-list-wrapper .c-nav-sub-list__item.is-selected > a {
  background-color: transparent;
  border-bottom: 0px;
  border-top-color: #C33339;
}
.c-nav-sub--fixed-promo.is-sticky {
  position: fixed;
  top: 0;
  bottom: auto;
}

/* ==========================================================================
   #NAV-LIST
   ========================================================================== */
.c-nav-list {
  padding-top: 5px;
  padding-bottom: 30px;
  transition: all 0.1s ease;
  background-color: #F1F1F6;
}
.c-nav-list.is-sticky {
  padding: 10px 0;
  position: static;
  width: 100%;
  top: 0;
  z-index: 5;
  border-bottom: 1px solid #D8D8D8;
}
@media (min-width: 61.25em) {
  .c-nav-list.is-sticky {
    position: fixed;
  }
}

.c-nav-list__title {
  display: none;
  font-size: 20px;
  line-height: 50px;
  float: left;
}
@media (min-width: 75em) {
  .c-nav-list__title {
    display: block;
  }
}
@media (min-width: 81.25em) {
  .c-nav-list__title {
    font-size: 30px;
    font-size: 1.6666666667rem;
    line-height: 1.2;
  }
}
.is-sticky .c-nav-list__title {
  margin-top: 20px;
  font-size: 20px;
  font-size: 1.1111111111rem;
  line-height: 1.5;
}

.c-nav-list__checkbox {
  float: left;
  margin-top: 5px;
  margin-left: 15px;
}
.is-sticky .c-nav-list__checkbox {
  margin-top: 20px;
  margin-left: 10px;
}
@media (min-width: 61.25em) {
  .is-sticky .c-nav-list__checkbox {
    margin-left: 20px;
  }
}
@media (min-width: 81.25em) {
  .is-sticky .c-nav-list__checkbox {
    margin-left: 30px;
  }
}
@media (min-width: 87.5em) {
  .is-sticky .c-nav-list__checkbox {
    margin-left: 50px;
  }
}

.c-nav-list__form {
  display: none;
  transition: opacity 0.3s ease;
  opacity: 1;
}
.c-nav-list__form.is-hidden {
  opacity: 0;
}
@media (min-width: 61.25em) {
  .c-nav-list__form {
    display: block;
  }
}
.c-nav-list__form .c-nav-list__input {
  height: 50px;
  border-radius: 0px;
  border-bottom: 1px solid #0f0f0f;
  background-color: transparent;
}
.c-nav-list__form .c-nav-list__input:focus {
  outline: none;
}
.c-nav-list__form .c-nav-list__input::-webkit-input-placeholder {
  color: #000000;
}
.c-nav-list__form .c-nav-list__input:-moz-placeholder {
  color: #000000;
}
.c-nav-list__form .c-nav-list__input::-moz-placeholder {
  color: #000000;
}
.c-nav-list__form .c-nav-list__input:-ms-input-placeholder {
  color: #000000;
}

.c-nav-list__submit {
  height: 50px;
  background-color: transparent;
}
.c-nav-list__submit svg > path {
  fill: #0f0f0f;
}

/* ==========================================================================
   #RESOURCE
   ========================================================================== */
.c-resource {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  margin-bottom: 30px;
  background: #FFFFFF;
  flex-direction: column;
  border-radius: 5px;
}
@media (min-width: 50em) {
  .c-resource {
    flex-direction: row;
  }
}

.c-resource__overview {
  flex-grow: 1;
  padding: 30px 40px;
}
@media (min-width: 50em) {
  .c-resource__overview {
    padding: 30px 0 30px 40px;
  }
}

.c-resource__title {
  margin-bottom: 20px;
  font-size: 21px;
  font-size: 1.1666666667rem;
  line-height: 1.4285714286;
}

.c-resource-meta-list {
  margin-bottom: 0px;
}

.c-resource__ctas {
  padding: 30px 40px;
  float: right;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  width: 100%;
  padding-top: 30px;
  background-color: #f7f7f7;
}
@media (min-width: 50em) {
  .c-resource__ctas {
    flex: 0 0 20em;
  }
}
.c-resource__ctas.can-view {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-resource__btn {
  width: 100%;
}
@media (min-width: 31.25em) {
  .c-resource__btn {
    width: auto;
  }
}

/* ==========================================================================
   #THUMBNAILS
   ========================================================================== */
.c-thumbnail {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 5px;
}

.c-thumbnail__inner {
  padding-bottom: 67.28%;
}

.c-thumbnail__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-bottom: 56.25%;
  transition: opacity 0.3333333333s ease;
}
.c-thumbnail__img > img {
  transition: all 0.3333333333s ease;
}

.c-thumbnail--caption-overlay-hover .c-thumbnail__cover-link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.c-thumbnail--caption-overlay-hover .c-thumbnail__cover-link:focus img, .c-thumbnail--caption-overlay-hover .c-thumbnail__cover-link:hover img {
  transition: transform 0.3333333333s ease;
  transform: scale(1.05, 1.05);
}
.c-thumbnail--caption-overlay-hover .c-thumbnail__cover-link:focus > .u-object-fit--compat, .c-thumbnail--caption-overlay-hover .c-thumbnail__cover-link:hover > .u-object-fit--compat {
  opacity: 0.25;
}
.c-thumbnail--caption-overlay-hover .c-thumbnail__cover-link:focus .c-thumbnail__caption, .c-thumbnail--caption-overlay-hover .c-thumbnail__cover-link:hover .c-thumbnail__caption {
  height: 100%;
  background: transparent;
}
.c-thumbnail--caption-overlay-hover .c-thumbnail__caption {
  width: 100%;
  height: 0;
  padding: 30px 20px 20px 20px;
  position: absolute;
  display: table-cell;
  vertical-align: bottom;
  z-index: 1;
  bottom: 0px;
  left: 0px;
  font-weight: 600;
  color: #FFFFFF;
  text-shadow: 1px 1px 5px #000;
}
.c-thumbnail--caption-overlay-hover .c-thumbnail__caption .c-thumbnail__caption__gradient {
  opacity: 1;
  top: 0;
  bottom: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
  background: linear-gradient(to bottom, transparent, black);
  transition: opacity 0.3333333333s ease-in;
}
@media (min-width: 61.25em) and (max-width: 81.24em) {
  .c-thumbnail--caption-overlay-hover .c-thumbnail__caption {
    padding: 35px 25px 25px 25px;
  }
}
@media (min-width: 81.25em) {
  .c-thumbnail--caption-overlay-hover .c-thumbnail__caption {
    padding: 40px 30px 30px 30px;
  }
}
.c-thumbnail--caption-overlay-hover .c-thumbnail__caption-title {
  padding-right: 20px;
}
@media (min-width: 31.25em) and (max-width: 61.24em) {
  .c-thumbnail--caption-overlay-hover .c-thumbnail__caption-title {
    font-size: 16px;
    line-height: 22px;
    padding-right: 30px;
  }
}
@media (min-width: 61.25em) and (max-width: 81.24em) {
  .c-thumbnail--caption-overlay-hover .c-thumbnail__caption-title {
    font-size: 16px;
    line-height: 22px;
    padding-right: 25px;
  }
}
@media (min-width: 81.25em) {
  .c-thumbnail--caption-overlay-hover .c-thumbnail__caption-title {
    padding-right: 30px;
  }
}
.c-thumbnail--caption-overlay-hover .c-thumbnail__caption-title--short {
  z-index: 1;
  position: absolute;
  opacity: 1;
  left: auto;
  bottom: 20px;
  transition: opacity 0.3333333333s ease-out 0.3s, left 0.3333333333s ease-out 0.3333333333s;
}
.c-thumbnail--caption-overlay-hover .c-thumbnail__caption-title--long {
  z-index: 1;
  position: absolute;
  opacity: 0;
  left: -99999px;
  transition: opacity 0.3333333333s ease-out left 0.3333333333s ease-out;
}
.c-thumbnail--caption-overlay-hover .c-thumbnail__caption-link {
  width: 93px;
  display: block;
  margin-top: 10px;
}
@media (min-width: 31.25em) and (max-width: 61.24em) {
  .c-thumbnail--caption-overlay-hover .c-thumbnail__caption-link {
    width: 83px;
  }
}

/* ==========================================================================
   #QUOTES
   ========================================================================== */
.c-quote {
  position: relative;
  padding: 0 0 0 13px !important;
  quotes: "“" "”" "‘" "’";
  font-style: italic;
  font-size: 1em;
  margin-bottom: 15px;
  border-left: 0 !important;
  background: none;
}
.c-quote:before, .c-quote:after {
  color: #C33339;
  font-size: 34px;
}
.c-quote:before {
  content: open-quote;
  position: absolute;
  top: -9px;
  left: 0px;
}
.c-quote:after {
  content: close-quote;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.2em;
}
.c-quote p {
  display: inline;
}

.u-quote-author {
  margin-left: 25px;
}

/* ==========================================================================
   #PROMO
   ========================================================================== */
.c-promo-box {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
  border-radius: 5px;
}
@media (min-width: 61.25em) {
  .c-promo-box {
    flex-direction: row;
  }
}

.c-promo-box__text {
  width: 100%;
  align-items: stretch;
  padding: 30px;
  background-color: #0f0f0f;
  display: flex;
  flex-direction: column;
}
.c-promo-box__text > h3 {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.3333333333;
  margin-bottom: 15px;
}
@media (min-width: 61.25em) {
  .c-promo-box__text > h3 {
    font-size: 20px;
    font-size: 1.1111111111rem;
    line-height: 1.5;
  }
}
@media (min-width: 81.25em) {
  .c-promo-box__text > h3 {
    font-size: 24px;
    font-size: 1.3333333333rem;
    line-height: 1.25;
    margin-bottom: 30px;
  }
}
.c-promo-box__text > p {
  flex: 1 0 auto;
  font-size: 14px;
  font-size: 0.7777777778rem;
  line-height: 1.7142857143;
}
@media (min-width: 61.25em) {
  .c-promo-box__text > p {
    margin-bottom: 15px;
  }
}
@media (min-width: 81.25em) {
  .c-promo-box__text > p {
    font-size: 16px;
    font-size: 0.8888888889rem;
    line-height: 1.5;
    margin-bottom: 30px;
  }
}
@media (min-width: 61.25em) {
  .c-promo-box__text {
    width: 280px;
    padding: 30px 30px;
  }
}
@media (min-width: 87.5em) {
  .c-promo-box__text {
    max-width: 400px;
    padding: 40px 40px;
  }
}

.c-promo-box__btn {
  padding-left: 25px;
  padding-right: 25px;
  text-decoration: none;
}

.c-promo-box__asset {
  flex-grow: 1;
  height: auto;
}
.c-promo-box__asset > img {
  height: auto;
}
@media (min-width: 61.25em) {
  .c-promo-box__asset {
    align-items: stretch;
    height: 0;
  }
}

/* ==========================================================================
   #CD TABS
   ========================================================================== */
@supports (background: linear-gradient(to left, #000, #000)) or (background: -webkit-linear-gradient(to left, #000, #000)) {
  .c-cd-tabs::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 50px;
    z-index: 1;
    pointer-events: none;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s 0s, visibility 0s 0s;
  }
  .c-cd-tabs.c-cd-tabs--scroll-ended::after {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
  }
}
.c-cd-tabs nav {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}

@media only screen and (min-width: 960px) {
  .c-cd-tabs nav {
    position: relative;
    float: none;
    background: transparent;
    box-shadow: none;
  }
}
.c-cd-tabs__navigation:after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

.c-cd-tabs__navigation li {
  float: left;
}

.c-cd-tabs__navigation a {
  position: relative;
  display: block;
  text-align: center;
  font-weight: 700;
  color: #c3c2b9;
  padding: 20px 15px 10px 15px;
}

.c-cd-tabs__navigation a:hover {
  color: #FFFFFF;
  background-color: #808080;
}

.c-cd-tabs__navigation a.is-selected {
  background-color: #272727;
  box-shadow: inset 0 2px 0 #f05451;
  color: #FFFFFF;
}

@media only screen and (min-width: 960px) {
  .c-cd-tabs__navigation {
    /* tabbed navigation on top on big devices */
    width: auto;
    box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
  }
  .c-cd-tabs__navigation a {
    height: 60px;
    line-height: 60px;
    width: auto;
    text-align: left;
    padding: 0 40px 0 40px;
  }
  .c-cd-tabs__navigation a.is-selected {
    box-shadow: inset 0 2px 0 #f05451;
  }
  .c-cd-tabs__navigation a::before {
    top: 50%;
    margin-top: -8px;
    margin-left: 0;
    left: 40px;
  }
}
.c-cd-tabs__content li {
  display: none;
}

.c-cd-tabs__content li.is-selected {
  display: block;
  animation: cd-fade-in 0.5s;
}

@media only screen and (min-width: 960px) {
  .c-cd-tabs__content {
    min-height: 0;
  }
  .c-cd-tabs__content li {
    padding: 15px 30px;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ==========================================================================
   #ALERTS
   ========================================================================== */
.c-alert {
  padding: 12px 20px;
  margin-bottom: 30px;
  border: 1px solid transparent;
  border-radius: 5px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.c-alert.c-alert--warning {
  background-color: #FDF7C3;
  border-color: #fbe1ad;
  color: #8a6d3b;
}
.c-alert.c-alert--success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.c-alert.c-alert--error {
  background-color: #ffa6a6;
  border-color: #b90808;
  color: #b90808;
}
.c-alert.c-alert--message {
  color: #152657;
  background-color: #d4e3ed;
  border-color: #c3d4e6;
}

.c-alert--slim {
  padding-top: 8px;
  padding-bottom: 8px;
}

.c-alert--global {
  margin-top: 70px;
}
@media (min-width: 46.25em) {
  .c-alert--global {
    margin-top: 80px;
  }
}
@media (min-width: 68.75em) {
  .c-alert--global {
    margin-top: 0px;
  }
}

.header {
  background: #000000;
}

/* ==========================================================================
   #TABLES
   ========================================================================== */
.c-table {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  border-left: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}
.c-table td, .c-table th {
  padding: 10px 15px;
}
.c-table td {
  border-right: 1px solid #D8D8D8;
}
.c-table thead tr th {
  background: #0f0f0f;
  color: #FFF;
}
.c-table tbody tr td, .c-table tbody tr th {
  border-top: 1px solid #D8D8D8;
}
.c-table tbody tr th {
  border-right: 1px solid #D8D8D8;
}

.c-table--light {
  border-left: 1px solid #F1F1F6;
  border-bottom: 1px solid #F1F1F6;
}
.c-table--light td {
  border-right: 1px solid #F1F1F6;
}
.c-table--light thead tr th {
  border-right: 1px solid #D8D8D8;
}

.c-table--striped tbody tr {
  background-color: #FFFFFF;
}
.c-table--striped tbody tr:nth-child(odd) {
  background-color: #F1F1F6;
}

.c-table--striped-light tbody tr {
  background-color: #FFFFFF;
}
.c-table--striped-light tbody tr:nth-child(odd) {
  background-color: #FBFBFB;
}

.c-table--basic th {
  border-top: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
}

.c-table--border-base-dark {
  border-left-color: #3c3c3c;
  border-bottom-color: #3c3c3c;
}
.c-table--border-base-dark tr th, .c-table--border-base-dark th {
  border-top-color: #3c3c3c;
  border-right-color: #3c3c3c;
}
.c-table--border-base-dark td {
  border-right: 1px solid #3c3c3c;
}
.c-table--border-base-dark tbody tr td, .c-table--border-base-dark tbody tr th {
  border-top: 1px solid #3c3c3c;
}
.c-table--border-base-dark tbody tr th {
  border-right: 1px solid #3c3c3c;
}

/* ==========================================================================
   #FULLSCREEN LOADING
   ========================================================================== */
/* Absolute Center Spinner */
.c-fullscreen-loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #FFF;
  font-weight: bold;
  font-size: 1.2em;
}

/* Transparent Overlay */
.c-fullscreen-loading:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

/* :not(:required) hides these rules from IE9 and below */
.c-fullscreen-loading .c-fullscreen-loading--circle-spin:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.c-fullscreen-loading .c-fullscreen-loading--circle-spin:not(:required):after {
  content: "";
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Search */
.c-fullscreen-loading--cube:before {
  background: none;
}

.spinner {
  margin: auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.cube1, .cube2 {
  background-color: #C33339;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  animation-delay: -0.9s;
}

.spinner--small {
  width: 25px;
  height: 25px;
}

.cube1--small, .cube2--small {
  width: 8px;
  height: 8px;
  animation: sk-cubemove-small 1.8s infinite ease-in-out;
}

.cube2--small {
  animation-delay: -0.9s;
}

@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes sk-cubemove-small {
  25% {
    transform: translateX(17px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(17px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(17px) translateY(17px) rotate(-179deg);
    -webkit-transform: translateX(17px) translateY(17px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(17px) translateY(17px) rotate(-180deg);
    -webkit-transform: translateX(17px) translateY(17px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(17px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(17px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
.c-pagination {
  text-align: center;
}

.c-pagination__list {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.c-pagination__list > li {
  padding: 0px;
  margin: 0px;
  float: left;
}

.c-pagination__link {
  border-top: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  padding: 5px 15px;
  text-align: center;
  display: inline-block;
  color: #0f0f0f;
  transition: all 0.5s;
}
.c-pagination__link:hover {
  cursor: pointer;
}
.c-pagination__link.c-pagination__link--first {
  border-left: 1px solid #D8D8D8;
  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
}
.c-pagination__link.c-pagination__link--last {
  border-top-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0px;
}
.c-pagination__link.c-pagination__link--active:focus, .c-pagination__link.c-pagination__link--active:hover {
  color: #FFF;
  background-color: #0f0f0f;
}
.c-pagination__link.c-pagination__link--disabled {
  background: #F1F1F6;
  color: #D8D8D8;
}
.c-pagination__link.c-pagination__link--disabled:focus, .c-pagination__link.c-pagination__link--disabled:hover {
  color: #D8D8D8;
  cursor: default;
}

.c-pagination--dv {
  width: 150px;
  height: 66px;
  display: block;
  text-align: left;
  margin: 0 auto;
  padding: 15px 0;
}

.c-pagination--dv__link {
  width: 25px;
  height: 35px;
  display: inline-block;
  line-height: 35px;
  float: left;
  text-align: center;
  font-size: 1.6em;
  color: #FFF;
}

.c-pagination__bar {
  float: left;
  display: inline-block;
}

/** LARAVEL **/
.pagination-wrapper {
  text-align: center;
}

.pagination {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.pagination > li {
  padding: 0px;
  margin: 0px;
  float: left;
  padding-left: 0;
}
.pagination > li:first-child span, .pagination > li:first-child button {
  border-left: 1px solid #D8D8D8;
}
.pagination > li:before {
  content: none;
}
.pagination > li button {
  background: none;
  border: 0;
  /* cursor: default; */
  font: inherit;
  overflow: visible;
  -webkit-appearance: button; /* for input */
  -webkit-user-select: none; /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
}
.pagination > li a, .pagination > li span, .pagination > li button {
  border-top: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  padding: 5px 15px;
  text-align: center;
  display: inline-block;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #0f0f0f;
  transition: all 0.5s;
  text-decoration: none;
}
.pagination > li a, .pagination > li span, .pagination > li button {
  line-height: normal;
  padding: 10px 20px;
}
.pagination > li a:focus, .pagination > li a:hover, .pagination > li button:focus, .pagination > li button:hover {
  color: #FFF;
  background-color: #0f0f0f;
}
.pagination > li.disabled a, .pagination > li.disabled button {
  background: #F1F1F6;
  color: #D8D8D8;
}
.pagination > li.disabled a:focus, .pagination > li.disabled a:hover, .pagination > li.disabled button:focus, .pagination > li.disabled button:hover {
  color: #D8D8D8;
  cursor: default;
}
.pagination > li.active span, .pagination > li.active button {
  background: #F1F1F6;
  color: #D8D8D8;
}
.pagination > li.active span:focus, .pagination > li.active span:hover, .pagination > li.active button:focus, .pagination > li.active button:hover {
  color: #D8D8D8;
  cursor: default;
}
.pagination > li:first-child a, .pagination > li:first-child span, .pagination > li:first-child button {
  border-left: 1px solid #D8D8D8;
  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child a, .pagination > li:last-child span, .pagination > li:last-child button {
  border-top-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0px;
}

/* ==========================================================================
   #ARTICLE
   ========================================================================== */
.c-article-title {
  font-size: 36px;
  line-height: 1.5em;
  text-align: center;
  margin-bottom: 30px;
}

.c-article-meta {
  margin-bottom: 30px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.c-article-meta > .c-article-meta__item {
  display: block;
}
.c-article-meta > .c-article-meta__item--author {
  color: #0f0f0f;
}
.c-article-meta > .c-article-meta__item--institution {
  color: #3c3c3c;
}

.c-article-body {
  color: rgba(0, 0, 0, 0.8);
  font-size: 21px;
  line-height: 33px;
}
.c-article-body ul li {
  color: rgba(0, 0, 0, 0.8);
}

/* ==========================================================================
   #INSIGHTS (HACK)
   ========================================================================== */
.c-insights > ul {
  margin-left: 0px;
}
.c-insights > ul > li {
  padding: 30px;
  margin-bottom: 30px;
  background-color: #F1F1F6;
  color: #0f0f0f;
  border-left: 3px solid #862327;
}
.c-insights > ul > li:before {
  content: none;
}
.c-insights > ul > li p:last-of-type {
  margin-bottom: 0px;
}

/* ==========================================================================
   #COOKIE-BANNER
   ========================================================================== */
.c-cookie-banner__close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  color: #FFFFFF;
}

.c-cookie-banner__close:hover {
  opacity: 0.8 !important;
  filter: alpha(opacity=80) !important;
}

.c-cookie-banner {
  padding: 30px 15px;
  background: rgba(0, 0, 0, 0.9);
  border-top: 3px solid #A3292E;
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  overflow: hidden;
}

.c-cookie-banner > .container {
  box-shadow: none;
  padding-bottom: 0px;
  position: relative;
  overflow: visible;
}

.c-cookie-banner.is--dismissed {
  padding: 15px 0px;
  margin-top: -75px;
  margin-bottom: 75px;
  border-top: 0px;
  position: static;
  left: auto;
  right: auto;
  background-color: #191919;
}

.c-cookie-banner.is--dismissed .c-cookie-banner__text {
  margin-top: 5px;
  color: #FFF;
  font-size: 16px;
}

.c-cookie-banner.is--dismissed .c-cookie-banner__btn {
  font-size: 14px;
  margin: 5px 0;
}

.c-cookie-banner__text {
  float: left;
  line-height: 1.5em;
  color: #4A4A4A;
  font-size: 1em;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  display: block;
  font-weight: 600;
  font-size: 1.4em;
  font-family: "proxima-nova", Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}

.c-cookie-banner__notice {
  width: 100%;
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5em;
  color: #FFFFFF;
  font-family: "proxima-nova", Verdana, Arial, Helvetica, sans-serif;
  line-height: 22px;
}

.c-cookie-banner__notice > a {
  border-bottom-width: 1px;
}

.c-cookie-banner__close {
  position: absolute;
  top: -10px;
  right: 0px;
}

.c-cookie-banner__btn {
  color: #fff !important;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  transition: all 0.5s;
  border-radius: 4px;
  font-size: 1em;
  cursor: pointer;
  font-weight: 600;
}

.c-cookie-banner__btn:hover {
  color: #da7277;
  background-color: #C33339;
}

.c-cookie-banner-cta-list > li {
  text-align: center;
}
@media (min-width: 81.25em) {
  .c-cookie-banner-cta-list > li {
    text-align: left;
  }
}

.c-cookie-banner-cta {
  color: #da7277;
}
.c-cookie-banner-cta--primary {
  margin-bottom: 10px;
}
.c-cookie-banner-cta--primary i {
  top: 3px;
}
.c-cookie-banner-cta--secondary i {
  top: 5px;
}
.c-cookie-banner-cta svg {
  width: 18px;
}

@media only screen and (min-width: 800px) {
  .c-cookie-banner__btn {
    margin-top: 0px;
    margin-right: 40px;
  }
  .c-cookie-banner.is--dismissed .c-cookie-banner__text {
    margin-top: 0px;
    line-height: 42px;
    font-size: 18px;
  }
}
/* ==========================================================================
   #MATRIX
   ========================================================================== */
.c-matrix.c-matrix--border-bottom {
  border-bottom: 1px solid #EFF2F4;
}

.c-matrix__item {
  display: block;
  border: 1px solid #FFFFFF;
  text-decoration: none;
  background-color: #FFFFFF;
  transition: background-color 0.3333333333s ease-out;
}
.c-matrix__item:focus, .c-matrix__item:hover {
  border: 1px solid #F1F1F6;
  background-color: #f9f9f9;
}

.c-matrix__icon {
  display: block;
  width: 100%;
  margin: 0 auto;
  max-width: 155px;
  height: 175px;
  background-image: url("../img/icons/support-strip.svg");
  background-repeat: no-repeat;
  background-size: 670%;
}
.c-matrix__icon.c-matrix__icon--support-general {
  background-position: 0 0;
}
.c-matrix__icon.c-matrix__icon--support-pricing {
  background-position: 19.25% 0;
}
.c-matrix__icon.c-matrix__icon--support-access {
  background-position: 40% 0;
}
.c-matrix__icon.c-matrix__icon--support-librarian {
  background-position: 60% 0;
}
.c-matrix__icon.c-matrix__icon--support-structure {
  background-position: 80% 0;
}
.c-matrix__icon.c-matrix__icon--support-search {
  background-position: 100% 0;
}

/* ==========================================================================
   #BREADCRUMBS
   ========================================================================== */
.c-breadcrumbs-wrapper--page {
  margin-top: -30px;
  margin-bottom: 15px;
}

.c-breadcrumbs {
  margin: 0 0 30px 0;
  padding: 0px;
  border-bottom: 1px solid #EFF2F4;
  overflow: hidden;
}

.c-breadcrumbs__item {
  float: left;
}
.c-breadcrumbs__item:before, .c-breadcrumbs__item:after {
  content: "";
  display: table;
}
.c-breadcrumbs__item:first-child {
  padding-left: 0px;
}
.c-breadcrumbs__item:first-child > a {
  font-weight: 600;
  color: #3c3c3c;
  text-decoration: none;
  transition: color 0.3333333333s ease-out;
}
.c-breadcrumbs__item:not(:first-child) {
  padding-left: 40px;
}
.c-breadcrumbs__item:not(:first-child):before {
  content: "";
  float: left;
  width: 40px;
  height: 65px;
  background: center no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSItMzAxIDM4OSA5IDE1Ij48cGF0aCBzdHJva2U9IiNEQkRFRTAiIHN0cm9rZS13aWR0aD0iMS4xIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9Im5vbmUiIGQ9Ik0tMjk5LjggMzkwLjJsNi4zIDYuMy02LjMgNi4zIi8+PC9zdmc+");
  background-repeat: no-repeat;
}
.c-breadcrumbs__item > a, .c-breadcrumbs__item > span {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  float: left;
  position: relative;
  padding: 20px 0;
  text-decoration: none;
}
@media (min-width: 25.875em) {
  .c-breadcrumbs__item > a, .c-breadcrumbs__item > span {
    max-width: 135px;
  }
}
@media (min-width: 31.25em) {
  .c-breadcrumbs__item > a, .c-breadcrumbs__item > span {
    max-width: 150px;
  }
}
@media (min-width: 46.25em) {
  .c-breadcrumbs__item > a, .c-breadcrumbs__item > span {
    max-width: 200px;
  }
}
@media (min-width: 81.25em) {
  .c-breadcrumbs__item > a, .c-breadcrumbs__item > span {
    max-width: none;
  }
}

.c-breadcrumbs--page {
  margin-bottom: 0px;
  border-bottom: 0px;
}
.c-breadcrumbs--page .c-breadcrumbs__item:first-child > a {
  color: #C33339;
  font-weight: 500;
}
.c-breadcrumbs--page .c-breadcrumbs__item:not(:first-child):before {
  height: 60px;
}
.c-breadcrumbs--page .c-breadcrumbs__item > a {
  color: #C33339;
}
.c-breadcrumbs--page .c-breadcrumbs__item > a:hover {
  text-decoration: underline;
}
.c-breadcrumbs--page .c-breadcrumbs__item > span, .c-breadcrumbs--page .c-breadcrumbs__item > a {
  font-size: 15px;
}

/* ==========================================================================
   #FLOW LIST
   ========================================================================== */
.c-flow-list {
  margin-left: 0;
}

.c-flow-list__item {
  border-bottom: 1px solid #EFF2F4;
  margin-bottom: 30px;
  padding-left: 0;
}
.c-flow-list__item:before {
  content: none;
}
.c-flow-list__item:last-child {
  border-bottom: 0px;
}

.c-flow-list__title {
  margin-bottom: 5px;
}

/* ==========================================================================
   #HR
   ========================================================================== */
.c-hr-partial {
  height: 1px;
  border: 0;
  position: relative;
}
.c-hr-partial:before {
  content: "";
  position: absolute;
  width: 40%;
  height: 1px;
  bottom: -8px;
  left: 30%;
  background-color: #D8D8D8;
  transform: scaleX(1);
  transition: all 1s 1s ease;
}

.c-hr-partial--red:before {
  background-color: #C33339;
}

/* ==========================================================================
   #SIDEBAR
   ========================================================================== */
.c-sidebar {
  position: relative;
}
.c-sidebar p {
  color: #383838;
}

.c-sidebar__section {
  margin-bottom: 50px;
}

.c-sidebar__title {
  font-size: 20px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #D4D4D4;
}

.c-sidebar-article-list__item > a {
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  display: block;
  padding: 5px 20px;
  border-radius: 50px;
  margin-bottom: 15px;
  background-color: #FFFFFF;
  transition: all 0.3333333333s ease-out;
}
.c-sidebar-article-list__item > a:hover {
  box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.1);
  transform: translateX(5px);
}
.c-sidebar-article-list__item.is-selected a {
  background-color: #E6E6E6;
  color: #C33339;
}

.c-sidebar-category-list__item {
  margin-bottom: 15px !important;
  margin-right: 1px;
}
.c-sidebar-category-list__item > a {
  padding: 10px 20px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  border-radius: 30px;
  background-color: #FFFFFF;
  border: 1px solid #E2E2FF;
}

@media (max-width: 68.75em) {
  #site-message {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

/* ==========================================================================
   #ACCORDION-LIST
   ========================================================================== */
.c-accordion-list {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

.c-accordion-list__checkbox + .c-accordion-list__label {
  transition: all 0.3s ease-in-out;
}

.c-accordion-list__item {
  margin-bottom: 25px;
}

.c-accordion-list__label {
  margin-bottom: 0px;
  position: relative;
  display: block;
  height: 30px;
  font-size: 16px;
  color: #C33339;
  font-weight: 600;
  cursor: pointer;
}
.c-accordion-list__label:focus, .c-accordion-list__label:hover {
  background: #F3F3F3;
  color: #862327;
  text-decoration: underline;
}

.c-accordion-list__state {
  width: 14px;
  height: 14px;
  right: -20px;
  top: 2px;
  will-change: transform;
  transition: transform 0.25s ease-out;
  backface-visibility: hidden;
  transform-origin: 4px 8px;
}
.c-accordion-list__state > svg {
  fill: #C33339;
}

.c-accordion-list__checkbox:checked + .c-accordion-list__label .c-accordion-list__state {
  transform: rotate(90deg);
}

.c-accordion-list__checkbox {
  display: none;
}

.c-accordion-list__inner {
  background-color: #F1F1F6;
  overflow: hidden;
  height: 0px;
  transition: all 0.3s ease-in-out;
}

.c-accordion-list__title {
  display: block;
  height: 60px;
  margin-top: 10px;
  margin-bottom: -20px;
  text-transform: uppercase;
  opacity: 0.5;
  font-size: 14px;
  font-weight: 600;
}

.c-accordion-list__main-content {
  height: 100%;
  overflow-x: auto;
  padding: 20px 0px 60px 0px;
  margin-bottom: 0px;
  font-size: 16px;
  opacity: 0.8;
}
.c-accordion-list--cta .c-accordion-list__main-content {
  padding-top: 0px;
}
.c-accordion-list__main-content a {
  text-decoration: none;
}

.c-accordion-list__checkbox:checked ~ .c-accordion-list__inner {
  will-change: transform;
  transition: all 0.5s ease-in-out;
}

.c-accordion-list--tiny .c-accordion-list__checkbox:checked ~ .c-accordion-list__inner {
  height: 480px;
}
.c-accordion-list--small .c-accordion-list__checkbox:checked ~ .c-accordion-list__inner {
  height: 480px;
}
.c-accordion-list--large .c-accordion-list__checkbox:checked ~ .c-accordion-list__inner {
  height: 480px;
}
.c-accordion-list--huge .c-accordion-list__checkbox:checked ~ .c-accordion-list__inner {
  height: 480px;
}
.c-accordion-list--huge.c-accordion-list--cta .c-accordion-list__checkbox:checked ~ .c-accordion-list__inner .c-accordion-list__main-content {
  height: calc(480px - 130px);
}

.c-accordion-list-cta {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.c-accordion-list-cta:after {
  top: -100px;
  left: 0;
  right: 0;
  content: "";
  height: 80px;
  position: absolute;
  background: linear-gradient(to top, #F1F1F6, rgba(241, 241, 246, 0));
}

.c-accordion-list-cta__btn {
  flex: 1;
  text-transform: none;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}
.c-accordion-list-cta__btn--primary {
  padding: 8px 18px;
  color: #FFFFFF;
  background-color: #C33339;
}
.c-accordion-list-cta__btn--primary:focus, .c-accordion-list-cta__btn--primary:hover {
  background-color: #862327;
}
.c-accordion-list-cta__btn--secondary {
  border-color: #C33339;
  color: #C33339;
  margin-right: 10px;
}
.c-accordion-list-cta__btn--secondary:focus, .c-accordion-list-cta__btn--secondary:hover {
  color: #862327;
  border-color: #862327;
}

/* ==========================================================================
   #BADGES
   ========================================================================== */
.c-badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 0.25rem;
  color: #fff;
  background-color: #6c757d;
}

/* ==========================================================================
   #PILLS
   ========================================================================== */
.c-pill {
  display: inline-block;
  border-radius: 15px;
  padding: 2px 6px;
  margin-bottom: 4px;
  background-color: #F1F1F6;
  font-size: 13px;
  text-decoration: none;
  border: 0;
  transition: background-color 0.3333333333s ease-out;
}
.c-pill:hover {
  text-decoration: underline;
  background-color: #E4E5E8;
}
.c-pill.c-pill--highlighted {
  background-color: #FDF7C3;
  border: 1px solid #d6c639;
}

/* ==========================================================================
   #UNSTYLED-LISTS
   ========================================================================== */
.c-list-unstyled:before {
  content: "";
}

#uv {
  height: 40rem;
}
#uv .headerPanel .centerOptions .mode label {
  color: white;
}
#uv .headerPanel .options .search,
#uv .footerPanel .search {
  background-color: #0f0f0f;
}
#uv .headerPanel .options .searchOptions,
#uv .footerPanel .searchOptions {
  width: auto;
}
#uv .btn-primary {
  color: #fff;
  background-color: #C33339;
  border-color: #5e191b;
}
#uv .btn-primary:focus, #uv .btn-primary:hover {
  background-color: #ce4248;
}
#uv .leftPanel .tabs .tab {
  width: 50%;
}
#uv .leftPanel .tabsContent .tree li:before {
  content: "";
}
#uv .leftPanel .views .thumbsView .thumbs .thumb.twoCol .label {
  width: 98px;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: block;
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.824em;
}
#uv .thumbs .thumb {
  position: relative;
}
#uv .thumbs .thumb .info .label {
  white-space: break-spaces !important;
}
#uv .thumbs .thumb .info .searchResults {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAMAAACecocUAAAALVBMVEVjOj9LOj+COD0wMzZ4OD1uOj+fNTumNDuVNj1XO0CuNDuNNz1AOT21NDskIyPVNvpcAAAAD3RSTlP//////////////////wDU3JihAAAACXBIWXMAAAsTAAALEwEAmpwYAAAG0mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAzLTAyVDE0OjQ5OjU4KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wMy0wMlQxNDo1NToyMyswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wMy0wMlQxNDo1NToyMyswMTowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4ODYzYTE3YS1kNGQ4LTBlNDMtYTZiMC0wNGE2ZmVjM2M0ZmEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5OTYzNmZiMS0yZDA2LTYwNGEtOGNjOC04NGYyNGI5MzVmYmQiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCMjI4MzVFM0IwQjkxMUU2QjkzQ0YzRDg3OTMyNEY2RCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjIiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkIyMjgzNUUwQjBCOTExRTZCOTNDRjNEODc5MzI0RjZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkIyMjgzNUUxQjBCOTExRTZCOTNDRjNEODc5MzI0RjZEIi8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmMzMzcyZDg1LTRkMWItNDA0Ni1hZTNhLTdmMzc0YzBiNTIxNSIgc3RFdnQ6d2hlbj0iMjAyMC0wMy0wMlQxNDo1NToyMyswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo4ODYzYTE3YS1kNGQ4LTBlNDMtYTZiMC0wNGE2ZmVjM2M0ZmEiIHN0RXZ0OndoZW49IjIwMjAtMDMtMDJUMTQ6NTU6MjMrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Ow8f9AAAAWElEQVQImT3NQQ6CQBAAwZrZIAED/3+nsgZBdz0Y7VPdOlb/Eo9ja1/X1zRc44ZUyh7be6mk8ZwsXZAU7BpJr8xG0r3MxzMVYnW2i5Z6JsMYUbpT/p598AEUBhshFDV6WAAAAABJRU5ErkJggg==");
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  width: auto;
  padding: 0 0.25rem 0 0.75rem;
}
#uv .uv a,
#uv .leftPanel .tabs .tab.on,
#uv .thumbs .thumb .info .searchResults,
#uv .footerPanel .searchPager .controls a,
#uv .iiif-tree-component ul li a.selected,
#uv .iiif-metadata-component .groups .group .items .item .value a.toggle,
#uv .iiif-metadata-component .groups .group .items .item._license .values .value a {
  color: #d86a6f !important;
}
#uv .uv a:focus, #uv .uv a:hover,
#uv .leftPanel .tabs .tab.on:focus,
#uv .leftPanel .tabs .tab.on:hover,
#uv .thumbs .thumb .info .searchResults:focus,
#uv .thumbs .thumb .info .searchResults:hover,
#uv .footerPanel .searchPager .controls a:focus,
#uv .footerPanel .searchPager .controls a:hover,
#uv .iiif-tree-component ul li a.selected:focus,
#uv .iiif-tree-component ul li a.selected:hover,
#uv .iiif-metadata-component .groups .group .items .item .value a.toggle:focus,
#uv .iiif-metadata-component .groups .group .items .item .value a.toggle:hover,
#uv .iiif-metadata-component .groups .group .items .item._license .values .value a:focus,
#uv .iiif-metadata-component .groups .group .items .item._license .values .value a:hover {
  color: #e39396;
}
#uv .iiif-metadata-component .groups .group .items .item .label .copiedText {
  color: white !important;
}
#uv .footerPanel .searchResults .searchResultPlacemarker {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAG3GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmMGM2Y2EwMi1iN2RiLTdiNGYtOGExOS0yOWQzZWJiYjA3NGEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplODlhNzM5Yy02MjE0LTA4NGItOGViZS00Y2Q0OTU2ZTFjNDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YTQxMTA2ZGMtYWYwZS1hYzRlLThhMDAtZTQzNjRjZjI1NWVjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDMtMDJUMTQ6MzU6MjArMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTAzLTAyVDE0OjM4OjA1KzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTAzLTAyVDE0OjM4OjA1KzAxOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MmVjZmNlM2UtNGRjZi00YzQ2LTk5ZmMtMDczMTQzMDg5ZTY5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmYwYzZjYTAyLWI3ZGItN2I0Zi04YTE5LTI5ZDNlYmJiMDc0YSIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1OTU5YTQ5ZS04MmRlLWQwNGMtYTZmMS0zMGYzNGNlYjhhZTYiIHN0RXZ0OndoZW49IjIwMjAtMDMtMDJUMTQ6Mzg6MDUrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YTQxMTA2ZGMtYWYwZS1hYzRlLThhMDAtZTQzNjRjZjI1NWVjIiBzdEV2dDp3aGVuPSIyMDIwLTAzLTAyVDE0OjM4OjA1KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dCLLugAAAX5JREFUOI2tlbtOAkEUhr8ZFqO1jb6AEW9owQPwDCQSLHwIE0srExsL4xNoZWG0hNbEloQElgTxCSzRYCDZ2T0WMBsWlnUD/NVM5pwv/zlzUyLCKuQAOOsbMwulXF6KKLa0AuArEN4QXjtNNR1rhgOUiERA5VxeKk4GzUw8AAHCs2d4+mipuaCrXF4KjpOqlLoxXI/dmeEAbRfOdo9SQwAKjkM5lw8bHIJOs+khVhUnE441jBo7rydJ0ihKY1caoLgAxMrmaoDtjE4MTpLN1QD+EofS5moANwgWBtlcDVBdAlSdBDW6rhouABsGAY2uq0IQwOMCoMmcEFTrNFXPeKkh375PbeICR/b91k/v6s73I/MIyP1sq7ox/0I6xgt7YzXzjAC87J/Imo4/pJ4IpXYjAonc/kndJLi69+L7GAtqdN3YEuvG8D5VklVsaVYPe8eymRk9FT3jcd5pxULmlmZ12f/BEyFAuPjtJ4UmOwI43DmQrFIzuzTtSK3qO/oDwkGvIToNIoEAAAAASUVORK5CYII=");
}
#uv .footerPanel .searchResults .searchResultPlacemarker:focus, #uv .footerPanel .searchResults .searchResultPlacemarker:hover {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAG3GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmMGM2Y2EwMi1iN2RiLTdiNGYtOGExOS0yOWQzZWJiYjA3NGEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4YzkyNTI2OS00YTQxLTMwNDItOGQ1YS0yYmE0M2Y5OGYxODMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDhjYWU4OTUtNmMwNC04OTRiLWIxMDItOThmNmZhOGI5YzczIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDMtMDJUMTQ6MzU6MjArMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTAzLTAyVDE0OjM4OjMzKzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTAzLTAyVDE0OjM4OjMzKzAxOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MmVjZmNlM2UtNGRjZi00YzQ2LTk5ZmMtMDczMTQzMDg5ZTY5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmYwYzZjYTAyLWI3ZGItN2I0Zi04YTE5LTI5ZDNlYmJiMDc0YSIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiZjRkNDdjYi0zNGMwLTNjNDctODkzOS0zMjRlMDVhYmNhOWIiIHN0RXZ0OndoZW49IjIwMjAtMDMtMDJUMTQ6Mzg6MzMrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MDhjYWU4OTUtNmMwNC04OTRiLWIxMDItOThmNmZhOGI5YzczIiBzdEV2dDp3aGVuPSIyMDIwLTAzLTAyVDE0OjM4OjMzKzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+l4TQrgAAAYpJREFUOI2tlb1KA0EURs9MXEHFxkZfw0UxaJNHEAQRRPAZxNZGGxtB8AVEGxuRgK1gIyZKNkhEBAvr4A9ioYmzO2ORzCab7IZN9Ct37ndm7t25d4Qxhv/QEIAzMtq1sDI9Z3JSMCkzAFR1wKU2nJSLojNWfX8hjDER0JqbNcuOg0zYWQOnSnHoFUJgF2jHzRrXcVKl4inFVhOmvr9aG6/3AQFwHYc1NxsWOAQt9QGxWm7zSGgUNqkmvSSb3hCUk10/IrWsVwJMZTIDg6xXAgR/uJTWKwEeAj0wyHolwLlSA4OsVwIUKyVR00HfkJoOKFZKIgQBHPn9p9fuCUH5ckF8+H5qyGcQkC+3+i1yD/fq9dSg/Y7YCMi794SXovCP6iesjVXXGAE4m10wwzK+aZTRLN5cRSCR7m/Xbq2WeJqD+k/s91hQsVKKTdFTiou729jGjE3N6nhm3kw0e+nD91ktXcdCElOz2nx7QRmNBjbeX3uFNoZ/kqrPT2J7bNw4QlB9fuo5a8R/PUe/NbiqltPrMiMAAAAASUVORK5CYII=");
}
#uv .title {
  color: #fff;
}
#uv .uv-iiif-extension-host.uv-openseadragon-extension .footerPanel .search .searchTextContainer {
  border-radius: 5px;
}
#uv .uv-iiif-extension-host.uv-openseadragon-extension .footerPanel .searchOptions .label {
  font-size: 16px;
  line-height: 24px;
}
#uv .uv-iiif-extension-host.uv-openseadragon-extension .footerPanel .search .searchTextContainer .searchText {
  height: 28px;
  line-height: 22px;
  border-radius: 3px;
  font-size: 15px;
  padding-left: 5px;
}
#uv .uv-iiif-extension-host.uv-openseadragon-extension .footerPanel .search .searchTextContainer .imageButton.searchButton {
  margin-top: 6px;
}

/* ==========================================================================
   #CTA-PANEL
   ========================================================================== */
/* Found on: Collection view
   ========================================================================== */
.ui-cta-panel {
  z-index: 1;
  position: relative;
  text-align: left;
}
.ui-cta-panel p {
  color: #FFFFFF;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

.ui-cta-panel__title {
  margin-bottom: 15px;
  color: #FFFFFF;
}

.ui-cta-panel__btn {
  width: 100%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 40px;
}
@media (min-width: 81.25em) {
  .ui-cta-panel__btn {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 85.625em) {
  .ui-cta-panel__btn {
    width: auto;
  }
}
@media (min-width: 87.5em) {
  .ui-cta-panel__btn {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.ui-cta-panel__btn.ui-cta-panel__btn {
  margin-bottom: 30px;
}

.ui-cta-panel-form .ui-cta-panel-form__input {
  padding: 0px;
  background-color: transparent;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  border-bottom: 1px solid #636363;
  border-radius: 0px;
}
.ui-cta-panel-form .ui-cta-panel-form__input::-webkit-input-placeholder {
  color: #b3b3b3;
}
.ui-cta-panel-form .ui-cta-panel-form__input:-moz-placeholder {
  color: #b3b3b3;
}
.ui-cta-panel-form .ui-cta-panel-form__input::-moz-placeholder {
  color: #b3b3b3;
}
.ui-cta-panel-form .ui-cta-panel-form__input:-ms-input-placeholder {
  color: #b3b3b3;
}

.ui-cta-core-form .ui-cta-core-form__input {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #000000;
}
.ui-cta-core-form .ui-cta-core-form__input::-webkit-input-placeholder {
  color: #7b7b7b;
}
.ui-cta-core-form .ui-cta-core-form__input:-moz-placeholder {
  color: #7b7b7b;
}
.ui-cta-core-form .ui-cta-core-form__input::-moz-placeholder {
  color: #7b7b7b;
}
.ui-cta-core-form .ui-cta-core-form__input:-ms-input-placeholder {
  color: #7b7b7b;
}

/* ==========================================================================
   #CTA_SUBSCRIBE
   ========================================================================== */
.ui-cta-subscribe-foot {
  padding: 60px 0;
  margin-bottom: 75px;
  background-color: #C33339;
  text-align: center;
  position: relative;
}
.ui-cta-subscribe-foot .ui-cta-subscribe-foot__input {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 41.25em) {
  .ui-cta-subscribe-foot .ui-cta-subscribe-foot__input {
    margin: 0 20px 20px 0;
  }
}
@media (min-width: 41.25em) and (max-width: 52.5em) {
  .ui-cta-subscribe-foot .ui-cta-subscribe-foot__input {
    width: 270px;
  }
  .ui-cta-subscribe-foot .ui-cta-subscribe-foot__input:last-of-type {
    margin-right: 0px;
  }
}
@media (min-width: 52.5625em) {
  .ui-cta-subscribe-foot .ui-cta-subscribe-foot__input {
    width: 350px;
  }
}

.ui-cta-subscribe-foot__btn {
  width: 100%;
  vertical-align: top;
}
@media (min-width: 38.125em) {
  .ui-cta-subscribe-foot__btn {
    width: auto;
  }
}

/* ==========================================================================
   #SEARCH
   ========================================================================== */
.ui-search-results-title {
  font-size: 26px;
}
@media (min-width: 81.25em) {
  .ui-search-results-title {
    font-size: 30px;
  }
}

.ui-search-results__form label {
  line-height: 30px;
}
@media (min-width: 81.25em) {
  .ui-search-results__form label {
    margin-top: 0px;
    line-height: 60px;
  }
}

.ui-search-results__input[type=text] {
  border: 1px solid #D8D8D8;
}

.ui-search-utils {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  margin-top: 5px;
}
@media (min-width: 81.25em) {
  .ui-search-utils {
    width: auto;
    float: right;
    margin-top: 0px;
  }
}

.ui-search-utils__item {
  margin-right: 20px;
  font-size: 16px;
  line-height: 30px;
}
.ui-search-utils__item:last-child {
  margin-right: 0px;
}

.ui-search-filter {
  display: none;
  padding-top: 30px;
  padding-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #e2e2e7;
  position: relative;
}
@media (min-width: 46.25em) {
  .ui-search-filter {
    display: block;
    padding-right: 20px;
    padding-bottom: 99999px;
    margin-bottom: -99999px;
    min-height: 100%;
  }
  .ui-search-filter:before {
    content: "";
    width: 1000%;
    position: absolute;
    height: 100%;
    content: "";
    top: 0px;
    right: 0px;
    background-color: #EFF0F3;
  }
}
@media (min-width: 61.25em) {
  .ui-search-filter {
    padding-left: 40px;
    padding-right: 30px;
  }
}
@media (min-width: 81.25em) {
  .ui-search-filter {
    padding-left: 120px;
  }
}

.ui-search-results--collections-index {
  margin-top: -15px;
}

.ui-search-filter--post {
  display: block;
  margin-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #F7F7F8;
}
.ui-search-filter--post:before {
  position: relative;
  background-color: #F7F7F8;
}
@media (min-width: 61.25em) {
  .ui-search-filter--post {
    margin-top: 0px;
  }
  .ui-search-filter--post:before {
    left: 0px;
    position: absolute;
  }
}

.ui-search-filter__section {
  padding-top: 28px;
  padding-bottom: 1px;
  margin-bottom: 80px;
  border-top: 1px solid #d1d2d6;
}
.ui-search-filter__section.ui-search-filter__section--first {
  padding-top: 15px;
}

.ui-search-filter__title {
  margin-bottom: 20px;
  font-weight: 600;
}

.ui-search-filter__clear {
  float: right;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 0.8888888889rem;
  line-height: 1.5;
  color: #3c3c3c;
  background: none;
  border: 0;
}
.ui-search-filter__clear:hover > .-inner {
  text-decoration: none;
}

.ui-search-filter__sub-title {
  margin-bottom: 12px;
  font-weight: 600;
  color: #0f0f0f;
}

.ui-search-selection {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.ui-search-selection__item {
  display: inline-block;
  margin-bottom: 5px !important;
  background-color: #FFFFFF;
  border-radius: 5px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.7777777778rem;
  line-height: 1.7142857143;
}

.ui-search-selection__key {
  color: #0f0f0f;
  font-weight: bold;
}

.ui-search-results__list {
  padding-top: 30px;
  margin-top: -10px;
  border-top: 1px solid #d1d2d6;
}

.ui-search-results-refine {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 30px;
  color: #C33339;
  border-bottom: 2px solid #D8D8D8;
  text-decoration: none;
}
.ui-search-results-refine .ui-search-results-refine__icon {
  margin-top: 5px;
  float: right;
}
@media (min-width: 46.25em) {
  .ui-search-results-refine {
    display: none;
  }
}

.ui-search-filter__show-btn {
  position: fixed;
  display: block;
  height: 70px;
  line-height: 70px;
  left: 0;
  right: 0;
  bottom: 0px;
  padding: 0px;
  z-index: 100;
}
@media (min-width: 46.25em) {
  .ui-search-filter__show-btn {
    display: none;
  }
}

.ui-search-selection__button {
  display: flex;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  align-items: center;
  gap: 0.5rem;
  border: none;
  background: none;
  cursor: pointer;
  border: 1px solid #E4E5E8;
  border-radius: 5px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  text-align: left;
  transition: background-color, border 0.3333333333s ease-out;
}
.ui-search-selection__button:hover, .ui-search-selection__button:focus {
  background-color: white;
  border: 1px solid #C33339;
}
.ui-search-selection__button:hover > .c-icon--search-remove path, .ui-search-selection__button:focus > .c-icon--search-remove path {
  fill: #C33339;
}

/* Search Filter ui-search-filter-core
========================================================================== */
.ui-search-filter-core__checkbox + .ui-search-filter-core__label {
  transition: all 0.3s ease-in-out;
}

.ui-search-filter-core__item {
  margin-bottom: 0.75rem;
  background-color: #FFFFFF;
  border: 1px solid #e1e1e1;
  box-shadow: 0px 3px 5px rgba(204, 204, 204, 0.43);
  border-radius: 5px;
}

.ui-search-filter-core__label {
  padding: 12px 20px;
  margin-bottom: 0px;
  position: relative;
  display: block;
  height: 44px;
  font-size: 16px;
  cursor: pointer;
  background: #F1F1F6;
  color: #3c3c3c;
  border-radius: 5px 5px 0 0;
}
.ui-search-filter-core__label:hover {
  background: #F3F3F3;
}

.ui-search-filter-core__state {
  position: relative;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 15px;
  right: 15px;
  /* Vertical line */
  /* horizontal line */
}
.ui-search-filter-core__state:before, .ui-search-filter-core__state:after {
  content: "";
  position: absolute;
  background-color: #444444;
  transition: transform 0.25s ease-out;
}
.ui-search-filter-core__state:before {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
}
.ui-search-filter-core__state:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
}

.ui-search-filter-core__checkbox:checked + .ui-search-filter-core__label {
  background-color: #EFF0F3;
  color: #862327;
}
.ui-search-filter-core__checkbox:checked + .ui-search-filter-core__label:hover, .ui-search-filter-core__checkbox:checked + .ui-search-filter-core__label:focus {
  text-decoration: underline;
}
.ui-search-filter-core__checkbox:checked + .ui-search-filter-core__label .ui-search-filter-core__state:before {
  transform: rotate(90deg);
}
.ui-search-filter-core__checkbox:checked + .ui-search-filter-core__label .ui-search-filter-core__state:after {
  transform: rotate(180deg);
}

.ui-search-filter-core__checkbox {
  display: none;
}

.ui-search-filter-core__inner {
  margin: 0;
  overflow: hidden;
  height: 0px;
  border-radius: 0 0 5px 5px;
}

.ui-search-filter-core__checkbox:checked ~ .ui-search-filter-core__inner--tiny {
  margin: 10px 0;
  height: 57px;
}

.ui-search-filter-core__checkbox:checked ~ .ui-search-filter-core__inner--small {
  margin: 10px 0;
  max-height: 6.5rem;
  height: auto;
  overflow-y: auto;
}

.ui-search-filter-core__checkbox:checked ~ .ui-search-filter-core__inner--large {
  margin: 10px 0;
  max-height: 18rem;
  height: auto;
  overflow-y: auto;
}

.ui-search-filter-core__clear-btn {
  padding: 0;
  border: none;
  background: none;
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 1.1rem !important;
  color: #565656;
}
.ui-search-filter-core__clear-btn:hover {
  cursor: pointer;
}
.ui-search-filter-core__clear-btn:focus, .ui-search-filter-core__clear-btn:active {
  outline: 2px solid #9ecaed;
  outline-offset: 2px;
}

.ui-search-term-match {
  background-color: #FDF7C3;
}

.ui-search-control-group {
  height: 100%;
  padding: 2px 20px;
  overflow-y: auto;
}
.ui-search-control-group input[type=radio] {
  opacity: 0;
}
.ui-search-control-group input[type=radio]:focus + label::before {
  box-shadow: 0 0px 8px #9ecaed;
}
.ui-search-control-group input[type=radio] + label {
  position: relative;
}
.ui-search-control-group input[type=radio] + label:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: -1.5rem;
  top: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
  border: 1px solid #d8d5d5;
  transition: background 0.3333333333s ease-out;
}
.ui-search-control-group input[type=radio]:checked + label:before {
  background: #606062;
  border: 0;
}

.ui-search-control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 16px;
  text-decoration: none;
}
.ui-search-control:not(.is-disabled):hover {
  text-decoration: underline;
}
.ui-search-control:hover .ui-search-control__indicator {
  background: #d0d0d0;
}
.ui-search-control .js-doc-count {
  float: right;
  color: #808080;
}

.ui-search-control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
  border: 1px solid #d8d5d5;
  transition: background 0.3333333333s ease-out;
}

.ui-search-control--radio .ui-search-control__indicator {
  border-radius: 50%;
}

.ui-search-control:hover input ~ .ui-search-control__indicator,
.ui-search-control input:focus ~ .ui-search-control__indicator {
  background: #ccc;
}

.ui-search-control input:checked ~ .ui-search-control__indicator,
.ui-search-control.is-checked .ui-search-control__indicator {
  background: #0f0f0f;
  border: 0;
}

.ui-search-control:hover input:not([disabled]):checked ~ .ui-search-control__indicator,
.ui-search-control input:checked:focus ~ .ui-search-control__indicator,
.ui-search-control:hover input:not([disabled]):checked ~ .ui-search-control__indicator,
.ui-search-control:not(.is-disabled).is-checked:hover .ui-search-control__indicator,
.ui-search-control.is-checked:focus ~ .ui-search-control__indicator {
  background: #0e647d;
}

.ui-search-control.is-disabled {
  color: #3c3c3c;
}

.ui-search-control input:disabled ~ .ui-search-control__indicator,
.ui-search-control.is-disabled .ui-search-control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}

.ui-search-control__indicator:after {
  content: "";
  position: absolute;
  display: none;
}

.ui-search-control input:checked ~ .ui-search-control__indicator:after,
.ui-search-control.is-checked .ui-search-control__indicator:after {
  display: block;
}

.ui-search-control--checkbox .ui-search-control__indicator:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.ui-search-control--checkbox input:disabled ~ .ui-search-control__indicator:after,
.ui-search-control--checkbox.is-disabled .ui-search-control__indicator:after {
  border-color: #7b7b7b;
}

.ui-search-control:last-of-type {
  margin-bottom: 0;
}

.ui-search-control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}

.ui-search-control--radio input:disabled ~ .ui-search-control__indicator:after,
.ui-search-control--checkbox.is-disabled .ui-search-control__indicator:after,
.ui-search-control.is-disabled.is-checked .ui-search-control__indicator {
  background: #0f0f0f;
}

.ui-control-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

.ui-control-select__input {
  display: inline-block;
  width: 175px;
  height: 60px;
  cursor: pointer;
  padding: 0 30px 0 20px;
  outline: 0;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  background: #F1F1F6;
  color: #3c3c3c;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

.ui-control-select__input::-ms-expand {
  display: none;
}

.ui-control-select__input:hover,
.ui-control-select__input:focus {
  color: #000;
  background: #ccc;
}

.ui-control-select__input:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.ui-control-select__arrow {
  position: absolute;
  top: 21px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}

.ui-control-select__input:hover ~ .select__arrow,
.ui-control-select__input:focus ~ .select__arrow {
  border-top-color: #000;
}

.ui-control-select__input:disabled ~ .select__arrow {
  border-top-color: #ccc;
}

/* ==========================================================================
   #ui-dv (DOCUMENT VIEWER)
   ========================================================================== */
.ui-dv {
  position: relative;
}

.ui-dv-header {
  height: 30px;
  padding: 0 10px;
  background: #0f0f0f;
  color: #FFF;
  overflow: hidden;
}

.ui-dv-header__heading {
  float: left;
  line-height: 1.6em;
  margin-bottom: 0px;
  color: #FFF;
}

.ui-dv-header__nav {
  width: 100%;
}

.ui-dv-header__list {
  margin-bottom: 0px;
}

.ui-dv-header__list__item {
  float: right;
  margin-bottom: 0px;
}

.ui-dv-nav-link {
  padding: 0 8px;
  display: inline-block;
  line-height: 30px;
  color: #FFF;
  font-size: 0.8em;
  text-decoration: none;
}
.ui-dv-nav-link.is-disabled {
  opacity: 0.5;
}
.ui-dv-nav-link.is-disabled:hover {
  cursor: default;
}
.ui-dv-nav-link--focus-viewer .c-icon--dv-focus:last-child {
  display: none;
}
.ui-dv-nav-link--focus-viewer.is-focused .c-icon--dv-focus:first-child {
  display: none;
}
.ui-dv-nav-link--focus-viewer.is-focused .c-icon--dv-focus:last-child {
  display: inline-block;
}

.ui-dv-header__download-form {
  margin-top: 2px;
}

.ui-dv-header__download-form__fieldset {
  padding: 0px;
  border: 0px;
}
.ui-dv-header__download-form__fieldset > legend {
  float: left;
  line-height: 36px;
  font-weight: 600;
}

.ui-dv-header__download-form__label {
  margin: 0 10px;
  line-height: 36px;
}

.ui-dv-header__download-form__text {
  width: 50px;
}

.ui-dv-header__download-form__submit {
  height: 35px;
  margin-left: 10px;
}

.ui-dv-sidebar {
  background: #0f0f0f;
}

.ui-dv-sidebar-utilities {
  padding-bottom: 10px;
  color: #FFF;
}

.ui-dv-sidebar__title {
  padding: 0px 15px;
  margin-bottom: 0px;
  font-size: 1.1em;
  color: #FFF;
}
.ui-dv-sidebar__title > span {
  float: left;
}

.ui-dv-search-within {
  padding: 0 15px;
  display: none;
}

.ui-dv-search-form {
  padding: 0 15px;
  margin-bottom: 0px;
  overflow: hidden;
  position: relative;
  display: none;
}
.ui-dv-search-form .ui-dv-search-form__group--input {
  margin-bottom: 15px;
  border-bottom: 1px solid #272727;
}
.ui-dv-search-form .ui-dv-search-form__group--select {
  height: 45px;
  margin-bottom: 15px;
  background-color: #212121;
}
.ui-dv-search-form .ui-dv-search-form__group--select > .ui-dv-search-form__select {
  height: 45px;
  font-size: 16px;
}
.ui-dv-search-form .ui-dv-search-form__group .ui-dv-search-form__input {
  padding-left: 0px;
  padding-right: 35px;
  background-color: #0f0f0f;
  color: #FFFFFF;
}
.ui-dv-search-form .ui-dv-search-form__group .ui-dv-search-form__input::-webkit-input-placeholder {
  color: #D8D8D8;
}
.ui-dv-search-form .ui-dv-search-form__group .ui-dv-search-form__input:-moz-placeholder {
  color: #D8D8D8;
}
.ui-dv-search-form .ui-dv-search-form__group .ui-dv-search-form__input::-moz-placeholder {
  color: #D8D8D8;
}
.ui-dv-search-form .ui-dv-search-form__group .ui-dv-search-form__input:-ms-input-placeholder {
  color: #D8D8D8;
}
.ui-dv-search-form .ui-dv-search-form__group .ui-dv-search-form__input:focus {
  outline: none;
}
.ui-dv-search-form .ui-dv-search-form__submit {
  width: 30px;
  background-color: #0f0f0f;
}
.ui-dv-search-form .ui-dv-search-form__submit path {
  transition: fill 0.3333333333s ease-out;
}
.ui-dv-search-form .ui-dv-search-form__submit:hover {
  background-color: #0f0f0f;
}
.ui-dv-search-form .ui-dv-search-form__submit:hover path {
  fill: #C33339;
}

.ui-dv-sidebar__checkbox {
  font-size: 15px;
  line-height: 24px;
  margin-top: 15px;
}

.ui-dv-search-pagination {
  margin-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  border-bottom: 2px solid #C33339;
  display: none;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.ui-dv-search-pagination.is-showing {
  display: block;
}

.ui-dv-search-pagination__title {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  opacity: 0.8;
  font-weight: 700;
}

.ui-dv-search-pagination__btn {
  display: inline-block;
  width: 25%;
  font-size: 26px;
  line-height: 36px;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
  transition: background-color 0.3333333333s ease-out;
}
.ui-dv-search-pagination__btn:hover {
  background-color: #272727;
}

.ui-dv-page-list {
  width: 100%;
  padding: 0px;
  margin: 0px;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  overflow-scrolling: touch;
}

.ui-dv-page-list__item {
  width: auto;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  display: inline;
}
.ui-dv-page-list__item:first-child {
  margin-left: 15px;
}
.ui-dv-page-list__item.is-snippet-search-hit {
  white-space: normal;
}
.ui-dv-page-list__item.is-snippet-search-hit .ui-dv-page-list__link {
  width: 100%;
  padding: 20px 10px;
  white-space: normal;
  font-size: 16px;
  font-size: 0.8888888889rem;
  line-height: 1.5;
}
.ui-dv-page-list__item.is-snippet-search-hit .ui-dv-page-list__link .ui-dv-page-list__meta {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.3333333333;
  line-height: 40px;
}
.ui-dv-page-list__item.is-snippet-search-hit .ui-dv-page-list__link p {
  font-size: 14px;
  font-size: 0.7777777778rem;
  line-height: 1.7142857143;
  margin-bottom: 0;
}

.ui-dv-page-list__link {
  width: 80px;
  padding: 5px 10px 5px 5px;
  display: inline-block;
  vertical-align: top;
  background-color: #0f0f0f;
  color: #FFF;
  transition: background-color 0.5s;
  text-overflow: ellipsis;
  overflow: hidden;
  text-decoration: none;
}
.ui-dv-page-list__link:focus, .ui-dv-page-list__link:hover, .ui-dv-page-list__link:active {
  outline: 0;
  background-color: #151515;
}
.ui-dv-page-list__link.is-selected {
  background-color: #212121;
}
.ui-dv-page-list__link.is-selected:hover {
  background-color: #212121;
  cursor: auto;
}
.ui-dv-page-list__link .ui-search-term-match {
  color: #0f0f0f;
}

.ui-dv-page-list__meta-info {
  width: 23px;
  height: 23px;
  float: right;
  margin-right: 12px;
  margin-top: 4px;
  font-weight: 600;
  text-align: center;
  border-radius: 100%;
  background: #4a4949;
  color: #FFF;
  line-height: 25px;
}

.ui-dv-loading {
  position: absolute;
  right: 8px;
  top: 8px;
}

.ui-dv-pdf-container {
  width: 100%;
  background-color: #404040;
}

.ui-dv-footer {
  background-color: #0f0f0f;
}

.ui-dv-footer__btn {
  width: 100%;
  padding: 20px 0;
  background-color: #0f0f0f;
  color: #FFFFFF;
  border-radius: 0;
  box-sizing: border-box;
}
.ui-dv-footer__btn:hover {
  background-color: #212121;
}
.ui-dv-footer__btn:focus {
  outline: 0;
}
.ui-dv-footer__btn:active {
  border-top: 1px solid #C33339;
}
.ui-dv-footer__btn:focus, .ui-dv-footer__btn:active {
  background-color: #171717;
}
.ui-dv-footer__btn.is-disabled {
  color: #3c3c3c;
  cursor: default;
}
.ui-dv-footer__btn.is-disabled:focus, .ui-dv-footer__btn.is-disabled:active {
  background-color: #0f0f0f;
}
.ui-dv-footer__btn.is-disabled:active {
  border-top: 0px;
}
.ui-dv-footer__btn.is-disabled > i {
  opacity: 0.5;
}

@media (min-width: 61.25em) {
  .ui-dv-search-form {
    display: block;
  }
  .ui-dv-page-list {
    white-space: normal;
  }
}
@media screen and (min-width: 900px) {
  .ui-dv-header {
    height: 40px;
  }
  .ui-dv-search-form {
    padding: 0;
  }
  .ui-dv-nav-link {
    padding: 0 10px;
    font-size: 18px;
    font-size: 1rem;
    line-height: 1.3333333333;
    line-height: 40px;
  }
  .ui-dv-sidebar__title {
    font-size: 1.1em;
    line-height: 23px;
  }
}
@media (min-width: 46.25em) {
  .ui-dv-sidebar__title {
    padding: 0;
    margin: 5px 0;
  }
  .ui-dv-sidebar {
    padding: 0px 15px 15px 15px;
  }
  .ui-dv-search-form {
    display: block;
  }
  .ui-dv-search-results {
    padding: 0;
  }
  .ui-dv-search-results > h3 {
    font-size: 1.125em;
  }
  .ui-dv-search-results__hit-change {
    display: block;
    padding-bottom: 15px;
  }
  .ui-dv-search-results__hit-btn {
    display: block !important;
    line-height: 32px;
    font-size: 1em;
  }
  .ui-dv-search-results__hit-btn.ui-dv-search-results__hit-btn--prev {
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .ui-dv-search-results__hit-btn.ui-dv-search-results__hit-btn--next {
    margin-left: 0px;
  }
  .ui-dv-page-list {
    width: 100% !important;
    overflow: auto;
  }
  .ui-dv-page-list > li {
    width: 100%;
    display: list-item;
  }
  .ui-dv-page-list > li:first-child {
    margin-left: 0;
  }
  .ui-dv-page-list__link {
    width: 100%;
    padding: 10px;
    font-size: 1em;
  }
  .ui-dv-page-list__link:focus {
    outline: dotted thin;
  }
  .ui-dv-page-list__link > i {
    float: right;
  }
}
@media screen and (min-width: 1330px) {
  .ui-dv-search-results__hit-btn {
    display: inline-block !important;
  }
  .ui-dv-search-results__hit-btn--prev {
    margin: 0;
    float: left;
  }
  .ui-dv-search-results__hit-btn--next {
    float: right;
  }
}
/* ==========================================================================
   #BACK TO THE TOP
   ========================================================================== */
.ui-back-to-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 1000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(https://microform.digital/boa/img/icons/arrows-67px-1_large-top.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.ui-back-to-top.is-visible, .ui-back-to-top.fade-out, .no-touch .ui-back-to-top:hover {
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.ui-back-to-top.is-visible { /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.ui-back-to-top.fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 0.5;
}
.no-touch .ui-back-to-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media (min-width: 46.25em) {
  .ui-back-to-top {
    right: 20px;
    bottom: 20px;
  }
}
@media (min-width: 61.25em) {
  .ui-back-to-top {
    height: 60px;
    width: 60px;
    right: 50px;
    bottom: 30px;
  }
}

/* ==========================================================================
   #BOA STRUCTURE TABLE
   ========================================================================== */
/* A highly specific bit of UI found in Support -> Structure
========================================================================== */
.ui-boa-structure-table {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #0f0f0f;
  border-collapse: separate;
  border-spacing: 20px;
}
.ui-boa-structure-table tbody tr.ui-boa-structure-table__space-row {
  height: 20px;
}
.ui-boa-structure-table tbody tr td.ui-boa-structure-table__title {
  width: 130px;
  font-weight: bold;
}
.ui-boa-structure-table tbody tr td.ui-boa-structure-table__visual {
  width: 300px;
}
.ui-boa-structure-table tbody tr td.ui-boa-structure-table__visual .ui-boa-structure-table__icon {
  float: left;
}
.ui-boa-structure-table tbody tr td.ui-boa-structure-table__visual .ui-boa-structure-table__arrow-right {
  float: right;
  margin-top: 45px;
  opacity: 0.5;
}
.ui-boa-structure-table tbody tr td.ui-boa-structure-table__description {
  width: 200px;
  position: relative;
  padding: 10px;
  border-radius: 5px;
  font-size: 16px;
}
.ui-boa-structure-table tbody tr td.ui-boa-structure-table__description > .ui-boa-structure-table__arrow-down {
  position: absolute;
  left: 60px;
  bottom: -55px;
  opacity: 0.5;
}
.ui-boa-structure-table tbody tr:nth-child(1) td.ui-boa-structure-table__description {
  background: #ffb8bb;
}
.ui-boa-structure-table tbody tr:nth-child(3) td.ui-boa-structure-table__description {
  background: #e2ffe2;
}
.ui-boa-structure-table tbody tr:nth-child(5) td.ui-boa-structure-table__description {
  background: #e7e7ff;
}
.ui-boa-structure-table tbody tr:nth-child(7) td.ui-boa-structure-table__description {
  background: #ffebff;
}
.ui-boa-structure-table tbody tr:nth-child(9) td.ui-boa-structure-table__description {
  background: #ffeecf;
}

/* ==========================================================================
   #PROMO
   ========================================================================== */
.series-view {
  background-color: #000000;
}

.ui-promo-title {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
@media (min-width: 31.25em) {
  .ui-promo-title {
    margin-bottom: 60px;
  }
}
@media (min-width: 61.25em) {
  .ui-promo-title {
    margin-bottom: 100px;
  }
}
@media (min-width: 81.25em) {
  .ui-promo-title {
    margin-bottom: 120px;
  }
}

.ui-promo-main-content {
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 81.25em) {
  .ui-promo-main-content {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.ui-promo-counter {
  max-width: 1000px;
  margin-top: 0px;
}
@media (min-width: 46.25em) {
  .ui-promo-counter {
    margin-top: 20px;
  }
}
@media (min-width: 61.25em) {
  .ui-promo-counter {
    margin-top: 60px;
  }
}
@media (min-width: 81.25em) {
  .ui-promo-counter {
    margin-top: 100px;
  }
}

.ui-promo-counter__content {
  display: block;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  text-align: center;
}

.ui-promo-counter__content--number {
  font-size: 36px;
}

.ui-promo-counter__content--text {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.3333333333;
}

.ui-promo-main-content {
  opacity: 0;
  transition: opacity 0.6s ease-out;
  transition-delay: 0.6s;
}
.ui-promo-main-content.init-animation {
  opacity: 1;
}

/* ==========================================================================
   #SITE SEARCH
   ========================================================================== */
.ui-site-search {
  background-color: #0f0f0f;
  opacity: 0;
  transition: opacity 0.5s ease;
  transition-delay: 0.3s;
}
.ui-site-search.is-open {
  opacity: 1;
  transition-delay: 0;
}

.ui-site-search__inner {
  width: 90%;
  max-width: 1000px;
  padding-bottom: 10px;
  margin: 0 auto;
  overflow: hidden;
}
@media (min-width: 46.25em) {
  .ui-site-search__inner {
    padding-bottom: 20px;
    width: 80%;
  }
}
@media (min-width: 61.25em) {
  .ui-site-search__inner {
    padding-top: 20px;
    padding-bottom: 30px;
    width: 70%;
  }
}
@media (min-width: 81.25em) {
  .ui-site-search__inner {
    width: 60%;
  }
}

.ui-site-search-form .ui-site-search-form__input {
  padding: 20px 10px;
  background-color: #0f0f0f;
  font-size: 20px;
  font-size: 1.1111111111rem;
  line-height: 1.5;
  border-bottom: 1px solid #D8D8D8;
}
.ui-site-search-form .ui-site-search-form__input:focus {
  outline: none;
}
@media (min-width: 46.25em) {
  .ui-site-search-form .ui-site-search-form__input {
    font-size: 22px;
    font-size: 1.2222222222rem;
    line-height: 1.3636363636;
  }
}
@media (min-width: 61.25em) {
  .ui-site-search-form .ui-site-search-form__input {
    font-size: 26px;
    font-size: 1.4444444444rem;
    line-height: 1.3846153846;
  }
}
.ui-site-search-form .ui-site-search-form__btn {
  background-color: transparent;
}
.ui-site-search-form .ui-site-search-form__btn:hover svg path {
  fill: #C33339 !important;
}

/* ==========================================================================
   #PROGRESS
   ========================================================================== */
.ui-progress > svg {
  height: 100%;
  display: block;
}
.ui-progress .progressbar-text {
  font-weight: 600;
}

.ui-progress--dv {
  margin-top: 10px;
  height: 120px;
}

/* ==========================================================================
   #BACK TO THE TOP
   ========================================================================== */
.ui-admin-bar {
  width: 100%;
  height: 45px;
  background-color: #252d37;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  box-shadow: 0px 0px 5px #252d37;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.ui-admin-bar .dropdown-toggle, .ui-admin-bar a {
  color: #EFF0F3;
  text-decoration: none;
  font-size: 16px;
  line-height: 23px;
  transition: all 0.3333333333s ease;
}
.ui-admin-bar .dropdown-toggle:hover, .ui-admin-bar a:hover {
  cursor: pointer;
  background-color: #3a4655;
  color: #FFF;
}
.ui-admin-bar .dropdown-toggle > .material-symbols-rounded, .ui-admin-bar a > .material-symbols-rounded {
  margin-right: 3px;
  vertical-align: middle;
  font-size: 20px;
  line-height: 23px;
}

.ui-admin-bar-brand {
  width: 150px;
  height: 45px;
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif !important;
}
.ui-admin-bar-brand > svg {
  width: 45px;
  padding-left: 15px;
  padding-right: 5px;
  height: 45px;
  float: left;
}
.ui-admin-bar-brand > svg > text {
  fill: #cc2027;
}
.ui-admin-bar-brand .ui-admin-bar-brand__text {
  font-weight: 500;
  line-height: 45px;
}
.ui-admin-bar-brand .ui-admin-bar-brand__text > span {
  font-weight: 700;
}

.ui-admin-bar-action-nav {
  margin-bottom: 0px;
  display: flex;
}

.ui-admin-bar-action-nav__item {
  height: 45px;
}

.ui-admin-bar-action-nav__link {
  padding: 11px 11px 10px 11px;
  display: inline-flex;
  vertical-align: middle;
}
.ui-admin-bar-action-nav__link.ui-admin-bar-action-nav__link--btn {
  color: #EFF0F3;
  background-color: transparent;
  border: 0;
}
.ui-admin-bar-action-nav__link.ui-admin-bar-action-nav__link--btn > .material-symbols-outlined {
  margin-top: -3px;
  margin-left: 3px;
}
.ui-admin-bar-action-nav__link > .material-symbols-outlined {
  margin-right: 4px;
}

.ui-admin-bar-action-nav__avatar {
  margin: -7px 5px -7px 0;
  padding: 3px;
  border-radius: 9999px;
}

/* ==========================================================================
   #TAB SWITCH
   ========================================================================== */
.ui-tab-switch-content {
  background: #FFFFFF;
  padding: 0;
  margin: 0;
  clear: both;
}
.ui-tab-switch-content > li {
  padding: 1.4em;
  list-style: none;
}
.ui-tab-switch-content > li.is-hidden {
  padding: 1.4em;
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.ui-tab-switch-content > li.is-selected {
  display: block;
  animation: cd-fade-in 0.5s;
  position: relative;
  left: 0;
  top: auto;
  width: auto;
  height: auto;
  overflow: visible;
}

/* ==========================================================================
   #CLEARFIX
   ========================================================================== */
/**
 * Attach our clearfix mixin to a utility class.
 */
.u-clearfix:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

/* ==========================================================================
   #WIDTHS
   ========================================================================== */
/**
 * inuitcss generates a series of utility classes that give a fluid width to
 * whichever element they’re applied, e.g.:
 *
 *   <img src="" alt="" class="u-1/2" />
 *
 * These classes are most commonly used in conjunction with our layout system,
 * e.g.:
 *
 *   <div class="o-layout__item  u-1/2">
 *
 * By default, inuitcss will also generate responsive variants of each of these
 * classes by using your Sass MQ configuration, e.g.:
 *
 *   <div class="o-layout__item  u-1/1  u-1/2@tablet  u-1/3@desktop">
 *
 * Optionally, inuitcss can generate offset classes which can push and pull
 * elements left and right by a specified amount, e.g.:
 *
 *   <div class="o-layout__item  u-2/3  u-pull-1/3">
 *
 * This is useful for making very granular changes to the rendered order of
 * items in a layout.
 *
 * N.B. This option is turned off by default.
 */
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes take a fraction-like format (e.g. `.u-2/3`). Use these in
 * your markup:
 *
 * <div class="u-7/12">
 *
 * The following will generate widths helper classes based on the fractions
 * defined in the `$inuit-fractions` list.
 */
.u-1\/1 {
  width: 100% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-1\/1 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 100% !important;
}

.u-pull-1\/1 {
  position: relative !important;
  right: 100% !important;
  left: auto !important; /* [1] */
}

.u-1\/2 {
  width: 50% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-1\/2 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 50% !important;
}

.u-pull-1\/2 {
  position: relative !important;
  right: 50% !important;
  left: auto !important; /* [1] */
}

.u-2\/2 {
  width: 100% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-2\/2 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 100% !important;
}

.u-pull-2\/2 {
  position: relative !important;
  right: 100% !important;
  left: auto !important; /* [1] */
}

.u-1\/3 {
  width: 33.3333333333% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-1\/3 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 33.3333333333% !important;
}

.u-pull-1\/3 {
  position: relative !important;
  right: 33.3333333333% !important;
  left: auto !important; /* [1] */
}

.u-2\/3 {
  width: 66.6666666667% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-2\/3 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 66.6666666667% !important;
}

.u-pull-2\/3 {
  position: relative !important;
  right: 66.6666666667% !important;
  left: auto !important; /* [1] */
}

.u-3\/3 {
  width: 100% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-3\/3 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 100% !important;
}

.u-pull-3\/3 {
  position: relative !important;
  right: 100% !important;
  left: auto !important; /* [1] */
}

.u-1\/4 {
  width: 25% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-1\/4 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 25% !important;
}

.u-pull-1\/4 {
  position: relative !important;
  right: 25% !important;
  left: auto !important; /* [1] */
}

.u-2\/4 {
  width: 50% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-2\/4 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 50% !important;
}

.u-pull-2\/4 {
  position: relative !important;
  right: 50% !important;
  left: auto !important; /* [1] */
}

.u-3\/4 {
  width: 75% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-3\/4 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 75% !important;
}

.u-pull-3\/4 {
  position: relative !important;
  right: 75% !important;
  left: auto !important; /* [1] */
}

.u-4\/4 {
  width: 100% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-4\/4 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 100% !important;
}

.u-pull-4\/4 {
  position: relative !important;
  right: 100% !important;
  left: auto !important; /* [1] */
}

.u-1\/5 {
  width: 20% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-1\/5 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 20% !important;
}

.u-pull-1\/5 {
  position: relative !important;
  right: 20% !important;
  left: auto !important; /* [1] */
}

.u-2\/5 {
  width: 40% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-2\/5 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 40% !important;
}

.u-pull-2\/5 {
  position: relative !important;
  right: 40% !important;
  left: auto !important; /* [1] */
}

.u-3\/5 {
  width: 60% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-3\/5 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 60% !important;
}

.u-pull-3\/5 {
  position: relative !important;
  right: 60% !important;
  left: auto !important; /* [1] */
}

.u-4\/5 {
  width: 80% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-4\/5 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 80% !important;
}

.u-pull-4\/5 {
  position: relative !important;
  right: 80% !important;
  left: auto !important; /* [1] */
}

.u-5\/5 {
  width: 100% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-5\/5 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 100% !important;
}

.u-pull-5\/5 {
  position: relative !important;
  right: 100% !important;
  left: auto !important; /* [1] */
}

.u-1\/6 {
  width: 16.6666666667% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-1\/6 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 16.6666666667% !important;
}

.u-pull-1\/6 {
  position: relative !important;
  right: 16.6666666667% !important;
  left: auto !important; /* [1] */
}

.u-2\/6 {
  width: 33.3333333333% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-2\/6 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 33.3333333333% !important;
}

.u-pull-2\/6 {
  position: relative !important;
  right: 33.3333333333% !important;
  left: auto !important; /* [1] */
}

.u-3\/6 {
  width: 50% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-3\/6 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 50% !important;
}

.u-pull-3\/6 {
  position: relative !important;
  right: 50% !important;
  left: auto !important; /* [1] */
}

.u-4\/6 {
  width: 66.6666666667% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-4\/6 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 66.6666666667% !important;
}

.u-pull-4\/6 {
  position: relative !important;
  right: 66.6666666667% !important;
  left: auto !important; /* [1] */
}

.u-5\/6 {
  width: 83.3333333333% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-5\/6 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 83.3333333333% !important;
}

.u-pull-5\/6 {
  position: relative !important;
  right: 83.3333333333% !important;
  left: auto !important; /* [1] */
}

.u-6\/6 {
  width: 100% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-6\/6 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 100% !important;
}

.u-pull-6\/6 {
  position: relative !important;
  right: 100% !important;
  left: auto !important; /* [1] */
}

.u-1\/7 {
  width: 14.2857142857% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-1\/7 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 14.2857142857% !important;
}

.u-pull-1\/7 {
  position: relative !important;
  right: 14.2857142857% !important;
  left: auto !important; /* [1] */
}

.u-2\/7 {
  width: 28.5714285714% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-2\/7 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 28.5714285714% !important;
}

.u-pull-2\/7 {
  position: relative !important;
  right: 28.5714285714% !important;
  left: auto !important; /* [1] */
}

.u-3\/7 {
  width: 42.8571428571% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-3\/7 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 42.8571428571% !important;
}

.u-pull-3\/7 {
  position: relative !important;
  right: 42.8571428571% !important;
  left: auto !important; /* [1] */
}

.u-4\/7 {
  width: 57.1428571429% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-4\/7 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 57.1428571429% !important;
}

.u-pull-4\/7 {
  position: relative !important;
  right: 57.1428571429% !important;
  left: auto !important; /* [1] */
}

.u-5\/7 {
  width: 71.4285714286% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-5\/7 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 71.4285714286% !important;
}

.u-pull-5\/7 {
  position: relative !important;
  right: 71.4285714286% !important;
  left: auto !important; /* [1] */
}

.u-6\/7 {
  width: 85.7142857143% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-6\/7 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 85.7142857143% !important;
}

.u-pull-6\/7 {
  position: relative !important;
  right: 85.7142857143% !important;
  left: auto !important; /* [1] */
}

.u-7\/7 {
  width: 100% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-7\/7 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 100% !important;
}

.u-pull-7\/7 {
  position: relative !important;
  right: 100% !important;
  left: auto !important; /* [1] */
}

.u-1\/8 {
  width: 12.5% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-1\/8 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 12.5% !important;
}

.u-pull-1\/8 {
  position: relative !important;
  right: 12.5% !important;
  left: auto !important; /* [1] */
}

.u-2\/8 {
  width: 25% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-2\/8 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 25% !important;
}

.u-pull-2\/8 {
  position: relative !important;
  right: 25% !important;
  left: auto !important; /* [1] */
}

.u-3\/8 {
  width: 37.5% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-3\/8 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 37.5% !important;
}

.u-pull-3\/8 {
  position: relative !important;
  right: 37.5% !important;
  left: auto !important; /* [1] */
}

.u-4\/8 {
  width: 50% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-4\/8 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 50% !important;
}

.u-pull-4\/8 {
  position: relative !important;
  right: 50% !important;
  left: auto !important; /* [1] */
}

.u-5\/8 {
  width: 62.5% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-5\/8 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 62.5% !important;
}

.u-pull-5\/8 {
  position: relative !important;
  right: 62.5% !important;
  left: auto !important; /* [1] */
}

.u-6\/8 {
  width: 75% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-6\/8 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 75% !important;
}

.u-pull-6\/8 {
  position: relative !important;
  right: 75% !important;
  left: auto !important; /* [1] */
}

.u-7\/8 {
  width: 87.5% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-7\/8 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 87.5% !important;
}

.u-pull-7\/8 {
  position: relative !important;
  right: 87.5% !important;
  left: auto !important; /* [1] */
}

.u-8\/8 {
  width: 100% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-8\/8 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 100% !important;
}

.u-pull-8\/8 {
  position: relative !important;
  right: 100% !important;
  left: auto !important; /* [1] */
}

.u-1\/9 {
  width: 11.1111111111% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-1\/9 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 11.1111111111% !important;
}

.u-pull-1\/9 {
  position: relative !important;
  right: 11.1111111111% !important;
  left: auto !important; /* [1] */
}

.u-2\/9 {
  width: 22.2222222222% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-2\/9 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 22.2222222222% !important;
}

.u-pull-2\/9 {
  position: relative !important;
  right: 22.2222222222% !important;
  left: auto !important; /* [1] */
}

.u-3\/9 {
  width: 33.3333333333% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-3\/9 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 33.3333333333% !important;
}

.u-pull-3\/9 {
  position: relative !important;
  right: 33.3333333333% !important;
  left: auto !important; /* [1] */
}

.u-4\/9 {
  width: 44.4444444444% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-4\/9 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 44.4444444444% !important;
}

.u-pull-4\/9 {
  position: relative !important;
  right: 44.4444444444% !important;
  left: auto !important; /* [1] */
}

.u-5\/9 {
  width: 55.5555555556% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-5\/9 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 55.5555555556% !important;
}

.u-pull-5\/9 {
  position: relative !important;
  right: 55.5555555556% !important;
  left: auto !important; /* [1] */
}

.u-6\/9 {
  width: 66.6666666667% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-6\/9 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 66.6666666667% !important;
}

.u-pull-6\/9 {
  position: relative !important;
  right: 66.6666666667% !important;
  left: auto !important; /* [1] */
}

.u-7\/9 {
  width: 77.7777777778% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-7\/9 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 77.7777777778% !important;
}

.u-pull-7\/9 {
  position: relative !important;
  right: 77.7777777778% !important;
  left: auto !important; /* [1] */
}

.u-8\/9 {
  width: 88.8888888889% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-8\/9 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 88.8888888889% !important;
}

.u-pull-8\/9 {
  position: relative !important;
  right: 88.8888888889% !important;
  left: auto !important; /* [1] */
}

.u-9\/9 {
  width: 100% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-9\/9 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 100% !important;
}

.u-pull-9\/9 {
  position: relative !important;
  right: 100% !important;
  left: auto !important; /* [1] */
}

.u-1\/10 {
  width: 10% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-1\/10 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 10% !important;
}

.u-pull-1\/10 {
  position: relative !important;
  right: 10% !important;
  left: auto !important; /* [1] */
}

.u-2\/10 {
  width: 20% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-2\/10 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 20% !important;
}

.u-pull-2\/10 {
  position: relative !important;
  right: 20% !important;
  left: auto !important; /* [1] */
}

.u-3\/10 {
  width: 30% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-3\/10 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 30% !important;
}

.u-pull-3\/10 {
  position: relative !important;
  right: 30% !important;
  left: auto !important; /* [1] */
}

.u-4\/10 {
  width: 40% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-4\/10 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 40% !important;
}

.u-pull-4\/10 {
  position: relative !important;
  right: 40% !important;
  left: auto !important; /* [1] */
}

.u-5\/10 {
  width: 50% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-5\/10 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 50% !important;
}

.u-pull-5\/10 {
  position: relative !important;
  right: 50% !important;
  left: auto !important; /* [1] */
}

.u-6\/10 {
  width: 60% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-6\/10 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 60% !important;
}

.u-pull-6\/10 {
  position: relative !important;
  right: 60% !important;
  left: auto !important; /* [1] */
}

.u-7\/10 {
  width: 70% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-7\/10 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 70% !important;
}

.u-pull-7\/10 {
  position: relative !important;
  right: 70% !important;
  left: auto !important; /* [1] */
}

.u-8\/10 {
  width: 80% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-8\/10 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 80% !important;
}

.u-pull-8\/10 {
  position: relative !important;
  right: 80% !important;
  left: auto !important; /* [1] */
}

.u-9\/10 {
  width: 90% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-9\/10 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 90% !important;
}

.u-pull-9\/10 {
  position: relative !important;
  right: 90% !important;
  left: auto !important; /* [1] */
}

.u-10\/10 {
  width: 100% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-10\/10 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 100% !important;
}

.u-pull-10\/10 {
  position: relative !important;
  right: 100% !important;
  left: auto !important; /* [1] */
}

.u-1\/11 {
  width: 9.0909090909% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-1\/11 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 9.0909090909% !important;
}

.u-pull-1\/11 {
  position: relative !important;
  right: 9.0909090909% !important;
  left: auto !important; /* [1] */
}

.u-2\/11 {
  width: 18.1818181818% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-2\/11 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 18.1818181818% !important;
}

.u-pull-2\/11 {
  position: relative !important;
  right: 18.1818181818% !important;
  left: auto !important; /* [1] */
}

.u-3\/11 {
  width: 27.2727272727% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-3\/11 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 27.2727272727% !important;
}

.u-pull-3\/11 {
  position: relative !important;
  right: 27.2727272727% !important;
  left: auto !important; /* [1] */
}

.u-4\/11 {
  width: 36.3636363636% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-4\/11 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 36.3636363636% !important;
}

.u-pull-4\/11 {
  position: relative !important;
  right: 36.3636363636% !important;
  left: auto !important; /* [1] */
}

.u-5\/11 {
  width: 45.4545454545% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-5\/11 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 45.4545454545% !important;
}

.u-pull-5\/11 {
  position: relative !important;
  right: 45.4545454545% !important;
  left: auto !important; /* [1] */
}

.u-6\/11 {
  width: 54.5454545455% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-6\/11 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 54.5454545455% !important;
}

.u-pull-6\/11 {
  position: relative !important;
  right: 54.5454545455% !important;
  left: auto !important; /* [1] */
}

.u-7\/11 {
  width: 63.6363636364% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-7\/11 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 63.6363636364% !important;
}

.u-pull-7\/11 {
  position: relative !important;
  right: 63.6363636364% !important;
  left: auto !important; /* [1] */
}

.u-8\/11 {
  width: 72.7272727273% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-8\/11 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 72.7272727273% !important;
}

.u-pull-8\/11 {
  position: relative !important;
  right: 72.7272727273% !important;
  left: auto !important; /* [1] */
}

.u-9\/11 {
  width: 81.8181818182% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-9\/11 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 81.8181818182% !important;
}

.u-pull-9\/11 {
  position: relative !important;
  right: 81.8181818182% !important;
  left: auto !important; /* [1] */
}

.u-10\/11 {
  width: 90.9090909091% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-10\/11 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 90.9090909091% !important;
}

.u-pull-10\/11 {
  position: relative !important;
  right: 90.9090909091% !important;
  left: auto !important; /* [1] */
}

.u-11\/11 {
  width: 100% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-11\/11 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 100% !important;
}

.u-pull-11\/11 {
  position: relative !important;
  right: 100% !important;
  left: auto !important; /* [1] */
}

.u-1\/12 {
  width: 8.3333333333% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-1\/12 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 8.3333333333% !important;
}

.u-pull-1\/12 {
  position: relative !important;
  right: 8.3333333333% !important;
  left: auto !important; /* [1] */
}

.u-2\/12 {
  width: 16.6666666667% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-2\/12 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 16.6666666667% !important;
}

.u-pull-2\/12 {
  position: relative !important;
  right: 16.6666666667% !important;
  left: auto !important; /* [1] */
}

.u-3\/12 {
  width: 25% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-3\/12 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 25% !important;
}

.u-pull-3\/12 {
  position: relative !important;
  right: 25% !important;
  left: auto !important; /* [1] */
}

.u-4\/12 {
  width: 33.3333333333% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-4\/12 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 33.3333333333% !important;
}

.u-pull-4\/12 {
  position: relative !important;
  right: 33.3333333333% !important;
  left: auto !important; /* [1] */
}

.u-5\/12 {
  width: 41.6666666667% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-5\/12 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 41.6666666667% !important;
}

.u-pull-5\/12 {
  position: relative !important;
  right: 41.6666666667% !important;
  left: auto !important; /* [1] */
}

.u-6\/12 {
  width: 50% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-6\/12 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 50% !important;
}

.u-pull-6\/12 {
  position: relative !important;
  right: 50% !important;
  left: auto !important; /* [1] */
}

.u-7\/12 {
  width: 58.3333333333% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-7\/12 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 58.3333333333% !important;
}

.u-pull-7\/12 {
  position: relative !important;
  right: 58.3333333333% !important;
  left: auto !important; /* [1] */
}

.u-8\/12 {
  width: 66.6666666667% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-8\/12 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 66.6666666667% !important;
}

.u-pull-8\/12 {
  position: relative !important;
  right: 66.6666666667% !important;
  left: auto !important; /* [1] */
}

.u-9\/12 {
  width: 75% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-9\/12 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 75% !important;
}

.u-pull-9\/12 {
  position: relative !important;
  right: 75% !important;
  left: auto !important; /* [1] */
}

.u-10\/12 {
  width: 83.3333333333% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-10\/12 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 83.3333333333% !important;
}

.u-pull-10\/12 {
  position: relative !important;
  right: 83.3333333333% !important;
  left: auto !important; /* [1] */
}

.u-11\/12 {
  width: 91.6666666667% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-11\/12 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 91.6666666667% !important;
}

.u-pull-11\/12 {
  position: relative !important;
  right: 91.6666666667% !important;
  left: auto !important; /* [1] */
}

.u-12\/12 {
  width: 100% !important;
}

/**
 * 1. Reset any leftover or conflicting `left`/`right` values.
 */
.u-push-12\/12 {
  position: relative !important;
  right: auto !important; /* [1] */
  left: 100% !important;
}

.u-pull-12\/12 {
  position: relative !important;
  right: 100% !important;
  left: auto !important; /* [1] */
}

/**
 * If we’re using Sass-MQ, automatically generate grid system(s) for each of our
 * defined breakpoints, and give them a Responsive Suffix, e.g.:
 *
 * <div class="u-3/12@mobile">
 */
@media (min-width: 20em) {
  .u-1\/1\@mobile {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/1\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-1\/1\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/2\@mobile {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/2\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-1\/2\@mobile {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/2\@mobile {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/2\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-2\/2\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/3\@mobile {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/3\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-1\/3\@mobile {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/3\@mobile {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/3\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-2\/3\@mobile {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/3\@mobile {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/3\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-3\/3\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/4\@mobile {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/4\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-1\/4\@mobile {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/4\@mobile {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/4\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-2\/4\@mobile {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/4\@mobile {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/4\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-3\/4\@mobile {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/4\@mobile {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/4\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-4\/4\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/5\@mobile {
    width: 20% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/5\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 20% !important;
  }
  .u-pull-1\/5\@mobile {
    position: relative !important;
    right: 20% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/5\@mobile {
    width: 40% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/5\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 40% !important;
  }
  .u-pull-2\/5\@mobile {
    position: relative !important;
    right: 40% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/5\@mobile {
    width: 60% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/5\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 60% !important;
  }
  .u-pull-3\/5\@mobile {
    position: relative !important;
    right: 60% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/5\@mobile {
    width: 80% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/5\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 80% !important;
  }
  .u-pull-4\/5\@mobile {
    position: relative !important;
    right: 80% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/5\@mobile {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/5\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-5\/5\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/6\@mobile {
    width: 16.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/6\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 16.6666666667% !important;
  }
  .u-pull-1\/6\@mobile {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/6\@mobile {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/6\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-2\/6\@mobile {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/6\@mobile {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/6\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-3\/6\@mobile {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/6\@mobile {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/6\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-4\/6\@mobile {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/6\@mobile {
    width: 83.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/6\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 83.3333333333% !important;
  }
  .u-pull-5\/6\@mobile {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/6\@mobile {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/6\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-6\/6\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/7\@mobile {
    width: 14.2857142857% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/7\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 14.2857142857% !important;
  }
  .u-pull-1\/7\@mobile {
    position: relative !important;
    right: 14.2857142857% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/7\@mobile {
    width: 28.5714285714% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/7\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 28.5714285714% !important;
  }
  .u-pull-2\/7\@mobile {
    position: relative !important;
    right: 28.5714285714% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/7\@mobile {
    width: 42.8571428571% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/7\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 42.8571428571% !important;
  }
  .u-pull-3\/7\@mobile {
    position: relative !important;
    right: 42.8571428571% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/7\@mobile {
    width: 57.1428571429% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/7\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 57.1428571429% !important;
  }
  .u-pull-4\/7\@mobile {
    position: relative !important;
    right: 57.1428571429% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/7\@mobile {
    width: 71.4285714286% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/7\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 71.4285714286% !important;
  }
  .u-pull-5\/7\@mobile {
    position: relative !important;
    right: 71.4285714286% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/7\@mobile {
    width: 85.7142857143% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/7\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 85.7142857143% !important;
  }
  .u-pull-6\/7\@mobile {
    position: relative !important;
    right: 85.7142857143% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/7\@mobile {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/7\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-7\/7\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/8\@mobile {
    width: 12.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/8\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 12.5% !important;
  }
  .u-pull-1\/8\@mobile {
    position: relative !important;
    right: 12.5% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/8\@mobile {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/8\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-2\/8\@mobile {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/8\@mobile {
    width: 37.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/8\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 37.5% !important;
  }
  .u-pull-3\/8\@mobile {
    position: relative !important;
    right: 37.5% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/8\@mobile {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/8\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-4\/8\@mobile {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/8\@mobile {
    width: 62.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/8\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 62.5% !important;
  }
  .u-pull-5\/8\@mobile {
    position: relative !important;
    right: 62.5% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/8\@mobile {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/8\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-6\/8\@mobile {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/8\@mobile {
    width: 87.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/8\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 87.5% !important;
  }
  .u-pull-7\/8\@mobile {
    position: relative !important;
    right: 87.5% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/8\@mobile {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/8\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-8\/8\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/9\@mobile {
    width: 11.1111111111% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/9\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 11.1111111111% !important;
  }
  .u-pull-1\/9\@mobile {
    position: relative !important;
    right: 11.1111111111% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/9\@mobile {
    width: 22.2222222222% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/9\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 22.2222222222% !important;
  }
  .u-pull-2\/9\@mobile {
    position: relative !important;
    right: 22.2222222222% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/9\@mobile {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/9\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-3\/9\@mobile {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/9\@mobile {
    width: 44.4444444444% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/9\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 44.4444444444% !important;
  }
  .u-pull-4\/9\@mobile {
    position: relative !important;
    right: 44.4444444444% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/9\@mobile {
    width: 55.5555555556% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/9\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 55.5555555556% !important;
  }
  .u-pull-5\/9\@mobile {
    position: relative !important;
    right: 55.5555555556% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/9\@mobile {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/9\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-6\/9\@mobile {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/9\@mobile {
    width: 77.7777777778% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/9\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 77.7777777778% !important;
  }
  .u-pull-7\/9\@mobile {
    position: relative !important;
    right: 77.7777777778% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/9\@mobile {
    width: 88.8888888889% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/9\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 88.8888888889% !important;
  }
  .u-pull-8\/9\@mobile {
    position: relative !important;
    right: 88.8888888889% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/9\@mobile {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/9\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-9\/9\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/10\@mobile {
    width: 10% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/10\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 10% !important;
  }
  .u-pull-1\/10\@mobile {
    position: relative !important;
    right: 10% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/10\@mobile {
    width: 20% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/10\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 20% !important;
  }
  .u-pull-2\/10\@mobile {
    position: relative !important;
    right: 20% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/10\@mobile {
    width: 30% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/10\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 30% !important;
  }
  .u-pull-3\/10\@mobile {
    position: relative !important;
    right: 30% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/10\@mobile {
    width: 40% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/10\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 40% !important;
  }
  .u-pull-4\/10\@mobile {
    position: relative !important;
    right: 40% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/10\@mobile {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/10\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-5\/10\@mobile {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/10\@mobile {
    width: 60% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/10\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 60% !important;
  }
  .u-pull-6\/10\@mobile {
    position: relative !important;
    right: 60% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/10\@mobile {
    width: 70% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/10\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 70% !important;
  }
  .u-pull-7\/10\@mobile {
    position: relative !important;
    right: 70% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/10\@mobile {
    width: 80% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/10\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 80% !important;
  }
  .u-pull-8\/10\@mobile {
    position: relative !important;
    right: 80% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/10\@mobile {
    width: 90% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/10\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 90% !important;
  }
  .u-pull-9\/10\@mobile {
    position: relative !important;
    right: 90% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/10\@mobile {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/10\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-10\/10\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/11\@mobile {
    width: 9.0909090909% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/11\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 9.0909090909% !important;
  }
  .u-pull-1\/11\@mobile {
    position: relative !important;
    right: 9.0909090909% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/11\@mobile {
    width: 18.1818181818% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/11\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 18.1818181818% !important;
  }
  .u-pull-2\/11\@mobile {
    position: relative !important;
    right: 18.1818181818% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/11\@mobile {
    width: 27.2727272727% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/11\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 27.2727272727% !important;
  }
  .u-pull-3\/11\@mobile {
    position: relative !important;
    right: 27.2727272727% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/11\@mobile {
    width: 36.3636363636% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/11\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 36.3636363636% !important;
  }
  .u-pull-4\/11\@mobile {
    position: relative !important;
    right: 36.3636363636% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/11\@mobile {
    width: 45.4545454545% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/11\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 45.4545454545% !important;
  }
  .u-pull-5\/11\@mobile {
    position: relative !important;
    right: 45.4545454545% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/11\@mobile {
    width: 54.5454545455% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/11\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 54.5454545455% !important;
  }
  .u-pull-6\/11\@mobile {
    position: relative !important;
    right: 54.5454545455% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/11\@mobile {
    width: 63.6363636364% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/11\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 63.6363636364% !important;
  }
  .u-pull-7\/11\@mobile {
    position: relative !important;
    right: 63.6363636364% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/11\@mobile {
    width: 72.7272727273% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/11\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 72.7272727273% !important;
  }
  .u-pull-8\/11\@mobile {
    position: relative !important;
    right: 72.7272727273% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/11\@mobile {
    width: 81.8181818182% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/11\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 81.8181818182% !important;
  }
  .u-pull-9\/11\@mobile {
    position: relative !important;
    right: 81.8181818182% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/11\@mobile {
    width: 90.9090909091% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/11\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 90.9090909091% !important;
  }
  .u-pull-10\/11\@mobile {
    position: relative !important;
    right: 90.9090909091% !important;
    left: auto !important; /* [1] */
  }
  .u-11\/11\@mobile {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-11\/11\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-11\/11\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/12\@mobile {
    width: 8.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/12\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 8.3333333333% !important;
  }
  .u-pull-1\/12\@mobile {
    position: relative !important;
    right: 8.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/12\@mobile {
    width: 16.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/12\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 16.6666666667% !important;
  }
  .u-pull-2\/12\@mobile {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/12\@mobile {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/12\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-3\/12\@mobile {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/12\@mobile {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/12\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-4\/12\@mobile {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/12\@mobile {
    width: 41.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/12\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 41.6666666667% !important;
  }
  .u-pull-5\/12\@mobile {
    position: relative !important;
    right: 41.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/12\@mobile {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/12\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-6\/12\@mobile {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/12\@mobile {
    width: 58.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/12\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 58.3333333333% !important;
  }
  .u-pull-7\/12\@mobile {
    position: relative !important;
    right: 58.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/12\@mobile {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/12\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-8\/12\@mobile {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/12\@mobile {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/12\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-9\/12\@mobile {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/12\@mobile {
    width: 83.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/12\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 83.3333333333% !important;
  }
  .u-pull-10\/12\@mobile {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-11\/12\@mobile {
    width: 91.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-11\/12\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 91.6666666667% !important;
  }
  .u-pull-11\/12\@mobile {
    position: relative !important;
    right: 91.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-12\/12\@mobile {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-12\/12\@mobile {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-12\/12\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-push-none\@mobile {
    left: auto !important;
  }
  .u-pull-none\@mobile {
    right: auto !important;
  }
}
@media (min-width: 31.25em) {
  .u-1\/1\@phablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/1\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-1\/1\@phablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/2\@phablet {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/2\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-1\/2\@phablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/2\@phablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/2\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-2\/2\@phablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/3\@phablet {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/3\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-1\/3\@phablet {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/3\@phablet {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/3\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-2\/3\@phablet {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/3\@phablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/3\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-3\/3\@phablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/4\@phablet {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/4\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-1\/4\@phablet {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/4\@phablet {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/4\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-2\/4\@phablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/4\@phablet {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/4\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-3\/4\@phablet {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/4\@phablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/4\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-4\/4\@phablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/5\@phablet {
    width: 20% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/5\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 20% !important;
  }
  .u-pull-1\/5\@phablet {
    position: relative !important;
    right: 20% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/5\@phablet {
    width: 40% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/5\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 40% !important;
  }
  .u-pull-2\/5\@phablet {
    position: relative !important;
    right: 40% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/5\@phablet {
    width: 60% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/5\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 60% !important;
  }
  .u-pull-3\/5\@phablet {
    position: relative !important;
    right: 60% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/5\@phablet {
    width: 80% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/5\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 80% !important;
  }
  .u-pull-4\/5\@phablet {
    position: relative !important;
    right: 80% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/5\@phablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/5\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-5\/5\@phablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/6\@phablet {
    width: 16.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/6\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 16.6666666667% !important;
  }
  .u-pull-1\/6\@phablet {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/6\@phablet {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/6\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-2\/6\@phablet {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/6\@phablet {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/6\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-3\/6\@phablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/6\@phablet {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/6\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-4\/6\@phablet {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/6\@phablet {
    width: 83.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/6\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 83.3333333333% !important;
  }
  .u-pull-5\/6\@phablet {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/6\@phablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/6\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-6\/6\@phablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/7\@phablet {
    width: 14.2857142857% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/7\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 14.2857142857% !important;
  }
  .u-pull-1\/7\@phablet {
    position: relative !important;
    right: 14.2857142857% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/7\@phablet {
    width: 28.5714285714% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/7\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 28.5714285714% !important;
  }
  .u-pull-2\/7\@phablet {
    position: relative !important;
    right: 28.5714285714% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/7\@phablet {
    width: 42.8571428571% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/7\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 42.8571428571% !important;
  }
  .u-pull-3\/7\@phablet {
    position: relative !important;
    right: 42.8571428571% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/7\@phablet {
    width: 57.1428571429% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/7\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 57.1428571429% !important;
  }
  .u-pull-4\/7\@phablet {
    position: relative !important;
    right: 57.1428571429% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/7\@phablet {
    width: 71.4285714286% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/7\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 71.4285714286% !important;
  }
  .u-pull-5\/7\@phablet {
    position: relative !important;
    right: 71.4285714286% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/7\@phablet {
    width: 85.7142857143% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/7\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 85.7142857143% !important;
  }
  .u-pull-6\/7\@phablet {
    position: relative !important;
    right: 85.7142857143% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/7\@phablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/7\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-7\/7\@phablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/8\@phablet {
    width: 12.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/8\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 12.5% !important;
  }
  .u-pull-1\/8\@phablet {
    position: relative !important;
    right: 12.5% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/8\@phablet {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/8\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-2\/8\@phablet {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/8\@phablet {
    width: 37.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/8\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 37.5% !important;
  }
  .u-pull-3\/8\@phablet {
    position: relative !important;
    right: 37.5% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/8\@phablet {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/8\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-4\/8\@phablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/8\@phablet {
    width: 62.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/8\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 62.5% !important;
  }
  .u-pull-5\/8\@phablet {
    position: relative !important;
    right: 62.5% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/8\@phablet {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/8\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-6\/8\@phablet {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/8\@phablet {
    width: 87.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/8\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 87.5% !important;
  }
  .u-pull-7\/8\@phablet {
    position: relative !important;
    right: 87.5% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/8\@phablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/8\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-8\/8\@phablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/9\@phablet {
    width: 11.1111111111% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/9\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 11.1111111111% !important;
  }
  .u-pull-1\/9\@phablet {
    position: relative !important;
    right: 11.1111111111% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/9\@phablet {
    width: 22.2222222222% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/9\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 22.2222222222% !important;
  }
  .u-pull-2\/9\@phablet {
    position: relative !important;
    right: 22.2222222222% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/9\@phablet {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/9\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-3\/9\@phablet {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/9\@phablet {
    width: 44.4444444444% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/9\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 44.4444444444% !important;
  }
  .u-pull-4\/9\@phablet {
    position: relative !important;
    right: 44.4444444444% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/9\@phablet {
    width: 55.5555555556% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/9\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 55.5555555556% !important;
  }
  .u-pull-5\/9\@phablet {
    position: relative !important;
    right: 55.5555555556% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/9\@phablet {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/9\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-6\/9\@phablet {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/9\@phablet {
    width: 77.7777777778% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/9\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 77.7777777778% !important;
  }
  .u-pull-7\/9\@phablet {
    position: relative !important;
    right: 77.7777777778% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/9\@phablet {
    width: 88.8888888889% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/9\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 88.8888888889% !important;
  }
  .u-pull-8\/9\@phablet {
    position: relative !important;
    right: 88.8888888889% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/9\@phablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/9\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-9\/9\@phablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/10\@phablet {
    width: 10% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/10\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 10% !important;
  }
  .u-pull-1\/10\@phablet {
    position: relative !important;
    right: 10% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/10\@phablet {
    width: 20% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/10\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 20% !important;
  }
  .u-pull-2\/10\@phablet {
    position: relative !important;
    right: 20% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/10\@phablet {
    width: 30% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/10\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 30% !important;
  }
  .u-pull-3\/10\@phablet {
    position: relative !important;
    right: 30% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/10\@phablet {
    width: 40% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/10\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 40% !important;
  }
  .u-pull-4\/10\@phablet {
    position: relative !important;
    right: 40% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/10\@phablet {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/10\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-5\/10\@phablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/10\@phablet {
    width: 60% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/10\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 60% !important;
  }
  .u-pull-6\/10\@phablet {
    position: relative !important;
    right: 60% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/10\@phablet {
    width: 70% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/10\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 70% !important;
  }
  .u-pull-7\/10\@phablet {
    position: relative !important;
    right: 70% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/10\@phablet {
    width: 80% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/10\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 80% !important;
  }
  .u-pull-8\/10\@phablet {
    position: relative !important;
    right: 80% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/10\@phablet {
    width: 90% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/10\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 90% !important;
  }
  .u-pull-9\/10\@phablet {
    position: relative !important;
    right: 90% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/10\@phablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/10\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-10\/10\@phablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/11\@phablet {
    width: 9.0909090909% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/11\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 9.0909090909% !important;
  }
  .u-pull-1\/11\@phablet {
    position: relative !important;
    right: 9.0909090909% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/11\@phablet {
    width: 18.1818181818% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/11\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 18.1818181818% !important;
  }
  .u-pull-2\/11\@phablet {
    position: relative !important;
    right: 18.1818181818% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/11\@phablet {
    width: 27.2727272727% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/11\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 27.2727272727% !important;
  }
  .u-pull-3\/11\@phablet {
    position: relative !important;
    right: 27.2727272727% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/11\@phablet {
    width: 36.3636363636% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/11\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 36.3636363636% !important;
  }
  .u-pull-4\/11\@phablet {
    position: relative !important;
    right: 36.3636363636% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/11\@phablet {
    width: 45.4545454545% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/11\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 45.4545454545% !important;
  }
  .u-pull-5\/11\@phablet {
    position: relative !important;
    right: 45.4545454545% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/11\@phablet {
    width: 54.5454545455% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/11\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 54.5454545455% !important;
  }
  .u-pull-6\/11\@phablet {
    position: relative !important;
    right: 54.5454545455% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/11\@phablet {
    width: 63.6363636364% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/11\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 63.6363636364% !important;
  }
  .u-pull-7\/11\@phablet {
    position: relative !important;
    right: 63.6363636364% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/11\@phablet {
    width: 72.7272727273% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/11\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 72.7272727273% !important;
  }
  .u-pull-8\/11\@phablet {
    position: relative !important;
    right: 72.7272727273% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/11\@phablet {
    width: 81.8181818182% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/11\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 81.8181818182% !important;
  }
  .u-pull-9\/11\@phablet {
    position: relative !important;
    right: 81.8181818182% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/11\@phablet {
    width: 90.9090909091% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/11\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 90.9090909091% !important;
  }
  .u-pull-10\/11\@phablet {
    position: relative !important;
    right: 90.9090909091% !important;
    left: auto !important; /* [1] */
  }
  .u-11\/11\@phablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-11\/11\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-11\/11\@phablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/12\@phablet {
    width: 8.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/12\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 8.3333333333% !important;
  }
  .u-pull-1\/12\@phablet {
    position: relative !important;
    right: 8.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/12\@phablet {
    width: 16.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/12\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 16.6666666667% !important;
  }
  .u-pull-2\/12\@phablet {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/12\@phablet {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/12\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-3\/12\@phablet {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/12\@phablet {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/12\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-4\/12\@phablet {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/12\@phablet {
    width: 41.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/12\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 41.6666666667% !important;
  }
  .u-pull-5\/12\@phablet {
    position: relative !important;
    right: 41.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/12\@phablet {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/12\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-6\/12\@phablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/12\@phablet {
    width: 58.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/12\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 58.3333333333% !important;
  }
  .u-pull-7\/12\@phablet {
    position: relative !important;
    right: 58.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/12\@phablet {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/12\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-8\/12\@phablet {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/12\@phablet {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/12\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-9\/12\@phablet {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/12\@phablet {
    width: 83.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/12\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 83.3333333333% !important;
  }
  .u-pull-10\/12\@phablet {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-11\/12\@phablet {
    width: 91.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-11\/12\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 91.6666666667% !important;
  }
  .u-pull-11\/12\@phablet {
    position: relative !important;
    right: 91.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-12\/12\@phablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-12\/12\@phablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-12\/12\@phablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-push-none\@phablet {
    left: auto !important;
  }
  .u-pull-none\@phablet {
    right: auto !important;
  }
}
@media (min-width: 46.25em) {
  .u-1\/1\@tablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/1\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-1\/1\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/2\@tablet {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/2\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-1\/2\@tablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/2\@tablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/2\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-2\/2\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/3\@tablet {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/3\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-1\/3\@tablet {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/3\@tablet {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/3\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-2\/3\@tablet {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/3\@tablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/3\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-3\/3\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/4\@tablet {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/4\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-1\/4\@tablet {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/4\@tablet {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/4\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-2\/4\@tablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/4\@tablet {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/4\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-3\/4\@tablet {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/4\@tablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/4\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-4\/4\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/5\@tablet {
    width: 20% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/5\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 20% !important;
  }
  .u-pull-1\/5\@tablet {
    position: relative !important;
    right: 20% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/5\@tablet {
    width: 40% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/5\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 40% !important;
  }
  .u-pull-2\/5\@tablet {
    position: relative !important;
    right: 40% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/5\@tablet {
    width: 60% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/5\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 60% !important;
  }
  .u-pull-3\/5\@tablet {
    position: relative !important;
    right: 60% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/5\@tablet {
    width: 80% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/5\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 80% !important;
  }
  .u-pull-4\/5\@tablet {
    position: relative !important;
    right: 80% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/5\@tablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/5\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-5\/5\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/6\@tablet {
    width: 16.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/6\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 16.6666666667% !important;
  }
  .u-pull-1\/6\@tablet {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/6\@tablet {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/6\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-2\/6\@tablet {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/6\@tablet {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/6\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-3\/6\@tablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/6\@tablet {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/6\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-4\/6\@tablet {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/6\@tablet {
    width: 83.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/6\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 83.3333333333% !important;
  }
  .u-pull-5\/6\@tablet {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/6\@tablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/6\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-6\/6\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/7\@tablet {
    width: 14.2857142857% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/7\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 14.2857142857% !important;
  }
  .u-pull-1\/7\@tablet {
    position: relative !important;
    right: 14.2857142857% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/7\@tablet {
    width: 28.5714285714% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/7\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 28.5714285714% !important;
  }
  .u-pull-2\/7\@tablet {
    position: relative !important;
    right: 28.5714285714% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/7\@tablet {
    width: 42.8571428571% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/7\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 42.8571428571% !important;
  }
  .u-pull-3\/7\@tablet {
    position: relative !important;
    right: 42.8571428571% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/7\@tablet {
    width: 57.1428571429% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/7\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 57.1428571429% !important;
  }
  .u-pull-4\/7\@tablet {
    position: relative !important;
    right: 57.1428571429% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/7\@tablet {
    width: 71.4285714286% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/7\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 71.4285714286% !important;
  }
  .u-pull-5\/7\@tablet {
    position: relative !important;
    right: 71.4285714286% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/7\@tablet {
    width: 85.7142857143% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/7\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 85.7142857143% !important;
  }
  .u-pull-6\/7\@tablet {
    position: relative !important;
    right: 85.7142857143% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/7\@tablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/7\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-7\/7\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/8\@tablet {
    width: 12.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/8\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 12.5% !important;
  }
  .u-pull-1\/8\@tablet {
    position: relative !important;
    right: 12.5% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/8\@tablet {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/8\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-2\/8\@tablet {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/8\@tablet {
    width: 37.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/8\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 37.5% !important;
  }
  .u-pull-3\/8\@tablet {
    position: relative !important;
    right: 37.5% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/8\@tablet {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/8\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-4\/8\@tablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/8\@tablet {
    width: 62.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/8\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 62.5% !important;
  }
  .u-pull-5\/8\@tablet {
    position: relative !important;
    right: 62.5% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/8\@tablet {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/8\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-6\/8\@tablet {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/8\@tablet {
    width: 87.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/8\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 87.5% !important;
  }
  .u-pull-7\/8\@tablet {
    position: relative !important;
    right: 87.5% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/8\@tablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/8\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-8\/8\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/9\@tablet {
    width: 11.1111111111% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/9\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 11.1111111111% !important;
  }
  .u-pull-1\/9\@tablet {
    position: relative !important;
    right: 11.1111111111% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/9\@tablet {
    width: 22.2222222222% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/9\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 22.2222222222% !important;
  }
  .u-pull-2\/9\@tablet {
    position: relative !important;
    right: 22.2222222222% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/9\@tablet {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/9\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-3\/9\@tablet {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/9\@tablet {
    width: 44.4444444444% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/9\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 44.4444444444% !important;
  }
  .u-pull-4\/9\@tablet {
    position: relative !important;
    right: 44.4444444444% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/9\@tablet {
    width: 55.5555555556% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/9\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 55.5555555556% !important;
  }
  .u-pull-5\/9\@tablet {
    position: relative !important;
    right: 55.5555555556% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/9\@tablet {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/9\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-6\/9\@tablet {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/9\@tablet {
    width: 77.7777777778% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/9\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 77.7777777778% !important;
  }
  .u-pull-7\/9\@tablet {
    position: relative !important;
    right: 77.7777777778% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/9\@tablet {
    width: 88.8888888889% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/9\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 88.8888888889% !important;
  }
  .u-pull-8\/9\@tablet {
    position: relative !important;
    right: 88.8888888889% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/9\@tablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/9\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-9\/9\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/10\@tablet {
    width: 10% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/10\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 10% !important;
  }
  .u-pull-1\/10\@tablet {
    position: relative !important;
    right: 10% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/10\@tablet {
    width: 20% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/10\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 20% !important;
  }
  .u-pull-2\/10\@tablet {
    position: relative !important;
    right: 20% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/10\@tablet {
    width: 30% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/10\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 30% !important;
  }
  .u-pull-3\/10\@tablet {
    position: relative !important;
    right: 30% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/10\@tablet {
    width: 40% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/10\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 40% !important;
  }
  .u-pull-4\/10\@tablet {
    position: relative !important;
    right: 40% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/10\@tablet {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/10\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-5\/10\@tablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/10\@tablet {
    width: 60% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/10\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 60% !important;
  }
  .u-pull-6\/10\@tablet {
    position: relative !important;
    right: 60% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/10\@tablet {
    width: 70% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/10\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 70% !important;
  }
  .u-pull-7\/10\@tablet {
    position: relative !important;
    right: 70% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/10\@tablet {
    width: 80% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/10\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 80% !important;
  }
  .u-pull-8\/10\@tablet {
    position: relative !important;
    right: 80% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/10\@tablet {
    width: 90% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/10\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 90% !important;
  }
  .u-pull-9\/10\@tablet {
    position: relative !important;
    right: 90% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/10\@tablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/10\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-10\/10\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/11\@tablet {
    width: 9.0909090909% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/11\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 9.0909090909% !important;
  }
  .u-pull-1\/11\@tablet {
    position: relative !important;
    right: 9.0909090909% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/11\@tablet {
    width: 18.1818181818% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/11\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 18.1818181818% !important;
  }
  .u-pull-2\/11\@tablet {
    position: relative !important;
    right: 18.1818181818% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/11\@tablet {
    width: 27.2727272727% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/11\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 27.2727272727% !important;
  }
  .u-pull-3\/11\@tablet {
    position: relative !important;
    right: 27.2727272727% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/11\@tablet {
    width: 36.3636363636% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/11\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 36.3636363636% !important;
  }
  .u-pull-4\/11\@tablet {
    position: relative !important;
    right: 36.3636363636% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/11\@tablet {
    width: 45.4545454545% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/11\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 45.4545454545% !important;
  }
  .u-pull-5\/11\@tablet {
    position: relative !important;
    right: 45.4545454545% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/11\@tablet {
    width: 54.5454545455% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/11\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 54.5454545455% !important;
  }
  .u-pull-6\/11\@tablet {
    position: relative !important;
    right: 54.5454545455% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/11\@tablet {
    width: 63.6363636364% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/11\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 63.6363636364% !important;
  }
  .u-pull-7\/11\@tablet {
    position: relative !important;
    right: 63.6363636364% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/11\@tablet {
    width: 72.7272727273% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/11\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 72.7272727273% !important;
  }
  .u-pull-8\/11\@tablet {
    position: relative !important;
    right: 72.7272727273% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/11\@tablet {
    width: 81.8181818182% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/11\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 81.8181818182% !important;
  }
  .u-pull-9\/11\@tablet {
    position: relative !important;
    right: 81.8181818182% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/11\@tablet {
    width: 90.9090909091% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/11\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 90.9090909091% !important;
  }
  .u-pull-10\/11\@tablet {
    position: relative !important;
    right: 90.9090909091% !important;
    left: auto !important; /* [1] */
  }
  .u-11\/11\@tablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-11\/11\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-11\/11\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/12\@tablet {
    width: 8.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/12\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 8.3333333333% !important;
  }
  .u-pull-1\/12\@tablet {
    position: relative !important;
    right: 8.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/12\@tablet {
    width: 16.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/12\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 16.6666666667% !important;
  }
  .u-pull-2\/12\@tablet {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/12\@tablet {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/12\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-3\/12\@tablet {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/12\@tablet {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/12\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-4\/12\@tablet {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/12\@tablet {
    width: 41.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/12\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 41.6666666667% !important;
  }
  .u-pull-5\/12\@tablet {
    position: relative !important;
    right: 41.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/12\@tablet {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/12\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-6\/12\@tablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/12\@tablet {
    width: 58.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/12\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 58.3333333333% !important;
  }
  .u-pull-7\/12\@tablet {
    position: relative !important;
    right: 58.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/12\@tablet {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/12\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-8\/12\@tablet {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/12\@tablet {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/12\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-9\/12\@tablet {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/12\@tablet {
    width: 83.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/12\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 83.3333333333% !important;
  }
  .u-pull-10\/12\@tablet {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-11\/12\@tablet {
    width: 91.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-11\/12\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 91.6666666667% !important;
  }
  .u-pull-11\/12\@tablet {
    position: relative !important;
    right: 91.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-12\/12\@tablet {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-12\/12\@tablet {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-12\/12\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-push-none\@tablet {
    left: auto !important;
  }
  .u-pull-none\@tablet {
    right: auto !important;
  }
}
@media (min-width: 61.25em) {
  .u-1\/1\@desktop {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/1\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-1\/1\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/2\@desktop {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/2\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-1\/2\@desktop {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/2\@desktop {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/2\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-2\/2\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/3\@desktop {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/3\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-1\/3\@desktop {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/3\@desktop {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/3\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-2\/3\@desktop {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/3\@desktop {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/3\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-3\/3\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/4\@desktop {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/4\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-1\/4\@desktop {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/4\@desktop {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/4\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-2\/4\@desktop {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/4\@desktop {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/4\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-3\/4\@desktop {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/4\@desktop {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/4\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-4\/4\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/5\@desktop {
    width: 20% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/5\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 20% !important;
  }
  .u-pull-1\/5\@desktop {
    position: relative !important;
    right: 20% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/5\@desktop {
    width: 40% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/5\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 40% !important;
  }
  .u-pull-2\/5\@desktop {
    position: relative !important;
    right: 40% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/5\@desktop {
    width: 60% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/5\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 60% !important;
  }
  .u-pull-3\/5\@desktop {
    position: relative !important;
    right: 60% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/5\@desktop {
    width: 80% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/5\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 80% !important;
  }
  .u-pull-4\/5\@desktop {
    position: relative !important;
    right: 80% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/5\@desktop {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/5\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-5\/5\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/6\@desktop {
    width: 16.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/6\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 16.6666666667% !important;
  }
  .u-pull-1\/6\@desktop {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/6\@desktop {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/6\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-2\/6\@desktop {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/6\@desktop {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/6\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-3\/6\@desktop {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/6\@desktop {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/6\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-4\/6\@desktop {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/6\@desktop {
    width: 83.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/6\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 83.3333333333% !important;
  }
  .u-pull-5\/6\@desktop {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/6\@desktop {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/6\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-6\/6\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/7\@desktop {
    width: 14.2857142857% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/7\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 14.2857142857% !important;
  }
  .u-pull-1\/7\@desktop {
    position: relative !important;
    right: 14.2857142857% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/7\@desktop {
    width: 28.5714285714% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/7\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 28.5714285714% !important;
  }
  .u-pull-2\/7\@desktop {
    position: relative !important;
    right: 28.5714285714% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/7\@desktop {
    width: 42.8571428571% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/7\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 42.8571428571% !important;
  }
  .u-pull-3\/7\@desktop {
    position: relative !important;
    right: 42.8571428571% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/7\@desktop {
    width: 57.1428571429% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/7\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 57.1428571429% !important;
  }
  .u-pull-4\/7\@desktop {
    position: relative !important;
    right: 57.1428571429% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/7\@desktop {
    width: 71.4285714286% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/7\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 71.4285714286% !important;
  }
  .u-pull-5\/7\@desktop {
    position: relative !important;
    right: 71.4285714286% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/7\@desktop {
    width: 85.7142857143% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/7\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 85.7142857143% !important;
  }
  .u-pull-6\/7\@desktop {
    position: relative !important;
    right: 85.7142857143% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/7\@desktop {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/7\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-7\/7\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/8\@desktop {
    width: 12.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/8\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 12.5% !important;
  }
  .u-pull-1\/8\@desktop {
    position: relative !important;
    right: 12.5% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/8\@desktop {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/8\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-2\/8\@desktop {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/8\@desktop {
    width: 37.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/8\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 37.5% !important;
  }
  .u-pull-3\/8\@desktop {
    position: relative !important;
    right: 37.5% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/8\@desktop {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/8\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-4\/8\@desktop {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/8\@desktop {
    width: 62.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/8\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 62.5% !important;
  }
  .u-pull-5\/8\@desktop {
    position: relative !important;
    right: 62.5% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/8\@desktop {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/8\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-6\/8\@desktop {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/8\@desktop {
    width: 87.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/8\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 87.5% !important;
  }
  .u-pull-7\/8\@desktop {
    position: relative !important;
    right: 87.5% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/8\@desktop {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/8\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-8\/8\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/9\@desktop {
    width: 11.1111111111% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/9\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 11.1111111111% !important;
  }
  .u-pull-1\/9\@desktop {
    position: relative !important;
    right: 11.1111111111% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/9\@desktop {
    width: 22.2222222222% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/9\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 22.2222222222% !important;
  }
  .u-pull-2\/9\@desktop {
    position: relative !important;
    right: 22.2222222222% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/9\@desktop {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/9\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-3\/9\@desktop {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/9\@desktop {
    width: 44.4444444444% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/9\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 44.4444444444% !important;
  }
  .u-pull-4\/9\@desktop {
    position: relative !important;
    right: 44.4444444444% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/9\@desktop {
    width: 55.5555555556% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/9\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 55.5555555556% !important;
  }
  .u-pull-5\/9\@desktop {
    position: relative !important;
    right: 55.5555555556% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/9\@desktop {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/9\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-6\/9\@desktop {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/9\@desktop {
    width: 77.7777777778% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/9\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 77.7777777778% !important;
  }
  .u-pull-7\/9\@desktop {
    position: relative !important;
    right: 77.7777777778% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/9\@desktop {
    width: 88.8888888889% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/9\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 88.8888888889% !important;
  }
  .u-pull-8\/9\@desktop {
    position: relative !important;
    right: 88.8888888889% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/9\@desktop {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/9\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-9\/9\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/10\@desktop {
    width: 10% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/10\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 10% !important;
  }
  .u-pull-1\/10\@desktop {
    position: relative !important;
    right: 10% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/10\@desktop {
    width: 20% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/10\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 20% !important;
  }
  .u-pull-2\/10\@desktop {
    position: relative !important;
    right: 20% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/10\@desktop {
    width: 30% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/10\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 30% !important;
  }
  .u-pull-3\/10\@desktop {
    position: relative !important;
    right: 30% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/10\@desktop {
    width: 40% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/10\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 40% !important;
  }
  .u-pull-4\/10\@desktop {
    position: relative !important;
    right: 40% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/10\@desktop {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/10\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-5\/10\@desktop {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/10\@desktop {
    width: 60% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/10\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 60% !important;
  }
  .u-pull-6\/10\@desktop {
    position: relative !important;
    right: 60% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/10\@desktop {
    width: 70% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/10\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 70% !important;
  }
  .u-pull-7\/10\@desktop {
    position: relative !important;
    right: 70% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/10\@desktop {
    width: 80% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/10\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 80% !important;
  }
  .u-pull-8\/10\@desktop {
    position: relative !important;
    right: 80% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/10\@desktop {
    width: 90% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/10\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 90% !important;
  }
  .u-pull-9\/10\@desktop {
    position: relative !important;
    right: 90% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/10\@desktop {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/10\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-10\/10\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/11\@desktop {
    width: 9.0909090909% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/11\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 9.0909090909% !important;
  }
  .u-pull-1\/11\@desktop {
    position: relative !important;
    right: 9.0909090909% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/11\@desktop {
    width: 18.1818181818% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/11\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 18.1818181818% !important;
  }
  .u-pull-2\/11\@desktop {
    position: relative !important;
    right: 18.1818181818% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/11\@desktop {
    width: 27.2727272727% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/11\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 27.2727272727% !important;
  }
  .u-pull-3\/11\@desktop {
    position: relative !important;
    right: 27.2727272727% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/11\@desktop {
    width: 36.3636363636% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/11\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 36.3636363636% !important;
  }
  .u-pull-4\/11\@desktop {
    position: relative !important;
    right: 36.3636363636% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/11\@desktop {
    width: 45.4545454545% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/11\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 45.4545454545% !important;
  }
  .u-pull-5\/11\@desktop {
    position: relative !important;
    right: 45.4545454545% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/11\@desktop {
    width: 54.5454545455% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/11\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 54.5454545455% !important;
  }
  .u-pull-6\/11\@desktop {
    position: relative !important;
    right: 54.5454545455% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/11\@desktop {
    width: 63.6363636364% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/11\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 63.6363636364% !important;
  }
  .u-pull-7\/11\@desktop {
    position: relative !important;
    right: 63.6363636364% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/11\@desktop {
    width: 72.7272727273% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/11\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 72.7272727273% !important;
  }
  .u-pull-8\/11\@desktop {
    position: relative !important;
    right: 72.7272727273% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/11\@desktop {
    width: 81.8181818182% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/11\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 81.8181818182% !important;
  }
  .u-pull-9\/11\@desktop {
    position: relative !important;
    right: 81.8181818182% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/11\@desktop {
    width: 90.9090909091% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/11\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 90.9090909091% !important;
  }
  .u-pull-10\/11\@desktop {
    position: relative !important;
    right: 90.9090909091% !important;
    left: auto !important; /* [1] */
  }
  .u-11\/11\@desktop {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-11\/11\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-11\/11\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/12\@desktop {
    width: 8.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/12\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 8.3333333333% !important;
  }
  .u-pull-1\/12\@desktop {
    position: relative !important;
    right: 8.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/12\@desktop {
    width: 16.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/12\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 16.6666666667% !important;
  }
  .u-pull-2\/12\@desktop {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/12\@desktop {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/12\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-3\/12\@desktop {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/12\@desktop {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/12\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-4\/12\@desktop {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/12\@desktop {
    width: 41.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/12\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 41.6666666667% !important;
  }
  .u-pull-5\/12\@desktop {
    position: relative !important;
    right: 41.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/12\@desktop {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/12\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-6\/12\@desktop {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/12\@desktop {
    width: 58.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/12\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 58.3333333333% !important;
  }
  .u-pull-7\/12\@desktop {
    position: relative !important;
    right: 58.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/12\@desktop {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/12\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-8\/12\@desktop {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/12\@desktop {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/12\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-9\/12\@desktop {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/12\@desktop {
    width: 83.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/12\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 83.3333333333% !important;
  }
  .u-pull-10\/12\@desktop {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-11\/12\@desktop {
    width: 91.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-11\/12\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 91.6666666667% !important;
  }
  .u-pull-11\/12\@desktop {
    position: relative !important;
    right: 91.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-12\/12\@desktop {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-12\/12\@desktop {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-12\/12\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-push-none\@desktop {
    left: auto !important;
  }
  .u-pull-none\@desktop {
    right: auto !important;
  }
}
@media (min-width: 81.25em) {
  .u-1\/1\@wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/1\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-1\/1\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/2\@wide {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/2\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-1\/2\@wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/2\@wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/2\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-2\/2\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/3\@wide {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/3\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-1\/3\@wide {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/3\@wide {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/3\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-2\/3\@wide {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/3\@wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/3\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-3\/3\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/4\@wide {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/4\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-1\/4\@wide {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/4\@wide {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/4\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-2\/4\@wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/4\@wide {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/4\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-3\/4\@wide {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/4\@wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/4\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-4\/4\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/5\@wide {
    width: 20% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/5\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 20% !important;
  }
  .u-pull-1\/5\@wide {
    position: relative !important;
    right: 20% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/5\@wide {
    width: 40% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/5\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 40% !important;
  }
  .u-pull-2\/5\@wide {
    position: relative !important;
    right: 40% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/5\@wide {
    width: 60% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/5\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 60% !important;
  }
  .u-pull-3\/5\@wide {
    position: relative !important;
    right: 60% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/5\@wide {
    width: 80% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/5\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 80% !important;
  }
  .u-pull-4\/5\@wide {
    position: relative !important;
    right: 80% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/5\@wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/5\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-5\/5\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/6\@wide {
    width: 16.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/6\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 16.6666666667% !important;
  }
  .u-pull-1\/6\@wide {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/6\@wide {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/6\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-2\/6\@wide {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/6\@wide {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/6\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-3\/6\@wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/6\@wide {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/6\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-4\/6\@wide {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/6\@wide {
    width: 83.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/6\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 83.3333333333% !important;
  }
  .u-pull-5\/6\@wide {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/6\@wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/6\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-6\/6\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/7\@wide {
    width: 14.2857142857% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/7\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 14.2857142857% !important;
  }
  .u-pull-1\/7\@wide {
    position: relative !important;
    right: 14.2857142857% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/7\@wide {
    width: 28.5714285714% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/7\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 28.5714285714% !important;
  }
  .u-pull-2\/7\@wide {
    position: relative !important;
    right: 28.5714285714% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/7\@wide {
    width: 42.8571428571% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/7\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 42.8571428571% !important;
  }
  .u-pull-3\/7\@wide {
    position: relative !important;
    right: 42.8571428571% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/7\@wide {
    width: 57.1428571429% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/7\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 57.1428571429% !important;
  }
  .u-pull-4\/7\@wide {
    position: relative !important;
    right: 57.1428571429% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/7\@wide {
    width: 71.4285714286% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/7\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 71.4285714286% !important;
  }
  .u-pull-5\/7\@wide {
    position: relative !important;
    right: 71.4285714286% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/7\@wide {
    width: 85.7142857143% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/7\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 85.7142857143% !important;
  }
  .u-pull-6\/7\@wide {
    position: relative !important;
    right: 85.7142857143% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/7\@wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/7\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-7\/7\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/8\@wide {
    width: 12.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/8\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 12.5% !important;
  }
  .u-pull-1\/8\@wide {
    position: relative !important;
    right: 12.5% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/8\@wide {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/8\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-2\/8\@wide {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/8\@wide {
    width: 37.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/8\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 37.5% !important;
  }
  .u-pull-3\/8\@wide {
    position: relative !important;
    right: 37.5% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/8\@wide {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/8\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-4\/8\@wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/8\@wide {
    width: 62.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/8\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 62.5% !important;
  }
  .u-pull-5\/8\@wide {
    position: relative !important;
    right: 62.5% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/8\@wide {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/8\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-6\/8\@wide {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/8\@wide {
    width: 87.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/8\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 87.5% !important;
  }
  .u-pull-7\/8\@wide {
    position: relative !important;
    right: 87.5% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/8\@wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/8\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-8\/8\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/9\@wide {
    width: 11.1111111111% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/9\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 11.1111111111% !important;
  }
  .u-pull-1\/9\@wide {
    position: relative !important;
    right: 11.1111111111% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/9\@wide {
    width: 22.2222222222% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/9\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 22.2222222222% !important;
  }
  .u-pull-2\/9\@wide {
    position: relative !important;
    right: 22.2222222222% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/9\@wide {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/9\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-3\/9\@wide {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/9\@wide {
    width: 44.4444444444% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/9\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 44.4444444444% !important;
  }
  .u-pull-4\/9\@wide {
    position: relative !important;
    right: 44.4444444444% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/9\@wide {
    width: 55.5555555556% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/9\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 55.5555555556% !important;
  }
  .u-pull-5\/9\@wide {
    position: relative !important;
    right: 55.5555555556% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/9\@wide {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/9\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-6\/9\@wide {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/9\@wide {
    width: 77.7777777778% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/9\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 77.7777777778% !important;
  }
  .u-pull-7\/9\@wide {
    position: relative !important;
    right: 77.7777777778% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/9\@wide {
    width: 88.8888888889% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/9\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 88.8888888889% !important;
  }
  .u-pull-8\/9\@wide {
    position: relative !important;
    right: 88.8888888889% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/9\@wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/9\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-9\/9\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/10\@wide {
    width: 10% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/10\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 10% !important;
  }
  .u-pull-1\/10\@wide {
    position: relative !important;
    right: 10% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/10\@wide {
    width: 20% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/10\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 20% !important;
  }
  .u-pull-2\/10\@wide {
    position: relative !important;
    right: 20% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/10\@wide {
    width: 30% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/10\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 30% !important;
  }
  .u-pull-3\/10\@wide {
    position: relative !important;
    right: 30% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/10\@wide {
    width: 40% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/10\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 40% !important;
  }
  .u-pull-4\/10\@wide {
    position: relative !important;
    right: 40% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/10\@wide {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/10\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-5\/10\@wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/10\@wide {
    width: 60% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/10\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 60% !important;
  }
  .u-pull-6\/10\@wide {
    position: relative !important;
    right: 60% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/10\@wide {
    width: 70% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/10\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 70% !important;
  }
  .u-pull-7\/10\@wide {
    position: relative !important;
    right: 70% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/10\@wide {
    width: 80% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/10\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 80% !important;
  }
  .u-pull-8\/10\@wide {
    position: relative !important;
    right: 80% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/10\@wide {
    width: 90% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/10\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 90% !important;
  }
  .u-pull-9\/10\@wide {
    position: relative !important;
    right: 90% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/10\@wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/10\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-10\/10\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/11\@wide {
    width: 9.0909090909% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/11\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 9.0909090909% !important;
  }
  .u-pull-1\/11\@wide {
    position: relative !important;
    right: 9.0909090909% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/11\@wide {
    width: 18.1818181818% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/11\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 18.1818181818% !important;
  }
  .u-pull-2\/11\@wide {
    position: relative !important;
    right: 18.1818181818% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/11\@wide {
    width: 27.2727272727% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/11\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 27.2727272727% !important;
  }
  .u-pull-3\/11\@wide {
    position: relative !important;
    right: 27.2727272727% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/11\@wide {
    width: 36.3636363636% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/11\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 36.3636363636% !important;
  }
  .u-pull-4\/11\@wide {
    position: relative !important;
    right: 36.3636363636% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/11\@wide {
    width: 45.4545454545% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/11\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 45.4545454545% !important;
  }
  .u-pull-5\/11\@wide {
    position: relative !important;
    right: 45.4545454545% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/11\@wide {
    width: 54.5454545455% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/11\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 54.5454545455% !important;
  }
  .u-pull-6\/11\@wide {
    position: relative !important;
    right: 54.5454545455% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/11\@wide {
    width: 63.6363636364% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/11\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 63.6363636364% !important;
  }
  .u-pull-7\/11\@wide {
    position: relative !important;
    right: 63.6363636364% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/11\@wide {
    width: 72.7272727273% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/11\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 72.7272727273% !important;
  }
  .u-pull-8\/11\@wide {
    position: relative !important;
    right: 72.7272727273% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/11\@wide {
    width: 81.8181818182% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/11\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 81.8181818182% !important;
  }
  .u-pull-9\/11\@wide {
    position: relative !important;
    right: 81.8181818182% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/11\@wide {
    width: 90.9090909091% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/11\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 90.9090909091% !important;
  }
  .u-pull-10\/11\@wide {
    position: relative !important;
    right: 90.9090909091% !important;
    left: auto !important; /* [1] */
  }
  .u-11\/11\@wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-11\/11\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-11\/11\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/12\@wide {
    width: 8.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/12\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 8.3333333333% !important;
  }
  .u-pull-1\/12\@wide {
    position: relative !important;
    right: 8.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/12\@wide {
    width: 16.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/12\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 16.6666666667% !important;
  }
  .u-pull-2\/12\@wide {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/12\@wide {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/12\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-3\/12\@wide {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/12\@wide {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/12\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-4\/12\@wide {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/12\@wide {
    width: 41.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/12\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 41.6666666667% !important;
  }
  .u-pull-5\/12\@wide {
    position: relative !important;
    right: 41.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/12\@wide {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/12\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-6\/12\@wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/12\@wide {
    width: 58.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/12\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 58.3333333333% !important;
  }
  .u-pull-7\/12\@wide {
    position: relative !important;
    right: 58.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/12\@wide {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/12\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-8\/12\@wide {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/12\@wide {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/12\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-9\/12\@wide {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/12\@wide {
    width: 83.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/12\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 83.3333333333% !important;
  }
  .u-pull-10\/12\@wide {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-11\/12\@wide {
    width: 91.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-11\/12\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 91.6666666667% !important;
  }
  .u-pull-11\/12\@wide {
    position: relative !important;
    right: 91.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-12\/12\@wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-12\/12\@wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-12\/12\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-push-none\@wide {
    left: auto !important;
  }
  .u-pull-none\@wide {
    right: auto !important;
  }
}
@media (min-width: 87.5em) {
  .u-1\/1\@extra-wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/1\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-1\/1\@extra-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/2\@extra-wide {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/2\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-1\/2\@extra-wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/2\@extra-wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/2\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-2\/2\@extra-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/3\@extra-wide {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/3\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-1\/3\@extra-wide {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/3\@extra-wide {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/3\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-2\/3\@extra-wide {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/3\@extra-wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/3\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-3\/3\@extra-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/4\@extra-wide {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/4\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-1\/4\@extra-wide {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/4\@extra-wide {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/4\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-2\/4\@extra-wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/4\@extra-wide {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/4\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-3\/4\@extra-wide {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/4\@extra-wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/4\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-4\/4\@extra-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/5\@extra-wide {
    width: 20% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/5\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 20% !important;
  }
  .u-pull-1\/5\@extra-wide {
    position: relative !important;
    right: 20% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/5\@extra-wide {
    width: 40% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/5\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 40% !important;
  }
  .u-pull-2\/5\@extra-wide {
    position: relative !important;
    right: 40% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/5\@extra-wide {
    width: 60% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/5\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 60% !important;
  }
  .u-pull-3\/5\@extra-wide {
    position: relative !important;
    right: 60% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/5\@extra-wide {
    width: 80% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/5\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 80% !important;
  }
  .u-pull-4\/5\@extra-wide {
    position: relative !important;
    right: 80% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/5\@extra-wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/5\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-5\/5\@extra-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/6\@extra-wide {
    width: 16.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/6\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 16.6666666667% !important;
  }
  .u-pull-1\/6\@extra-wide {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/6\@extra-wide {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/6\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-2\/6\@extra-wide {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/6\@extra-wide {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/6\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-3\/6\@extra-wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/6\@extra-wide {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/6\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-4\/6\@extra-wide {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/6\@extra-wide {
    width: 83.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/6\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 83.3333333333% !important;
  }
  .u-pull-5\/6\@extra-wide {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/6\@extra-wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/6\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-6\/6\@extra-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/7\@extra-wide {
    width: 14.2857142857% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/7\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 14.2857142857% !important;
  }
  .u-pull-1\/7\@extra-wide {
    position: relative !important;
    right: 14.2857142857% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/7\@extra-wide {
    width: 28.5714285714% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/7\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 28.5714285714% !important;
  }
  .u-pull-2\/7\@extra-wide {
    position: relative !important;
    right: 28.5714285714% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/7\@extra-wide {
    width: 42.8571428571% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/7\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 42.8571428571% !important;
  }
  .u-pull-3\/7\@extra-wide {
    position: relative !important;
    right: 42.8571428571% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/7\@extra-wide {
    width: 57.1428571429% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/7\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 57.1428571429% !important;
  }
  .u-pull-4\/7\@extra-wide {
    position: relative !important;
    right: 57.1428571429% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/7\@extra-wide {
    width: 71.4285714286% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/7\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 71.4285714286% !important;
  }
  .u-pull-5\/7\@extra-wide {
    position: relative !important;
    right: 71.4285714286% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/7\@extra-wide {
    width: 85.7142857143% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/7\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 85.7142857143% !important;
  }
  .u-pull-6\/7\@extra-wide {
    position: relative !important;
    right: 85.7142857143% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/7\@extra-wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/7\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-7\/7\@extra-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/8\@extra-wide {
    width: 12.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/8\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 12.5% !important;
  }
  .u-pull-1\/8\@extra-wide {
    position: relative !important;
    right: 12.5% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/8\@extra-wide {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/8\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-2\/8\@extra-wide {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/8\@extra-wide {
    width: 37.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/8\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 37.5% !important;
  }
  .u-pull-3\/8\@extra-wide {
    position: relative !important;
    right: 37.5% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/8\@extra-wide {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/8\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-4\/8\@extra-wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/8\@extra-wide {
    width: 62.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/8\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 62.5% !important;
  }
  .u-pull-5\/8\@extra-wide {
    position: relative !important;
    right: 62.5% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/8\@extra-wide {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/8\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-6\/8\@extra-wide {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/8\@extra-wide {
    width: 87.5% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/8\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 87.5% !important;
  }
  .u-pull-7\/8\@extra-wide {
    position: relative !important;
    right: 87.5% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/8\@extra-wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/8\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-8\/8\@extra-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/9\@extra-wide {
    width: 11.1111111111% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/9\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 11.1111111111% !important;
  }
  .u-pull-1\/9\@extra-wide {
    position: relative !important;
    right: 11.1111111111% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/9\@extra-wide {
    width: 22.2222222222% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/9\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 22.2222222222% !important;
  }
  .u-pull-2\/9\@extra-wide {
    position: relative !important;
    right: 22.2222222222% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/9\@extra-wide {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/9\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-3\/9\@extra-wide {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/9\@extra-wide {
    width: 44.4444444444% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/9\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 44.4444444444% !important;
  }
  .u-pull-4\/9\@extra-wide {
    position: relative !important;
    right: 44.4444444444% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/9\@extra-wide {
    width: 55.5555555556% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/9\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 55.5555555556% !important;
  }
  .u-pull-5\/9\@extra-wide {
    position: relative !important;
    right: 55.5555555556% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/9\@extra-wide {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/9\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-6\/9\@extra-wide {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/9\@extra-wide {
    width: 77.7777777778% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/9\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 77.7777777778% !important;
  }
  .u-pull-7\/9\@extra-wide {
    position: relative !important;
    right: 77.7777777778% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/9\@extra-wide {
    width: 88.8888888889% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/9\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 88.8888888889% !important;
  }
  .u-pull-8\/9\@extra-wide {
    position: relative !important;
    right: 88.8888888889% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/9\@extra-wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/9\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-9\/9\@extra-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/10\@extra-wide {
    width: 10% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/10\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 10% !important;
  }
  .u-pull-1\/10\@extra-wide {
    position: relative !important;
    right: 10% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/10\@extra-wide {
    width: 20% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/10\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 20% !important;
  }
  .u-pull-2\/10\@extra-wide {
    position: relative !important;
    right: 20% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/10\@extra-wide {
    width: 30% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/10\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 30% !important;
  }
  .u-pull-3\/10\@extra-wide {
    position: relative !important;
    right: 30% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/10\@extra-wide {
    width: 40% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/10\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 40% !important;
  }
  .u-pull-4\/10\@extra-wide {
    position: relative !important;
    right: 40% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/10\@extra-wide {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/10\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-5\/10\@extra-wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/10\@extra-wide {
    width: 60% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/10\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 60% !important;
  }
  .u-pull-6\/10\@extra-wide {
    position: relative !important;
    right: 60% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/10\@extra-wide {
    width: 70% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/10\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 70% !important;
  }
  .u-pull-7\/10\@extra-wide {
    position: relative !important;
    right: 70% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/10\@extra-wide {
    width: 80% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/10\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 80% !important;
  }
  .u-pull-8\/10\@extra-wide {
    position: relative !important;
    right: 80% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/10\@extra-wide {
    width: 90% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/10\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 90% !important;
  }
  .u-pull-9\/10\@extra-wide {
    position: relative !important;
    right: 90% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/10\@extra-wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/10\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-10\/10\@extra-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/11\@extra-wide {
    width: 9.0909090909% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/11\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 9.0909090909% !important;
  }
  .u-pull-1\/11\@extra-wide {
    position: relative !important;
    right: 9.0909090909% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/11\@extra-wide {
    width: 18.1818181818% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/11\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 18.1818181818% !important;
  }
  .u-pull-2\/11\@extra-wide {
    position: relative !important;
    right: 18.1818181818% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/11\@extra-wide {
    width: 27.2727272727% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/11\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 27.2727272727% !important;
  }
  .u-pull-3\/11\@extra-wide {
    position: relative !important;
    right: 27.2727272727% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/11\@extra-wide {
    width: 36.3636363636% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/11\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 36.3636363636% !important;
  }
  .u-pull-4\/11\@extra-wide {
    position: relative !important;
    right: 36.3636363636% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/11\@extra-wide {
    width: 45.4545454545% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/11\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 45.4545454545% !important;
  }
  .u-pull-5\/11\@extra-wide {
    position: relative !important;
    right: 45.4545454545% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/11\@extra-wide {
    width: 54.5454545455% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/11\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 54.5454545455% !important;
  }
  .u-pull-6\/11\@extra-wide {
    position: relative !important;
    right: 54.5454545455% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/11\@extra-wide {
    width: 63.6363636364% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/11\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 63.6363636364% !important;
  }
  .u-pull-7\/11\@extra-wide {
    position: relative !important;
    right: 63.6363636364% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/11\@extra-wide {
    width: 72.7272727273% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/11\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 72.7272727273% !important;
  }
  .u-pull-8\/11\@extra-wide {
    position: relative !important;
    right: 72.7272727273% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/11\@extra-wide {
    width: 81.8181818182% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/11\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 81.8181818182% !important;
  }
  .u-pull-9\/11\@extra-wide {
    position: relative !important;
    right: 81.8181818182% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/11\@extra-wide {
    width: 90.9090909091% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/11\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 90.9090909091% !important;
  }
  .u-pull-10\/11\@extra-wide {
    position: relative !important;
    right: 90.9090909091% !important;
    left: auto !important; /* [1] */
  }
  .u-11\/11\@extra-wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-11\/11\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-11\/11\@extra-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-1\/12\@extra-wide {
    width: 8.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-1\/12\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 8.3333333333% !important;
  }
  .u-pull-1\/12\@extra-wide {
    position: relative !important;
    right: 8.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-2\/12\@extra-wide {
    width: 16.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-2\/12\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 16.6666666667% !important;
  }
  .u-pull-2\/12\@extra-wide {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-3\/12\@extra-wide {
    width: 25% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-3\/12\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 25% !important;
  }
  .u-pull-3\/12\@extra-wide {
    position: relative !important;
    right: 25% !important;
    left: auto !important; /* [1] */
  }
  .u-4\/12\@extra-wide {
    width: 33.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-4\/12\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 33.3333333333% !important;
  }
  .u-pull-4\/12\@extra-wide {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-5\/12\@extra-wide {
    width: 41.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-5\/12\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 41.6666666667% !important;
  }
  .u-pull-5\/12\@extra-wide {
    position: relative !important;
    right: 41.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-6\/12\@extra-wide {
    width: 50% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-6\/12\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 50% !important;
  }
  .u-pull-6\/12\@extra-wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important; /* [1] */
  }
  .u-7\/12\@extra-wide {
    width: 58.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-7\/12\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 58.3333333333% !important;
  }
  .u-pull-7\/12\@extra-wide {
    position: relative !important;
    right: 58.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-8\/12\@extra-wide {
    width: 66.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-8\/12\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 66.6666666667% !important;
  }
  .u-pull-8\/12\@extra-wide {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-9\/12\@extra-wide {
    width: 75% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-9\/12\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 75% !important;
  }
  .u-pull-9\/12\@extra-wide {
    position: relative !important;
    right: 75% !important;
    left: auto !important; /* [1] */
  }
  .u-10\/12\@extra-wide {
    width: 83.3333333333% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-10\/12\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 83.3333333333% !important;
  }
  .u-pull-10\/12\@extra-wide {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important; /* [1] */
  }
  .u-11\/12\@extra-wide {
    width: 91.6666666667% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-11\/12\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 91.6666666667% !important;
  }
  .u-pull-11\/12\@extra-wide {
    position: relative !important;
    right: 91.6666666667% !important;
    left: auto !important; /* [1] */
  }
  .u-12\/12\@extra-wide {
    width: 100% !important;
  }
  /**
   * 1. Reset any leftover or conflicting `left`/`right` values.
   */
  .u-push-12\/12\@extra-wide {
    position: relative !important;
    right: auto !important; /* [1] */
    left: 100% !important;
  }
  .u-pull-12\/12\@extra-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important; /* [1] */
  }
  .u-push-none\@extra-wide {
    left: auto !important;
  }
  .u-pull-none\@extra-wide {
    right: auto !important;
  }
}
/* ==========================================================================
   #HEADINGS
   ========================================================================== */
/**
 * Redefine all of our basic heading styles against utility classes so as to
 * allow for double stranded heading hierarchy, e.g. we semantically need an H2,
 * but we want it to be sized like an H1:
 *
 *   <h2 class="u-h1"></h2>
 *
 */
.u-h1 {
  font-size: 40px !important;
  font-size: 2.2222222222rem !important;
  line-height: 1.2 !important;
}

.u-h2 {
  font-size: 30px !important;
  font-size: 1.6666666667rem !important;
  line-height: 1.2 !important;
}

.u-h3 {
  font-size: 24px !important;
  font-size: 1.3333333333rem !important;
  line-height: 1.25 !important;
}

.u-h4 {
  font-size: 21px !important;
  font-size: 1.1666666667rem !important;
  line-height: 1.4285714286 !important;
}

.u-h5 {
  font-size: 18px !important;
  font-size: 1rem !important;
  line-height: 1.3333333333 !important;
}

.u-h6 {
  font-size: 16px !important;
  font-size: 0.8888888889rem !important;
  line-height: 1.5 !important;
}

/* ==========================================================================
   #SPACINGS
   ========================================================================== */
/**
 * Utility classes to put specific spacing values onto elements. The below loop
 * will generate us a suite of classes like:
 *
 *   .u-margin-top {}
 *   .u-padding-left-large {}
 *   .u-margin-right-small {}
 *   .u-padding {}
 *   .u-padding-right-none {}
 *   .u-padding-horizontal {}
 *   .u-padding-vertical-small {}
 */
.u-padding {
  padding: 30px !important;
}

.u-padding-tiny {
  padding: 6px !important;
}

.u-padding-small {
  padding: 15px !important;
}

.u-padding-large {
  padding: 48px !important;
}

.u-padding-huge {
  padding: 96px !important;
}

.u-padding-none {
  padding: 0 !important;
}

.u-padding-top {
  padding-top: 30px !important;
}

.u-padding-top-tiny {
  padding-top: 6px !important;
}

.u-padding-top-small {
  padding-top: 15px !important;
}

.u-padding-top-large {
  padding-top: 48px !important;
}

.u-padding-top-huge {
  padding-top: 96px !important;
}

.u-padding-top-none {
  padding-top: 0 !important;
}

.u-padding-right {
  padding-right: 30px !important;
}

.u-padding-right-tiny {
  padding-right: 6px !important;
}

.u-padding-right-small {
  padding-right: 15px !important;
}

.u-padding-right-large {
  padding-right: 48px !important;
}

.u-padding-right-huge {
  padding-right: 96px !important;
}

.u-padding-right-none {
  padding-right: 0 !important;
}

.u-padding-bottom {
  padding-bottom: 30px !important;
}

.u-padding-bottom-tiny {
  padding-bottom: 6px !important;
}

.u-padding-bottom-small {
  padding-bottom: 15px !important;
}

.u-padding-bottom-large {
  padding-bottom: 48px !important;
}

.u-padding-bottom-huge {
  padding-bottom: 96px !important;
}

.u-padding-bottom-none {
  padding-bottom: 0 !important;
}

.u-padding-left {
  padding-left: 30px !important;
}

.u-padding-left-tiny {
  padding-left: 6px !important;
}

.u-padding-left-small {
  padding-left: 15px !important;
}

.u-padding-left-large {
  padding-left: 48px !important;
}

.u-padding-left-huge {
  padding-left: 96px !important;
}

.u-padding-left-none {
  padding-left: 0 !important;
}

.u-padding-horizontal {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.u-padding-horizontal-tiny {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.u-padding-horizontal-small {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.u-padding-horizontal-large {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.u-padding-horizontal-huge {
  padding-left: 96px !important;
  padding-right: 96px !important;
}

.u-padding-horizontal-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.u-padding-vertical {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.u-padding-vertical-tiny {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.u-padding-vertical-small {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.u-padding-vertical-large {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.u-padding-vertical-huge {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.u-padding-vertical-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.u-margin {
  margin: 30px !important;
}

.u-margin-tiny {
  margin: 6px !important;
}

.u-margin-small {
  margin: 15px !important;
}

.u-margin-large {
  margin: 48px !important;
}

.u-margin-huge {
  margin: 96px !important;
}

.u-margin-none {
  margin: 0 !important;
}

.u-margin-top {
  margin-top: 30px !important;
}

.u-margin-top-tiny {
  margin-top: 6px !important;
}

.u-margin-top-small {
  margin-top: 15px !important;
}

.u-margin-top-large {
  margin-top: 48px !important;
}

.u-margin-top-huge {
  margin-top: 96px !important;
}

.u-margin-top-none {
  margin-top: 0 !important;
}

.u-margin-right {
  margin-right: 30px !important;
}

.u-margin-right-tiny {
  margin-right: 6px !important;
}

.u-margin-right-small {
  margin-right: 15px !important;
}

.u-margin-right-large {
  margin-right: 48px !important;
}

.u-margin-right-huge {
  margin-right: 96px !important;
}

.u-margin-right-none {
  margin-right: 0 !important;
}

.u-margin-bottom {
  margin-bottom: 30px !important;
}

.u-margin-bottom-tiny {
  margin-bottom: 6px !important;
}

.u-margin-bottom-small {
  margin-bottom: 15px !important;
}

.u-margin-bottom-large {
  margin-bottom: 48px !important;
}

.u-margin-bottom-huge {
  margin-bottom: 96px !important;
}

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

.u-margin-left {
  margin-left: 30px !important;
}

.u-margin-left-tiny {
  margin-left: 6px !important;
}

.u-margin-left-small {
  margin-left: 15px !important;
}

.u-margin-left-large {
  margin-left: 48px !important;
}

.u-margin-left-huge {
  margin-left: 96px !important;
}

.u-margin-left-none {
  margin-left: 0 !important;
}

.u-margin-horizontal {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.u-margin-horizontal-tiny {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.u-margin-horizontal-small {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.u-margin-horizontal-large {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.u-margin-horizontal-huge {
  margin-left: 96px !important;
  margin-right: 96px !important;
}

.u-margin-horizontal-none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.u-margin-vertical {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.u-margin-vertical-tiny {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.u-margin-vertical-small {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.u-margin-vertical-large {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.u-margin-vertical-huge {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.u-margin-vertical-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ==========================================================================
   #PRINT
   ========================================================================== */
/**
 * Very crude, reset-like styles taken from the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/5.3.0/dist/doc/css.md#print-styles
 * https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css#L205-L282
 */
@media print {
  /**
   * 1. Black prints faster: http://www.sanbeiji.com/archives/953
   */
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important; /* [1] */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /**
   * Don’t show links that are fragment identifiers, or use the `javascript:`
   * pseudo protocol.
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /**
   * Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ==========================================================================
   #HIDE
   ========================================================================== */
/**
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.u-hidden-visually {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

/**
 * Hide visually and from screen readers.
 */
.u-hidden {
  display: none !important;
}

/* ==========================================================================
   #V-CENTERED
   ========================================================================== */
.u-v-centered {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  resize: vertical;
}

.u-v-centered__child {
  display: block;
  position: relative;
  top: auto;
  transform: translateY(0);
  resize: vertical;
}

.no-flexbox .u-v-centered {
  height: 100%;
  display: table;
}

.no-flexbox .u-v-centered__child {
  display: table-cell;
  vertical-align: middle;
}

/* ==========================================================================
   #H-CENTERED
   ========================================================================== */
.u-h-centered {
  margin-left: auto;
  margin-right: auto;
}

/* ==========================================================================
   #POSITION
   ========================================================================== */
.u-position-fixed {
  position: fixed;
}

.u-position-absolute {
  position: absolute;
}

.u-position-relative {
  position: relative;
}

.u-position-static {
  position: static;
}

.u-position-sticky {
  position: sticky;
}

.u-position-top-1px {
  top: 1px;
}

.u-position-top-2px {
  top: 2px;
}

.u-position-top-3px {
  top: 3px;
}

.u-position-top-5px {
  top: 5px;
}

.u-position-top-6px {
  top: 6px;
}

.u-position-bottom-0px {
  bottom: 0px !important;
}

.u-position-left-2px {
  left: 2px;
}

/* ==========================================================================
   #TYPOGRAPHY
   ========================================================================== */
/* Weights
   ========================================================================== */
.u-text-regular {
  font-weight: 400;
}

.u-text-semibold {
  font-weight: 600;
}

.u-text-bold {
  font-weight: 700;
}

/* Families
   ========================================================================== */
.u-text-ui {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif !important;
}

/* Colours
   ========================================================================== */
.u-text-color-primary {
  color: #0f0f0f !important;
}

.u-text-color-primary-light {
  color: #808080 !important;
}

.u-text-color-secondary {
  color: #862327 !important;
}

.u-text-color-secondary-light {
  color: #da7277 !important;
}

.u-text-color-accent-secondary {
  color: #22874F !important;
}

.u-text-color-base-light {
  color: #F1F1F6 !important;
}

.u-text-color-base-ultra-light {
  color: #FBFBFB !important;
}

.u-text-color-white {
  color: #FFF !important;
}

.u-text-color-base-medium {
  color: #D8D8D8;
}

.u-text-color-base-dark {
  color: #3c3c3c;
}

/* Alignment
   ========================================================================== */
.u-text-align-right {
  text-align: right;
}

.u-text-align-left {
  text-align: left;
}

.u-text-align-center {
  text-align: center;
}

/* Styles
   ========================================================================== */
.u-text-normal {
  font-style: normal;
}

.u-text-italic {
  font-style: italic;
}

.u-text-lead {
  color: #0f0f0f;
  font-weight: 600;
  font-size: 1.167rem;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

/* Styles
   ========================================================================== */
.u-text-shadow-light {
  text-shadow: 0px 0px 8px #000;
}

.u-text-shadow-medium {
  text-shadow: 0 0px 10px #000;
}

.u-text-shadow-deep {
  text-shadow: 0px 0px 30px #000;
}

/* Transforms
   ========================================================================== */
.u-text-uppercase {
  text-transform: uppercase;
}

.u-text-capitalize {
  text-transform: capitalize;
}

/* Links
   ========================================================================== */
.u-text-link-underline-hover {
  text-decoration: none;
}
.u-text-link-underline-hover:hover {
  text-decoration: underline;
}

.u-text-link-underline-hover-none {
  text-decoration: underline;
}
.u-text-link-underline-hover-none:hover {
  text-decoration: none;
}

/* Sizes
   ========================================================================== */
.u-text-size-0 {
  font-size: 0;
}

.u-text-size-14 {
  font-size: 14px;
  font-size: 0.7777777778rem;
  line-height: 1.7142857143;
}

.u-text-size-15 {
  font-size: 15px;
  font-size: 0.8333333333rem;
  line-height: 1.6;
}

.u-text-size-16 {
  font-size: 16px;
  font-size: 0.8888888889rem;
  line-height: 1.5;
}

/* Line Hights
   ========================================================================== */
.u-text-line-height-35 {
  line-height: 35px;
}

.u-text-line-height-20 {
  line-height: 20px;
}

/* UI
   ========================================================================== */
.u-text-error {
  color: #d80009;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

@media (min-width: 20em) {
  .u-text-align-left\@mobile {
    text-align: left !important;
  }
  .u-text-align-right\@mobile {
    text-align: right !important;
  }
  .u-text-align-center\@mobile {
    text-align: center !important;
  }
}
@media (min-width: 31.25em) {
  .u-text-align-left\@phablet {
    text-align: left !important;
  }
  .u-text-align-right\@phablet {
    text-align: right !important;
  }
  .u-text-align-center\@phablet {
    text-align: center !important;
  }
}
@media (min-width: 46.25em) {
  .u-text-align-left\@tablet {
    text-align: left !important;
  }
  .u-text-align-right\@tablet {
    text-align: right !important;
  }
  .u-text-align-center\@tablet {
    text-align: center !important;
  }
}
@media (min-width: 61.25em) {
  .u-text-align-left\@desktop {
    text-align: left !important;
  }
  .u-text-align-right\@desktop {
    text-align: right !important;
  }
  .u-text-align-center\@desktop {
    text-align: center !important;
  }
}
@media (min-width: 81.25em) {
  .u-text-align-left\@wide {
    text-align: left !important;
  }
  .u-text-align-right\@wide {
    text-align: right !important;
  }
  .u-text-align-center\@wide {
    text-align: center !important;
  }
}
@media (min-width: 87.5em) {
  .u-text-align-left\@extra-wide {
    text-align: left !important;
  }
  .u-text-align-right\@extra-wide {
    text-align: right !important;
  }
  .u-text-align-center\@extra-wide {
    text-align: center !important;
  }
}
/* ==========================================================================
   #OVERFLOW
   ========================================================================== */
.u-overflow-visible {
  overflow: visible;
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-overflow-scroll {
  overflow: scroll;
}

.u-overflow-scroll {
  overflow: scroll;
}

.u-overflow-initial {
  overflow: initial;
}

.u-overflow-inherit {
  overflow: inherit;
}

/* ==========================================================================
   #BACKGROUND COLORS
   ========================================================================== */
.u-bc-white {
  background-color: #FFFFFF;
}

.u-bc-brand-primary {
  background-color: #0f0f0f;
}

.u-bc-brand-primary-light {
  background-color: #808080;
}

.u-bc-base-ultra-light {
  background-color: #FBFBFB;
}

.u-bc-base-lighter {
  background-color: rgb(249, 250, 251);
}

.u-bc-base-light {
  background-color: #F1F1F6;
}

.u-bc-base-extra-dark {
  background-color: #272727;
}

.u-bc-base-extra-dark-opaque-80 {
  background-color: rgba(39, 39, 39, 0.8);
}

.u-bc-base-medium {
  background-color: #D8D8D8;
}

.u-bc-base-medium-light {
  background-color: #EFF0F3;
}

.u-bc-accent-tertriary {
  background-color: #0d2761;
}

.u-bc-accent-tertriary-light {
  background-color: #2c49a1;
}

.u-bc-black {
  background-color: rgb(0, 0, 0);
}

.u-bc-black-opaque {
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.65);
}

.u-bc-admin-bar {
  background-color: #252d37;
}

.u-bc-uv-grey {
  background-color: #212121;
}

/* ==========================================================================
   #FLEX
   ========================================================================== */
.u-flex-wrap {
  flex-wrap: wrap;
}

.u-flex-grow {
  flex-grow: 1;
}

.u-flex-shrink-0 {
  flex-shrink: 0;
}

.u-flex-justify-flex-start {
  justify-content: flex-start !important;
}

.u-flex-justify-flex-end {
  justify-content: flex-end !important;
}

.u-flex-justify-center {
  justify-content: center !important;
}

.u-flex-justify-space-between {
  justify-content: space-between !important;
}

.u-flex-justify-space-around {
  justify-content: space-around !important;
}

.u-flex-justify-space-evenly {
  justify-content: space-evenly !important;
}

.u-flex-items-flex-start {
  align-items: flex-start !important;
}

.u-flex-items-flex-end {
  align-items: flex-end !important;
}

.u-flex-items-center {
  align-items: center !important;
}

.u-flex-items-baseline {
  align-items: baseline !important;
}

.u-flex-items-stretch {
  align-items: stretch !important;
}

.u-flex-content-flex-start {
  align-content: flex-start !important;
}

.u-flex-content-flex-end {
  align-content: flex-end !important;
}

.u-flex-content-center {
  align-content: center !important;
}

.u-flex-content-space-between {
  align-content: space-between !important;
}

.u-flex-content-space-around {
  align-content: space-around !important;
}

.u-flex-content-stretch {
  align-content: stretch !important;
}

.u-flex-align-self-start {
  align-self: start !important;
}

.u-flex-direction-row {
  flex-direction: row !important;
}

.u-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.u-flex-direction-column {
  flex-direction: column !important;
}

.u-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

@media (min-width: 20em) {
  .u-flex-direction-row\@mobile {
    flex-direction: row !important;
  }
  .u-flex-direction-row-reverse\@mobile {
    flex-direction: row-reverse !important;
  }
  .u-flex-direction-column\@mobile {
    flex-direction: column !important;
  }
  .u-flex-direction-column-reverse\@mobile {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 31.25em) {
  .u-flex-direction-row\@phablet {
    flex-direction: row !important;
  }
  .u-flex-direction-row-reverse\@phablet {
    flex-direction: row-reverse !important;
  }
  .u-flex-direction-column\@phablet {
    flex-direction: column !important;
  }
  .u-flex-direction-column-reverse\@phablet {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 46.25em) {
  .u-flex-direction-row\@tablet {
    flex-direction: row !important;
  }
  .u-flex-direction-row-reverse\@tablet {
    flex-direction: row-reverse !important;
  }
  .u-flex-direction-column\@tablet {
    flex-direction: column !important;
  }
  .u-flex-direction-column-reverse\@tablet {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 61.25em) {
  .u-flex-direction-row\@desktop {
    flex-direction: row !important;
  }
  .u-flex-direction-row-reverse\@desktop {
    flex-direction: row-reverse !important;
  }
  .u-flex-direction-column\@desktop {
    flex-direction: column !important;
  }
  .u-flex-direction-column-reverse\@desktop {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 81.25em) {
  .u-flex-direction-row\@wide {
    flex-direction: row !important;
  }
  .u-flex-direction-row-reverse\@wide {
    flex-direction: row-reverse !important;
  }
  .u-flex-direction-column\@wide {
    flex-direction: column !important;
  }
  .u-flex-direction-column-reverse\@wide {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 87.5em) {
  .u-flex-direction-row\@extra-wide {
    flex-direction: row !important;
  }
  .u-flex-direction-row-reverse\@extra-wide {
    flex-direction: row-reverse !important;
  }
  .u-flex-direction-column\@extra-wide {
    flex-direction: column !important;
  }
  .u-flex-direction-column-reverse\@extra-wide {
    flex-direction: column-reverse !important;
  }
}
/* ==========================================================================
   #FLOAT
   ========================================================================== */
.u-float-none {
  float: none !important;
}

.u-clear-none {
  clear: none !important;
}

.u-float-left {
  float: left !important;
}

.u-clear-left {
  clear: left !important;
}

.u-float-right {
  float: right !important;
}

.u-clear-right {
  clear: right !important;
}

.u-float-initial {
  float: initial !important;
}

.u-clear-initial {
  clear: initial !important;
}

.u-float-inherit {
  float: inherit !important;
}

.u-clear-inherit {
  clear: inherit !important;
}

@media (min-width: 20em) {
  .u-float-none\@mobile {
    float: none !important;
  }
  .u-clear-none\@mobile {
    clear: none !important;
  }
  .u-float-left\@mobile {
    float: left !important;
  }
  .u-clear-left\@mobile {
    clear: left !important;
  }
  .u-float-right\@mobile {
    float: right !important;
  }
  .u-clear-right\@mobile {
    clear: right !important;
  }
  .u-float-initial\@mobile {
    float: initial !important;
  }
  .u-clear-initial\@mobile {
    clear: initial !important;
  }
  .u-float-inherit\@mobile {
    float: inherit !important;
  }
  .u-clear-inherit\@mobile {
    clear: inherit !important;
  }
}
@media (min-width: 31.25em) {
  .u-float-none\@phablet {
    float: none !important;
  }
  .u-clear-none\@phablet {
    clear: none !important;
  }
  .u-float-left\@phablet {
    float: left !important;
  }
  .u-clear-left\@phablet {
    clear: left !important;
  }
  .u-float-right\@phablet {
    float: right !important;
  }
  .u-clear-right\@phablet {
    clear: right !important;
  }
  .u-float-initial\@phablet {
    float: initial !important;
  }
  .u-clear-initial\@phablet {
    clear: initial !important;
  }
  .u-float-inherit\@phablet {
    float: inherit !important;
  }
  .u-clear-inherit\@phablet {
    clear: inherit !important;
  }
}
@media (min-width: 46.25em) {
  .u-float-none\@tablet {
    float: none !important;
  }
  .u-clear-none\@tablet {
    clear: none !important;
  }
  .u-float-left\@tablet {
    float: left !important;
  }
  .u-clear-left\@tablet {
    clear: left !important;
  }
  .u-float-right\@tablet {
    float: right !important;
  }
  .u-clear-right\@tablet {
    clear: right !important;
  }
  .u-float-initial\@tablet {
    float: initial !important;
  }
  .u-clear-initial\@tablet {
    clear: initial !important;
  }
  .u-float-inherit\@tablet {
    float: inherit !important;
  }
  .u-clear-inherit\@tablet {
    clear: inherit !important;
  }
}
@media (min-width: 61.25em) {
  .u-float-none\@desktop {
    float: none !important;
  }
  .u-clear-none\@desktop {
    clear: none !important;
  }
  .u-float-left\@desktop {
    float: left !important;
  }
  .u-clear-left\@desktop {
    clear: left !important;
  }
  .u-float-right\@desktop {
    float: right !important;
  }
  .u-clear-right\@desktop {
    clear: right !important;
  }
  .u-float-initial\@desktop {
    float: initial !important;
  }
  .u-clear-initial\@desktop {
    clear: initial !important;
  }
  .u-float-inherit\@desktop {
    float: inherit !important;
  }
  .u-clear-inherit\@desktop {
    clear: inherit !important;
  }
}
@media (min-width: 81.25em) {
  .u-float-none\@wide {
    float: none !important;
  }
  .u-clear-none\@wide {
    clear: none !important;
  }
  .u-float-left\@wide {
    float: left !important;
  }
  .u-clear-left\@wide {
    clear: left !important;
  }
  .u-float-right\@wide {
    float: right !important;
  }
  .u-clear-right\@wide {
    clear: right !important;
  }
  .u-float-initial\@wide {
    float: initial !important;
  }
  .u-clear-initial\@wide {
    clear: initial !important;
  }
  .u-float-inherit\@wide {
    float: inherit !important;
  }
  .u-clear-inherit\@wide {
    clear: inherit !important;
  }
}
@media (min-width: 87.5em) {
  .u-float-none\@extra-wide {
    float: none !important;
  }
  .u-clear-none\@extra-wide {
    clear: none !important;
  }
  .u-float-left\@extra-wide {
    float: left !important;
  }
  .u-clear-left\@extra-wide {
    clear: left !important;
  }
  .u-float-right\@extra-wide {
    float: right !important;
  }
  .u-clear-right\@extra-wide {
    clear: right !important;
  }
  .u-float-initial\@extra-wide {
    float: initial !important;
  }
  .u-clear-initial\@extra-wide {
    clear: initial !important;
  }
  .u-float-inherit\@extra-wide {
    float: inherit !important;
  }
  .u-clear-inherit\@extra-wide {
    clear: inherit !important;
  }
}
/* ==========================================================================
   #DISPLAY
   ========================================================================== */
.u-d-inline {
  display: inline;
}

.u-d-block {
  display: block;
}

.u-d-flex {
  display: flex;
}

.u-d-inline-block {
  display: inline-block;
}

.u-d-inline-flex {
  display: inline-flex;
}

.u-d-list-item {
  display: list-item;
}

.u-d-run-in {
  display: run-in;
}

.u-d-table {
  display: table;
}

.u-d-table-caption {
  display: table-caption;
}

.u-d-table-column-group {
  display: table-column-group;
}

.u-d-table-header-group {
  display: table-header-group;
}

.u-d-table-footer-group {
  display: table-footer-group;
}

.u-d-table-row-group {
  display: table-row-group;
}

.u-d-table-cell {
  display: table-cell;
}

.u-d-table-column {
  display: table-column;
}

.u-d-table-row {
  display: table-row;
}

.u-d-none {
  display: none;
}

.u-d-initial {
  display: initial;
}

.u-d-inherit {
  display: inherit;
}

/* ==========================================================================
   #BORDER
   ========================================================================== */
.u-border {
  border-style: solid;
}

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

.u-border-top {
  border-top-style: solid;
}

.u-border-right {
  border-right-style: solid;
}

.u-border-bottom {
  border-bottom-style: solid;
}

.u-border-left {
  border-left-style: solid;
}

.u-border-bottom-3 {
  border-bottom-width: 3px;
}

.u-border-bottom-color-base-dark {
  border-bottom-color: #3c3c3c;
}

.u-border-bottom-color-secondary {
  border-bottom-color: #C33339;
}

.u-border-bottom-color-accent-secondary {
  border-bottom-color: #22874F;
}

/* ==========================================================================
   #BORDER-RADIUS
   ========================================================================== */
.u-br-none {
  border-radius: 0px;
}

.u-br {
  border-radius: 5px;
}

.u-br-20px {
  border-radius: 20px;
}

.u-br-rounded-full {
  border-radius: 50%;
}

/* ==========================================================================
   #OPACITY
   ========================================================================== */
.u-opacity-50 {
  opacity: 0.5;
}

.u-opacity-75 {
  opacity: 0.75;
}

/* ==========================================================================
   #TEXT-TRANSFORM
   ========================================================================== */
.u-tt-none {
  text-transform: none;
}

.u-tt-capitalize {
  text-transform: capitalize;
}

.u-tt-uppercase {
  text-transform: uppercase;
}

.u-tt-lowercase {
  text-transform: lowercase;
}

.u-tt-initial {
  text-transform: initial;
}

.u-tt-inherit {
  text-transform: inherit;
}

/* ==========================================================================
   #OBJECT FIT
   ========================================================================== */
.no-js .u-object-fit {
  background-color: #D8D8D8;
}
.no-js .u-object-fit .u-object-fit__img {
  display: none;
}

.u-object-fit .u-object-fit__img, .u-object-fit > img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.u-object-fit--compat {
  background-size: cover;
}
.u-object-fit--compat > img {
  display: none;
}

/* ==========================================================================
   #SPACINGS
   ========================================================================== */
/* ======================================
   #MARGIN
   ====================================== */
.u-margin-auto-x {
  margin-left: auto;
  margin-right: auto;
}

/*
   MARGIN TOP
*/
.u-margin-top-20px {
  margin-top: 20px;
}

.u-margin-top-auto {
  margin-top: auto;
}

/*
   MARGIN RIGHT
*/
.u-margin-right-5px {
  margin-right: 5px;
}

.u-margin-right-7px {
  margin-right: 7px;
}

/*
   MARGIN LEFT
*/
.u-margin-left-10px {
  margin-left: 10px;
}

.u-margin-left-5px {
  margin-left: 5px;
}

/* ======================================
   #PADDING
   ====================================== */
.u-padding-y-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}

.u-padding-x-15px {
  padding-left: 15px;
  padding-right: 15px;
}

/* ==========================================================================
   #RESPONSIVE-SPACINGS
   ========================================================================== */
/**
 * Utility classes enhancing the normal spacing classes by adding responsiveness
 * to them. By default this brings us the following classes:
 *
 *   .u-margin-bottom-none@mobile {}
 *   .u-margin-bottom-none@tablet {}
 *   .u-margin-bottom-none@desktop {}
 *   .u-margin-bottom-none@wide {}
 *
 * But we can affect the classes that get generated by altering the appropriate
 * Sass maps below.
 */
/* stylelint-disable string-quotes, max-nesting-depth */
@media (min-width: 20em) {
  .u-padding-left-none\@mobile {
    padding-left: 0 !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-left-none\@phablet {
    padding-left: 0 !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-left-none\@tablet {
    padding-left: 0 !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-left-none\@desktop {
    padding-left: 0 !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-left-none\@wide {
    padding-left: 0 !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-left-none\@extra-wide {
    padding-left: 0 !important;
  }
}
@media (min-width: 20em) {
  .u-padding-left-s\@mobile {
    padding-left: 15px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-left-s\@phablet {
    padding-left: 15px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-left-s\@tablet {
    padding-left: 15px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-left-s\@desktop {
    padding-left: 15px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-left-s\@wide {
    padding-left: 15px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-left-s\@extra-wide {
    padding-left: 15px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-left-m\@mobile {
    padding-left: 30px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-left-m\@phablet {
    padding-left: 30px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-left-m\@tablet {
    padding-left: 30px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-left-m\@desktop {
    padding-left: 30px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-left-m\@wide {
    padding-left: 30px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-left-m\@extra-wide {
    padding-left: 30px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-left-l\@mobile {
    padding-left: 48px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-left-l\@phablet {
    padding-left: 48px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-left-l\@tablet {
    padding-left: 48px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-left-l\@desktop {
    padding-left: 48px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-left-l\@wide {
    padding-left: 48px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-left-l\@extra-wide {
    padding-left: 48px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-left-xl\@mobile {
    padding-left: 135px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-left-xl\@phablet {
    padding-left: 135px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-left-xl\@tablet {
    padding-left: 135px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-left-xl\@desktop {
    padding-left: 135px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-left-xl\@wide {
    padding-left: 135px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-left-xl\@extra-wide {
    padding-left: 135px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-left-20\@mobile {
    padding-left: 20px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-left-20\@phablet {
    padding-left: 20px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-left-20\@tablet {
    padding-left: 20px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-left-20\@desktop {
    padding-left: 20px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-left-20\@wide {
    padding-left: 20px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-left-20\@extra-wide {
    padding-left: 20px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-right-none\@mobile {
    padding-right: 0 !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-right-none\@phablet {
    padding-right: 0 !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-right-none\@tablet {
    padding-right: 0 !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-right-none\@desktop {
    padding-right: 0 !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-right-none\@wide {
    padding-right: 0 !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-right-none\@extra-wide {
    padding-right: 0 !important;
  }
}
@media (min-width: 20em) {
  .u-padding-right-s\@mobile {
    padding-right: 15px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-right-s\@phablet {
    padding-right: 15px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-right-s\@tablet {
    padding-right: 15px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-right-s\@desktop {
    padding-right: 15px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-right-s\@wide {
    padding-right: 15px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-right-s\@extra-wide {
    padding-right: 15px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-right-m\@mobile {
    padding-right: 30px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-right-m\@phablet {
    padding-right: 30px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-right-m\@tablet {
    padding-right: 30px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-right-m\@desktop {
    padding-right: 30px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-right-m\@wide {
    padding-right: 30px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-right-m\@extra-wide {
    padding-right: 30px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-right-l\@mobile {
    padding-right: 48px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-right-l\@phablet {
    padding-right: 48px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-right-l\@tablet {
    padding-right: 48px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-right-l\@desktop {
    padding-right: 48px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-right-l\@wide {
    padding-right: 48px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-right-l\@extra-wide {
    padding-right: 48px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-right-xl\@mobile {
    padding-right: 135px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-right-xl\@phablet {
    padding-right: 135px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-right-xl\@tablet {
    padding-right: 135px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-right-xl\@desktop {
    padding-right: 135px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-right-xl\@wide {
    padding-right: 135px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-right-xl\@extra-wide {
    padding-right: 135px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-right-20\@mobile {
    padding-right: 20px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-right-20\@phablet {
    padding-right: 20px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-right-20\@tablet {
    padding-right: 20px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-right-20\@desktop {
    padding-right: 20px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-right-20\@wide {
    padding-right: 20px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-right-20\@extra-wide {
    padding-right: 20px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-bottom-none\@mobile {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-bottom-none\@phablet {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-bottom-none\@tablet {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-bottom-none\@desktop {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-bottom-none\@wide {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-bottom-none\@extra-wide {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 20em) {
  .u-padding-bottom-s\@mobile {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-bottom-s\@phablet {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-bottom-s\@tablet {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-bottom-s\@desktop {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-bottom-s\@wide {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-bottom-s\@extra-wide {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-bottom-m\@mobile {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-bottom-m\@phablet {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-bottom-m\@tablet {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-bottom-m\@desktop {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-bottom-m\@wide {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-bottom-m\@extra-wide {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-bottom-l\@mobile {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-bottom-l\@phablet {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-bottom-l\@tablet {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-bottom-l\@desktop {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-bottom-l\@wide {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-bottom-l\@extra-wide {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-bottom-xl\@mobile {
    padding-bottom: 135px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-bottom-xl\@phablet {
    padding-bottom: 135px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-bottom-xl\@tablet {
    padding-bottom: 135px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-bottom-xl\@desktop {
    padding-bottom: 135px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-bottom-xl\@wide {
    padding-bottom: 135px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-bottom-xl\@extra-wide {
    padding-bottom: 135px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-bottom-20\@mobile {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-bottom-20\@phablet {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-bottom-20\@tablet {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-bottom-20\@desktop {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-bottom-20\@wide {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-bottom-20\@extra-wide {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-top-none\@mobile {
    padding-top: 0 !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-top-none\@phablet {
    padding-top: 0 !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-top-none\@tablet {
    padding-top: 0 !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-top-none\@desktop {
    padding-top: 0 !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-top-none\@wide {
    padding-top: 0 !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-top-none\@extra-wide {
    padding-top: 0 !important;
  }
}
@media (min-width: 20em) {
  .u-padding-top-s\@mobile {
    padding-top: 15px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-top-s\@phablet {
    padding-top: 15px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-top-s\@tablet {
    padding-top: 15px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-top-s\@desktop {
    padding-top: 15px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-top-s\@wide {
    padding-top: 15px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-top-s\@extra-wide {
    padding-top: 15px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-top-m\@mobile {
    padding-top: 30px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-top-m\@phablet {
    padding-top: 30px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-top-m\@tablet {
    padding-top: 30px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-top-m\@desktop {
    padding-top: 30px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-top-m\@wide {
    padding-top: 30px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-top-m\@extra-wide {
    padding-top: 30px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-top-l\@mobile {
    padding-top: 48px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-top-l\@phablet {
    padding-top: 48px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-top-l\@tablet {
    padding-top: 48px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-top-l\@desktop {
    padding-top: 48px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-top-l\@wide {
    padding-top: 48px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-top-l\@extra-wide {
    padding-top: 48px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-top-xl\@mobile {
    padding-top: 135px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-top-xl\@phablet {
    padding-top: 135px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-top-xl\@tablet {
    padding-top: 135px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-top-xl\@desktop {
    padding-top: 135px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-top-xl\@wide {
    padding-top: 135px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-top-xl\@extra-wide {
    padding-top: 135px !important;
  }
}
@media (min-width: 20em) {
  .u-padding-top-20\@mobile {
    padding-top: 20px !important;
  }
}
@media (min-width: 31.25em) {
  .u-padding-top-20\@phablet {
    padding-top: 20px !important;
  }
}
@media (min-width: 46.25em) {
  .u-padding-top-20\@tablet {
    padding-top: 20px !important;
  }
}
@media (min-width: 61.25em) {
  .u-padding-top-20\@desktop {
    padding-top: 20px !important;
  }
}
@media (min-width: 81.25em) {
  .u-padding-top-20\@wide {
    padding-top: 20px !important;
  }
}
@media (min-width: 87.5em) {
  .u-padding-top-20\@extra-wide {
    padding-top: 20px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-left-none\@mobile {
    margin-left: 0 !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-left-none\@phablet {
    margin-left: 0 !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-left-none\@tablet {
    margin-left: 0 !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-left-none\@desktop {
    margin-left: 0 !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-left-none\@wide {
    margin-left: 0 !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-left-none\@extra-wide {
    margin-left: 0 !important;
  }
}
@media (min-width: 20em) {
  .u-margin-left-s\@mobile {
    margin-left: 15px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-left-s\@phablet {
    margin-left: 15px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-left-s\@tablet {
    margin-left: 15px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-left-s\@desktop {
    margin-left: 15px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-left-s\@wide {
    margin-left: 15px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-left-s\@extra-wide {
    margin-left: 15px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-left-m\@mobile {
    margin-left: 30px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-left-m\@phablet {
    margin-left: 30px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-left-m\@tablet {
    margin-left: 30px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-left-m\@desktop {
    margin-left: 30px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-left-m\@wide {
    margin-left: 30px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-left-m\@extra-wide {
    margin-left: 30px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-left-l\@mobile {
    margin-left: 48px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-left-l\@phablet {
    margin-left: 48px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-left-l\@tablet {
    margin-left: 48px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-left-l\@desktop {
    margin-left: 48px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-left-l\@wide {
    margin-left: 48px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-left-l\@extra-wide {
    margin-left: 48px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-left-xl\@mobile {
    margin-left: 135px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-left-xl\@phablet {
    margin-left: 135px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-left-xl\@tablet {
    margin-left: 135px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-left-xl\@desktop {
    margin-left: 135px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-left-xl\@wide {
    margin-left: 135px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-left-xl\@extra-wide {
    margin-left: 135px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-left-20\@mobile {
    margin-left: 20px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-left-20\@phablet {
    margin-left: 20px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-left-20\@tablet {
    margin-left: 20px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-left-20\@desktop {
    margin-left: 20px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-left-20\@wide {
    margin-left: 20px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-left-20\@extra-wide {
    margin-left: 20px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-right-none\@mobile {
    margin-right: 0 !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-right-none\@phablet {
    margin-right: 0 !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-right-none\@tablet {
    margin-right: 0 !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-right-none\@desktop {
    margin-right: 0 !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-right-none\@wide {
    margin-right: 0 !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-right-none\@extra-wide {
    margin-right: 0 !important;
  }
}
@media (min-width: 20em) {
  .u-margin-right-s\@mobile {
    margin-right: 15px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-right-s\@phablet {
    margin-right: 15px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-right-s\@tablet {
    margin-right: 15px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-right-s\@desktop {
    margin-right: 15px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-right-s\@wide {
    margin-right: 15px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-right-s\@extra-wide {
    margin-right: 15px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-right-m\@mobile {
    margin-right: 30px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-right-m\@phablet {
    margin-right: 30px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-right-m\@tablet {
    margin-right: 30px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-right-m\@desktop {
    margin-right: 30px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-right-m\@wide {
    margin-right: 30px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-right-m\@extra-wide {
    margin-right: 30px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-right-l\@mobile {
    margin-right: 48px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-right-l\@phablet {
    margin-right: 48px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-right-l\@tablet {
    margin-right: 48px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-right-l\@desktop {
    margin-right: 48px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-right-l\@wide {
    margin-right: 48px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-right-l\@extra-wide {
    margin-right: 48px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-right-xl\@mobile {
    margin-right: 135px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-right-xl\@phablet {
    margin-right: 135px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-right-xl\@tablet {
    margin-right: 135px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-right-xl\@desktop {
    margin-right: 135px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-right-xl\@wide {
    margin-right: 135px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-right-xl\@extra-wide {
    margin-right: 135px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-right-20\@mobile {
    margin-right: 20px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-right-20\@phablet {
    margin-right: 20px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-right-20\@tablet {
    margin-right: 20px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-right-20\@desktop {
    margin-right: 20px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-right-20\@wide {
    margin-right: 20px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-right-20\@extra-wide {
    margin-right: 20px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-bottom-none\@mobile {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-bottom-none\@phablet {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-bottom-none\@tablet {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-bottom-none\@desktop {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-bottom-none\@wide {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-bottom-none\@extra-wide {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 20em) {
  .u-margin-bottom-s\@mobile {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-bottom-s\@phablet {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-bottom-s\@tablet {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-bottom-s\@desktop {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-bottom-s\@wide {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-bottom-s\@extra-wide {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-bottom-m\@mobile {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-bottom-m\@phablet {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-bottom-m\@tablet {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-bottom-m\@desktop {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-bottom-m\@wide {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-bottom-m\@extra-wide {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-bottom-l\@mobile {
    margin-bottom: 48px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-bottom-l\@phablet {
    margin-bottom: 48px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-bottom-l\@tablet {
    margin-bottom: 48px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-bottom-l\@desktop {
    margin-bottom: 48px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-bottom-l\@wide {
    margin-bottom: 48px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-bottom-l\@extra-wide {
    margin-bottom: 48px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-bottom-xl\@mobile {
    margin-bottom: 135px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-bottom-xl\@phablet {
    margin-bottom: 135px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-bottom-xl\@tablet {
    margin-bottom: 135px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-bottom-xl\@desktop {
    margin-bottom: 135px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-bottom-xl\@wide {
    margin-bottom: 135px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-bottom-xl\@extra-wide {
    margin-bottom: 135px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-bottom-20\@mobile {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-bottom-20\@phablet {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-bottom-20\@tablet {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-bottom-20\@desktop {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-bottom-20\@wide {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-bottom-20\@extra-wide {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-top-none\@mobile {
    margin-top: 0 !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-top-none\@phablet {
    margin-top: 0 !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-top-none\@tablet {
    margin-top: 0 !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-top-none\@desktop {
    margin-top: 0 !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-top-none\@wide {
    margin-top: 0 !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-top-none\@extra-wide {
    margin-top: 0 !important;
  }
}
@media (min-width: 20em) {
  .u-margin-top-s\@mobile {
    margin-top: 15px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-top-s\@phablet {
    margin-top: 15px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-top-s\@tablet {
    margin-top: 15px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-top-s\@desktop {
    margin-top: 15px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-top-s\@wide {
    margin-top: 15px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-top-s\@extra-wide {
    margin-top: 15px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-top-m\@mobile {
    margin-top: 30px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-top-m\@phablet {
    margin-top: 30px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-top-m\@tablet {
    margin-top: 30px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-top-m\@desktop {
    margin-top: 30px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-top-m\@wide {
    margin-top: 30px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-top-m\@extra-wide {
    margin-top: 30px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-top-l\@mobile {
    margin-top: 48px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-top-l\@phablet {
    margin-top: 48px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-top-l\@tablet {
    margin-top: 48px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-top-l\@desktop {
    margin-top: 48px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-top-l\@wide {
    margin-top: 48px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-top-l\@extra-wide {
    margin-top: 48px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-top-xl\@mobile {
    margin-top: 135px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-top-xl\@phablet {
    margin-top: 135px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-top-xl\@tablet {
    margin-top: 135px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-top-xl\@desktop {
    margin-top: 135px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-top-xl\@wide {
    margin-top: 135px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-top-xl\@extra-wide {
    margin-top: 135px !important;
  }
}
@media (min-width: 20em) {
  .u-margin-top-20\@mobile {
    margin-top: 20px !important;
  }
}
@media (min-width: 31.25em) {
  .u-margin-top-20\@phablet {
    margin-top: 20px !important;
  }
}
@media (min-width: 46.25em) {
  .u-margin-top-20\@tablet {
    margin-top: 20px !important;
  }
}
@media (min-width: 61.25em) {
  .u-margin-top-20\@desktop {
    margin-top: 20px !important;
  }
}
@media (min-width: 81.25em) {
  .u-margin-top-20\@wide {
    margin-top: 20px !important;
  }
}
@media (min-width: 87.5em) {
  .u-margin-top-20\@extra-wide {
    margin-top: 20px !important;
  }
}
/* stylelint-enable string-quotes, max-nesting-depth */
/* ==========================================================================
   #RESPONSIVE-TEXT-ALIGN
   ========================================================================== */
.u-text-align-center {
  text-align: center !important;
}

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

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

@media (min-width: 20em) {
  .u-text-align-center\@mobile {
    text-align: center !important;
  }
  .u-text-align-left\@mobile {
    text-align: left !important;
  }
  .u-text-align-right\@mobile {
    text-align: right !important;
  }
}
@media (min-width: 31.25em) {
  .u-text-align-center\@phablet {
    text-align: center !important;
  }
  .u-text-align-left\@phablet {
    text-align: left !important;
  }
  .u-text-align-right\@phablet {
    text-align: right !important;
  }
}
@media (min-width: 46.25em) {
  .u-text-align-center\@tablet {
    text-align: center !important;
  }
  .u-text-align-left\@tablet {
    text-align: left !important;
  }
  .u-text-align-right\@tablet {
    text-align: right !important;
  }
}
@media (min-width: 61.25em) {
  .u-text-align-center\@desktop {
    text-align: center !important;
  }
  .u-text-align-left\@desktop {
    text-align: left !important;
  }
  .u-text-align-right\@desktop {
    text-align: right !important;
  }
}
@media (min-width: 81.25em) {
  .u-text-align-center\@wide {
    text-align: center !important;
  }
  .u-text-align-left\@wide {
    text-align: left !important;
  }
  .u-text-align-right\@wide {
    text-align: right !important;
  }
}
@media (min-width: 87.5em) {
  .u-text-align-center\@extra-wide {
    text-align: center !important;
  }
  .u-text-align-left\@extra-wide {
    text-align: left !important;
  }
  .u-text-align-right\@extra-wide {
    text-align: right !important;
  }
}
/* ==========================================================================
   #RESPONSIVE-DISPLAY
   ========================================================================== */
.u-d-block {
  display: block !important;
}

.u-d-inline-block {
  display: inline-block !important;
}

.u-d-none {
  display: none !important;
}

@media (min-width: 20em) {
  .u-d-block\@mobile {
    display: block !important;
  }
  .u-d-inline-block\@mobile {
    display: inline-block !important;
  }
  .u-d-none\@mobile {
    display: none !important;
  }
}
@media (min-width: 31.25em) {
  .u-d-block\@phablet {
    display: block !important;
  }
  .u-d-inline-block\@phablet {
    display: inline-block !important;
  }
  .u-d-none\@phablet {
    display: none !important;
  }
}
@media (min-width: 46.25em) {
  .u-d-block\@tablet {
    display: block !important;
  }
  .u-d-inline-block\@tablet {
    display: inline-block !important;
  }
  .u-d-none\@tablet {
    display: none !important;
  }
}
@media (min-width: 61.25em) {
  .u-d-block\@desktop {
    display: block !important;
  }
  .u-d-inline-block\@desktop {
    display: inline-block !important;
  }
  .u-d-none\@desktop {
    display: none !important;
  }
}
@media (min-width: 81.25em) {
  .u-d-block\@wide {
    display: block !important;
  }
  .u-d-inline-block\@wide {
    display: inline-block !important;
  }
  .u-d-none\@wide {
    display: none !important;
  }
}
@media (min-width: 87.5em) {
  .u-d-block\@extra-wide {
    display: block !important;
  }
  .u-d-inline-block\@extra-wide {
    display: inline-block !important;
  }
  .u-d-none\@extra-wide {
    display: none !important;
  }
}
/* ==========================================================================
   #TYPOGRAPHY
   ========================================================================== */
.u-visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/* ==========================================================================
   #READ-MORE
   ========================================================================== */
.u-read-more {
  position: relative;
}

.u-read-more__item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.u-read-more__item.is-selected {
  z-index: 1;
}

.u-read-more__item--full {
  opacity: 0;
}

/* ==========================================================================
   #BORDER
   ========================================================================== */
.u-border {
  border-style: solid;
}

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

.u-border-top {
  border-top-style: solid;
}

.u-border-right {
  border-right-style: solid;
}

.u-border-bottom {
  border-bottom-style: solid;
}

.u-border-left {
  border-left-style: solid;
}

.u-border-bottom-3 {
  border-bottom-width: 3px;
}

.u-border-bottom-color-base-dark {
  border-bottom-color: #3c3c3c;
}

.u-border-bottom-color-secondary {
  border-bottom-color: #C33339;
}

.u-border-bottom-color-accent-secondary {
  border-bottom-color: #22874F;
}

/* ==========================================================================
   #FLEX
   ========================================================================== */
.u-flex-wrap {
  flex-wrap: wrap;
}

.u-flex-grow {
  flex-grow: 1;
}

.u-flex-shrink-0 {
  flex-shrink: 0;
}

.u-flex-justify-flex-start {
  justify-content: flex-start !important;
}

.u-flex-justify-flex-end {
  justify-content: flex-end !important;
}

.u-flex-justify-center {
  justify-content: center !important;
}

.u-flex-justify-space-between {
  justify-content: space-between !important;
}

.u-flex-justify-space-around {
  justify-content: space-around !important;
}

.u-flex-justify-space-evenly {
  justify-content: space-evenly !important;
}

.u-flex-items-flex-start {
  align-items: flex-start !important;
}

.u-flex-items-flex-end {
  align-items: flex-end !important;
}

.u-flex-items-center {
  align-items: center !important;
}

.u-flex-items-baseline {
  align-items: baseline !important;
}

.u-flex-items-stretch {
  align-items: stretch !important;
}

.u-flex-content-flex-start {
  align-content: flex-start !important;
}

.u-flex-content-flex-end {
  align-content: flex-end !important;
}

.u-flex-content-center {
  align-content: center !important;
}

.u-flex-content-space-between {
  align-content: space-between !important;
}

.u-flex-content-space-around {
  align-content: space-around !important;
}

.u-flex-content-stretch {
  align-content: stretch !important;
}

.u-flex-align-self-start {
  align-self: start !important;
}

.u-flex-direction-row {
  flex-direction: row !important;
}

.u-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.u-flex-direction-column {
  flex-direction: column !important;
}

.u-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

@media (min-width: 20em) {
  .u-flex-direction-row\@mobile {
    flex-direction: row !important;
  }
  .u-flex-direction-row-reverse\@mobile {
    flex-direction: row-reverse !important;
  }
  .u-flex-direction-column\@mobile {
    flex-direction: column !important;
  }
  .u-flex-direction-column-reverse\@mobile {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 31.25em) {
  .u-flex-direction-row\@phablet {
    flex-direction: row !important;
  }
  .u-flex-direction-row-reverse\@phablet {
    flex-direction: row-reverse !important;
  }
  .u-flex-direction-column\@phablet {
    flex-direction: column !important;
  }
  .u-flex-direction-column-reverse\@phablet {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 46.25em) {
  .u-flex-direction-row\@tablet {
    flex-direction: row !important;
  }
  .u-flex-direction-row-reverse\@tablet {
    flex-direction: row-reverse !important;
  }
  .u-flex-direction-column\@tablet {
    flex-direction: column !important;
  }
  .u-flex-direction-column-reverse\@tablet {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 61.25em) {
  .u-flex-direction-row\@desktop {
    flex-direction: row !important;
  }
  .u-flex-direction-row-reverse\@desktop {
    flex-direction: row-reverse !important;
  }
  .u-flex-direction-column\@desktop {
    flex-direction: column !important;
  }
  .u-flex-direction-column-reverse\@desktop {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 81.25em) {
  .u-flex-direction-row\@wide {
    flex-direction: row !important;
  }
  .u-flex-direction-row-reverse\@wide {
    flex-direction: row-reverse !important;
  }
  .u-flex-direction-column\@wide {
    flex-direction: column !important;
  }
  .u-flex-direction-column-reverse\@wide {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 87.5em) {
  .u-flex-direction-row\@extra-wide {
    flex-direction: row !important;
  }
  .u-flex-direction-row-reverse\@extra-wide {
    flex-direction: row-reverse !important;
  }
  .u-flex-direction-column\@extra-wide {
    flex-direction: column !important;
  }
  .u-flex-direction-column-reverse\@extra-wide {
    flex-direction: column-reverse !important;
  }
}
/* ==========================================================================
   #BOX SHADOW
   ========================================================================== */
.u-box-shadow {
  box-shadow: 0px 3px 5px rgba(204, 204, 204, 0.43);
}

/* ==========================================================================
   #MAX WIDTH
   ========================================================================== */
.u-max-width-100px {
  max-width: 100px !important;
}

.u-max-width-500px {
  max-width: 500px !important;
}

.u-max-width-600px {
  max-width: 600px !important;
}

.u-max-width-900px {
  max-width: 900px !important;
}

.u-max-width-1200px {
  max-width: 1200px !important;
}

.u-w-60px {
  width: 60px;
}

.h-full {
  height: 100%;
}

.h-auto {
  height: auto;
}

.u-h-60px {
  height: 60px;
}

/* ==========================================================================
   #TYPOGRAPHY
   ========================================================================== */
.u-z-index-1 {
  z-index: 1;
}

.tippy-touch {
  cursor: pointer !important;
}

.tippy-notransition {
  transition: none !important;
}

.tippy-popper {
  max-width: 350px;
  perspective: 700px;
  z-index: 9999;
  outline: 0;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none;
  line-height: 1.4;
}

.tippy-popper[data-html] {
  max-width: 96%;
  max-width: calc(100% - 20px);
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
  border-radius: 40% 40% 0 0;
}

.tippy-popper[x-placement^=top] .tippy-roundarrow {
  bottom: -8px;
  transform-origin: 50% 0;
}

.tippy-popper[x-placement^=top] .tippy-roundarrow svg {
  position: absolute;
  left: 0;
  transform: rotate(180deg);
}

.tippy-popper[x-placement^=top] .tippy-arrow {
  border-top: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  bottom: -7px;
  margin: 0 6px;
  transform-origin: 50% 0;
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
  transform-origin: 0 90%;
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
  transform: scale(6) translate(-50%, 25%);
  opacity: 1;
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
  transform: scale(1) translate(-50%, 25%);
  opacity: 0;
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  transform: translateY(-10px);
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  transform: translateY(-20px);
}

.tippy-popper[x-placement^=top] [data-animation=perspective] {
  transform-origin: bottom;
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  transform: translateY(-10px) rotateX(0);
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  transform: translateY(0) rotateX(90deg);
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
  opacity: 1;
  transform: translateY(-10px);
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  transform: translateY(-10px);
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  transform: translateY(-10px);
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  transform: translateY(0);
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
  opacity: 1;
  transform: translateY(-10px) scale(1);
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  transform: translateY(0) scale(0);
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
  border-radius: 0 0 30% 30%;
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow {
  top: -8px;
  transform-origin: 50% 100%;
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
  position: absolute;
  left: 0;
  transform: rotate(0);
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
  border-bottom: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  top: -7px;
  margin: 0 6px;
  transform-origin: 50% 100%;
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
  transform-origin: 0 -90%;
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
  transform: scale(6) translate(-50%, -125%);
  opacity: 1;
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
  transform: scale(1) translate(-50%, -125%);
  opacity: 0;
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  transform: translateY(10px);
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  transform: translateY(20px);
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
  transform-origin: top;
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  transform: translateY(10px) rotateX(0);
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  transform: translateY(0) rotateX(-90deg);
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
  opacity: 1;
  transform: translateY(10px);
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  transform: translateY(10px);
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  transform: translateY(10px);
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  transform: translateY(0);
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
  opacity: 1;
  transform: translateY(10px) scale(1);
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  transform: translateY(0) scale(0);
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
  border-radius: 50% 0 0 50%;
}

.tippy-popper[x-placement^=left] .tippy-roundarrow {
  right: -16px;
  transform-origin: 33.33333333% 50%;
}

.tippy-popper[x-placement^=left] .tippy-roundarrow svg {
  position: absolute;
  left: 0;
  transform: rotate(90deg);
}

.tippy-popper[x-placement^=left] .tippy-arrow {
  border-left: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  right: -7px;
  margin: 3px 0;
  transform-origin: 0 50%;
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
  transform-origin: 100% 0;
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
  transform: scale(6) translate(40%, -50%);
  opacity: 1;
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
  transform: scale(1.5) translate(40%, -50%);
  opacity: 0;
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  transform: translateX(-10px);
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  transform: translateX(-20px);
}

.tippy-popper[x-placement^=left] [data-animation=perspective] {
  transform-origin: right;
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  transform: translateX(-10px) rotateY(0);
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  transform: translateX(0) rotateY(-90deg);
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
  opacity: 1;
  transform: translateX(-10px);
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  transform: translateX(-10px);
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  transform: translateX(-10px);
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  transform: translateX(0);
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
  opacity: 1;
  transform: translateX(-10px) scale(1);
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  transform: translateX(0) scale(0);
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
  border-radius: 0 50% 50% 0;
}

.tippy-popper[x-placement^=right] .tippy-roundarrow {
  left: -16px;
  transform-origin: 66.66666666% 50%;
}

.tippy-popper[x-placement^=right] .tippy-roundarrow svg {
  position: absolute;
  left: 0;
  transform: rotate(-90deg);
}

.tippy-popper[x-placement^=right] .tippy-arrow {
  border-right: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  left: -7px;
  margin: 3px 0;
  transform-origin: 100% 50%;
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
  transform-origin: -100% 0;
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
  transform: scale(6) translate(-140%, -50%);
  opacity: 1;
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
  transform: scale(1.5) translate(-140%, -50%);
  opacity: 0;
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  transform: translateX(10px);
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  transform: translateX(20px);
}

.tippy-popper[x-placement^=right] [data-animation=perspective] {
  transform-origin: left;
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  transform: translateX(10px) rotateY(0);
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  transform: translateX(0) rotateY(90deg);
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
  opacity: 1;
  transform: translateX(10px);
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  transform: translateX(10px);
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  transform: translateX(10px);
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  transform: translateX(0);
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
  opacity: 1;
  transform: translateX(10px) scale(1);
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  transform: translateX(0) scale(0);
}

.tippy-tooltip {
  position: relative;
  color: #fff;
  border-radius: 4px;
  font-size: 0.9rem;
  padding: 0.3rem 0.6rem;
  text-align: center;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #333;
}

.tippy-tooltip[data-size=small] {
  padding: 0.2rem 0.4rem;
  font-size: 0.75rem;
}

.tippy-tooltip[data-size=large] {
  padding: 0.4rem 0.8rem;
  font-size: 1rem;
}

.tippy-tooltip[data-animatefill] {
  overflow: hidden;
  background-color: transparent;
}

.tippy-tooltip[data-animatefill] .tippy-content {
  transition: -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
  transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
  transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98), -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
}

.tippy-tooltip[data-interactive], .tippy-tooltip[data-interactive] path {
  pointer-events: auto;
}

.tippy-tooltip[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85);
}

.tippy-tooltip[data-inertia][data-state=hidden] {
  transition-timing-function: ease;
}

.tippy-arrow, .tippy-roundarrow {
  position: absolute;
  width: 0;
  height: 0;
}

.tippy-roundarrow {
  width: 24px;
  height: 8px;
  fill: #333;
  pointer-events: none;
}

.tippy-backdrop {
  position: absolute;
  will-change: transform;
  background-color: #333;
  border-radius: 50%;
  width: 26%;
  left: 50%;
  top: 50%;
  z-index: -1;
  transition: all cubic-bezier(0.46, 0.1, 0.52, 0.98);
  backface-visibility: hidden;
}

.tippy-backdrop:after {
  content: "";
  float: left;
  padding-top: 100%;
}

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
  -webkit-clip-path: ellipse(100% 100% at 50% 50%);
  clip-path: ellipse(100% 100% at 50% 50%);
}

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
  -webkit-clip-path: ellipse(5% 50% at 50% 50%);
  clip-path: ellipse(5% 50% at 50% 50%);
}

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
  -webkit-clip-path: ellipse(135% 100% at 0 50%);
  clip-path: ellipse(135% 100% at 0 50%);
}

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
  -webkit-clip-path: ellipse(40% 100% at 0 50%);
  clip-path: ellipse(40% 100% at 0 50%);
}

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
  -webkit-clip-path: ellipse(135% 100% at 100% 50%);
  clip-path: ellipse(135% 100% at 100% 50%);
}

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
  -webkit-clip-path: ellipse(40% 100% at 100% 50%);
  clip-path: ellipse(40% 100% at 100% 50%);
}

@media (max-width: 360px) {
  .tippy-popper {
    max-width: 96%;
    max-width: calc(100% - 20px);
  }
}
.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}
.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714286%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

.noty_layout_mixin, #noty_layout__centerRight, #noty_layout__centerLeft, #noty_layout__center, #noty_layout__bottomRight, #noty_layout__bottomCenter, #noty_layout__bottomLeft, #noty_layout__bottom, #noty_layout__topRight, #noty_layout__topCenter, #noty_layout__topLeft, #noty_layout__top {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  transform: translateZ(0) scale(1, 1);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%;
}

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%;
}

#noty_layout__topLeft {
  top: 20px;
  left: 20px;
  width: 325px;
}

#noty_layout__topCenter {
  top: 5%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
}

#noty_layout__topRight {
  top: 20px;
  right: 20px;
  width: 325px;
}

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%;
}

#noty_layout__bottomLeft {
  bottom: 20px;
  left: 20px;
  width: 325px;
}

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
}

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px;
}

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
}

#noty_layout__centerLeft {
  top: 50%;
  left: 20px;
  width: 325px;
  transform: translate(0, calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
}

#noty_layout__centerRight {
  top: 50%;
  right: 20px;
  width: 325px;
  transform: translate(0, calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
}

.noty_progressbar {
  display: none;
}

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10);
}

.noty_bar {
  -webkit-backface-visibility: hidden;
  transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden;
}

.noty_effects_open {
  opacity: 0;
  transform: translate(50%);
  animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-fill-mode: forwards;
}

.noty_effects_close {
  animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-fill-mode: forwards;
}

.noty_fix_effects_height {
  animation: noty_anim_height 75ms ease-out;
}

.noty_close_with_click {
  cursor: pointer;
}

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: 0.3;
  left: 0;
  top: 0;
}

.noty_modal.noty_modal_open {
  opacity: 0;
  animation: noty_modal_in 0.3s ease-out;
}

.noty_modal.noty_modal_close {
  animation: noty_modal_out 0.3s ease-out;
  animation-fill-mode: forwards;
}

@keyframes noty_modal_in {
  100% {
    opacity: 0.3;
  }
}
@keyframes noty_modal_out {
  100% {
    opacity: 0;
  }
}
@keyframes noty_anim_in {
  100% {
    transform: translate(0);
    opacity: 1;
  }
}
@keyframes noty_anim_out {
  100% {
    transform: translate(50%);
    opacity: 0;
  }
}
@keyframes noty_anim_height {
  100% {
    height: 0;
  }
}
.noty_theme__mint.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative;
}
.noty_theme__mint.noty_bar .noty_body {
  padding: 10px;
  font-size: 14px;
}
.noty_theme__mint.noty_bar .noty_buttons {
  padding: 10px;
}

.noty_theme__mint.noty_type__alert,
.noty_theme__mint.noty_type__notification {
  background-color: #fff;
  border-bottom: 1px solid #D1D1D1;
  color: #2F2F2F;
}

.noty_theme__mint.noty_type__warning {
  background-color: #FFAE42;
  border-bottom: 1px solid #E89F3C;
  color: #fff;
}

.noty_theme__mint.noty_type__error {
  background-color: #DE636F;
  border-bottom: 1px solid #CA5A65;
  color: #fff;
}

.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information {
  background-color: #7F7EFF;
  border-bottom: 1px solid #7473E8;
  color: #fff;
}

.noty_theme__mint.noty_type__success {
  background-color: #AFC765;
  border-bottom: 1px solid #A0B55C;
  color: #fff;
}

span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {
  width: 100%;
  cursor: pointer;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

span.twitter-typeahead .tt-suggestion {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  color: #000000;
}

span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion:focus {
  color: #000000;
  text-decoration: none;
  outline: 0;
  background-color: #F1F1F6;
}

span.twitter-typeahead {
  width: 100%;
}

span.twitter-typeahead {
  display: block !important;
}

span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {
  top: 60px !important;
}

span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {
  border-radius: 0;
}

span.twitter-typeahead:first-child .form-control {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

span.twitter-typeahead:last-child .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.attachment {
  margin-bottom: 15px;
}
.attachment a {
  text-decoration: none;
}

.attachment__caption {
  display: none;
}

.attachment__caption--edited {
  line-height: 30px;
  display: block;
  text-align: left;
  color: #3c3c3c;
  font-size: 15px;
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img {
  box-shadow: 10px 10px 5px 0px #cccccc;
}

.fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img {
  border: solid 5px #CCC;
}

.fr-view img.fr-bordered {
  box-sizing: content-box;
}

.fr-view .fr-img-caption.fr-bordered img {
  box-sizing: border-box;
}

.fr-view li img.fr-dii.fr-fil {
  margin-right: 20px;
}

.fr-view {
  word-wrap: break-word;
}

.fr-view span[style~="color:"] a {
  color: inherit;
}

.fr-view strong {
  font-weight: 700;
}

.fr-view table[border="0"] td:not([class]), .fr-view table[border="0"] th:not([class]), .fr-view table[border="0"] td[class=""], .fr-view table[border="0"] th[class=""] {
  border-width: 0px;
}

.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
}

.fr-view table td {
  min-width: 5px;
}

.fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
  border-style: dashed;
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: whitesmoke;
}

.fr-view table td, .fr-view table th {
  border: 1px solid #DDD;
}

.fr-view table td:empty, .fr-view table th:empty {
  height: 20px;
}

.fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
  border: 1px double red;
}

.fr-view table td.fr-thick, .fr-view table th.fr-thick {
  border-width: 2px;
}

.fr-view table th {
  background: #ececec;
}

.fr-view table tfoot td {
  background: #ececec;
}

.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-column-break-after: always;
       break-after: always;
  page-break-after: always;
}

.fr-view .fr-file {
  position: relative;
}

.fr-view .fr-file::after {
  position: relative;
  content: "📎";
  font-weight: normal;
}

.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}

.fr-view[dir=rtl] blockquote {
  border-left: none;
  border-right: solid 2px #5E35B1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0;
}

.fr-view[dir=rtl] blockquote blockquote {
  border-color: #00BCD4;
}

.fr-view[dir=rtl] blockquote blockquote blockquote {
  border-color: #43A047;
}

.fr-view blockquote {
  border-left: solid 2px #5E35B1;
  margin-left: 0;
  padding-left: 5px;
  color: #5E35B1;
}

.fr-view blockquote blockquote {
  border-color: #00BCD4;
  color: #00BCD4;
}

.fr-view blockquote blockquote blockquote {
  border-color: #43A047;
  color: #43A047;
}

.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  display: inline;
  line-height: 0;
}

.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -0.1em 0.1em 0.1em;
  line-height: 1;
  vertical-align: middle;
}

.fr-view .fr-text-gray {
  color: #AAA !important;
}

.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}

.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}

.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}

.fr-view .fr-class-highlighted {
  background-color: #ffff00;
}

.fr-view .fr-class-code {
  border-color: #cccccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
}

.fr-view .fr-class-transparency {
  opacity: 0.5;
}

.fr-view img {
  position: relative;
  max-width: 100%;
}

.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
}

.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}

.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%;
}

.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

.fr-view .fr-video {
  text-align: center;
  position: relative;
}

.fr-view .fr-video.fr-rv {
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-view .fr-video > * {
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}

.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both;
}

.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}

.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}

.fr-view .fr-video.fr-dvi {
  display: inline-block;
}

.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}

.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}

.fr-view a.fr-strong {
  font-weight: 700;
}

.fr-view a.fr-green {
  color: green;
}

.fr-view .fr-img-caption {
  text-align: center;
}

.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0;
  margin: auto;
  text-align: center;
  width: 100%;
}

.fr-view .fr-img-caption .fr-img-wrap a {
  display: block;
}

.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}

.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center;
}

.fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
  font-size: 24px;
}

.fr-view span.fr-img-caption.fr-dii.fr-fil, .fr-view p img.fr-dii.fr-fil {
  margin-right: 15px;
}

a.fr-view.fr-strong {
  font-weight: 700;
}

a.fr-view.fr-green {
  color: green;
}

img.fr-view {
  position: relative;
  max-width: 100%;
}

img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
}

img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}

img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%;
}

span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

/* ==========================================================================
   #BLAZY
   ========================================================================== */
.b-lazy {
  opacity: 0;
  will-change: opacity;
  transition: opacity 0.3333333333s ease;
}

.b-loaded {
  opacity: 1;
}

/* ==========================================================================
   #SLIDEOUT
   ========================================================================== */
.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 300px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.slideout-menu-left {
  left: 0;
}

.slideout-menu-right {
  right: 0;
}

.slideout-panel {
  position: relative;
  z-index: 1;
  background-color: #FFFFFF; /* A background-color is required */
  min-height: 100vh;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}

/* ==========================================================================
   #INTL-TEL-INPUT
   ========================================================================== */
.iti-flag {
  background-image: url("../../img/vendor/intl-tel-input/flags.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("../../img/vendor/intl-tel-input/flags@2x.png");
  }
}

.intl-tel-input {
  width: 100%;
}
.intl-tel-input > .flag-container > .country-list li:before {
  content: none;
}

/* ==========================================================================
   #VEX
   ========================================================================== */
/**
 *
 * Overides Vex's vex-theme-os theme, mainly for applying custom aesthetic styling
 */
.vex.vex-theme-os .vex-content {
  border-top: 20px solid #0f0f0f !important;
  box-shadow: none;
  color: #000;
  background-color: #FFFFFF;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.3333333333;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif !important;
}
.vex.vex-theme-os .vex-brand-img {
  width: 75px;
  margin: 0 auto 15px;
}
.vex.vex-theme-os .vex-brand-img img {
  width: 75px;
  border-top-left-radius: 50% 50%;
  border-top-right-radius: 50% 50%;
  border-bottom-right-radius: 50% 50%;
  border-bottom-left-radius: 50% 50%;
}
.vex.vex-theme-os .vex-dialog-button.vex-dialog-button-primary {
  background: #22874F !important;
}
.vex.vex-theme-os .vex-dialog-button.vex-dialog-button-secondary {
  color: #000;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    transform: translate3d(0, 50%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpSmall {
  animation-name: fadeInUpSmall;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

/* ==========================================================================
   #TIPPY
   ========================================================================== */
.tippy-tooltip {
  background-color: #1d1d1d;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

.tippy-popper[x-placement^=top] [x-arrow],
.tippy-popper[x-placement^=bottom] [x-arrow] {
  border-top-color: #1d1d1d;
  border-bottom-color: #1d1d1d;
}

/* ==========================================================================
   #NOTY
   ========================================================================== */
.noty_body {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

.noty_theme__mint.noty_type__info, .noty_theme__mint.noty_type__information {
  background-color: #0f0f0f;
  border-top: 3px solid #C33339;
  border-bottom: 1px solid #0f0f0f;
}
.noty_theme__mint.noty_type__info a, .noty_theme__mint.noty_type__information a {
  color: #FFFFFF;
}

.noty_theme__mint.noty_bar .noty_body {
  padding: 20px;
  font-size: 15px;
}

.document #noty_layout__bottomRight {
  bottom: 60px;
}

/* ==========================================================================
   #MICROMODAL
   ========================================================================== */
.modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  z-index: 1;
  position: relative;
  z-index: 99999;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__container {
  background-color: #fff;
  padding: 30px;
  min-width: 300px;
  max-width: 800px;
  width: 100%;
  max-height: 90vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before {
  content: "✕";
}

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
}

.modal__spinner {
  width: 50px;
  margin: 0 auto;
  display: block;
}

.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.25s ease-out;
}

.modal__btn:focus,
.modal__btn:hover {
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

/**************************\
    Demo Animation Style
  \**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

/* ==========================================================================
   # TOM SELECT (MULTIPLE OPTION SELECT DROPDOWN)
   # overrides for @link https://github.com/orchidjs/tom-select
   ========================================================================== */
.ts-dropdown, .ts-control, .ts-control input {
  font-size: 18px;
}

.ts-wrapper.multi .ts-control > div {
  padding: 6px;
  border-radius: 5px;
}

.ts-control {
  padding: 0 15px;
  border: 0px;
  border-radius: 5px;
}
.ts-control input {
  font-size: 18px;
}

.ts-wrapper.has-items .ts-control {
  padding: 15px;
}

.ts-dropdown .option {
  padding: 8px;
  line-height: 26px;
}

.ts-dropdown .no-results, .ts-dropdown .create {
  padding: 15px;
}

@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("../fonts/material-symbols/material-symbols-outlined.woff2") format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("../fonts/material-symbols/material-symbols-rounded.woff2") format("woff2");
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Symbols Sharp";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("../fonts/material-symbols/material-symbols-sharp.woff2") format("woff2");
}
.material-symbols-sharp {
  font-family: "Material Symbols Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}