@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.4.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto; } }

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Correct the line height in all browsers.
     * 3. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* 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-.
     */
figcaption,
figure {
  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 {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
     * Add the correct display in IE.
     */
main {
  display: block; }

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

/* Links
       ========================================================================== */
/**
     * 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 */ }

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in 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.
     */
button {
  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 */ }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */ }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible; }

/**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          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 */ }

/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
     * 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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  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; }

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

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

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block; }

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

.foundation-mq {
  font-family: "small=0em&mediumsmall=30em&medium=40em&mediumlarge=52em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%; }

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

body {
  margin: 0;
  padding: 0;
  background: #F5F8FA;
  font-family: "AeonikRegular", sans-serif;
  font-weight: normal;
  line-height: 1.6;
  color: #657786;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 3px; }

select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-radius: 3px; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 3px;
  background: transparent;
  line-height: 1;
  cursor: auto; }
  [data-whatinput='mouse'] button {
    outline: 0; }

pre {
  overflow: auto; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; }

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

.is-hidden {
  display: none !important; }

.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto; }
  .row::before, .row::after {
    display: table;
    content: ' '; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .row .row {
    margin-right: -0.625rem;
    margin-left: -0.625rem; }
    @media print, screen and (min-width: 30em) {
      .row .row {
        margin-right: -0.625rem;
        margin-left: -0.625rem; } }
    @media print, screen and (min-width: 40em) {
      .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    @media print, screen and (min-width: 52em) {
      .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    @media print, screen and (min-width: 64em) {
      .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    .row .row.collapse {
      margin-right: 0;
      margin-left: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-right: auto;
      margin-left: auto; }
  .row:not(.expanded) .row {
    max-width: none; }
  .row.gutter-small > .column, .row.gutter-small > .columns {
    padding-right: 0.625rem;
    padding-left: 0.625rem; }
  .row.gutter-medium > .column, .row.gutter-medium > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }

.column, .columns {
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .column, .columns {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.33333%; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.66667%; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.28571%; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0; }

.small-collapse .row {
  margin-right: 0;
  margin-left: 0; }

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem; }

.small-centered {
  margin-right: auto;
  margin-left: auto; }
  .small-centered, .small-centered:last-child:not(:first-child) {
    float: none;
    clear: both; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  float: left;
  margin-right: 0;
  margin-left: 0; }

@media print, screen and (min-width: 30em) {
  .mediumsmall-1 {
    width: 8.33333%; }
  .mediumsmall-push-1 {
    position: relative;
    left: 8.33333%; }
  .mediumsmall-pull-1 {
    position: relative;
    left: -8.33333%; }
  .mediumsmall-offset-0 {
    margin-left: 0%; }
  .mediumsmall-2 {
    width: 16.66667%; }
  .mediumsmall-push-2 {
    position: relative;
    left: 16.66667%; }
  .mediumsmall-pull-2 {
    position: relative;
    left: -16.66667%; }
  .mediumsmall-offset-1 {
    margin-left: 8.33333%; }
  .mediumsmall-3 {
    width: 25%; }
  .mediumsmall-push-3 {
    position: relative;
    left: 25%; }
  .mediumsmall-pull-3 {
    position: relative;
    left: -25%; }
  .mediumsmall-offset-2 {
    margin-left: 16.66667%; }
  .mediumsmall-4 {
    width: 33.33333%; }
  .mediumsmall-push-4 {
    position: relative;
    left: 33.33333%; }
  .mediumsmall-pull-4 {
    position: relative;
    left: -33.33333%; }
  .mediumsmall-offset-3 {
    margin-left: 25%; }
  .mediumsmall-5 {
    width: 41.66667%; }
  .mediumsmall-push-5 {
    position: relative;
    left: 41.66667%; }
  .mediumsmall-pull-5 {
    position: relative;
    left: -41.66667%; }
  .mediumsmall-offset-4 {
    margin-left: 33.33333%; }
  .mediumsmall-6 {
    width: 50%; }
  .mediumsmall-push-6 {
    position: relative;
    left: 50%; }
  .mediumsmall-pull-6 {
    position: relative;
    left: -50%; }
  .mediumsmall-offset-5 {
    margin-left: 41.66667%; }
  .mediumsmall-7 {
    width: 58.33333%; }
  .mediumsmall-push-7 {
    position: relative;
    left: 58.33333%; }
  .mediumsmall-pull-7 {
    position: relative;
    left: -58.33333%; }
  .mediumsmall-offset-6 {
    margin-left: 50%; }
  .mediumsmall-8 {
    width: 66.66667%; }
  .mediumsmall-push-8 {
    position: relative;
    left: 66.66667%; }
  .mediumsmall-pull-8 {
    position: relative;
    left: -66.66667%; }
  .mediumsmall-offset-7 {
    margin-left: 58.33333%; }
  .mediumsmall-9 {
    width: 75%; }
  .mediumsmall-push-9 {
    position: relative;
    left: 75%; }
  .mediumsmall-pull-9 {
    position: relative;
    left: -75%; }
  .mediumsmall-offset-8 {
    margin-left: 66.66667%; }
  .mediumsmall-10 {
    width: 83.33333%; }
  .mediumsmall-push-10 {
    position: relative;
    left: 83.33333%; }
  .mediumsmall-pull-10 {
    position: relative;
    left: -83.33333%; }
  .mediumsmall-offset-9 {
    margin-left: 75%; }
  .mediumsmall-11 {
    width: 91.66667%; }
  .mediumsmall-push-11 {
    position: relative;
    left: 91.66667%; }
  .mediumsmall-pull-11 {
    position: relative;
    left: -91.66667%; }
  .mediumsmall-offset-10 {
    margin-left: 83.33333%; }
  .mediumsmall-12 {
    width: 100%; }
  .mediumsmall-offset-11 {
    margin-left: 91.66667%; }
  .mediumsmall-up-1 > .column, .mediumsmall-up-1 > .columns {
    float: left;
    width: 100%; }
    .mediumsmall-up-1 > .column:nth-of-type(1n), .mediumsmall-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumsmall-up-1 > .column:nth-of-type(1n+1), .mediumsmall-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .mediumsmall-up-1 > .column:last-child, .mediumsmall-up-1 > .columns:last-child {
      float: left; }
  .mediumsmall-up-2 > .column, .mediumsmall-up-2 > .columns {
    float: left;
    width: 50%; }
    .mediumsmall-up-2 > .column:nth-of-type(1n), .mediumsmall-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumsmall-up-2 > .column:nth-of-type(2n+1), .mediumsmall-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .mediumsmall-up-2 > .column:last-child, .mediumsmall-up-2 > .columns:last-child {
      float: left; }
  .mediumsmall-up-3 > .column, .mediumsmall-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .mediumsmall-up-3 > .column:nth-of-type(1n), .mediumsmall-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumsmall-up-3 > .column:nth-of-type(3n+1), .mediumsmall-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .mediumsmall-up-3 > .column:last-child, .mediumsmall-up-3 > .columns:last-child {
      float: left; }
  .mediumsmall-up-4 > .column, .mediumsmall-up-4 > .columns {
    float: left;
    width: 25%; }
    .mediumsmall-up-4 > .column:nth-of-type(1n), .mediumsmall-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumsmall-up-4 > .column:nth-of-type(4n+1), .mediumsmall-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .mediumsmall-up-4 > .column:last-child, .mediumsmall-up-4 > .columns:last-child {
      float: left; }
  .mediumsmall-up-5 > .column, .mediumsmall-up-5 > .columns {
    float: left;
    width: 20%; }
    .mediumsmall-up-5 > .column:nth-of-type(1n), .mediumsmall-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumsmall-up-5 > .column:nth-of-type(5n+1), .mediumsmall-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .mediumsmall-up-5 > .column:last-child, .mediumsmall-up-5 > .columns:last-child {
      float: left; }
  .mediumsmall-up-6 > .column, .mediumsmall-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .mediumsmall-up-6 > .column:nth-of-type(1n), .mediumsmall-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumsmall-up-6 > .column:nth-of-type(6n+1), .mediumsmall-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .mediumsmall-up-6 > .column:last-child, .mediumsmall-up-6 > .columns:last-child {
      float: left; }
  .mediumsmall-up-7 > .column, .mediumsmall-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .mediumsmall-up-7 > .column:nth-of-type(1n), .mediumsmall-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumsmall-up-7 > .column:nth-of-type(7n+1), .mediumsmall-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .mediumsmall-up-7 > .column:last-child, .mediumsmall-up-7 > .columns:last-child {
      float: left; }
  .mediumsmall-up-8 > .column, .mediumsmall-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .mediumsmall-up-8 > .column:nth-of-type(1n), .mediumsmall-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumsmall-up-8 > .column:nth-of-type(8n+1), .mediumsmall-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .mediumsmall-up-8 > .column:last-child, .mediumsmall-up-8 > .columns:last-child {
      float: left; }
  .mediumsmall-collapse > .column, .mediumsmall-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .mediumsmall-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .mediumsmall-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .mediumsmall-uncollapse > .column, .mediumsmall-uncollapse > .columns {
    padding-right: 0.625rem;
    padding-left: 0.625rem; }
  .mediumsmall-centered {
    margin-right: auto;
    margin-left: auto; }
    .mediumsmall-centered, .mediumsmall-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .mediumsmall-uncentered,
  .mediumsmall-push-0,
  .mediumsmall-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0; } }

@media print, screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
      float: left; }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
      float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
      float: left; }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
      float: left; }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .medium-centered {
    margin-right: auto;
    margin-left: auto; }
    .medium-centered, .medium-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0; } }

@media print, screen and (min-width: 52em) {
  .mediumlarge-1 {
    width: 8.33333%; }
  .mediumlarge-push-1 {
    position: relative;
    left: 8.33333%; }
  .mediumlarge-pull-1 {
    position: relative;
    left: -8.33333%; }
  .mediumlarge-offset-0 {
    margin-left: 0%; }
  .mediumlarge-2 {
    width: 16.66667%; }
  .mediumlarge-push-2 {
    position: relative;
    left: 16.66667%; }
  .mediumlarge-pull-2 {
    position: relative;
    left: -16.66667%; }
  .mediumlarge-offset-1 {
    margin-left: 8.33333%; }
  .mediumlarge-3 {
    width: 25%; }
  .mediumlarge-push-3 {
    position: relative;
    left: 25%; }
  .mediumlarge-pull-3 {
    position: relative;
    left: -25%; }
  .mediumlarge-offset-2 {
    margin-left: 16.66667%; }
  .mediumlarge-4 {
    width: 33.33333%; }
  .mediumlarge-push-4 {
    position: relative;
    left: 33.33333%; }
  .mediumlarge-pull-4 {
    position: relative;
    left: -33.33333%; }
  .mediumlarge-offset-3 {
    margin-left: 25%; }
  .mediumlarge-5 {
    width: 41.66667%; }
  .mediumlarge-push-5 {
    position: relative;
    left: 41.66667%; }
  .mediumlarge-pull-5 {
    position: relative;
    left: -41.66667%; }
  .mediumlarge-offset-4 {
    margin-left: 33.33333%; }
  .mediumlarge-6 {
    width: 50%; }
  .mediumlarge-push-6 {
    position: relative;
    left: 50%; }
  .mediumlarge-pull-6 {
    position: relative;
    left: -50%; }
  .mediumlarge-offset-5 {
    margin-left: 41.66667%; }
  .mediumlarge-7 {
    width: 58.33333%; }
  .mediumlarge-push-7 {
    position: relative;
    left: 58.33333%; }
  .mediumlarge-pull-7 {
    position: relative;
    left: -58.33333%; }
  .mediumlarge-offset-6 {
    margin-left: 50%; }
  .mediumlarge-8 {
    width: 66.66667%; }
  .mediumlarge-push-8 {
    position: relative;
    left: 66.66667%; }
  .mediumlarge-pull-8 {
    position: relative;
    left: -66.66667%; }
  .mediumlarge-offset-7 {
    margin-left: 58.33333%; }
  .mediumlarge-9 {
    width: 75%; }
  .mediumlarge-push-9 {
    position: relative;
    left: 75%; }
  .mediumlarge-pull-9 {
    position: relative;
    left: -75%; }
  .mediumlarge-offset-8 {
    margin-left: 66.66667%; }
  .mediumlarge-10 {
    width: 83.33333%; }
  .mediumlarge-push-10 {
    position: relative;
    left: 83.33333%; }
  .mediumlarge-pull-10 {
    position: relative;
    left: -83.33333%; }
  .mediumlarge-offset-9 {
    margin-left: 75%; }
  .mediumlarge-11 {
    width: 91.66667%; }
  .mediumlarge-push-11 {
    position: relative;
    left: 91.66667%; }
  .mediumlarge-pull-11 {
    position: relative;
    left: -91.66667%; }
  .mediumlarge-offset-10 {
    margin-left: 83.33333%; }
  .mediumlarge-12 {
    width: 100%; }
  .mediumlarge-offset-11 {
    margin-left: 91.66667%; }
  .mediumlarge-up-1 > .column, .mediumlarge-up-1 > .columns {
    float: left;
    width: 100%; }
    .mediumlarge-up-1 > .column:nth-of-type(1n), .mediumlarge-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumlarge-up-1 > .column:nth-of-type(1n+1), .mediumlarge-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .mediumlarge-up-1 > .column:last-child, .mediumlarge-up-1 > .columns:last-child {
      float: left; }
  .mediumlarge-up-2 > .column, .mediumlarge-up-2 > .columns {
    float: left;
    width: 50%; }
    .mediumlarge-up-2 > .column:nth-of-type(1n), .mediumlarge-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumlarge-up-2 > .column:nth-of-type(2n+1), .mediumlarge-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .mediumlarge-up-2 > .column:last-child, .mediumlarge-up-2 > .columns:last-child {
      float: left; }
  .mediumlarge-up-3 > .column, .mediumlarge-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .mediumlarge-up-3 > .column:nth-of-type(1n), .mediumlarge-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumlarge-up-3 > .column:nth-of-type(3n+1), .mediumlarge-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .mediumlarge-up-3 > .column:last-child, .mediumlarge-up-3 > .columns:last-child {
      float: left; }
  .mediumlarge-up-4 > .column, .mediumlarge-up-4 > .columns {
    float: left;
    width: 25%; }
    .mediumlarge-up-4 > .column:nth-of-type(1n), .mediumlarge-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumlarge-up-4 > .column:nth-of-type(4n+1), .mediumlarge-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .mediumlarge-up-4 > .column:last-child, .mediumlarge-up-4 > .columns:last-child {
      float: left; }
  .mediumlarge-up-5 > .column, .mediumlarge-up-5 > .columns {
    float: left;
    width: 20%; }
    .mediumlarge-up-5 > .column:nth-of-type(1n), .mediumlarge-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumlarge-up-5 > .column:nth-of-type(5n+1), .mediumlarge-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .mediumlarge-up-5 > .column:last-child, .mediumlarge-up-5 > .columns:last-child {
      float: left; }
  .mediumlarge-up-6 > .column, .mediumlarge-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .mediumlarge-up-6 > .column:nth-of-type(1n), .mediumlarge-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumlarge-up-6 > .column:nth-of-type(6n+1), .mediumlarge-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .mediumlarge-up-6 > .column:last-child, .mediumlarge-up-6 > .columns:last-child {
      float: left; }
  .mediumlarge-up-7 > .column, .mediumlarge-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .mediumlarge-up-7 > .column:nth-of-type(1n), .mediumlarge-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumlarge-up-7 > .column:nth-of-type(7n+1), .mediumlarge-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .mediumlarge-up-7 > .column:last-child, .mediumlarge-up-7 > .columns:last-child {
      float: left; }
  .mediumlarge-up-8 > .column, .mediumlarge-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .mediumlarge-up-8 > .column:nth-of-type(1n), .mediumlarge-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .mediumlarge-up-8 > .column:nth-of-type(8n+1), .mediumlarge-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .mediumlarge-up-8 > .column:last-child, .mediumlarge-up-8 > .columns:last-child {
      float: left; }
  .mediumlarge-collapse > .column, .mediumlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .mediumlarge-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .mediumlarge-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .mediumlarge-uncollapse > .column, .mediumlarge-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .mediumlarge-centered {
    margin-right: auto;
    margin-left: auto; }
    .mediumlarge-centered, .mediumlarge-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .mediumlarge-uncentered,
  .mediumlarge-push-0,
  .mediumlarge-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }
  .large-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.66667%; }
  .large-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    width: 33.33333%; }
  .large-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    width: 58.33333%; }
  .large-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.66667%; }
  .large-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    width: 83.33333%; }
  .large-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.66667%; }
  .large-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
      float: left; }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
      float: left; }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .large-centered {
    margin-right: auto;
    margin-left: auto; }
    .large-centered, .large-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0; } }

.column-block {
  margin-bottom: 1.25rem; }
  .column-block > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .column-block {
      margin-bottom: 1.875rem; }
      .column-block > :last-child {
        margin-bottom: 0; } }

.grid-container {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 75rem;
  margin: 0 auto; }
  @media print, screen and (min-width: 40em) {
    .grid-container {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .grid-container.fluid {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 100%;
    margin: 0 auto; }
    @media print, screen and (min-width: 40em) {
      .grid-container.fluid {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
  .grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto; }

.grid-x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%; }
  .cell.auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px; }
  .cell.shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }

.grid-x > .auto {
  width: auto; }

.grid-x > .shrink {
  width: auto; }

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto; }

@media print, screen and (min-width: 30em) {
  .grid-x > .mediumsmall-shrink, .grid-x > .mediumsmall-full, .grid-x > .mediumsmall-1, .grid-x > .mediumsmall-2, .grid-x > .mediumsmall-3, .grid-x > .mediumsmall-4, .grid-x > .mediumsmall-5, .grid-x > .mediumsmall-6, .grid-x > .mediumsmall-7, .grid-x > .mediumsmall-8, .grid-x > .mediumsmall-9, .grid-x > .mediumsmall-10, .grid-x > .mediumsmall-11, .grid-x > .mediumsmall-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

@media print, screen and (min-width: 52em) {
  .grid-x > .mediumlarge-shrink, .grid-x > .mediumlarge-full, .grid-x > .mediumlarge-1, .grid-x > .mediumlarge-2, .grid-x > .mediumlarge-3, .grid-x > .mediumlarge-4, .grid-x > .mediumlarge-5, .grid-x > .mediumlarge-6, .grid-x > .mediumlarge-7, .grid-x > .mediumlarge-8, .grid-x > .mediumlarge-9, .grid-x > .mediumlarge-10, .grid-x > .mediumlarge-11, .grid-x > .mediumlarge-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

.grid-x > .small-1 {
  width: 8.33333%; }

.grid-x > .small-2 {
  width: 16.66667%; }

.grid-x > .small-3 {
  width: 25%; }

.grid-x > .small-4 {
  width: 33.33333%; }

.grid-x > .small-5 {
  width: 41.66667%; }

.grid-x > .small-6 {
  width: 50%; }

.grid-x > .small-7 {
  width: 58.33333%; }

.grid-x > .small-8 {
  width: 66.66667%; }

.grid-x > .small-9 {
  width: 75%; }

.grid-x > .small-10 {
  width: 83.33333%; }

.grid-x > .small-11 {
  width: 91.66667%; }

.grid-x > .small-12 {
  width: 100%; }

@media print, screen and (min-width: 30em) {
  .grid-x > .mediumsmall-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto; }
  .grid-x > .mediumsmall-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto; }
  .grid-x > .mediumsmall-1 {
    width: 8.33333%; }
  .grid-x > .mediumsmall-2 {
    width: 16.66667%; }
  .grid-x > .mediumsmall-3 {
    width: 25%; }
  .grid-x > .mediumsmall-4 {
    width: 33.33333%; }
  .grid-x > .mediumsmall-5 {
    width: 41.66667%; }
  .grid-x > .mediumsmall-6 {
    width: 50%; }
  .grid-x > .mediumsmall-7 {
    width: 58.33333%; }
  .grid-x > .mediumsmall-8 {
    width: 66.66667%; }
  .grid-x > .mediumsmall-9 {
    width: 75%; }
  .grid-x > .mediumsmall-10 {
    width: 83.33333%; }
  .grid-x > .mediumsmall-11 {
    width: 91.66667%; }
  .grid-x > .mediumsmall-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto; }
  .grid-x > .medium-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto; }
  .grid-x > .medium-1 {
    width: 8.33333%; }
  .grid-x > .medium-2 {
    width: 16.66667%; }
  .grid-x > .medium-3 {
    width: 25%; }
  .grid-x > .medium-4 {
    width: 33.33333%; }
  .grid-x > .medium-5 {
    width: 41.66667%; }
  .grid-x > .medium-6 {
    width: 50%; }
  .grid-x > .medium-7 {
    width: 58.33333%; }
  .grid-x > .medium-8 {
    width: 66.66667%; }
  .grid-x > .medium-9 {
    width: 75%; }
  .grid-x > .medium-10 {
    width: 83.33333%; }
  .grid-x > .medium-11 {
    width: 91.66667%; }
  .grid-x > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 52em) {
  .grid-x > .mediumlarge-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto; }
  .grid-x > .mediumlarge-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto; }
  .grid-x > .mediumlarge-1 {
    width: 8.33333%; }
  .grid-x > .mediumlarge-2 {
    width: 16.66667%; }
  .grid-x > .mediumlarge-3 {
    width: 25%; }
  .grid-x > .mediumlarge-4 {
    width: 33.33333%; }
  .grid-x > .mediumlarge-5 {
    width: 41.66667%; }
  .grid-x > .mediumlarge-6 {
    width: 50%; }
  .grid-x > .mediumlarge-7 {
    width: 58.33333%; }
  .grid-x > .mediumlarge-8 {
    width: 66.66667%; }
  .grid-x > .mediumlarge-9 {
    width: 75%; }
  .grid-x > .mediumlarge-10 {
    width: 83.33333%; }
  .grid-x > .mediumlarge-11 {
    width: 91.66667%; }
  .grid-x > .mediumlarge-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto; }
  .grid-x > .large-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto; }
  .grid-x > .large-1 {
    width: 8.33333%; }
  .grid-x > .large-2 {
    width: 16.66667%; }
  .grid-x > .large-3 {
    width: 25%; }
  .grid-x > .large-4 {
    width: 33.33333%; }
  .grid-x > .large-5 {
    width: 41.66667%; }
  .grid-x > .large-6 {
    width: 50%; }
  .grid-x > .large-7 {
    width: 58.33333%; }
  .grid-x > .large-8 {
    width: 66.66667%; }
  .grid-x > .large-9 {
    width: 75%; }
  .grid-x > .large-10 {
    width: 83.33333%; }
  .grid-x > .large-11 {
    width: 91.66667%; }
  .grid-x > .large-12 {
    width: 100%; } }

.grid-margin-x:not(.grid-x) > .cell {
  width: auto; }

.grid-margin-y:not(.grid-y) > .cell {
  height: auto; }

.grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x {
      margin-left: -0.9375rem;
      margin-right: -0.9375rem; } }
  .grid-margin-x > .cell {
    width: calc(100% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .cell {
      width: calc(100% - 1.875rem);
      margin-left: 0.9375rem;
      margin-right: 0.9375rem; } }
  .grid-margin-x > .auto {
    width: auto; }
  .grid-margin-x > .shrink {
    width: auto; }
  .grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.25rem); }
  .grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.25rem); }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.25rem); }
  .grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.25rem); }
  .grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.25rem); }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.25rem); }
  .grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.25rem); }
  .grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.25rem); }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.25rem); }
  .grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.25rem); }
  .grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.25rem); }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.25rem); }
  @media print, screen and (min-width: 30em) {
    .grid-margin-x > .mediumsmall-auto {
      width: auto; }
    .grid-margin-x > .mediumsmall-shrink {
      width: auto; }
    .grid-margin-x > .mediumsmall-1 {
      width: calc(8.33333% - 1.25rem); }
    .grid-margin-x > .mediumsmall-2 {
      width: calc(16.66667% - 1.25rem); }
    .grid-margin-x > .mediumsmall-3 {
      width: calc(25% - 1.25rem); }
    .grid-margin-x > .mediumsmall-4 {
      width: calc(33.33333% - 1.25rem); }
    .grid-margin-x > .mediumsmall-5 {
      width: calc(41.66667% - 1.25rem); }
    .grid-margin-x > .mediumsmall-6 {
      width: calc(50% - 1.25rem); }
    .grid-margin-x > .mediumsmall-7 {
      width: calc(58.33333% - 1.25rem); }
    .grid-margin-x > .mediumsmall-8 {
      width: calc(66.66667% - 1.25rem); }
    .grid-margin-x > .mediumsmall-9 {
      width: calc(75% - 1.25rem); }
    .grid-margin-x > .mediumsmall-10 {
      width: calc(83.33333% - 1.25rem); }
    .grid-margin-x > .mediumsmall-11 {
      width: calc(91.66667% - 1.25rem); }
    .grid-margin-x > .mediumsmall-12 {
      width: calc(100% - 1.25rem); } }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .auto {
      width: auto; }
    .grid-margin-x > .shrink {
      width: auto; }
    .grid-margin-x > .small-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .small-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .small-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .small-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .small-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .small-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .small-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .small-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .small-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .small-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .small-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .small-12 {
      width: calc(100% - 1.875rem); }
    .grid-margin-x > .medium-auto {
      width: auto; }
    .grid-margin-x > .medium-shrink {
      width: auto; }
    .grid-margin-x > .medium-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .medium-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .medium-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .medium-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .medium-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .medium-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .medium-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .medium-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .medium-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .medium-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .medium-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .medium-12 {
      width: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 52em) {
    .grid-margin-x > .mediumlarge-auto {
      width: auto; }
    .grid-margin-x > .mediumlarge-shrink {
      width: auto; }
    .grid-margin-x > .mediumlarge-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .mediumlarge-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .mediumlarge-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .mediumlarge-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .mediumlarge-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .mediumlarge-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .mediumlarge-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .mediumlarge-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .mediumlarge-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .mediumlarge-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .mediumlarge-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .mediumlarge-12 {
      width: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x > .large-auto {
      width: auto; }
    .grid-margin-x > .large-shrink {
      width: auto; }
    .grid-margin-x > .large-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .large-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .large-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .large-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .large-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .large-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .large-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .large-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .large-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .large-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .large-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .large-12 {
      width: calc(100% - 1.875rem); } }

.grid-padding-x .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-x .grid-padding-x {
      margin-right: -0.9375rem;
      margin-left: -0.9375rem; } }

.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-container:not(.full) > .grid-padding-x {
      margin-right: -0.9375rem;
      margin-left: -0.9375rem; } }

.grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-x > .cell {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }

.small-up-1 > .cell {
  width: 100%; }

.small-up-2 > .cell {
  width: 50%; }

.small-up-3 > .cell {
  width: 33.33333%; }

.small-up-4 > .cell {
  width: 25%; }

.small-up-5 > .cell {
  width: 20%; }

.small-up-6 > .cell {
  width: 16.66667%; }

.small-up-7 > .cell {
  width: 14.28571%; }

.small-up-8 > .cell {
  width: 12.5%; }

@media print, screen and (min-width: 30em) {
  .mediumsmall-up-1 > .cell {
    width: 100%; }
  .mediumsmall-up-2 > .cell {
    width: 50%; }
  .mediumsmall-up-3 > .cell {
    width: 33.33333%; }
  .mediumsmall-up-4 > .cell {
    width: 25%; }
  .mediumsmall-up-5 > .cell {
    width: 20%; }
  .mediumsmall-up-6 > .cell {
    width: 16.66667%; }
  .mediumsmall-up-7 > .cell {
    width: 14.28571%; }
  .mediumsmall-up-8 > .cell {
    width: 12.5%; } }

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%; }
  .medium-up-2 > .cell {
    width: 50%; }
  .medium-up-3 > .cell {
    width: 33.33333%; }
  .medium-up-4 > .cell {
    width: 25%; }
  .medium-up-5 > .cell {
    width: 20%; }
  .medium-up-6 > .cell {
    width: 16.66667%; }
  .medium-up-7 > .cell {
    width: 14.28571%; }
  .medium-up-8 > .cell {
    width: 12.5%; } }

@media print, screen and (min-width: 52em) {
  .mediumlarge-up-1 > .cell {
    width: 100%; }
  .mediumlarge-up-2 > .cell {
    width: 50%; }
  .mediumlarge-up-3 > .cell {
    width: 33.33333%; }
  .mediumlarge-up-4 > .cell {
    width: 25%; }
  .mediumlarge-up-5 > .cell {
    width: 20%; }
  .mediumlarge-up-6 > .cell {
    width: 16.66667%; }
  .mediumlarge-up-7 > .cell {
    width: 14.28571%; }
  .mediumlarge-up-8 > .cell {
    width: 12.5%; } }

@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%; }
  .large-up-2 > .cell {
    width: 50%; }
  .large-up-3 > .cell {
    width: 33.33333%; }
  .large-up-4 > .cell {
    width: 25%; }
  .large-up-5 > .cell {
    width: 20%; }
  .large-up-6 > .cell {
    width: 16.66667%; }
  .large-up-7 > .cell {
    width: 14.28571%; }
  .large-up-8 > .cell {
    width: 12.5%; } }

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.25rem); }

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.25rem); }

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 1.25rem); }

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.25rem); }

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.25rem); }

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 1.25rem); }

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 1.25rem); }

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.25rem); }

@media print, screen and (min-width: 30em) {
  .grid-margin-x.mediumsmall-up-1 > .cell {
    width: calc(100% - 1.25rem); }
  .grid-margin-x.mediumsmall-up-2 > .cell {
    width: calc(50% - 1.25rem); }
  .grid-margin-x.mediumsmall-up-3 > .cell {
    width: calc(33.33333% - 1.25rem); }
  .grid-margin-x.mediumsmall-up-4 > .cell {
    width: calc(25% - 1.25rem); }
  .grid-margin-x.mediumsmall-up-5 > .cell {
    width: calc(20% - 1.25rem); }
  .grid-margin-x.mediumsmall-up-6 > .cell {
    width: calc(16.66667% - 1.25rem); }
  .grid-margin-x.mediumsmall-up-7 > .cell {
    width: calc(14.28571% - 1.25rem); }
  .grid-margin-x.mediumsmall-up-8 > .cell {
    width: calc(12.5% - 1.25rem); } }

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.25rem); }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.25rem); }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.25rem); }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.25rem); }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.25rem); }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.25rem); }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.25rem); }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.25rem); }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem); } }

@media print, screen and (min-width: 52em) {
  .grid-margin-x.mediumlarge-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.mediumlarge-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.mediumlarge-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.mediumlarge-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.mediumlarge-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.mediumlarge-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.mediumlarge-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.mediumlarge-up-8 > .cell {
    width: calc(12.5% - 1.875rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem); } }

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0; }
  .small-margin-collapse > .small-1 {
    width: 8.33333%; }
  .small-margin-collapse > .small-2 {
    width: 16.66667%; }
  .small-margin-collapse > .small-3 {
    width: 25%; }
  .small-margin-collapse > .small-4 {
    width: 33.33333%; }
  .small-margin-collapse > .small-5 {
    width: 41.66667%; }
  .small-margin-collapse > .small-6 {
    width: 50%; }
  .small-margin-collapse > .small-7 {
    width: 58.33333%; }
  .small-margin-collapse > .small-8 {
    width: 66.66667%; }
  .small-margin-collapse > .small-9 {
    width: 75%; }
  .small-margin-collapse > .small-10 {
    width: 83.33333%; }
  .small-margin-collapse > .small-11 {
    width: 91.66667%; }
  .small-margin-collapse > .small-12 {
    width: 100%; }
  @media print, screen and (min-width: 30em) {
    .small-margin-collapse > .mediumsmall-1 {
      width: 8.33333%; }
    .small-margin-collapse > .mediumsmall-2 {
      width: 16.66667%; }
    .small-margin-collapse > .mediumsmall-3 {
      width: 25%; }
    .small-margin-collapse > .mediumsmall-4 {
      width: 33.33333%; }
    .small-margin-collapse > .mediumsmall-5 {
      width: 41.66667%; }
    .small-margin-collapse > .mediumsmall-6 {
      width: 50%; }
    .small-margin-collapse > .mediumsmall-7 {
      width: 58.33333%; }
    .small-margin-collapse > .mediumsmall-8 {
      width: 66.66667%; }
    .small-margin-collapse > .mediumsmall-9 {
      width: 75%; }
    .small-margin-collapse > .mediumsmall-10 {
      width: 83.33333%; }
    .small-margin-collapse > .mediumsmall-11 {
      width: 91.66667%; }
    .small-margin-collapse > .mediumsmall-12 {
      width: 100%; } }
  @media print, screen and (min-width: 40em) {
    .small-margin-collapse > .medium-1 {
      width: 8.33333%; }
    .small-margin-collapse > .medium-2 {
      width: 16.66667%; }
    .small-margin-collapse > .medium-3 {
      width: 25%; }
    .small-margin-collapse > .medium-4 {
      width: 33.33333%; }
    .small-margin-collapse > .medium-5 {
      width: 41.66667%; }
    .small-margin-collapse > .medium-6 {
      width: 50%; }
    .small-margin-collapse > .medium-7 {
      width: 58.33333%; }
    .small-margin-collapse > .medium-8 {
      width: 66.66667%; }
    .small-margin-collapse > .medium-9 {
      width: 75%; }
    .small-margin-collapse > .medium-10 {
      width: 83.33333%; }
    .small-margin-collapse > .medium-11 {
      width: 91.66667%; }
    .small-margin-collapse > .medium-12 {
      width: 100%; } }
  @media print, screen and (min-width: 52em) {
    .small-margin-collapse > .mediumlarge-1 {
      width: 8.33333%; }
    .small-margin-collapse > .mediumlarge-2 {
      width: 16.66667%; }
    .small-margin-collapse > .mediumlarge-3 {
      width: 25%; }
    .small-margin-collapse > .mediumlarge-4 {
      width: 33.33333%; }
    .small-margin-collapse > .mediumlarge-5 {
      width: 41.66667%; }
    .small-margin-collapse > .mediumlarge-6 {
      width: 50%; }
    .small-margin-collapse > .mediumlarge-7 {
      width: 58.33333%; }
    .small-margin-collapse > .mediumlarge-8 {
      width: 66.66667%; }
    .small-margin-collapse > .mediumlarge-9 {
      width: 75%; }
    .small-margin-collapse > .mediumlarge-10 {
      width: 83.33333%; }
    .small-margin-collapse > .mediumlarge-11 {
      width: 91.66667%; }
    .small-margin-collapse > .mediumlarge-12 {
      width: 100%; } }
  @media print, screen and (min-width: 64em) {
    .small-margin-collapse > .large-1 {
      width: 8.33333%; }
    .small-margin-collapse > .large-2 {
      width: 16.66667%; }
    .small-margin-collapse > .large-3 {
      width: 25%; }
    .small-margin-collapse > .large-4 {
      width: 33.33333%; }
    .small-margin-collapse > .large-5 {
      width: 41.66667%; }
    .small-margin-collapse > .large-6 {
      width: 50%; }
    .small-margin-collapse > .large-7 {
      width: 58.33333%; }
    .small-margin-collapse > .large-8 {
      width: 66.66667%; }
    .small-margin-collapse > .large-9 {
      width: 75%; }
    .small-margin-collapse > .large-10 {
      width: 83.33333%; }
    .small-margin-collapse > .large-11 {
      width: 91.66667%; }
    .small-margin-collapse > .large-12 {
      width: 100%; } }

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0; }

@media print, screen and (min-width: 30em) {
  .mediumsmall-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .mediumsmall-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 30em) {
  .mediumsmall-margin-collapse > .small-1 {
    width: 8.33333%; }
  .mediumsmall-margin-collapse > .small-2 {
    width: 16.66667%; }
  .mediumsmall-margin-collapse > .small-3 {
    width: 25%; }
  .mediumsmall-margin-collapse > .small-4 {
    width: 33.33333%; }
  .mediumsmall-margin-collapse > .small-5 {
    width: 41.66667%; }
  .mediumsmall-margin-collapse > .small-6 {
    width: 50%; }
  .mediumsmall-margin-collapse > .small-7 {
    width: 58.33333%; }
  .mediumsmall-margin-collapse > .small-8 {
    width: 66.66667%; }
  .mediumsmall-margin-collapse > .small-9 {
    width: 75%; }
  .mediumsmall-margin-collapse > .small-10 {
    width: 83.33333%; }
  .mediumsmall-margin-collapse > .small-11 {
    width: 91.66667%; }
  .mediumsmall-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 30em) {
  .mediumsmall-margin-collapse > .mediumsmall-1 {
    width: 8.33333%; }
  .mediumsmall-margin-collapse > .mediumsmall-2 {
    width: 16.66667%; }
  .mediumsmall-margin-collapse > .mediumsmall-3 {
    width: 25%; }
  .mediumsmall-margin-collapse > .mediumsmall-4 {
    width: 33.33333%; }
  .mediumsmall-margin-collapse > .mediumsmall-5 {
    width: 41.66667%; }
  .mediumsmall-margin-collapse > .mediumsmall-6 {
    width: 50%; }
  .mediumsmall-margin-collapse > .mediumsmall-7 {
    width: 58.33333%; }
  .mediumsmall-margin-collapse > .mediumsmall-8 {
    width: 66.66667%; }
  .mediumsmall-margin-collapse > .mediumsmall-9 {
    width: 75%; }
  .mediumsmall-margin-collapse > .mediumsmall-10 {
    width: 83.33333%; }
  .mediumsmall-margin-collapse > .mediumsmall-11 {
    width: 91.66667%; }
  .mediumsmall-margin-collapse > .mediumsmall-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .mediumsmall-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .mediumsmall-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .mediumsmall-margin-collapse > .medium-3 {
    width: 25%; }
  .mediumsmall-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .mediumsmall-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .mediumsmall-margin-collapse > .medium-6 {
    width: 50%; }
  .mediumsmall-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .mediumsmall-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .mediumsmall-margin-collapse > .medium-9 {
    width: 75%; }
  .mediumsmall-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .mediumsmall-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .mediumsmall-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 52em) {
  .mediumsmall-margin-collapse > .mediumlarge-1 {
    width: 8.33333%; }
  .mediumsmall-margin-collapse > .mediumlarge-2 {
    width: 16.66667%; }
  .mediumsmall-margin-collapse > .mediumlarge-3 {
    width: 25%; }
  .mediumsmall-margin-collapse > .mediumlarge-4 {
    width: 33.33333%; }
  .mediumsmall-margin-collapse > .mediumlarge-5 {
    width: 41.66667%; }
  .mediumsmall-margin-collapse > .mediumlarge-6 {
    width: 50%; }
  .mediumsmall-margin-collapse > .mediumlarge-7 {
    width: 58.33333%; }
  .mediumsmall-margin-collapse > .mediumlarge-8 {
    width: 66.66667%; }
  .mediumsmall-margin-collapse > .mediumlarge-9 {
    width: 75%; }
  .mediumsmall-margin-collapse > .mediumlarge-10 {
    width: 83.33333%; }
  .mediumsmall-margin-collapse > .mediumlarge-11 {
    width: 91.66667%; }
  .mediumsmall-margin-collapse > .mediumlarge-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .mediumsmall-margin-collapse > .large-1 {
    width: 8.33333%; }
  .mediumsmall-margin-collapse > .large-2 {
    width: 16.66667%; }
  .mediumsmall-margin-collapse > .large-3 {
    width: 25%; }
  .mediumsmall-margin-collapse > .large-4 {
    width: 33.33333%; }
  .mediumsmall-margin-collapse > .large-5 {
    width: 41.66667%; }
  .mediumsmall-margin-collapse > .large-6 {
    width: 50%; }
  .mediumsmall-margin-collapse > .large-7 {
    width: 58.33333%; }
  .mediumsmall-margin-collapse > .large-8 {
    width: 66.66667%; }
  .mediumsmall-margin-collapse > .large-9 {
    width: 75%; }
  .mediumsmall-margin-collapse > .large-10 {
    width: 83.33333%; }
  .mediumsmall-margin-collapse > .large-11 {
    width: 91.66667%; }
  .mediumsmall-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 30em) {
  .mediumsmall-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .mediumsmall-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .small-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .small-3 {
    width: 25%; }
  .medium-margin-collapse > .small-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .small-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .small-6 {
    width: 50%; }
  .medium-margin-collapse > .small-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .small-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .small-9 {
    width: 75%; }
  .medium-margin-collapse > .small-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .small-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .mediumsmall-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .mediumsmall-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .mediumsmall-3 {
    width: 25%; }
  .medium-margin-collapse > .mediumsmall-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .mediumsmall-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .mediumsmall-6 {
    width: 50%; }
  .medium-margin-collapse > .mediumsmall-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .mediumsmall-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .mediumsmall-9 {
    width: 75%; }
  .medium-margin-collapse > .mediumsmall-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .mediumsmall-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .mediumsmall-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .medium-3 {
    width: 25%; }
  .medium-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .medium-6 {
    width: 50%; }
  .medium-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .medium-9 {
    width: 75%; }
  .medium-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 52em) {
  .medium-margin-collapse > .mediumlarge-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .mediumlarge-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .mediumlarge-3 {
    width: 25%; }
  .medium-margin-collapse > .mediumlarge-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .mediumlarge-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .mediumlarge-6 {
    width: 50%; }
  .medium-margin-collapse > .mediumlarge-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .mediumlarge-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .mediumlarge-9 {
    width: 75%; }
  .medium-margin-collapse > .mediumlarge-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .mediumlarge-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .mediumlarge-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .large-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .large-3 {
    width: 25%; }
  .medium-margin-collapse > .large-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .large-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .large-6 {
    width: 50%; }
  .medium-margin-collapse > .large-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .large-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .large-9 {
    width: 75%; }
  .medium-margin-collapse > .large-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .large-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media print, screen and (min-width: 52em) {
  .mediumlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .mediumlarge-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 52em) {
  .mediumlarge-margin-collapse > .small-1 {
    width: 8.33333%; }
  .mediumlarge-margin-collapse > .small-2 {
    width: 16.66667%; }
  .mediumlarge-margin-collapse > .small-3 {
    width: 25%; }
  .mediumlarge-margin-collapse > .small-4 {
    width: 33.33333%; }
  .mediumlarge-margin-collapse > .small-5 {
    width: 41.66667%; }
  .mediumlarge-margin-collapse > .small-6 {
    width: 50%; }
  .mediumlarge-margin-collapse > .small-7 {
    width: 58.33333%; }
  .mediumlarge-margin-collapse > .small-8 {
    width: 66.66667%; }
  .mediumlarge-margin-collapse > .small-9 {
    width: 75%; }
  .mediumlarge-margin-collapse > .small-10 {
    width: 83.33333%; }
  .mediumlarge-margin-collapse > .small-11 {
    width: 91.66667%; }
  .mediumlarge-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 52em) {
  .mediumlarge-margin-collapse > .mediumsmall-1 {
    width: 8.33333%; }
  .mediumlarge-margin-collapse > .mediumsmall-2 {
    width: 16.66667%; }
  .mediumlarge-margin-collapse > .mediumsmall-3 {
    width: 25%; }
  .mediumlarge-margin-collapse > .mediumsmall-4 {
    width: 33.33333%; }
  .mediumlarge-margin-collapse > .mediumsmall-5 {
    width: 41.66667%; }
  .mediumlarge-margin-collapse > .mediumsmall-6 {
    width: 50%; }
  .mediumlarge-margin-collapse > .mediumsmall-7 {
    width: 58.33333%; }
  .mediumlarge-margin-collapse > .mediumsmall-8 {
    width: 66.66667%; }
  .mediumlarge-margin-collapse > .mediumsmall-9 {
    width: 75%; }
  .mediumlarge-margin-collapse > .mediumsmall-10 {
    width: 83.33333%; }
  .mediumlarge-margin-collapse > .mediumsmall-11 {
    width: 91.66667%; }
  .mediumlarge-margin-collapse > .mediumsmall-12 {
    width: 100%; } }

@media print, screen and (min-width: 52em) {
  .mediumlarge-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .mediumlarge-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .mediumlarge-margin-collapse > .medium-3 {
    width: 25%; }
  .mediumlarge-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .mediumlarge-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .mediumlarge-margin-collapse > .medium-6 {
    width: 50%; }
  .mediumlarge-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .mediumlarge-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .mediumlarge-margin-collapse > .medium-9 {
    width: 75%; }
  .mediumlarge-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .mediumlarge-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .mediumlarge-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 52em) {
  .mediumlarge-margin-collapse > .mediumlarge-1 {
    width: 8.33333%; }
  .mediumlarge-margin-collapse > .mediumlarge-2 {
    width: 16.66667%; }
  .mediumlarge-margin-collapse > .mediumlarge-3 {
    width: 25%; }
  .mediumlarge-margin-collapse > .mediumlarge-4 {
    width: 33.33333%; }
  .mediumlarge-margin-collapse > .mediumlarge-5 {
    width: 41.66667%; }
  .mediumlarge-margin-collapse > .mediumlarge-6 {
    width: 50%; }
  .mediumlarge-margin-collapse > .mediumlarge-7 {
    width: 58.33333%; }
  .mediumlarge-margin-collapse > .mediumlarge-8 {
    width: 66.66667%; }
  .mediumlarge-margin-collapse > .mediumlarge-9 {
    width: 75%; }
  .mediumlarge-margin-collapse > .mediumlarge-10 {
    width: 83.33333%; }
  .mediumlarge-margin-collapse > .mediumlarge-11 {
    width: 91.66667%; }
  .mediumlarge-margin-collapse > .mediumlarge-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .mediumlarge-margin-collapse > .large-1 {
    width: 8.33333%; }
  .mediumlarge-margin-collapse > .large-2 {
    width: 16.66667%; }
  .mediumlarge-margin-collapse > .large-3 {
    width: 25%; }
  .mediumlarge-margin-collapse > .large-4 {
    width: 33.33333%; }
  .mediumlarge-margin-collapse > .large-5 {
    width: 41.66667%; }
  .mediumlarge-margin-collapse > .large-6 {
    width: 50%; }
  .mediumlarge-margin-collapse > .large-7 {
    width: 58.33333%; }
  .mediumlarge-margin-collapse > .large-8 {
    width: 66.66667%; }
  .mediumlarge-margin-collapse > .large-9 {
    width: 75%; }
  .mediumlarge-margin-collapse > .large-10 {
    width: 83.33333%; }
  .mediumlarge-margin-collapse > .large-11 {
    width: 91.66667%; }
  .mediumlarge-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 52em) {
  .mediumlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .mediumlarge-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.33333%; }
  .large-margin-collapse > .small-2 {
    width: 16.66667%; }
  .large-margin-collapse > .small-3 {
    width: 25%; }
  .large-margin-collapse > .small-4 {
    width: 33.33333%; }
  .large-margin-collapse > .small-5 {
    width: 41.66667%; }
  .large-margin-collapse > .small-6 {
    width: 50%; }
  .large-margin-collapse > .small-7 {
    width: 58.33333%; }
  .large-margin-collapse > .small-8 {
    width: 66.66667%; }
  .large-margin-collapse > .small-9 {
    width: 75%; }
  .large-margin-collapse > .small-10 {
    width: 83.33333%; }
  .large-margin-collapse > .small-11 {
    width: 91.66667%; }
  .large-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .mediumsmall-1 {
    width: 8.33333%; }
  .large-margin-collapse > .mediumsmall-2 {
    width: 16.66667%; }
  .large-margin-collapse > .mediumsmall-3 {
    width: 25%; }
  .large-margin-collapse > .mediumsmall-4 {
    width: 33.33333%; }
  .large-margin-collapse > .mediumsmall-5 {
    width: 41.66667%; }
  .large-margin-collapse > .mediumsmall-6 {
    width: 50%; }
  .large-margin-collapse > .mediumsmall-7 {
    width: 58.33333%; }
  .large-margin-collapse > .mediumsmall-8 {
    width: 66.66667%; }
  .large-margin-collapse > .mediumsmall-9 {
    width: 75%; }
  .large-margin-collapse > .mediumsmall-10 {
    width: 83.33333%; }
  .large-margin-collapse > .mediumsmall-11 {
    width: 91.66667%; }
  .large-margin-collapse > .mediumsmall-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .large-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .large-margin-collapse > .medium-3 {
    width: 25%; }
  .large-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .large-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .large-margin-collapse > .medium-6 {
    width: 50%; }
  .large-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .large-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .large-margin-collapse > .medium-9 {
    width: 75%; }
  .large-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .large-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .large-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .mediumlarge-1 {
    width: 8.33333%; }
  .large-margin-collapse > .mediumlarge-2 {
    width: 16.66667%; }
  .large-margin-collapse > .mediumlarge-3 {
    width: 25%; }
  .large-margin-collapse > .mediumlarge-4 {
    width: 33.33333%; }
  .large-margin-collapse > .mediumlarge-5 {
    width: 41.66667%; }
  .large-margin-collapse > .mediumlarge-6 {
    width: 50%; }
  .large-margin-collapse > .mediumlarge-7 {
    width: 58.33333%; }
  .large-margin-collapse > .mediumlarge-8 {
    width: 66.66667%; }
  .large-margin-collapse > .mediumlarge-9 {
    width: 75%; }
  .large-margin-collapse > .mediumlarge-10 {
    width: 83.33333%; }
  .large-margin-collapse > .mediumlarge-11 {
    width: 91.66667%; }
  .large-margin-collapse > .mediumlarge-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.33333%; }
  .large-margin-collapse > .large-2 {
    width: 16.66667%; }
  .large-margin-collapse > .large-3 {
    width: 25%; }
  .large-margin-collapse > .large-4 {
    width: 33.33333%; }
  .large-margin-collapse > .large-5 {
    width: 41.66667%; }
  .large-margin-collapse > .large-6 {
    width: 50%; }
  .large-margin-collapse > .large-7 {
    width: 58.33333%; }
  .large-margin-collapse > .large-8 {
    width: 66.66667%; }
  .large-margin-collapse > .large-9 {
    width: 75%; }
  .large-margin-collapse > .large-10 {
    width: 83.33333%; }
  .large-margin-collapse > .large-11 {
    width: 91.66667%; }
  .large-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

.small-offset-0 {
  margin-left: 0%; }

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 0.625rem); }

.small-offset-1 {
  margin-left: 8.33333%; }

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.33333% + 0.625rem); }

.small-offset-2 {
  margin-left: 16.66667%; }

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.66667% + 0.625rem); }

.small-offset-3 {
  margin-left: 25%; }

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 0.625rem); }

.small-offset-4 {
  margin-left: 33.33333%; }

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.33333% + 0.625rem); }

.small-offset-5 {
  margin-left: 41.66667%; }

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.66667% + 0.625rem); }

.small-offset-6 {
  margin-left: 50%; }

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 0.625rem); }

.small-offset-7 {
  margin-left: 58.33333%; }

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.33333% + 0.625rem); }

.small-offset-8 {
  margin-left: 66.66667%; }

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.66667% + 0.625rem); }

.small-offset-9 {
  margin-left: 75%; }

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 0.625rem); }

.small-offset-10 {
  margin-left: 83.33333%; }

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.33333% + 0.625rem); }

.small-offset-11 {
  margin-left: 91.66667%; }

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.66667% + 0.625rem); }

@media print, screen and (min-width: 30em) {
  .mediumsmall-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .mediumsmall-offset-0 {
    margin-left: calc(0% + 0.625rem); }
  .mediumsmall-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .mediumsmall-offset-1 {
    margin-left: calc(8.33333% + 0.625rem); }
  .mediumsmall-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .mediumsmall-offset-2 {
    margin-left: calc(16.66667% + 0.625rem); }
  .mediumsmall-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .mediumsmall-offset-3 {
    margin-left: calc(25% + 0.625rem); }
  .mediumsmall-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .mediumsmall-offset-4 {
    margin-left: calc(33.33333% + 0.625rem); }
  .mediumsmall-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .mediumsmall-offset-5 {
    margin-left: calc(41.66667% + 0.625rem); }
  .mediumsmall-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .mediumsmall-offset-6 {
    margin-left: calc(50% + 0.625rem); }
  .mediumsmall-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .mediumsmall-offset-7 {
    margin-left: calc(58.33333% + 0.625rem); }
  .mediumsmall-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .mediumsmall-offset-8 {
    margin-left: calc(66.66667% + 0.625rem); }
  .mediumsmall-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .mediumsmall-offset-9 {
    margin-left: calc(75% + 0.625rem); }
  .mediumsmall-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .mediumsmall-offset-10 {
    margin-left: calc(83.33333% + 0.625rem); }
  .mediumsmall-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .mediumsmall-offset-11 {
    margin-left: calc(91.66667% + 0.625rem); } }

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.9375rem); }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem); }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem); }
  .medium-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.9375rem); }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem); }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem); }
  .medium-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.9375rem); }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem); }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem); }
  .medium-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.9375rem); }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem); }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem); } }

@media print, screen and (min-width: 52em) {
  .mediumlarge-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .mediumlarge-offset-0 {
    margin-left: calc(0% + 0.9375rem); }
  .mediumlarge-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .mediumlarge-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem); }
  .mediumlarge-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .mediumlarge-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem); }
  .mediumlarge-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .mediumlarge-offset-3 {
    margin-left: calc(25% + 0.9375rem); }
  .mediumlarge-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .mediumlarge-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem); }
  .mediumlarge-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .mediumlarge-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem); }
  .mediumlarge-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .mediumlarge-offset-6 {
    margin-left: calc(50% + 0.9375rem); }
  .mediumlarge-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .mediumlarge-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem); }
  .mediumlarge-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .mediumlarge-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem); }
  .mediumlarge-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .mediumlarge-offset-9 {
    margin-left: calc(75% + 0.9375rem); }
  .mediumlarge-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .mediumlarge-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem); }
  .mediumlarge-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .mediumlarge-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem); } }

@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.9375rem); }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem); }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem); }
  .large-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 0.9375rem); }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem); }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem); }
  .large-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 0.9375rem); }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem); }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem); }
  .large-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 0.9375rem); }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem); }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem); } }

.grid-y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }
  .grid-y > .cell {
    width: auto; }
  .grid-y > .auto {
    height: auto; }
  .grid-y > .shrink {
    height: auto; }
  .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }
  @media print, screen and (min-width: 30em) {
    .grid-y > .mediumsmall-shrink, .grid-y > .mediumsmall-full, .grid-y > .mediumsmall-1, .grid-y > .mediumsmall-2, .grid-y > .mediumsmall-3, .grid-y > .mediumsmall-4, .grid-y > .mediumsmall-5, .grid-y > .mediumsmall-6, .grid-y > .mediumsmall-7, .grid-y > .mediumsmall-8, .grid-y > .mediumsmall-9, .grid-y > .mediumsmall-10, .grid-y > .mediumsmall-11, .grid-y > .mediumsmall-12 {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }
  @media print, screen and (min-width: 52em) {
    .grid-y > .mediumlarge-shrink, .grid-y > .mediumlarge-full, .grid-y > .mediumlarge-1, .grid-y > .mediumlarge-2, .grid-y > .mediumlarge-3, .grid-y > .mediumlarge-4, .grid-y > .mediumlarge-5, .grid-y > .mediumlarge-6, .grid-y > .mediumlarge-7, .grid-y > .mediumlarge-8, .grid-y > .mediumlarge-9, .grid-y > .mediumlarge-10, .grid-y > .mediumlarge-11, .grid-y > .mediumlarge-12 {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }
  .grid-y > .small-1 {
    height: 8.33333%; }
  .grid-y > .small-2 {
    height: 16.66667%; }
  .grid-y > .small-3 {
    height: 25%; }
  .grid-y > .small-4 {
    height: 33.33333%; }
  .grid-y > .small-5 {
    height: 41.66667%; }
  .grid-y > .small-6 {
    height: 50%; }
  .grid-y > .small-7 {
    height: 58.33333%; }
  .grid-y > .small-8 {
    height: 66.66667%; }
  .grid-y > .small-9 {
    height: 75%; }
  .grid-y > .small-10 {
    height: 83.33333%; }
  .grid-y > .small-11 {
    height: 91.66667%; }
  .grid-y > .small-12 {
    height: 100%; }
  @media print, screen and (min-width: 30em) {
    .grid-y > .mediumsmall-auto {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px;
      height: auto; }
    .grid-y > .mediumsmall-shrink {
      height: auto; }
    .grid-y > .mediumsmall-1 {
      height: 8.33333%; }
    .grid-y > .mediumsmall-2 {
      height: 16.66667%; }
    .grid-y > .mediumsmall-3 {
      height: 25%; }
    .grid-y > .mediumsmall-4 {
      height: 33.33333%; }
    .grid-y > .mediumsmall-5 {
      height: 41.66667%; }
    .grid-y > .mediumsmall-6 {
      height: 50%; }
    .grid-y > .mediumsmall-7 {
      height: 58.33333%; }
    .grid-y > .mediumsmall-8 {
      height: 66.66667%; }
    .grid-y > .mediumsmall-9 {
      height: 75%; }
    .grid-y > .mediumsmall-10 {
      height: 83.33333%; }
    .grid-y > .mediumsmall-11 {
      height: 91.66667%; }
    .grid-y > .mediumsmall-12 {
      height: 100%; } }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-auto {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px;
      height: auto; }
    .grid-y > .medium-shrink {
      height: auto; }
    .grid-y > .medium-1 {
      height: 8.33333%; }
    .grid-y > .medium-2 {
      height: 16.66667%; }
    .grid-y > .medium-3 {
      height: 25%; }
    .grid-y > .medium-4 {
      height: 33.33333%; }
    .grid-y > .medium-5 {
      height: 41.66667%; }
    .grid-y > .medium-6 {
      height: 50%; }
    .grid-y > .medium-7 {
      height: 58.33333%; }
    .grid-y > .medium-8 {
      height: 66.66667%; }
    .grid-y > .medium-9 {
      height: 75%; }
    .grid-y > .medium-10 {
      height: 83.33333%; }
    .grid-y > .medium-11 {
      height: 91.66667%; }
    .grid-y > .medium-12 {
      height: 100%; } }
  @media print, screen and (min-width: 52em) {
    .grid-y > .mediumlarge-auto {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px;
      height: auto; }
    .grid-y > .mediumlarge-shrink {
      height: auto; }
    .grid-y > .mediumlarge-1 {
      height: 8.33333%; }
    .grid-y > .mediumlarge-2 {
      height: 16.66667%; }
    .grid-y > .mediumlarge-3 {
      height: 25%; }
    .grid-y > .mediumlarge-4 {
      height: 33.33333%; }
    .grid-y > .mediumlarge-5 {
      height: 41.66667%; }
    .grid-y > .mediumlarge-6 {
      height: 50%; }
    .grid-y > .mediumlarge-7 {
      height: 58.33333%; }
    .grid-y > .mediumlarge-8 {
      height: 66.66667%; }
    .grid-y > .mediumlarge-9 {
      height: 75%; }
    .grid-y > .mediumlarge-10 {
      height: 83.33333%; }
    .grid-y > .mediumlarge-11 {
      height: 91.66667%; }
    .grid-y > .mediumlarge-12 {
      height: 100%; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-auto {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px;
      height: auto; }
    .grid-y > .large-shrink {
      height: auto; }
    .grid-y > .large-1 {
      height: 8.33333%; }
    .grid-y > .large-2 {
      height: 16.66667%; }
    .grid-y > .large-3 {
      height: 25%; }
    .grid-y > .large-4 {
      height: 33.33333%; }
    .grid-y > .large-5 {
      height: 41.66667%; }
    .grid-y > .large-6 {
      height: 50%; }
    .grid-y > .large-7 {
      height: 58.33333%; }
    .grid-y > .large-8 {
      height: 66.66667%; }
    .grid-y > .large-9 {
      height: 75%; }
    .grid-y > .large-10 {
      height: 83.33333%; }
    .grid-y > .large-11 {
      height: 91.66667%; }
    .grid-y > .large-12 {
      height: 100%; } }

.grid-padding-y .grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y .grid-padding-y {
      margin-top: -0.9375rem;
      margin-bottom: -0.9375rem; } }

.grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y > .cell {
      padding-top: 0.9375rem;
      padding-bottom: 0.9375rem; } }

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y {
      margin-top: -0.9375rem;
      margin-bottom: -0.9375rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
      height: calc(100% - 1.875rem);
      margin-top: 0.9375rem;
      margin-bottom: 0.9375rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem); }
  @media print, screen and (min-width: 30em) {
    .grid-margin-y > .mediumsmall-auto {
      height: auto; }
    .grid-margin-y > .mediumsmall-shrink {
      height: auto; }
    .grid-margin-y > .mediumsmall-1 {
      height: calc(8.33333% - 1.25rem); }
    .grid-margin-y > .mediumsmall-2 {
      height: calc(16.66667% - 1.25rem); }
    .grid-margin-y > .mediumsmall-3 {
      height: calc(25% - 1.25rem); }
    .grid-margin-y > .mediumsmall-4 {
      height: calc(33.33333% - 1.25rem); }
    .grid-margin-y > .mediumsmall-5 {
      height: calc(41.66667% - 1.25rem); }
    .grid-margin-y > .mediumsmall-6 {
      height: calc(50% - 1.25rem); }
    .grid-margin-y > .mediumsmall-7 {
      height: calc(58.33333% - 1.25rem); }
    .grid-margin-y > .mediumsmall-8 {
      height: calc(66.66667% - 1.25rem); }
    .grid-margin-y > .mediumsmall-9 {
      height: calc(75% - 1.25rem); }
    .grid-margin-y > .mediumsmall-10 {
      height: calc(83.33333% - 1.25rem); }
    .grid-margin-y > .mediumsmall-11 {
      height: calc(91.66667% - 1.25rem); }
    .grid-margin-y > .mediumsmall-12 {
      height: calc(100% - 1.25rem); } }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 1.875rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 52em) {
    .grid-margin-y > .mediumlarge-auto {
      height: auto; }
    .grid-margin-y > .mediumlarge-shrink {
      height: auto; }
    .grid-margin-y > .mediumlarge-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .mediumlarge-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .mediumlarge-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .mediumlarge-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .mediumlarge-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .mediumlarge-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .mediumlarge-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .mediumlarge-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .mediumlarge-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .mediumlarge-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .mediumlarge-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .mediumlarge-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 1.875rem); } }

.grid-frame {
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100vw; }

.cell .grid-frame {
  width: 100%; }

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-stype: -ms-autohiding-scrollbar; }

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-stype: -ms-autohiding-scrollbar; }

.cell-block-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100%; }
  .cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }

@media print, screen and (min-width: 30em) {
  .mediumsmall-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw; }
  .cell .mediumsmall-grid-frame {
    width: 100%; }
  .mediumsmall-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; }
  .mediumsmall-cell-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%; }
    .mediumsmall-cell-block-container > .grid-x {
      max-height: 100%;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .mediumsmall-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; } }

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw; }
  .cell .medium-grid-frame {
    width: 100%; }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; }
  .medium-cell-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%; }
    .medium-cell-block-container > .grid-x {
      max-height: 100%;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; } }

@media print, screen and (min-width: 52em) {
  .mediumlarge-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw; }
  .cell .mediumlarge-grid-frame {
    width: 100%; }
  .mediumlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; }
  .mediumlarge-cell-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%; }
    .mediumlarge-cell-block-container > .grid-x {
      max-height: 100%;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .mediumlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; } }

@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw; }
  .cell .large-grid-frame {
    width: 100%; }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; }
  .large-cell-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%; }
    .large-cell-block-container > .grid-x {
      max-height: 100%;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; } }

.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100vh; }

@media print, screen and (min-width: 30em) {
  .grid-y.mediumsmall-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh; } }

@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh; } }

@media print, screen and (min-width: 52em) {
  .grid-y.mediumlarge-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh; } }

@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh; } }

.cell .grid-y.grid-frame {
  height: 100%; }

@media print, screen and (min-width: 30em) {
  .cell .grid-y.mediumsmall-grid-frame {
    height: 100%; } }

@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%; } }

@media print, screen and (min-width: 52em) {
  .cell .grid-y.mediumlarge-grid-frame {
    height: 100%; } }

@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%; } }

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y {
      margin-top: -0.9375rem;
      margin-bottom: -0.9375rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
      height: calc(100% - 1.875rem);
      margin-top: 0.9375rem;
      margin-bottom: 0.9375rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem); }
  @media print, screen and (min-width: 30em) {
    .grid-margin-y > .mediumsmall-auto {
      height: auto; }
    .grid-margin-y > .mediumsmall-shrink {
      height: auto; }
    .grid-margin-y > .mediumsmall-1 {
      height: calc(8.33333% - 1.25rem); }
    .grid-margin-y > .mediumsmall-2 {
      height: calc(16.66667% - 1.25rem); }
    .grid-margin-y > .mediumsmall-3 {
      height: calc(25% - 1.25rem); }
    .grid-margin-y > .mediumsmall-4 {
      height: calc(33.33333% - 1.25rem); }
    .grid-margin-y > .mediumsmall-5 {
      height: calc(41.66667% - 1.25rem); }
    .grid-margin-y > .mediumsmall-6 {
      height: calc(50% - 1.25rem); }
    .grid-margin-y > .mediumsmall-7 {
      height: calc(58.33333% - 1.25rem); }
    .grid-margin-y > .mediumsmall-8 {
      height: calc(66.66667% - 1.25rem); }
    .grid-margin-y > .mediumsmall-9 {
      height: calc(75% - 1.25rem); }
    .grid-margin-y > .mediumsmall-10 {
      height: calc(83.33333% - 1.25rem); }
    .grid-margin-y > .mediumsmall-11 {
      height: calc(91.66667% - 1.25rem); }
    .grid-margin-y > .mediumsmall-12 {
      height: calc(100% - 1.25rem); } }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 1.875rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 52em) {
    .grid-margin-y > .mediumlarge-auto {
      height: auto; }
    .grid-margin-y > .mediumlarge-shrink {
      height: auto; }
    .grid-margin-y > .mediumlarge-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .mediumlarge-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .mediumlarge-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .mediumlarge-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .mediumlarge-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .mediumlarge-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .mediumlarge-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .mediumlarge-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .mediumlarge-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .mediumlarge-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .mediumlarge-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .mediumlarge-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 1.875rem); } }

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem); }
  @media print, screen and (min-width: 30em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.25rem); } }
  @media print, screen and (min-width: 40em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.875rem); } }
  @media print, screen and (min-width: 52em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.875rem); } }

@media print, screen and (min-width: 30em) {
  .grid-margin-y.mediumsmall-grid-frame {
    height: calc(100vh + 1.25rem); } }

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem); } }

@media print, screen and (min-width: 52em) {
  .grid-margin-y.mediumlarge-grid-frame {
    height: calc(100vh + 1.875rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem); } }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "AeonikBold", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #3C4858;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
    line-height: 0;
    color: #657786; }

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h2, .h2 {
  font-size: 1.375rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h3, .h3 {
  font-size: 1.3125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h4, .h4 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h5, .h5 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 2.25rem; }
  h2, .h2 {
    font-size: 2rem; }
  h3, .h3 {
    font-size: 1.625rem; }
  h4, .h4 {
    font-size: 1.375rem; }
  h5, .h5 {
    font-size: 1.125rem; }
  h6, .h6 {
    font-size: 0.875rem; } }

a {
  line-height: inherit;
  color: #18C698;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #15aa83; }
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 100%;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #E6ECF0;
  border-left: 0; }

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6; }

li {
  font-size: inherit; }

ul {
  margin-left: 1.25rem;
  list-style-type: disc; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #657786; }
  blockquote, blockquote p {
    line-height: 1.6;
    color: #3C4858; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #3C4858; }
  cite:before {
    content: "— "; }

abbr, abbr[title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: none; }

figure {
  margin: 0; }

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #657786;
  background-color: #E6ECF0;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #14171A; }

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #E6ECF0;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #14171A;
  border-radius: 3px; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #AAB8C2; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none; }

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

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

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

@media print, screen and (min-width: 30em) {
  .mediumsmall-text-left {
    text-align: left; }
  .mediumsmall-text-right {
    text-align: right; }
  .mediumsmall-text-center {
    text-align: center; }
  .mediumsmall-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 52em) {
  .mediumlarge-text-left {
    text-align: left; }
  .mediumlarge-text-right {
    text-align: right; }
  .mediumlarge-text-center {
    text-align: center; }
  .mediumlarge-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    color: black !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #3C4858;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .print-break-inside {
    page-break-inside: auto; } }

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: inherit;
  padding: 1.25rem 1.875rem;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0.1875rem;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #18C698;
  color: #ffffff; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background-color: #14a881;
    color: #ffffff; }
  .button.tiny {
    font-size: 0.8rem; }
  .button.small {
    font-size: 0.8rem; }
  .button.large {
    font-size: 1.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .button.primary {
    background-color: #18C698;
    color: #ffffff; }
    .button.primary:hover, .button.primary:focus {
      background-color: #139e7a;
      color: #ffffff; }
  .button.secondary {
    background-color: #13134D;
    color: #ffffff; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #0f0f3e;
      color: #ffffff; }
  .button.success {
    background-color: #18C698;
    color: #ffffff; }
    .button.success:hover, .button.success:focus {
      background-color: #139e7a;
      color: #ffffff; }
  .button.warning {
    background-color: #12D9E8;
    color: #ffffff; }
    .button.warning:hover, .button.warning:focus {
      background-color: #0eaeba;
      color: #ffffff; }
  .button.alert {
    background-color: #DB2671;
    color: #ffffff; }
    .button.alert:hover, .button.alert:focus {
      background-color: #b01d5a;
      color: #ffffff; }
  .button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed; }
    .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
      background-color: #18C698;
      color: #ffffff; }
    .button.disabled.primary, .button[disabled].primary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
        background-color: #18C698;
        color: #ffffff; }
    .button.disabled.secondary, .button[disabled].secondary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #13134D;
        color: #ffffff; }
    .button.disabled.success, .button[disabled].success {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #18C698;
        color: #ffffff; }
    .button.disabled.warning, .button[disabled].warning {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #12D9E8;
        color: #ffffff; }
    .button.disabled.alert, .button[disabled].alert {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #DB2671;
        color: #ffffff; }
  .button.hollow {
    border: 1px solid #18C698;
    color: #18C698; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
      background-color: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #0c634c;
      color: #0c634c; }
      .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
        border: 1px solid #18C698;
        color: #18C698; }
    .button.hollow.primary {
      border: 1px solid #18C698;
      color: #18C698; }
      .button.hollow.primary:hover, .button.hollow.primary:focus {
        border-color: #0c634c;
        color: #0c634c; }
        .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
          border: 1px solid #18C698;
          color: #18C698; }
    .button.hollow.secondary {
      border: 1px solid #13134D;
      color: #13134D; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #0a0a27;
        color: #0a0a27; }
        .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
          border: 1px solid #13134D;
          color: #13134D; }
    .button.hollow.success {
      border: 1px solid #18C698;
      color: #18C698; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #0c634c;
        color: #0c634c; }
        .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
          border: 1px solid #18C698;
          color: #18C698; }
    .button.hollow.warning {
      border: 1px solid #12D9E8;
      color: #12D9E8; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #096d74;
        color: #096d74; }
        .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
          border: 1px solid #12D9E8;
          color: #12D9E8; }
    .button.hollow.alert {
      border: 1px solid #DB2671;
      color: #DB2671; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #6e1238;
        color: #6e1238; }
        .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
          border: 1px solid #DB2671;
          color: #DB2671; }
  .button.clear {
    border: 1px solid #18C698;
    color: #18C698; }
    .button.clear, .button.clear:hover, .button.clear:focus {
      background-color: transparent; }
    .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
      background-color: transparent; }
    .button.clear:hover, .button.clear:focus {
      border-color: #0c634c;
      color: #0c634c; }
      .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
        border: 1px solid #18C698;
        color: #18C698; }
    .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
      border-color: transparent; }
    .button.clear.primary {
      border: 1px solid #18C698;
      color: #18C698; }
      .button.clear.primary:hover, .button.clear.primary:focus {
        border-color: #0c634c;
        color: #0c634c; }
        .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
          border: 1px solid #18C698;
          color: #18C698; }
      .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
        border-color: transparent; }
    .button.clear.secondary {
      border: 1px solid #13134D;
      color: #13134D; }
      .button.clear.secondary:hover, .button.clear.secondary:focus {
        border-color: #0a0a27;
        color: #0a0a27; }
        .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
          border: 1px solid #13134D;
          color: #13134D; }
      .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
        border-color: transparent; }
    .button.clear.success {
      border: 1px solid #18C698;
      color: #18C698; }
      .button.clear.success:hover, .button.clear.success:focus {
        border-color: #0c634c;
        color: #0c634c; }
        .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
          border: 1px solid #18C698;
          color: #18C698; }
      .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
        border-color: transparent; }
    .button.clear.warning {
      border: 1px solid #12D9E8;
      color: #12D9E8; }
      .button.clear.warning:hover, .button.clear.warning:focus {
        border-color: #096d74;
        color: #096d74; }
        .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
          border: 1px solid #12D9E8;
          color: #12D9E8; }
      .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
        border-color: transparent; }
    .button.clear.alert {
      border: 1px solid #DB2671;
      color: #DB2671; }
      .button.clear.alert:hover, .button.clear.alert:focus {
        border-color: #6e1238;
        color: #6e1238; }
        .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
          border: 1px solid #DB2671;
          color: #DB2671; }
      .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
        border-color: transparent; }
  .button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ffffff transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 1.875rem; }
  .button.dropdown.hollow::after {
    border-top-color: #18C698; }
  .button.dropdown.hollow.primary::after {
    border-top-color: #18C698; }
  .button.dropdown.hollow.secondary::after {
    border-top-color: #13134D; }
  .button.dropdown.hollow.success::after {
    border-top-color: #18C698; }
  .button.dropdown.hollow.warning::after {
    border-top-color: #12D9E8; }
  .button.dropdown.hollow.alert::after {
    border-top-color: #DB2671; }
  .button.arrow-only::after {
    top: -0.1em;
    float: none;
    margin-left: 0; }

a.button:hover, a.button:focus {
  text-decoration: none; }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 3.0875rem;
  margin: 0 0 1.75rem;
  padding: 0.875rem;
  border: 1px solid #E6ECF0;
  border-radius: 3px;
  background-color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "AeonikMedium", sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.6;
  color: #3C4858;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #18C698;
    background-color: #ffffff;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #AAB8C2; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #AAB8C2; }

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #AAB8C2; }

input::placeholder,
textarea::placeholder {
  color: #AAB8C2; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #E6ECF0;
  cursor: not-allowed; }

[type='submit'],
[type='button'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 3px; }

input[type='search'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1.75rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.875rem;
  margin-right: 1.75rem;
  margin-bottom: 0; }
  [type='checkbox'] + label[for],
  [type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.875rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.8;
  color: #657786; }
  label.middle {
    margin: 0 0 1.75rem;
    padding: 0.9375rem 0; }

.help-text {
  margin-top: -0.875rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #14171A; }

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1.75rem; }
  .input-group > :first-child {
    border-radius: 3px 0 0 3px; }
  .input-group > :last-child > * {
    border-radius: 0 3px 3px 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle; }

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #657786;
  background: #E6ECF0;
  color: #14171A;
  text-align: center;
  white-space: nowrap;
  width: 1%;
  height: 100%; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  height: 3.5rem; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 1%;
  height: 100%; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
    height: 3.5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.875rem; }

.input-group .input-group-button {
  display: table-cell; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  max-width: 100%;
  margin-bottom: 0.875rem; }

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #657786; }
  .fieldset legend {
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem; }

select {
  height: 3.0875rem;
  margin: 0 0 1.75rem;
  padding: 0.875rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #E6ECF0;
  border-radius: 0px;
  background-color: #ffffff;
  font-family: "AeonikMedium", sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.6;
  color: #3C4858;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2860, 72, 88%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1.75rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 2.625rem;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:focus {
    outline: none;
    border: 1px solid #18C698;
    background-color: #ffffff;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }
  select:disabled {
    background-color: #E6ECF0;
    cursor: not-allowed; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }

.is-invalid-input:not(:focus) {
  border-color: #DB2671;
  background-color: #fbe9f1; }
  .is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #DB2671; }
  .is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #DB2671; }
  .is-invalid-input:not(:focus)::-ms-input-placeholder {
    color: #DB2671; }
  .is-invalid-input:not(:focus)::placeholder {
    color: #DB2671; }

.is-invalid-label {
  color: #DB2671; }

.form-error {
  display: none;
  margin-top: -0.875rem;
  margin-bottom: 1.75rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #DB2671; }
  .form-error.is-visible {
    display: block; }

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #18C698;
  color: #ffffff; }
  .badge.primary {
    background: #18C698;
    color: #14171A; }
  .badge.secondary {
    background: #13134D;
    color: #ffffff; }
  .badge.success {
    background: #18C698;
    color: #14171A; }
  .badge.warning {
    background: #12D9E8;
    color: #14171A; }
  .badge.alert {
    background: #DB2671;
    color: #ffffff; }

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none; }
  .breadcrumbs::before, .breadcrumbs::after {
    display: table;
    content: ' '; }
  .breadcrumbs::after {
    clear: both; }
  .breadcrumbs li {
    float: left;
    font-size: 0.6875rem;
    color: #14171A;
    cursor: default;
    text-transform: uppercase; }
    .breadcrumbs li:not(:last-child)::after {
      position: relative;
      margin: 0 0.75rem;
      opacity: 1;
      content: "/";
      color: #657786; }
  .breadcrumbs a {
    color: #18C698; }
    .breadcrumbs a:hover {
      text-decoration: underline; }
  .breadcrumbs .disabled {
    color: #657786;
    cursor: not-allowed; }

.button-group {
  margin-bottom: 1rem;
  font-size: 0; }
  .button-group::before, .button-group::after {
    display: table;
    content: ' '; }
  .button-group::after {
    clear: both; }
  .button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 0.9rem; }
    .button-group .button:last-child {
      margin-right: 0; }
  .button-group.tiny .button {
    font-size: 0.8rem; }
  .button-group.small .button {
    font-size: 0.8rem; }
  .button-group.large .button {
    font-size: 1.25rem; }
  .button-group.expanded {
    margin-right: -1px; }
    .button-group.expanded::before, .button-group.expanded::after {
      display: none; }
    .button-group.expanded .button:first-child:last-child {
      width: 100%; }
    .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
      display: inline-block;
      width: calc(50% - 1px);
      margin-right: 1px; }
      .button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
      display: inline-block;
      width: calc(33.33333% - 1px);
      margin-right: 1px; }
      .button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
      display: inline-block;
      width: calc(25% - 1px);
      margin-right: 1px; }
      .button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
      display: inline-block;
      width: calc(20% - 1px);
      margin-right: 1px; }
      .button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
      display: inline-block;
      width: calc(16.66667% - 1px);
      margin-right: 1px; }
      .button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
        margin-right: -6px; }
  .button-group.primary .button {
    background-color: #18C698;
    color: #ffffff; }
    .button-group.primary .button:hover, .button-group.primary .button:focus {
      background-color: #139e7a;
      color: #ffffff; }
  .button-group.secondary .button {
    background-color: #13134D;
    color: #ffffff; }
    .button-group.secondary .button:hover, .button-group.secondary .button:focus {
      background-color: #0f0f3e;
      color: #ffffff; }
  .button-group.success .button {
    background-color: #18C698;
    color: #ffffff; }
    .button-group.success .button:hover, .button-group.success .button:focus {
      background-color: #139e7a;
      color: #ffffff; }
  .button-group.warning .button {
    background-color: #12D9E8;
    color: #ffffff; }
    .button-group.warning .button:hover, .button-group.warning .button:focus {
      background-color: #0eaeba;
      color: #ffffff; }
  .button-group.alert .button {
    background-color: #DB2671;
    color: #ffffff; }
    .button-group.alert .button:hover, .button-group.alert .button:focus {
      background-color: #b01d5a;
      color: #ffffff; }
  .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
    width: 100%; }
    .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
      margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
      width: auto;
      margin-bottom: 0; } }
  @media print, screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
      width: auto;
      margin-bottom: 0; } }
  @media screen and (max-width: 29.9375em) {
    .button-group.stacked-for-small.expanded {
      display: block; }
      .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0; } }

.card {
  margin-bottom: 1rem;
  border: 1px solid #ffffff;
  border-radius: 3px;
  background: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: hidden;
  color: #657786; }
  .card > :last-child {
    margin-bottom: 0; }

.card-divider {
  padding: 1rem;
  background: #E6ECF0; }
  .card-divider > :last-child {
    margin-bottom: 0; }

.card-section {
  padding: 1rem; }
  .card-section > :last-child {
    margin-bottom: 0; }

.card-image {
  min-height: 1px; }

.close-button {
  position: absolute;
  color: #3C4858;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #14171A; }
  .close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1; }
  .close-button, .close-button.medium {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1; }

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative; }
  [data-whatinput='mouse'] .menu li {
    outline: 0; }
  .menu a,
  .menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.7rem 1rem; }
  .menu input,
  .menu select,
  .menu a,
  .menu button {
    margin-bottom: 0; }
  .menu input {
    display: inline-block; }
  .menu li, .menu.horizontal li {
    display: inline-block; }
  .menu.vertical li {
    display: block; }
  .menu.expanded {
    display: table;
    width: 100%; }
    .menu.expanded > li {
      display: table-cell;
      vertical-align: middle; }
  .menu.simple li + li {
    margin-left: 1rem; }
  .menu.simple a {
    padding: 0; }
  @media print, screen and (min-width: 30em) {
    .menu.mediumsmall-horizontal li {
      display: inline-block; }
    .menu.mediumsmall-vertical li {
      display: block; }
    .menu.mediumsmall-expanded {
      display: table;
      width: 100%; }
      .menu.mediumsmall-expanded > li {
        display: table-cell;
        vertical-align: middle; }
    .menu.mediumsmall-simple {
      display: table;
      width: 100%; }
      .menu.mediumsmall-simple > li {
        display: table-cell;
        vertical-align: middle; } }
  @media print, screen and (min-width: 40em) {
    .menu.medium-horizontal li {
      display: inline-block; }
    .menu.medium-vertical li {
      display: block; }
    .menu.medium-expanded {
      display: table;
      width: 100%; }
      .menu.medium-expanded > li {
        display: table-cell;
        vertical-align: middle; }
    .menu.medium-simple {
      display: table;
      width: 100%; }
      .menu.medium-simple > li {
        display: table-cell;
        vertical-align: middle; } }
  @media print, screen and (min-width: 52em) {
    .menu.mediumlarge-horizontal li {
      display: inline-block; }
    .menu.mediumlarge-vertical li {
      display: block; }
    .menu.mediumlarge-expanded {
      display: table;
      width: 100%; }
      .menu.mediumlarge-expanded > li {
        display: table-cell;
        vertical-align: middle; }
    .menu.mediumlarge-simple {
      display: table;
      width: 100%; }
      .menu.mediumlarge-simple > li {
        display: table-cell;
        vertical-align: middle; } }
  @media print, screen and (min-width: 64em) {
    .menu.large-horizontal li {
      display: inline-block; }
    .menu.large-vertical li {
      display: block; }
    .menu.large-expanded {
      display: table;
      width: 100%; }
      .menu.large-expanded > li {
        display: table-cell;
        vertical-align: middle; }
    .menu.large-simple {
      display: table;
      width: 100%; }
      .menu.large-simple > li {
        display: table-cell;
        vertical-align: middle; } }
  .menu.nested {
    margin-right: 0;
    margin-left: 1rem; }
  .menu.icons img,
  .menu.icons i,
  .menu.icons svg {
    vertical-align: middle; }
    .menu.icons img + span,
    .menu.icons i + span,
    .menu.icons svg + span {
      vertical-align: middle; }
  .menu.icon-top img,
  .menu.icon-top i,
  .menu.icon-top svg, .menu.icon-right img,
  .menu.icon-right i,
  .menu.icon-right svg, .menu.icon-bottom img,
  .menu.icon-bottom i,
  .menu.icon-bottom svg, .menu.icon-left img,
  .menu.icon-left i,
  .menu.icon-left svg {
    vertical-align: middle; }
    .menu.icon-top img + span,
    .menu.icon-top i + span,
    .menu.icon-top svg + span, .menu.icon-right img + span,
    .menu.icon-right i + span,
    .menu.icon-right svg + span, .menu.icon-bottom img + span,
    .menu.icon-bottom i + span,
    .menu.icon-bottom svg + span, .menu.icon-left img + span,
    .menu.icon-left i + span,
    .menu.icon-left svg + span {
      vertical-align: middle; }
  .menu.icon-left li a img,
  .menu.icon-left li a i,
  .menu.icon-left li a svg {
    margin-right: 0.25rem;
    display: inline-block; }
  .menu.icon-right li a img,
  .menu.icon-right li a i,
  .menu.icon-right li a svg {
    margin-left: 0.25rem;
    display: inline-block; }
  .menu.icon-top li a {
    text-align: center; }
    .menu.icon-top li a img,
    .menu.icon-top li a i,
    .menu.icon-top li a svg {
      display: block;
      margin: 0 auto 0.25rem; }
  .menu.icon-bottom li a {
    text-align: center; }
    .menu.icon-bottom li a img,
    .menu.icon-bottom li a i,
    .menu.icon-bottom li a svg {
      display: block;
      margin: 0.25rem auto 0; }
  .menu .is-active > a {
    background: #18C698;
    color: #ffffff; }
  .menu .active > a {
    background: #18C698;
    color: #ffffff; }
  .menu.align-left {
    text-align: left; }
  .menu.align-right {
    text-align: right; }
    .menu.align-right .submenu li {
      text-align: left; }
    .menu.align-right.vertical .submenu li {
      text-align: right; }
    .menu.align-right .nested {
      margin-right: 1rem;
      margin-left: 0; }
  .menu.align-center {
    text-align: center; }
    .menu.align-center .submenu li {
      text-align: left; }
  .menu .menu-text {
    padding: 0.7rem 1rem;
    font-weight: bold;
    line-height: 1;
    color: inherit; }

.menu-centered > .menu {
  text-align: center; }
  .menu-centered > .menu .submenu li {
    text-align: left; }

.no-js [data-responsive-menu] ul {
  display: none; }

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #ffffff;
    -webkit-box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
            box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
    content: ''; }
  .menu-icon:hover::after {
    background: #657786;
    -webkit-box-shadow: 0 7px 0 #657786, 0 14px 0 #657786;
            box-shadow: 0 7px 0 #657786, 0 14px 0 #657786; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #14171A;
    -webkit-box-shadow: 0 7px 0 #14171A, 0 14px 0 #14171A;
            box-shadow: 0 7px 0 #14171A, 0 14px 0 #14171A;
    content: ''; }
  .menu-icon.dark:hover::after {
    background: #3C4858;
    -webkit-box-shadow: 0 7px 0 #3C4858, 0 14px 0 #3C4858;
            box-shadow: 0 7px 0 #3C4858, 0 14px 0 #3C4858; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0; }

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #18C698 transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px; }

.dropdown.menu a {
  padding: 0.7rem 1rem; }
  [data-whatinput='mouse'] .dropdown.menu a {
    outline: 0; }

.dropdown.menu .is-active > a {
  background: transparent;
  color: #18C698; }

.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0; }

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0; }

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
  top: 0; }

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%; }

.dropdown.menu.vertical > li > a::after {
  right: 14px; }

.dropdown.menu.vertical > li.opens-left > a::after {
  right: auto;
  left: 5px;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #18C698 transparent transparent; }

.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #18C698; }

@media print, screen and (min-width: 30em) {
  .dropdown.menu.mediumsmall-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.mediumsmall-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.mediumsmall-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.mediumsmall-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #18C698 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px; }
  .dropdown.menu.mediumsmall-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.mediumsmall-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0; }
  .dropdown.menu.mediumsmall-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.mediumsmall-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.mediumsmall-vertical > li.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #18C698 transparent transparent; }
  .dropdown.menu.mediumsmall-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #18C698; } }

@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #18C698 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0; }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #18C698 transparent transparent; }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #18C698; } }

@media print, screen and (min-width: 52em) {
  .dropdown.menu.mediumlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.mediumlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.mediumlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.mediumlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #18C698 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px; }
  .dropdown.menu.mediumlarge-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.mediumlarge-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0; }
  .dropdown.menu.mediumlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.mediumlarge-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.mediumlarge-vertical > li.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #18C698 transparent transparent; }
  .dropdown.menu.mediumlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #18C698; } }

@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #18C698 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0; }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #18C698 transparent transparent; }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #18C698; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }

.is-dropdown-submenu-parent {
  position: relative; }
  .is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px; }
  .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #657786;
  background: #ffffff; }
  .dropdown .is-dropdown-submenu a {
    padding: 0.7rem 1rem; }
  .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #18C698 transparent transparent; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #18C698; }
  .is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px; }
  .is-dropdown-submenu > li {
    width: 100%; }
  .is-dropdown-submenu.js-dropdown-active {
    display: block; }

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden; }
  .responsive-embed iframe,
  .responsive-embed object,
  .responsive-embed embed,
  .responsive-embed video,
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .responsive-embed.widescreen,
  .flex-video.widescreen {
    padding-bottom: 56.25%; }

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 3px;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #18C698;
  color: #3C4858; }
  .label.primary {
    background: #18C698;
    color: #14171A; }
  .label.secondary {
    background: #13134D;
    color: #3C4858; }
  .label.success {
    background: #18C698;
    color: #14171A; }
  .label.warning {
    background: #12D9E8;
    color: #14171A; }
  .label.alert {
    background: #DB2671;
    color: #14171A; }

.media-object {
  display: block;
  margin-bottom: 1rem; }
  .media-object img {
    max-width: none; }
  @media screen and (max-width: 29.9375em) {
    .media-object.stack-for-small .media-object-section {
      padding: 0;
      padding-bottom: 1rem;
      display: block; }
      .media-object.stack-for-small .media-object-section img {
        width: 100%; } }

.media-object-section {
  display: table-cell;
  vertical-align: top; }
  .media-object-section:first-child {
    padding-right: 1rem; }
  .media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem; }
  .media-object-section > :last-child {
    margin-bottom: 0; }
  .media-object-section.middle {
    vertical-align: middle; }
  .media-object-section.bottom {
    vertical-align: bottom; }

.pagination {
  margin-left: 0;
  margin-bottom: 1rem; }
  .pagination::before, .pagination::after {
    display: table;
    content: ' '; }
  .pagination::after {
    clear: both; }
  .pagination li {
    margin-right: 0.625rem;
    border-radius: 3px;
    font-size: 0.875rem;
    display: none; }
    .pagination li:last-child, .pagination li:first-child {
      display: inline-block; }
    @media print, screen and (min-width: 40em) {
      .pagination li {
        display: inline-block; } }
  .pagination a,
  .pagination button {
    display: block;
    padding: 0.5rem 1rem;
    border-radius: 3px;
    color: #657786; }
    .pagination a:hover,
    .pagination button:hover {
      background: #E6ECF0; }
  .pagination .current {
    padding: 0.5rem 1rem;
    background: #18C698;
    color: #ffffff;
    cursor: default; }
  .pagination .disabled {
    padding: 0.5rem 1rem;
    color: #E6ECF0;
    cursor: not-allowed; }
    .pagination .disabled:hover {
      background: transparent; }
  .pagination .ellipsis::after {
    padding: 0.5rem 1rem;
    content: '\2026';
    color: #657786; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: '\00ab'; }

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: '\00bb'; }

.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 3px;
  background-color: #657786; }
  .progress.primary .progress-meter {
    background-color: #18C698; }
  .progress.secondary .progress-meter {
    background-color: #13134D; }
  .progress.success .progress-meter {
    background-color: #18C698; }
  .progress.warning .progress-meter {
    background-color: #12D9E8; }
  .progress.alert .progress-meter {
    background-color: #DB2671; }

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #18C698;
  border-radius: 3px; }

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ffffff;
  white-space: nowrap;
  border-radius: 3px; }

body.is-reveal-open {
  overflow: hidden; }

html.is-reveal-open,
html.is-reveal-open body {
  min-height: 100%;
  overflow: hidden;
  position: fixed;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(20, 23, 26, 0.45);
  overflow-y: scroll; }

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #657786;
  border-radius: 3px;
  background-color: #ffffff;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      min-height: 0; } }
  .reveal .column, .reveal .columns {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      width: 600px;
      max-width: 75rem; } }
  .reveal.collapse {
    padding: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal.tiny {
      width: 30%;
      max-width: 75rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.small {
      width: 50%;
      max-width: 75rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.large {
      width: 90%;
      max-width: 75rem; } }
  .reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media screen and (max-width: 29.9375em) {
    .reveal {
      top: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      height: 100vh;
      min-height: 100vh;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 3px; }
  thead,
  tbody,
  tfoot {
    border: 0;
    background-color: #ffffff; }
  caption {
    padding: 0.9375rem;
    font-weight: bold; }
  thead {
    background: #000659;
    color: #ffffff; }
  tfoot {
    background: #18C698;
    color: #ffffff; }
  thead tr,
  tfoot tr {
    background: transparent; }
  thead th,
  thead td,
  tfoot th,
  tfoot td {
    padding: 0.9375rem;
    font-weight: bold;
    text-align: left; }
  tbody th,
  tbody td {
    padding: 0.9375rem; }
  tbody tr:nth-child(odd) {
    background-color: #fcfcfc; }
  table.unstriped tbody {
    background-color: #ffffff; }
    table.unstriped tbody tr {
      border-bottom: 0;
      border-bottom: 0;
      background-color: #ffffff; }

@media screen and (max-width: 51.9375em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover thead tr:hover {
  background-color: #00054f; }

table.hover tfoot tr:hover {
  background-color: #17bd91; }

table.hover tbody tr:hover {
  background-color: #fafafa; }

table.hover:not(.unstriped) tr:nth-of-type(odd):hover {
  background-color: #f7f7f7; }

.table-scroll {
  overflow-x: auto; }
  .table-scroll table {
    width: auto; }

.tabs {
  margin: 0;
  border: 1px solid #E6ECF0;
  background: #ffffff;
  list-style-type: none; }
  .tabs::before, .tabs::after {
    display: table;
    content: ' '; }
  .tabs::after {
    clear: both; }

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #18C698; }
  .tabs.primary > li > a {
    color: #14171A; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #17bc90; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: 0.75rem;
    line-height: 1;
    color: #18C698; }
    .tabs-title > a:hover {
      background: #ffffff;
      color: #15aa83; }
    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      background: #E6ECF0;
      color: #18C698; }

.tabs-content {
  border: 1px solid #E6ECF0;
  border-top: 0;
  background: #ffffff;
  color: #657786;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.tabs-content.vertical {
  border: 1px solid #E6ECF0;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 0; }
  .tabs-panel.is-active {
    display: block; }

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: solid 4px #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 0 1px rgba(20, 23, 26, 0.2);
          box-shadow: 0 0 0 1px rgba(20, 23, 26, 0.2);
  line-height: 0; }

a.thumbnail {
  -webkit-transition: -webkit-box-shadow 200ms ease-out;
  transition: -webkit-box-shadow 200ms ease-out;
  transition: box-shadow 200ms ease-out;
  transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out; }
  a.thumbnail:hover, a.thumbnail:focus {
    -webkit-box-shadow: 0 0 6px 1px rgba(24, 198, 152, 0.5);
            box-shadow: 0 0 6px 1px rgba(24, 198, 152, 0.5); }
  a.thumbnail image {
    -webkit-box-shadow: none;
            box-shadow: none; }

.top-bar {
  padding: 0.5rem; }
  .top-bar::before, .top-bar::after {
    display: table;
    content: ' '; }
  .top-bar::after {
    clear: both; }
  .top-bar,
  .top-bar ul {
    background-color: #E6ECF0; }
  .top-bar input {
    max-width: 200px;
    margin-right: 1rem; }
  .top-bar .input-group-field {
    width: 100%;
    margin-right: 0; }
  .top-bar input.button {
    width: auto; }
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    width: 100%; }
  @media print, screen and (min-width: 40em) {
    .top-bar .top-bar-left,
    .top-bar .top-bar-right {
      width: auto; } }
  @media screen and (max-width: 39.9375em) {
    .top-bar.stacked-for-mediumsmall .top-bar-left,
    .top-bar.stacked-for-mediumsmall .top-bar-right {
      width: 100%; } }
  @media screen and (max-width: 51.9375em) {
    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
      width: 100%; } }
  @media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-mediumlarge .top-bar-left,
    .top-bar.stacked-for-mediumlarge .top-bar-right {
      width: 100%; } }
  @media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
      width: 100%; } }

.top-bar-title {
  display: inline-block;
  float: left;
  padding: 0.5rem 1rem 0.5rem 0; }
  .top-bar-title .menu-icon {
    bottom: 2px; }

.top-bar-left {
  float: left; }

.top-bar-right {
  float: right; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 29.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 30em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 30em) {
  .hide-for-mediumsmall {
    display: none !important; } }

@media screen and (max-width: 29.9375em) {
  .show-for-mediumsmall {
    display: none !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .hide-for-mediumsmall-only {
    display: none !important; } }

@media screen and (max-width: 29.9375em), screen and (min-width: 40em) {
  .show-for-mediumsmall-only {
    display: none !important; } }

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 52em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 52em) {
  .hide-for-mediumlarge {
    display: none !important; } }

@media screen and (max-width: 51.9375em) {
  .show-for-mediumlarge {
    display: none !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .hide-for-mediumlarge-only {
    display: none !important; } }

@media screen and (max-width: 51.9375em), screen and (min-width: 64em) {
  .show-for-mediumlarge-only {
    display: none !important; } }

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  border: 0; }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  -webkit-clip-path: none;
          clip-path: none; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto; }

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

.clearfix::after {
  clear: both; }

.align-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.align-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.align-justify {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.align-spaced {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.align-right.vertical.menu > li > a {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.align-center.vertical.menu > li > a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.align-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.align-self-top {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.align-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.align-self-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.align-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.align-self-middle {
  -ms-flex-item-align: center;
      align-self: center; }

.align-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.align-self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch; }

.align-center-middle {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center; }

.small-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.small-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.small-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }

.small-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4; }

.small-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5; }

.small-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6; }

@media print, screen and (min-width: 30em) {
  .mediumsmall-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .mediumsmall-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .mediumsmall-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .mediumsmall-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .mediumsmall-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .mediumsmall-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; } }

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; } }

@media print, screen and (min-width: 52em) {
  .mediumlarge-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .mediumlarge-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .mediumlarge-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .mediumlarge-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .mediumlarge-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .mediumlarge-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; } }

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .large-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .large-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .large-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .large-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .large-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; } }

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flex-child-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.flex-child-grow {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.flex-child-shrink {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }

.flex-dir-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.flex-dir-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.flex-dir-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.flex-dir-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }

@media print, screen and (min-width: 30em) {
  .mediumsmall-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .mediumsmall-flex-child-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .mediumsmall-flex-child-grow {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .mediumsmall-flex-child-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .mediumsmall-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .mediumsmall-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .mediumsmall-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .mediumsmall-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .medium-flex-child-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .medium-flex-child-grow {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .medium-flex-child-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .medium-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .medium-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .medium-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .medium-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

@media print, screen and (min-width: 52em) {
  .mediumlarge-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .mediumlarge-flex-child-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .mediumlarge-flex-child-grow {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .mediumlarge-flex-child-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .mediumlarge-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .mediumlarge-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .mediumlarge-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .mediumlarge-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .large-flex-child-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .large-flex-child-grow {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .large-flex-child-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .large-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .large-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .large-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .large-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

.slide-in-down.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-down.mui-enter.mui-enter-active {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.slide-in-left.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-left.mui-enter.mui-enter-active {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.slide-in-up.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-up.mui-enter.mui-enter-active {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.slide-in-right.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-right.mui-enter.mui-enter-active {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.slide-out-down.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-down.mui-leave.mui-leave-active {
  -webkit-transform: translateY(100%);
          transform: translateY(100%); }

.slide-out-right.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-right.mui-leave.mui-leave-active {
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }

.slide-out-up.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-up.mui-leave.mui-leave-active {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%); }

.slide-out-left.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-left.mui-leave.mui-leave-active {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%); }

.fade-in.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.fade-in.mui-enter.mui-enter-active {
  opacity: 1; }

.fade-out.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.fade-out.mui-leave.mui-leave-active {
  opacity: 0; }

.hinge-in-from-top.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.hinge-in-from-top.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-right.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.hinge-in-from-right.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-bottom.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(90deg);
          transform: perspective(2000px) rotateX(90deg);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-left.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(90deg);
          transform: perspective(2000px) rotateY(90deg);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.hinge-in-from-left.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-x.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-y.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-out-from-top.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.hinge-out-from-top.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-right.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.hinge-out-from-right.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.hinge-out-from-bottom.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(90deg);
          transform: perspective(2000px) rotateX(90deg);
  opacity: 0; }

.hinge-out-from-left.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.hinge-out-from-left.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(90deg);
          transform: perspective(2000px) rotateY(90deg);
  opacity: 0; }

.hinge-out-from-middle-x.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-middle-y.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.scale-in-up.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.scale-in-up.mui-enter.mui-enter-active {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

.scale-in-down.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.scale-in-down.mui-enter.mui-enter-active {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

.scale-out-up.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.scale-out-up.mui-leave.mui-leave-active {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 0; }

.scale-out-down.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.scale-out-down.mui-leave.mui-leave-active {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0; }

.spin-in.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: rotate(-0.75turn);
          transform: rotate(-0.75turn);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.spin-in.mui-enter.mui-enter-active {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  opacity: 1; }

.spin-out.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.spin-out.mui-leave.mui-leave-active {
  -webkit-transform: rotate(0.75turn);
          transform: rotate(0.75turn);
  opacity: 0; }

.spin-in-ccw.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: rotate(0.75turn);
          transform: rotate(0.75turn);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.spin-in-ccw.mui-enter.mui-enter-active {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  opacity: 1; }

.spin-out-ccw.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.spin-out-ccw.mui-leave.mui-leave-active {
  -webkit-transform: rotate(-0.75turn);
          transform: rotate(-0.75turn);
  opacity: 0; }

.slow {
  -webkit-transition-duration: 750ms !important;
          transition-duration: 750ms !important; }

.fast {
  -webkit-transition-duration: 250ms !important;
          transition-duration: 250ms !important; }

.linear {
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important; }

.ease {
  -webkit-transition-timing-function: ease !important;
          transition-timing-function: ease !important; }

.ease-in {
  -webkit-transition-timing-function: ease-in !important;
          transition-timing-function: ease-in !important; }

.ease-out {
  -webkit-transition-timing-function: ease-out !important;
          transition-timing-function: ease-out !important; }

.ease-in-out {
  -webkit-transition-timing-function: ease-in-out !important;
          transition-timing-function: ease-in-out !important; }

.bounce-in {
  -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
          transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
          transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  -webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
          transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  -webkit-transition-delay: 300ms !important;
          transition-delay: 300ms !important; }

.long-delay {
  -webkit-transition-delay: 700ms !important;
          transition-delay: 700ms !important; }

.shake {
  -webkit-animation-name: shake-7;
          animation-name: shake-7; }

@-webkit-keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    -webkit-transform: translateX(7%);
            transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
            transform: translateX(-7%); } }

@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    -webkit-transform: translateX(7%);
            transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
            transform: translateX(-7%); } }

.spin-cw {
  -webkit-animation-name: spin-cw-1turn;
          animation-name: spin-cw-1turn; }

@-webkit-keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(-1turn);
            transform: rotate(-1turn); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(-1turn);
            transform: rotate(-1turn); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

.spin-ccw {
  -webkit-animation-name: spin-cw-1turn;
          animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn); } }

.wiggle {
  -webkit-animation-name: wiggle-7deg;
          animation-name: wiggle-7deg; }

@-webkit-keyframes wiggle-7deg {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes wiggle-7deg {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms; }

.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.slow {
  -webkit-animation-duration: 750ms !important;
          animation-duration: 750ms !important; }

.fast {
  -webkit-animation-duration: 250ms !important;
          animation-duration: 250ms !important; }

.linear {
  -webkit-animation-timing-function: linear !important;
          animation-timing-function: linear !important; }

.ease {
  -webkit-animation-timing-function: ease !important;
          animation-timing-function: ease !important; }

.ease-in {
  -webkit-animation-timing-function: ease-in !important;
          animation-timing-function: ease-in !important; }

.ease-out {
  -webkit-animation-timing-function: ease-out !important;
          animation-timing-function: ease-out !important; }

.ease-in-out {
  -webkit-animation-timing-function: ease-in-out !important;
          animation-timing-function: ease-in-out !important; }

.bounce-in {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
          animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
          animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
          animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  -webkit-animation-delay: 300ms !important;
          animation-delay: 300ms !important; }

.long-delay {
  -webkit-animation-delay: 700ms !important;
          animation-delay: 700ms !important; }

@font-face {
  font-family: 'GTAmericaBlack';
  src: url("../fonts/gtamerica/expanded-black/gt-america-expanded-black.eot?js49ro");
  src: url("../fonts/gtamerica/expanded-black/gt-america-expanded-black.eot?js49ro#iefix") format("embedded-opentype"), url("../fonts/gtamerica/expanded-black/gt-america-expanded-black.ttf?js49ro") format("truetype"), url("../fonts/gtamerica/expanded-black/gt-america-expanded-black.woff?js49ro") format("woff"), url("../fonts/gtamerica/expanded-black/gt-america-expanded-black.woff2?js49ro#gtamerica") format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AeonikRegular';
  src: url("../fonts/aeonik/regular/aeonik-regular.eot?js49ro");
  src: url("../fonts/aeonik/regular/aeonik-regular.eot?js49ro#iefix") format("embedded-opentype"), url("../fonts/aeonik/regular/aeonik-regular.woff?js49ro") format("woff"), url("../fonts/aeonik/regular/aeonik-regular.woff2?js49ro#aeonikreg") format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AeonikMedium';
  src: url("../fonts/aeonik/medium/aeonik-medium.eot?js49ro");
  src: url("../fonts/aeonik/medium/aeonik-medium.eot?js49ro#iefix") format("embedded-opentype"), url("../fonts/aeonik/medium/aeonik-medium.woff?js49ro") format("woff"), url("../fonts/aeonik/medium/aeonik-medium.woff2?js49ro#aeonikmedium") format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AeonikBold';
  src: url("../fonts/aeonik/bold/aeonik-bold.eot?js49ro");
  src: url("../fonts/aeonik/bold/aeonik-bold.eot?js49ro#iefix") format("embedded-opentype"), url("../fonts/aeonik/bold/aeonik-bold.woff?js49ro") format("woff"), url("../fonts/aeonik/bold/aeonik-bold.woff2?js49ro#aeonikbold") format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AeonikRegularItalic';
  src: url("../fonts/aeonik/regular-italic/aeonik-regular-italic.eot?js49ro");
  src: url("../fonts/aeonik/regular-italic/aeonik-regular-italic.eot?js49ro#iefix") format("embedded-opentype"), url("../fonts/aeonik/regular-italic/aeonik-regular-italic.woff?js49ro") format("woff"), url("../fonts/aeonik/regular-italic/aeonik-regular-italic.woff2?js49ro#aeonikregitalic") format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icons/icomoon.eot?js49ro");
  src: url("../fonts/icons/icomoon.eot?js49ro#iefix") format("embedded-opentype"), url("../fonts/icons/icomoon.ttf?js49ro") format("truetype"), url("../fonts/icons/icomoon.woff?js49ro") format("woff"), url("../fonts/icons/icomoon.svg?js49ro#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-checkmark:before {
  content: "\e905"; }

.icon-cross:before {
  content: "\e906"; }

.icon-x:before {
  content: "\e900"; }

.icon-chevron-right:before {
  content: "\e901"; }

.icon-chevron-left:before {
  content: "\e902"; }

.icon-chevron-down:before {
  content: "\e903"; }

.icon-chevron-up:before {
  content: "\e904"; }

.icon-search:before {
  content: "\f002"; }

.icon-user:before {
  content: "\f007"; }

.icon-check:before {
  content: "\f00c"; }

.icon-close:before {
  content: "\f00d"; }

.icon-remove:before {
  content: "\f00d"; }

.icon-times:before {
  content: "\f00d"; }

.icon-trash-o:before {
  content: "\f014"; }

.icon-home:before {
  content: "\f015"; }

.icon-edit:before {
  content: "\f044"; }

.icon-pencil-square-o:before {
  content: "\f044"; }

.icon-arrow-left:before {
  content: "\f060"; }

.icon-arrow-right:before {
  content: "\f061"; }

.icon-arrow-up:before {
  content: "\f062"; }

.icon-arrow-down:before {
  content: "\f063"; }

.icon-mail-forward:before {
  content: "\f064"; }

.icon-share:before {
  content: "\f064"; }

.icon-gift:before {
  content: "\f06b"; }

.icon-shopping-cart:before {
  content: "\f07a"; }

.icon-sign-out:before {
  content: "\f08b"; }

.icon-sign-in:before {
  content: "\f090"; }

.icon-group:before {
  content: "\f0c0"; }

.icon-users:before {
  content: "\f0c0"; }

.icon-envelope:before {
  content: "\f0e0"; }

.icon-bell:before {
  content: "\f0f3"; }

.icon-angle-left:before {
  content: "\f104"; }

.icon-angle-right:before {
  content: "\f105"; }

.icon-angle-up:before {
  content: "\f106"; }

.icon-angle-down:before {
  content: "\f107"; }

h1 {
  line-height: 1.5; }

h5 {
  margin-bottom: 1.25rem; }

h1.gt, h2.gt, h3.gt, h4.gt, h5.gt, h6.gt {
  font-family: "GTAmericaBlack", sans-serif;
  text-transform: uppercase; }

.font-size-1 {
  font-size: 4.5rem;
  line-height: 4.125rem; }
  @media screen and (max-width: 51.9375em) {
    .font-size-1 {
      font-size: 3.75rem;
      line-height: 3.5rem; } }
  @media screen and (max-width: 29.9375em) {
    .font-size-1 {
      font-size: 3.125rem;
      line-height: 2.875rem; } }

.font-size-2 {
  font-size: 3.25rem;
  line-height: 3.625rem; }
  @media screen and (max-width: 51.9375em) {
    .font-size-2 {
      font-size: 2.625rem;
      line-height: 3rem; } }
  @media screen and (max-width: 29.9375em) {
    .font-size-2 {
      font-size: 2.375rem;
      line-height: 2.625rem; } }

.font-size-3 {
  font-size: 2.625rem;
  line-height: 3.25rem; }
  @media screen and (max-width: 51.9375em) {
    .font-size-3 {
      font-size: 2.25rem;
      line-height: 2.5rem; } }
  @media screen and (max-width: 29.9375em) {
    .font-size-3 {
      font-size: 1.625rem;
      line-height: 2rem; } }

.font-size-4 {
  font-size: 2.25rem;
  line-height: 2.375rem; }
  @media screen and (max-width: 51.9375em) {
    .font-size-4 {
      font-size: 2rem;
      line-height: 2.125rem; } }
  @media screen and (max-width: 29.9375em) {
    .font-size-4 {
      font-size: 1.625rem;
      line-height: 1.75rem; } }

.font-size-5 {
  font-size: 1.625rem;
  line-height: 2rem; }
  @media screen and (max-width: 51.9375em) {
    .font-size-5 {
      font-size: 1.375rem;
      line-height: 1.75rem; } }
  @media screen and (max-width: 29.9375em) {
    .font-size-5 {
      font-size: 1.0625rem;
      line-height: 1.4375rem; } }

.font-size-6 {
  font-size: 1.125rem;
  line-height: 1.625rem; }
  @media screen and (max-width: 51.9375em) {
    .font-size-6 {
      font-size: 1rem;
      line-height: 1.25rem; } }
  @media screen and (max-width: 29.9375em) {
    .font-size-6 {
      font-size: 0.9375rem;
      line-height: 1.125rem; } }

.font-size-7 {
  font-size: 1rem;
  line-height: 1.625rem; }
  @media screen and (min-width: 40em) and (max-width: 51.9375em) {
    .font-size-7 {
      font-size: 0.9375rem;
      line-height: 1.1875rem; } }
  @media screen and (max-width: 29.9375em) {
    .font-size-7 {
      font-size: 0.875rem;
      line-height: 1.125rem; } }

.font-size-8 {
  font-size: 0.9375rem;
  line-height: 1.4375rem; }
  @media screen and (min-width: 40em) and (max-width: 51.9375em) {
    .font-size-8 {
      font-size: 0.875rem;
      line-height: 1.0625rem; } }
  @media screen and (max-width: 29.9375em) {
    .font-size-8 {
      font-size: 0.8125rem;
      line-height: 1rem; } }

.font-size-9 {
  font-size: 0.875rem;
  line-height: 1.3125rem; }
  @media screen and (min-width: 40em) and (max-width: 51.9375em) {
    .font-size-9 {
      font-size: 0.8125rem;
      line-height: 1rem; } }
  @media screen and (max-width: 29.9375em) {
    .font-size-9 {
      font-size: 0.75rem;
      line-height: 0.9375rem; } }

.font-size-10 {
  font-size: 0.8125rem;
  line-height: 1.1875rem; }
  @media screen and (min-width: 40em) and (max-width: 51.9375em) {
    .font-size-10 {
      font-size: 0.8125rem;
      line-height: 1.0625rem; } }
  @media screen and (max-width: 29.9375em) {
    .font-size-10 {
      font-size: 0.8125rem;
      line-height: 1.0625rem; } }

.content {
  font-size: 1.25rem;
  line-height: 1.7; }
  @media screen and (max-width: 51.9375em) {
    .content {
      font-size: 1.125rem;
      line-height: 1.6; } }
  @media screen and (max-width: 29.9375em) {
    .content {
      font-size: 1rem;
      line-height: 1.4; } }
  .content > p {
    line-height: 2.125rem; }
    @media screen and (max-width: 51.9375em) {
      .content > p {
        line-height: 2rem; } }
    @media screen and (max-width: 29.9375em) {
      .content > p {
        line-height: 1.75rem; } }
  .content a {
    border-bottom: 2px solid #18C698;
    word-break: break-all; }
  .content i, .content em {
    font-style: italic;
    padding-left: 3px;
    padding-right: 3px; }
  .content > ul li {
    margin: 0.625rem 0 0.625rem 1.25rem;
    list-style-type: none;
    position: relative;
    padding-left: 0.625rem; }
    .content > ul li:before {
      content: '';
      display: block;
      width: 8px;
      height: 8px;
      background: #18C698;
      position: absolute;
      top: 12px;
      left: -20px;
      border-radius: 100px; }
  .content > ol li {
    margin: 0.625rem 0 0.625rem 1.25rem;
    position: relative;
    padding-left: 0.625rem; }
  .content strong, .content b {
    font-weight: normal;
    font-family: "AeonikBold", sans-serif;
    color: #3C4858; }
    .content strong .semibold, .content b .semibold {
      font-weight: normal;
      font-family: "AeonikMedium", sans-serif; }
  .content > h2 {
    margin-top: 80px;
    margin-bottom: 20px;
    font-size: 1.9rem; }
  .content > h3 {
    margin-top: 45px;
    margin-bottom: 15px; }
  .content > h4 {
    margin-top: 40px;
    margin-bottom: 12px; }
  .content > h5 {
    margin-top: 35px;
    margin-bottom: 10px; }
  .content > h2:first-child, .content > h3:first-child, .content > h4:first-child, .content > h5:first-child {
    margin-top: 0; }

figure figcaption {
  text-align: center;
  font-size: 0.875rem;
  margin-top: 1.25rem; }
  @media screen and (max-width: 51.9375em) {
    figure figcaption {
      margin-bottom: 1.875rem; } }
  figure figcaption a {
    border-bottom: 2px solid #18C698; }

table {
  margin: 1.875rem 0;
  border-collapse: collapse;
  border-radius: 3px;
  font-size: 1rem; }
  table tbody tr td {
    font-size: 0.8125rem; }
  table tbody tr:nth-child(odd) {
    background-color: transparent; }
  table tbody tr:nth-child(even) {
    background-color: #F5F8FA; }
  table th {
    font-size: 0.875rem;
    color: #657786;
    text-align: left;
    font-family: "AeonikBold", sans-serif; }
  table tr.green th {
    background: #18C698;
    color: #fff; }

table.style2 {
  border-collapse: collapse;
  border-radius: 0;
  font-size: 1rem; }
  table.style2 tbody tr td {
    font-size: 0.875rem; }
  table.style2 tbody tr:nth-child(odd) {
    background-color: #ffffff;
    border-bottom: 2px solid #F5F8FA; }
  table.style2 tbody tr:nth-child(even) {
    background-color: #ffffff;
    border-bottom: 2px solid #F5F8FA; }

table .button {
  margin-bottom: 0; }

hr {
  width: 100%; }

.is-invalid {
  color: #DB2671; }
  .is-invalid input[type="text"]:not(:focus),
  .is-invalid input[type="email"]:not(:focus),
  .is-invalid input[type="number"]:not(:focus),
  .is-invalid input[type="password"]:not(:focus),
  .is-invalid textarea:not(:focus) {
    border-color: #DB2671;
    background-color: #fbe9f1; }
    .is-invalid input[type="text"]:not(:focus)::-webkit-input-placeholder,
    .is-invalid input[type="email"]:not(:focus)::-webkit-input-placeholder,
    .is-invalid input[type="number"]:not(:focus)::-webkit-input-placeholder,
    .is-invalid input[type="password"]:not(:focus)::-webkit-input-placeholder,
    .is-invalid textarea:not(:focus)::-webkit-input-placeholder {
      color: #DB2671; }
    .is-invalid input[type="text"]:not(:focus):-ms-input-placeholder,
    .is-invalid input[type="email"]:not(:focus):-ms-input-placeholder,
    .is-invalid input[type="number"]:not(:focus):-ms-input-placeholder,
    .is-invalid input[type="password"]:not(:focus):-ms-input-placeholder,
    .is-invalid textarea:not(:focus):-ms-input-placeholder {
      color: #DB2671; }
    .is-invalid input[type="text"]:not(:focus)::-ms-input-placeholder,
    .is-invalid input[type="email"]:not(:focus)::-ms-input-placeholder,
    .is-invalid input[type="number"]:not(:focus)::-ms-input-placeholder,
    .is-invalid input[type="password"]:not(:focus)::-ms-input-placeholder,
    .is-invalid textarea:not(:focus)::-ms-input-placeholder {
      color: #DB2671; }
    .is-invalid input[type="text"]:not(:focus)::placeholder,
    .is-invalid input[type="email"]:not(:focus)::placeholder,
    .is-invalid input[type="number"]:not(:focus)::placeholder,
    .is-invalid input[type="password"]:not(:focus)::placeholder,
    .is-invalid textarea:not(:focus)::placeholder {
      color: #DB2671; }

label {
  text-transform: none;
  margin-bottom: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600; }
  label span#char-count {
    float: right;
    font-size: 0.875rem;
    color: #AAB8C2;
    font-weight: 600; }

legend {
  text-transform: none;
  margin-bottom: 0.9375rem;
  font-size: 0.625rem;
  font-weight: normal;
  color: #AAB8C2; }
  legend svg {
    width: 8px;
    height: 8px;
    margin-right: 5px; }
    legend svg path {
      fill: #657786; }

select {
  margin-bottom: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none; }

.help-text {
  font-size: 0.6875rem;
  margin: 0;
  color: #657786;
  margin-bottom: 0.625rem; }

abbr[title] {
  text-decoration: none; }

.form-error {
  text-transform: none;
  color: #DB2671;
  padding: 0.625rem 1.25rem 0;
  font-weight: normal;
  margin-bottom: 0.625rem; }

[type='text'], [type='file'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], select, [type='url'], [type='color'], textarea {
  padding: 0.9375rem 1.25rem;
  height: auto;
  margin-bottom: 0.625rem; }

select {
  border-radius: 3px;
  color: #657786; }

a.link {
  color: #657786;
  text-decoration: underline;
  font-size: 0.875rem;
  text-decoration: none; }
  a.link.light-blue {
    color: #18C698; }
  a.link.dark-blue {
    color: #000659; }
  a.link.dark-gray {
    color: #3C4858; }
  a.link:hover {
    border-bottom: 1px solid; }

.button {
  font-family: "AeonikBold", sans-serif;
  text-transform: capitalize; }

.button.hollow {
  background-color: transparent;
  color: #18C698; }
  .button.hollow:hover, .button.hollow:focus {
    background-color: #ffffff;
    color: #18C698; }
  .button.hollow:hover {
    background: #18C698;
    border-color: #18C698;
    color: #ffffff; }

.button.button-blue {
  background-color: #13134D;
  color: #ffffff; }
  .button.button-blue:hover, .button.button-blue:focus {
    background-color: #ffffff;
    color: #ffffff; }
  .button.button-blue:hover {
    background: #18C698;
    border-color: #18C698;
    color: #ffffff; }

.button.white {
  background-color: #ffffff;
  color: #18C698; }
  .button.white:hover, .button.white:focus {
    background-color: #18C698;
    color: #18C698; }
  .button.white:hover {
    color: #ffffff; }

.button.white.hollow {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff; }
  .button.white.hollow:hover, .button.white.hollow:focus {
    background-color: #ffffff;
    color: #ffffff; }
  .button.white.hollow:hover {
    background: #18C698;
    border-color: #18C698;
    color: #ffffff; }

.button.white.reverse:hover {
  color: #18C698;
  background: rgba(255, 255, 255, 0.6); }

.button.course-resume {
  background-color: #ffffff;
  color: #18C698; }
  .button.course-resume:hover, .button.course-resume:focus {
    background-color: #18C698;
    color: #18C698; }
  .color1 .button.course-resume {
    color: #18C698; }
  .color2 .button.course-resume {
    color: #13134D; }
  .color3 .button.course-resume {
    color: #6426DB; }
  .button.course-resume:hover, .button.course-resume:focus {
    background: #13134D;
    color: #ffffff; }
    .color2 .button.course-resume:hover, .color2 .button.course-resume:focus {
      background: #18C698; }
    .color3 .button.course-resume:hover, .color3 .button.course-resume:focus {
      background: #13134D; }

.button.course-link {
  background-color: transparent;
  color: #ffffff;
  border: 0;
  text-decoration: underline; }
  .button.course-link:hover, .button.course-link:focus {
    background-color: #ffffff;
    color: #ffffff; }
  .button.course-link:hover, .button.course-link:focus {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    text-decoration: underline; }

.button.course-links {
  background-color: transparent;
  color: #657786;
  border: 0;
  text-decoration: none;
  padding: 0.25rem 0.625rem;
  border-radius: 4px;
  line-height: 26px;
  border: 1px solid transparent;
  font-size: 0.875rem; }
  .button.course-links:hover, .button.course-links:focus {
    background-color: transparent;
    color: #657786; }
  .button.course-links:hover, .button.course-links:focus {
    background: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    border: 1px solid #eee; }
  .button.course-links img {
    margin-right: 8px; }

.button.buy-now {
  background-color: #DB2671;
  color: #ffffff;
  border: 0;
  text-decoration: none;
  padding: 0.125rem 0.625rem 0.25rem;
  border-radius: 4px;
  line-height: 26px; }
  .button.buy-now:hover, .button.buy-now:focus {
    background-color: #ffffff;
    color: #ffffff; }
  .button.buy-now:hover, .button.buy-now:focus {
    background: #b11d5a;
    text-decoration: none; }
  .button.buy-now svg use {
    fill: #ffffff; }
  .button.buy-now img {
    margin-right: 8px; }

.button.mini {
  background-color: #DB2671;
  color: #ffffff;
  border: 0;
  text-decoration: none;
  padding: 0.25rem 0.625rem 0.25rem;
  border-radius: 4px;
  line-height: 18px;
  font-size: 0.875rem; }
  .button.mini:hover, .button.mini:focus {
    background-color: #ffffff;
    color: #ffffff; }
  .button.mini:hover, .button.mini:focus {
    background: #b11d5a;
    text-decoration: none; }
  .button.mini svg use {
    fill: #ffffff; }
  .button.mini img {
    margin-right: 8px; }

.button.gray {
  background-color: #ffffff;
  color: #657786;
  border-color: #E6ECF0; }
  .button.gray:hover, .button.gray:focus {
    background-color: #18C698;
    color: #657786; }
  .button.gray:hover {
    color: #ffffff;
    border-color: #18C698; }

.button.link {
  background: none;
  text-decoration: underline;
  border: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .button.link:hover {
    opacity: 0.6;
    text-decoration: underline; }

.button.link-markunfinished {
  background: none;
  text-decoration: none;
  border: none;
  opacity: 0.6;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .button.link-markunfinished:hover {
    opacity: 0.8;
    text-decoration: underline; }

.button.hollow {
  background-color: transparent;
  color: #18C698; }
  .button.hollow:hover, .button.hollow:focus {
    background-color: #ffffff;
    color: #18C698; }
  .button.hollow:hover {
    background: #18C698;
    border-color: #18C698;
    color: #ffffff; }

.button-group a.button {
  font-size: 0.6875rem; }

.button-group a.button, .button-group .expanded a.button {
  margin: 0;
  border-radius: 0;
  border-right: 0px; }
  .button-group a.button:first-child, .button-group .expanded a.button:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .button-group a.button:last-child, .button-group .expanded a.button:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #E6ECF0; }
    .button-group a.button:last-child:hover, .button-group .expanded a.button:last-child:hover {
      border-color: #18C698; }

.button-group.small a.button {
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.625rem 0.9375rem;
  text-transform: none; }

.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
  margin-right: 0; }

.button-hub {
  font-family: "AeonikBold", sans-serif;
  text-transform: capitalize;
  padding: 0.5rem 1.25rem 0.5rem;
  border-radius: 4px;
  line-height: 18px;
  font-size: 0.875rem;
  margin-left: 6px;
  margin-right: 6px; }
  .button-hub.v1 {
    background: #18C698;
    border: 1px solid #18C698;
    color: #fff; }
    .button-hub.v1:hover {
      background: #15af87;
      color: #fff; }
  .button-hub.v2 {
    background: transparent;
    border: 1px solid #18C698;
    color: #18C698; }
    .button-hub.v2:hover {
      background: transparent;
      border: 1px solid #15af87;
      color: #15af87; }
  .button-hub.v3 {
    background: #DB2671;
    border: 1px solid #DB2671;
    color: #fff; }
    .button-hub.v3:hover {
      background: #c72166;
      color: #fff; }

[data-css-tooltip].next-tooltip:after {
  font-size: 0.75rem;
  white-space: inherit;
  line-height: 14px;
  padding: 10px;
  text-transform: initial; }

.pagination {
  margin: 2.5rem 0; }

.pagination li {
  border: 1px solid #E6ECF0;
  font-weight: 600;
  display: inline-block !important; }
  @media screen and (max-width: 39.9375em) {
    .pagination li {
      margin-left: 2.5px !important;
      margin-right: 2.5px !important;
      width: 35px !important; } }

.pagination li.current {
  border-color: #18C698; }

@media screen and (max-width: 39.9375em) {
  .pagination a, .pagination .current {
    padding: 0.5rem 5px !important; } }

.pagination-previous a::before,
.pagination-previous.disabled::before {
  margin: 0; }

.pagination-next a::after,
.pagination-next.disabled::after {
  margin: 0; }

.pagination .ellipsis::after {
  padding: 0.5rem 1rem;
  display: block; }

.pagination-next a::after, .pagination-previous a::before {
  content: none; }

.pagination-next a svg, .pagination-previous a svg {
  width: 12px;
  height: 12px;
  position: relative;
  top: 1px; }
  .pagination-next a svg use, .pagination-previous a svg use {
    fill: #657786; }

a.active path, a.active use {
  fill: #18C698; }

.svg-icon-red a:hover path, .svg-icon-red a:hover use {
  fill: #DB2671; }

@media screen and (max-width: 51.9375em) {
  .svg-icon-red a:hover path, .svg-icon-red a:hover use {
    fill: #E6ECF0; } }

.svg-icon-red a.active path, .svg-icon-red a.active use {
  fill: #DB2671 !important; }

.svg-icon-grey a:hover path, .svg-icon-grey a:hover use {
  fill: #657786; }

@media screen and (max-width: 51.9375em) {
  .svg-icon-grey a:hover path, .svg-icon-grey a:hover use {
    fill: #E6ECF0; } }

.svg-icon-grey a.active path, .svg-icon-grey a.active use {
  fill: #657786 !important; }

.svg-icon-medium-grey path, .svg-icon-medium-grey use {
  fill: #657786; }

.svg-icon-medium-grey path, .svg-icon-medium-grey use {
  fill: #657786 !important; }

a.loading path, a.loading use {
  fill: #DB2671; }

blockquote {
  border: none;
  padding: 3.75rem;
  margin: 0.625rem 0;
  font-size: 1.75rem;
  color: #18C698;
  font-style: italic; }
  @media screen and (max-width: 51.9375em) {
    blockquote {
      font-size: 1.375rem;
      padding: 1.875rem; } }

cite {
  font-size: 1.125rem;
  color: #18C698;
  padding-top: 1.25rem;
  font-style: normal; }

.tooltip {
  text-transform: uppercase;
  font-weight: 700; }

.has-tip:hover, .has-tip:focus {
  cursor: pointer; }

.course-progress-number {
  color: #657786;
  font-weight: 600;
  margin-bottom: 0.3125rem;
  font-size: 0.875rem; }

.progress {
  height: 6px;
  border-radius: 3px;
  background: #E6ECF0; }

.progress-meter {
  background: #18C698; }

.course-progress-sub {
  color: #ffffff;
  margin-bottom: 2.5rem;
  font-size: 0.875rem; }

.course-progress-2 {
  width: 40%; }

.course-progress-2 .course-progress-bar {
  float: left;
  width: 80%;
  margin-top: 0.625rem; }

.course-progress-2 .course-progress-number {
  float: left;
  width: 15%;
  margin-left: 5%; }

.stamp {
  text-transform: uppercase; }

.tab-wrap {
  position: relative; }

.tabs-panel {
  width: 100%; }

.tabs {
  border: none;
  margin-top: 2.5rem; }

.tabs.slide {
  max-width: 95%;
  overflow: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  -ms-overflow-style: none; }

.tabs-title {
  float: none;
  display: inline-block; }

.tabs-title > a {
  border-bottom: 3px solid transparent;
  padding: 1.25rem;
  padding-bottom: 2.1875rem;
  color: #657786;
  font-size: 0.875rem;
  font-weight: 600; }

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
  background: #ffffff;
  color: #18C698;
  border-bottom-color: #18C698; }

.tabs-content {
  border: none;
  background: none; }

@media screen and (max-width: 29.9375em) {
  .align-center-small {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .align-center-medium {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .align-center-large {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; } }

.bg_white {
  background: #ffffff; }

.bg_gray_verylight {
  background: #F5F8FA; }

.bg_gray_light {
  background: #F5F8FA; }

.bg_gray_medium {
  background: #657786; }

.bg_gray_dark {
  background: #3C4858; }

.bg_gray_text {
  background: #283E5C; }

.bg_navy {
  background: #000659; }

.bg_richnavy {
  background: #13134D; }

.bg_blue {
  background: #351BF8; }

.bg_supportblue {
  background: #12D9E8; }

.bg_green {
  background: #18C698; }

.bg_red {
  background: #DB2671; }

.bg_lime {
  background: #BAFF00; }

.bg_gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#baff00), color-stop(#9cfd46), color-stop(#80f968), color-stop(#67f583), to(#53ef99));
  background-image: linear-gradient(to right, #baff00, #9cfd46, #80f968, #67f583, #53ef99); }

.bg_none {
  background: none; }

.txt_white {
  color: #ffffff; }

.txt_gray {
  color: #283E5C; }

.txt_gray_light {
  color: #E6ECF0; }

.txt_gray_dark {
  color: #3C4858; }

.txt_green {
  color: #18C698; }

.txt_navy {
  color: #000659; }

.txt_richnavy {
  color: #13134D; }

.txt_lime {
  color: #BAFF00; }

.txt_blue {
  color: #351BF8; }

.txt_supportblue {
  color: #12D9E8; }

.txt_red {
  color: #DB2671; }

.txt_normal {
  color: #283E5C; }

.txt_lighter {
  color: #375680; }

.txt_darker {
  color: #192638; }

.txt_purple {
  color: #6426DB; }

.txt_hover_white:hover {
  color: #ffffff; }

.txt_hover_gray:hover {
  color: #283E5C; }

.txt_hover_gray_light:hover {
  color: #E6ECF0; }

.txt_hover_gray_dark:hover {
  color: #3C4858; }

.txt_hover_green:hover {
  color: #18C698; }

.txt_hover_navy:hover {
  color: #000659; }

.txt_hover_richnavy:hover {
  color: #13134D; }

.txt_hover_lime:hover {
  color: #BAFF00; }

.txt_hover_blue:hover {
  color: #351BF8; }

.txt_hover_supportblue:hover {
  color: #12D9E8; }

.txt_hover_red:hover {
  color: #DB2671; }

.links_white a {
  color: #ffffff;
  text-decoration: none; }
  .links_white a:hover {
    text-decoration: underline; }

.links_gray a {
  color: #283E5C;
  text-decoration: none; }
  .links_gray a:hover {
    text-decoration: underline; }

.links_gray_light a {
  color: #E6ECF0;
  text-decoration: none; }
  .links_gray_light a:hover {
    text-decoration: underline; }

.links_gray_dark a {
  color: #3C4858;
  text-decoration: none; }
  .links_gray_dark a:hover {
    text-decoration: underline; }

.links_green a {
  color: #18C698;
  text-decoration: none; }
  .links_green a:hover {
    text-decoration: underline; }

.links_navy a {
  color: #000659;
  text-decoration: none; }
  .links_navy a:hover {
    text-decoration: underline; }

.links_richnavy a {
  color: #13134D;
  text-decoration: none; }
  .links_richnavy a:hover {
    text-decoration: underline; }

.links_lime a {
  color: #BAFF00;
  text-decoration: none; }
  .links_lime a:hover {
    text-decoration: underline; }

.links_blue a {
  color: #351BF8;
  text-decoration: none; }
  .links_blue a:hover {
    text-decoration: underline; }

.links_supportblue a {
  color: #12D9E8;
  text-decoration: none; }
  .links_supportblue a:hover {
    text-decoration: underline; }

.links_red a {
  color: #DB2671;
  text-decoration: none; }
  .links_red a:hover {
    text-decoration: underline; }

.txt_white_outline {
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }

.svg_white svg {
  fill: #ffffff; }

.svg_gray_light svg {
  fill: #E6ECF0; }

.svg_gray_medium svg {
  fill: #657786; }

.svg_gray_dark svg {
  fill: #3C4858; }

.svg_gray_text svg {
  fill: #283E5C; }

.svg_navy svg {
  fill: #000659; }

.svg_richnavy svg {
  fill: #13134D; }

.svg_blue svg {
  fill: #351BF8; }

.svg_supportblue svg {
  fill: #12D9E8; }

.svg_green svg {
  fill: #18C698; }

.svg_red svg {
  fill: #DB2671; }

.svg_lime svg {
  fill: #BAFF00; }

.svg_12 svg {
  width: 12px;
  height: 12px; }

.svg_16 svg {
  width: 16px;
  height: 16px; }

.svg_20 svg {
  width: 20px;
  height: 20px; }

.svg_24 svg {
  width: 24px;
  height: 24px; }

.svg_32 svg {
  width: 32px;
  height: 32px; }

.font-gt {
  font-family: 'GTAmericaBlack', sans-serif;
  text-transform: uppercase; }

.font-aeonik-reg {
  font-family: 'AeonikRegular', sans-serif; }

.font-aeonik-med {
  font-family: 'AeonikMedium', sans-serif; }

.font-aeonik-bold {
  font-family: 'AeonikBold', sans-serif; }

.font-aeonik-regitalic {
  font-family: 'AeonikRegularItalic', sans-serif; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.capitalize {
  text-transform: capitalize; }

.italic {
  font-family: 'AeonikRegularItalic', sans-serif; }

strong, .bold {
  font-family: 'AeonikBold', sans-serif;
  font-weight: normal; }

.semibold {
  font-family: 'AeonikMedium', sans-serif;
  font-weight: normal; }

.regular {
  font-family: 'AeonikRegular', sans-serif; }

.lh80, .lh80 p {
  line-height: 80%; }

.lh90, .lh90 p {
  line-height: 90%; }

.lh100, .lh100 p {
  line-height: 100%; }

.lh110, .lh110 p {
  line-height: 110%; }

.lh120, .lh120 p {
  line-height: 120%; }

.lh130, .lh130 p {
  line-height: 130%; }

.lh140, .lh140 p {
  line-height: 140%; }

.lh150, .lh150 p {
  line-height: 150%; }

.lh160, .lh160 p {
  line-height: 160%; }

.lh170, .lh170 p {
  line-height: 170%; }

.lh180, .lh180 p {
  line-height: 180%; }

.lh190, .lh190 p {
  line-height: 190%; }

.lh200, .lh200 p {
  line-height: 200%; }

.p_reset p {
  padding: 0;
  margin: 0; }

.m0 {
  margin-top: 0px;
  margin-bottom: 0px; }

@media screen and (max-width: 29.9375em) {
  .m0-sm {
    margin-top: 0px;
    margin-bottom: 0px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .m0-mdsm {
    margin-top: 0px;
    margin-bottom: 0px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .m0-md {
    margin-top: 0px;
    margin-bottom: 0px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .m0-mdlg {
    margin-top: 0px;
    margin-bottom: 0px; } }

@media screen and (min-width: 64em) {
  .m0-lg {
    margin-top: 0px;
    margin-bottom: 0px; } }

.m5 {
  margin-top: 5px;
  margin-bottom: 5px; }

@media screen and (max-width: 29.9375em) {
  .m5-sm {
    margin-top: 5px;
    margin-bottom: 5px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .m5-mdsm {
    margin-top: 5px;
    margin-bottom: 5px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .m5-md {
    margin-top: 5px;
    margin-bottom: 5px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .m5-mdlg {
    margin-top: 5px;
    margin-bottom: 5px; } }

@media screen and (min-width: 64em) {
  .m5-lg {
    margin-top: 5px;
    margin-bottom: 5px; } }

.m10 {
  margin-top: 10px;
  margin-bottom: 10px; }

@media screen and (max-width: 29.9375em) {
  .m10-sm {
    margin-top: 10px;
    margin-bottom: 10px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .m10-mdsm {
    margin-top: 10px;
    margin-bottom: 10px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .m10-md {
    margin-top: 10px;
    margin-bottom: 10px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .m10-mdlg {
    margin-top: 10px;
    margin-bottom: 10px; } }

@media screen and (min-width: 64em) {
  .m10-lg {
    margin-top: 10px;
    margin-bottom: 10px; } }

.m20 {
  margin-top: 20px;
  margin-bottom: 20px; }

@media screen and (max-width: 29.9375em) {
  .m20-sm {
    margin-top: 20px;
    margin-bottom: 20px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .m20-mdsm {
    margin-top: 20px;
    margin-bottom: 20px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .m20-md {
    margin-top: 20px;
    margin-bottom: 20px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .m20-mdlg {
    margin-top: 20px;
    margin-bottom: 20px; } }

@media screen and (min-width: 64em) {
  .m20-lg {
    margin-top: 20px;
    margin-bottom: 20px; } }

.m30 {
  margin-top: 30px;
  margin-bottom: 30px; }

@media screen and (max-width: 29.9375em) {
  .m30-sm {
    margin-top: 30px;
    margin-bottom: 30px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .m30-mdsm {
    margin-top: 30px;
    margin-bottom: 30px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .m30-md {
    margin-top: 30px;
    margin-bottom: 30px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .m30-mdlg {
    margin-top: 30px;
    margin-bottom: 30px; } }

@media screen and (min-width: 64em) {
  .m30-lg {
    margin-top: 30px;
    margin-bottom: 30px; } }

.m40 {
  margin-top: 40px;
  margin-bottom: 40px; }

@media screen and (max-width: 29.9375em) {
  .m40-sm {
    margin-top: 40px;
    margin-bottom: 40px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .m40-mdsm {
    margin-top: 40px;
    margin-bottom: 40px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .m40-md {
    margin-top: 40px;
    margin-bottom: 40px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .m40-mdlg {
    margin-top: 40px;
    margin-bottom: 40px; } }

@media screen and (min-width: 64em) {
  .m40-lg {
    margin-top: 40px;
    margin-bottom: 40px; } }

.m50 {
  margin-top: 50px;
  margin-bottom: 50px; }

@media screen and (max-width: 29.9375em) {
  .m50-sm {
    margin-top: 50px;
    margin-bottom: 50px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .m50-mdsm {
    margin-top: 50px;
    margin-bottom: 50px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .m50-md {
    margin-top: 50px;
    margin-bottom: 50px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .m50-mdlg {
    margin-top: 50px;
    margin-bottom: 50px; } }

@media screen and (min-width: 64em) {
  .m50-lg {
    margin-top: 50px;
    margin-bottom: 50px; } }

.m60 {
  margin-top: 60px;
  margin-bottom: 60px; }

@media screen and (max-width: 29.9375em) {
  .m60-sm {
    margin-top: 60px;
    margin-bottom: 60px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .m60-mdsm {
    margin-top: 60px;
    margin-bottom: 60px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .m60-md {
    margin-top: 60px;
    margin-bottom: 60px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .m60-mdlg {
    margin-top: 60px;
    margin-bottom: 60px; } }

@media screen and (min-width: 64em) {
  .m60-lg {
    margin-top: 60px;
    margin-bottom: 60px; } }

.m70 {
  margin-top: 70px;
  margin-bottom: 70px; }

@media screen and (max-width: 29.9375em) {
  .m70-sm {
    margin-top: 70px;
    margin-bottom: 70px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .m70-mdsm {
    margin-top: 70px;
    margin-bottom: 70px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .m70-md {
    margin-top: 70px;
    margin-bottom: 70px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .m70-mdlg {
    margin-top: 70px;
    margin-bottom: 70px; } }

@media screen and (min-width: 64em) {
  .m70-lg {
    margin-top: 70px;
    margin-bottom: 70px; } }

.m80 {
  margin-top: 80px;
  margin-bottom: 80px; }

@media screen and (max-width: 29.9375em) {
  .m80-sm {
    margin-top: 80px;
    margin-bottom: 80px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .m80-mdsm {
    margin-top: 80px;
    margin-bottom: 80px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .m80-md {
    margin-top: 80px;
    margin-bottom: 80px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .m80-mdlg {
    margin-top: 80px;
    margin-bottom: 80px; } }

@media screen and (min-width: 64em) {
  .m80-lg {
    margin-top: 80px;
    margin-bottom: 80px; } }

.m90 {
  margin-top: 90px;
  margin-bottom: 90px; }

@media screen and (max-width: 29.9375em) {
  .m90-sm {
    margin-top: 90px;
    margin-bottom: 90px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .m90-mdsm {
    margin-top: 90px;
    margin-bottom: 90px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .m90-md {
    margin-top: 90px;
    margin-bottom: 90px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .m90-mdlg {
    margin-top: 90px;
    margin-bottom: 90px; } }

@media screen and (min-width: 64em) {
  .m90-lg {
    margin-top: 90px;
    margin-bottom: 90px; } }

.m100 {
  margin-top: 100px;
  margin-bottom: 100px; }

@media screen and (max-width: 29.9375em) {
  .m100-sm {
    margin-top: 100px;
    margin-bottom: 100px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .m100-mdsm {
    margin-top: 100px;
    margin-bottom: 100px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .m100-md {
    margin-top: 100px;
    margin-bottom: 100px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .m100-mdlg {
    margin-top: 100px;
    margin-bottom: 100px; } }

@media screen and (min-width: 64em) {
  .m100-lg {
    margin-top: 100px;
    margin-bottom: 100px; } }

.mt0 {
  margin-top: 0px; }

@media screen and (max-width: 29.9375em) {
  .mt0-sm {
    margin-top: 0px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt0-mdsm {
    margin-top: 0px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt0-md {
    margin-top: 0px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt0-mdlg {
    margin-top: 0px; } }

@media screen and (min-width: 64em) {
  .mt0-lg {
    margin-top: 0px; } }

.mt5 {
  margin-top: 5px; }

@media screen and (max-width: 29.9375em) {
  .mt5-sm {
    margin-top: 5px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt5-mdsm {
    margin-top: 5px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt5-md {
    margin-top: 5px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt5-mdlg {
    margin-top: 5px; } }

@media screen and (min-width: 64em) {
  .mt5-lg {
    margin-top: 5px; } }

.mt10 {
  margin-top: 10px; }

@media screen and (max-width: 29.9375em) {
  .mt10-sm {
    margin-top: 10px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt10-mdsm {
    margin-top: 10px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt10-md {
    margin-top: 10px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt10-mdlg {
    margin-top: 10px; } }

@media screen and (min-width: 64em) {
  .mt10-lg {
    margin-top: 10px; } }

.mt20 {
  margin-top: 20px; }

@media screen and (max-width: 29.9375em) {
  .mt20-sm {
    margin-top: 20px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt20-mdsm {
    margin-top: 20px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt20-md {
    margin-top: 20px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt20-mdlg {
    margin-top: 20px; } }

@media screen and (min-width: 64em) {
  .mt20-lg {
    margin-top: 20px; } }

.mt30 {
  margin-top: 30px; }

@media screen and (max-width: 29.9375em) {
  .mt30-sm {
    margin-top: 30px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt30-mdsm {
    margin-top: 30px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt30-md {
    margin-top: 30px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt30-mdlg {
    margin-top: 30px; } }

@media screen and (min-width: 64em) {
  .mt30-lg {
    margin-top: 30px; } }

.mt40 {
  margin-top: 40px; }

@media screen and (max-width: 29.9375em) {
  .mt40-sm {
    margin-top: 40px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt40-mdsm {
    margin-top: 40px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt40-md {
    margin-top: 40px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt40-mdlg {
    margin-top: 40px; } }

@media screen and (min-width: 64em) {
  .mt40-lg {
    margin-top: 40px; } }

.mt50 {
  margin-top: 50px; }

@media screen and (max-width: 29.9375em) {
  .mt50-sm {
    margin-top: 50px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt50-mdsm {
    margin-top: 50px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt50-md {
    margin-top: 50px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt50-mdlg {
    margin-top: 50px; } }

@media screen and (min-width: 64em) {
  .mt50-lg {
    margin-top: 50px; } }

.mt60 {
  margin-top: 60px; }

@media screen and (max-width: 29.9375em) {
  .mt60-sm {
    margin-top: 60px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt60-mdsm {
    margin-top: 60px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt60-md {
    margin-top: 60px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt60-mdlg {
    margin-top: 60px; } }

@media screen and (min-width: 64em) {
  .mt60-lg {
    margin-top: 60px; } }

.mt70 {
  margin-top: 70px; }

@media screen and (max-width: 29.9375em) {
  .mt70-sm {
    margin-top: 70px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt70-mdsm {
    margin-top: 70px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt70-md {
    margin-top: 70px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt70-mdlg {
    margin-top: 70px; } }

@media screen and (min-width: 64em) {
  .mt70-lg {
    margin-top: 70px; } }

.mt80 {
  margin-top: 80px; }

@media screen and (max-width: 29.9375em) {
  .mt80-sm {
    margin-top: 80px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt80-mdsm {
    margin-top: 80px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt80-md {
    margin-top: 80px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt80-mdlg {
    margin-top: 80px; } }

@media screen and (min-width: 64em) {
  .mt80-lg {
    margin-top: 80px; } }

.mt90 {
  margin-top: 90px; }

@media screen and (max-width: 29.9375em) {
  .mt90-sm {
    margin-top: 90px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt90-mdsm {
    margin-top: 90px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt90-md {
    margin-top: 90px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt90-mdlg {
    margin-top: 90px; } }

@media screen and (min-width: 64em) {
  .mt90-lg {
    margin-top: 90px; } }

.mt100 {
  margin-top: 100px; }

@media screen and (max-width: 29.9375em) {
  .mt100-sm {
    margin-top: 100px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt100-mdsm {
    margin-top: 100px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt100-md {
    margin-top: 100px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt100-mdlg {
    margin-top: 100px; } }

@media screen and (min-width: 64em) {
  .mt100-lg {
    margin-top: 100px; } }

.mb0 {
  margin-bottom: 0px; }

@media screen and (max-width: 29.9375em) {
  .mb0-sm {
    margin-bottom: 0px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb0-mdsm {
    margin-bottom: 0px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb0-md {
    margin-bottom: 0px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb0-mdlg {
    margin-bottom: 0px; } }

@media screen and (min-width: 64em) {
  .mb0-lg {
    margin-bottom: 0px; } }

.mb5 {
  margin-bottom: 5px; }

@media screen and (max-width: 29.9375em) {
  .mb5-sm {
    margin-bottom: 5px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb5-mdsm {
    margin-bottom: 5px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb5-md {
    margin-bottom: 5px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb5-mdlg {
    margin-bottom: 5px; } }

@media screen and (min-width: 64em) {
  .mb5-lg {
    margin-bottom: 5px; } }

.mb10 {
  margin-bottom: 10px; }

@media screen and (max-width: 29.9375em) {
  .mb10-sm {
    margin-bottom: 10px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb10-mdsm {
    margin-bottom: 10px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb10-md {
    margin-bottom: 10px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb10-mdlg {
    margin-bottom: 10px; } }

@media screen and (min-width: 64em) {
  .mb10-lg {
    margin-bottom: 10px; } }

.mb20 {
  margin-bottom: 20px; }

@media screen and (max-width: 29.9375em) {
  .mb20-sm {
    margin-bottom: 20px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb20-mdsm {
    margin-bottom: 20px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb20-md {
    margin-bottom: 20px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb20-mdlg {
    margin-bottom: 20px; } }

@media screen and (min-width: 64em) {
  .mb20-lg {
    margin-bottom: 20px; } }

.mb30 {
  margin-bottom: 30px; }

@media screen and (max-width: 29.9375em) {
  .mb30-sm {
    margin-bottom: 30px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb30-mdsm {
    margin-bottom: 30px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb30-md {
    margin-bottom: 30px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb30-mdlg {
    margin-bottom: 30px; } }

@media screen and (min-width: 64em) {
  .mb30-lg {
    margin-bottom: 30px; } }

.mb40 {
  margin-bottom: 40px; }

@media screen and (max-width: 29.9375em) {
  .mb40-sm {
    margin-bottom: 40px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb40-mdsm {
    margin-bottom: 40px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb40-md {
    margin-bottom: 40px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb40-mdlg {
    margin-bottom: 40px; } }

@media screen and (min-width: 64em) {
  .mb40-lg {
    margin-bottom: 40px; } }

.mb50 {
  margin-bottom: 50px; }

@media screen and (max-width: 29.9375em) {
  .mb50-sm {
    margin-bottom: 50px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb50-mdsm {
    margin-bottom: 50px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb50-md {
    margin-bottom: 50px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb50-mdlg {
    margin-bottom: 50px; } }

@media screen and (min-width: 64em) {
  .mb50-lg {
    margin-bottom: 50px; } }

.mb60 {
  margin-bottom: 60px; }

@media screen and (max-width: 29.9375em) {
  .mb60-sm {
    margin-bottom: 60px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb60-mdsm {
    margin-bottom: 60px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb60-md {
    margin-bottom: 60px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb60-mdlg {
    margin-bottom: 60px; } }

@media screen and (min-width: 64em) {
  .mb60-lg {
    margin-bottom: 60px; } }

.mb70 {
  margin-bottom: 70px; }

@media screen and (max-width: 29.9375em) {
  .mb70-sm {
    margin-bottom: 70px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb70-mdsm {
    margin-bottom: 70px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb70-md {
    margin-bottom: 70px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb70-mdlg {
    margin-bottom: 70px; } }

@media screen and (min-width: 64em) {
  .mb70-lg {
    margin-bottom: 70px; } }

.mb80 {
  margin-bottom: 80px; }

@media screen and (max-width: 29.9375em) {
  .mb80-sm {
    margin-bottom: 80px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb80-mdsm {
    margin-bottom: 80px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb80-md {
    margin-bottom: 80px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb80-mdlg {
    margin-bottom: 80px; } }

@media screen and (min-width: 64em) {
  .mb80-lg {
    margin-bottom: 80px; } }

.mb90 {
  margin-bottom: 90px; }

@media screen and (max-width: 29.9375em) {
  .mb90-sm {
    margin-bottom: 90px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb90-mdsm {
    margin-bottom: 90px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb90-md {
    margin-bottom: 90px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb90-mdlg {
    margin-bottom: 90px; } }

@media screen and (min-width: 64em) {
  .mb90-lg {
    margin-bottom: 90px; } }

.mb100 {
  margin-bottom: 100px; }

@media screen and (max-width: 29.9375em) {
  .mb100-sm {
    margin-bottom: 100px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb100-mdsm {
    margin-bottom: 100px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb100-md {
    margin-bottom: 100px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb100-mdlg {
    margin-bottom: 100px; } }

@media screen and (min-width: 64em) {
  .mb100-lg {
    margin-bottom: 100px; } }

.mt10n {
  margin-top: -10px; }

@media screen and (max-width: 29.9375em) {
  .mt10n-sm {
    margin-top: -10px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt10n-mdsm {
    margin-top: -10px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt10n-md {
    margin-top: -10px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt10n-mdlg {
    margin-top: -10px; } }

@media screen and (min-width: 64em) {
  .mt10n-lg {
    margin-top: -10px; } }

.mt20n {
  margin-top: -20px; }

@media screen and (max-width: 29.9375em) {
  .mt20n-sm {
    margin-top: -20px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt20n-mdsm {
    margin-top: -20px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt20n-md {
    margin-top: -20px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt20n-mdlg {
    margin-top: -20px; } }

@media screen and (min-width: 64em) {
  .mt20n-lg {
    margin-top: -20px; } }

.mt30n {
  margin-top: -30px; }

@media screen and (max-width: 29.9375em) {
  .mt30n-sm {
    margin-top: -30px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt30n-mdsm {
    margin-top: -30px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt30n-md {
    margin-top: -30px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt30n-mdlg {
    margin-top: -30px; } }

@media screen and (min-width: 64em) {
  .mt30n-lg {
    margin-top: -30px; } }

.mt40n {
  margin-top: -40px; }

@media screen and (max-width: 29.9375em) {
  .mt40n-sm {
    margin-top: -40px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt40n-mdsm {
    margin-top: -40px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt40n-md {
    margin-top: -40px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt40n-mdlg {
    margin-top: -40px; } }

@media screen and (min-width: 64em) {
  .mt40n-lg {
    margin-top: -40px; } }

.mt50n {
  margin-top: -50px; }

@media screen and (max-width: 29.9375em) {
  .mt50n-sm {
    margin-top: -50px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt50n-mdsm {
    margin-top: -50px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt50n-md {
    margin-top: -50px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt50n-mdlg {
    margin-top: -50px; } }

@media screen and (min-width: 64em) {
  .mt50n-lg {
    margin-top: -50px; } }

.mt60n {
  margin-top: -60px; }

@media screen and (max-width: 29.9375em) {
  .mt60n-sm {
    margin-top: -60px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt60n-mdsm {
    margin-top: -60px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt60n-md {
    margin-top: -60px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt60n-mdlg {
    margin-top: -60px; } }

@media screen and (min-width: 64em) {
  .mt60n-lg {
    margin-top: -60px; } }

.mt70n {
  margin-top: -70px; }

@media screen and (max-width: 29.9375em) {
  .mt70n-sm {
    margin-top: -70px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt70n-mdsm {
    margin-top: -70px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt70n-md {
    margin-top: -70px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt70n-mdlg {
    margin-top: -70px; } }

@media screen and (min-width: 64em) {
  .mt70n-lg {
    margin-top: -70px; } }

.mt80n {
  margin-top: -80px; }

@media screen and (max-width: 29.9375em) {
  .mt80n-sm {
    margin-top: -80px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt80n-mdsm {
    margin-top: -80px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt80n-md {
    margin-top: -80px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt80n-mdlg {
    margin-top: -80px; } }

@media screen and (min-width: 64em) {
  .mt80n-lg {
    margin-top: -80px; } }

.mt90n {
  margin-top: -90px; }

@media screen and (max-width: 29.9375em) {
  .mt90n-sm {
    margin-top: -90px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt90n-mdsm {
    margin-top: -90px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt90n-md {
    margin-top: -90px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt90n-mdlg {
    margin-top: -90px; } }

@media screen and (min-width: 64em) {
  .mt90n-lg {
    margin-top: -90px; } }

.mt100n {
  margin-top: -100px; }

@media screen and (max-width: 29.9375em) {
  .mt100n-sm {
    margin-top: -100px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mt100n-mdsm {
    margin-top: -100px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mt100n-md {
    margin-top: -100px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mt100n-mdlg {
    margin-top: -100px; } }

@media screen and (min-width: 64em) {
  .mt100n-lg {
    margin-top: -100px; } }

.mb10n {
  margin-bottom: -10px; }

@media screen and (max-width: 29.9375em) {
  .mb10n-sm {
    margin-bottom: -10px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb10n-mdsm {
    margin-bottom: -10px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb10n-md {
    margin-bottom: -10px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb10n-mdlg {
    margin-bottom: -10px; } }

@media screen and (min-width: 64em) {
  .mb10n-lg {
    margin-bottom: -10px; } }

.mb20n {
  margin-bottom: -20px; }

@media screen and (max-width: 29.9375em) {
  .mb20n-sm {
    margin-bottom: -20px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb20n-mdsm {
    margin-bottom: -20px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb20n-md {
    margin-bottom: -20px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb20n-mdlg {
    margin-bottom: -20px; } }

@media screen and (min-width: 64em) {
  .mb20n-lg {
    margin-bottom: -20px; } }

.mb30n {
  margin-bottom: -30px; }

@media screen and (max-width: 29.9375em) {
  .mb30n-sm {
    margin-bottom: -30px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb30n-mdsm {
    margin-bottom: -30px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb30n-md {
    margin-bottom: -30px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb30n-mdlg {
    margin-bottom: -30px; } }

@media screen and (min-width: 64em) {
  .mb30n-lg {
    margin-bottom: -30px; } }

.mb40n {
  margin-bottom: -40px; }

@media screen and (max-width: 29.9375em) {
  .mb40n-sm {
    margin-bottom: -40px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb40n-mdsm {
    margin-bottom: -40px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb40n-md {
    margin-bottom: -40px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb40n-mdlg {
    margin-bottom: -40px; } }

@media screen and (min-width: 64em) {
  .mb40n-lg {
    margin-bottom: -40px; } }

.mb50n {
  margin-bottom: -50px; }

@media screen and (max-width: 29.9375em) {
  .mb50n-sm {
    margin-bottom: -50px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb50n-mdsm {
    margin-bottom: -50px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb50n-md {
    margin-bottom: -50px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb50n-mdlg {
    margin-bottom: -50px; } }

@media screen and (min-width: 64em) {
  .mb50n-lg {
    margin-bottom: -50px; } }

.mb60n {
  margin-bottom: -60px; }

@media screen and (max-width: 29.9375em) {
  .mb60n-sm {
    margin-bottom: -60px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb60n-mdsm {
    margin-bottom: -60px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb60n-md {
    margin-bottom: -60px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb60n-mdlg {
    margin-bottom: -60px; } }

@media screen and (min-width: 64em) {
  .mb60n-lg {
    margin-bottom: -60px; } }

.mb70n {
  margin-bottom: -70px; }

@media screen and (max-width: 29.9375em) {
  .mb70n-sm {
    margin-bottom: -70px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb70n-mdsm {
    margin-bottom: -70px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb70n-md {
    margin-bottom: -70px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb70n-mdlg {
    margin-bottom: -70px; } }

@media screen and (min-width: 64em) {
  .mb70n-lg {
    margin-bottom: -70px; } }

.mb80n {
  margin-bottom: -80px; }

@media screen and (max-width: 29.9375em) {
  .mb80n-sm {
    margin-bottom: -80px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb80n-mdsm {
    margin-bottom: -80px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb80n-md {
    margin-bottom: -80px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb80n-mdlg {
    margin-bottom: -80px; } }

@media screen and (min-width: 64em) {
  .mb80n-lg {
    margin-bottom: -80px; } }

.mb90n {
  margin-bottom: -90px; }

@media screen and (max-width: 29.9375em) {
  .mb90n-sm {
    margin-bottom: -90px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb90n-mdsm {
    margin-bottom: -90px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb90n-md {
    margin-bottom: -90px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb90n-mdlg {
    margin-bottom: -90px; } }

@media screen and (min-width: 64em) {
  .mb90n-lg {
    margin-bottom: -90px; } }

.mb100n {
  margin-bottom: -100px; }

@media screen and (max-width: 29.9375em) {
  .mb100n-sm {
    margin-bottom: -100px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mb100n-mdsm {
    margin-bottom: -100px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mb100n-md {
    margin-bottom: -100px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mb100n-mdlg {
    margin-bottom: -100px; } }

@media screen and (min-width: 64em) {
  .mb100n-lg {
    margin-bottom: -100px; } }

.t10n {
  top: -10px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .t10n-sm {
    top: -10px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .t10n-mdsm {
    top: -10px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .t10n-md {
    top: -10px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .t10n-mdlg {
    top: -10px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .t10n-lg {
    top: -10px;
    position: relative; } }

.t10n {
  top: -10px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .t10n-sm {
    top: -10px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .t10n-mdsm {
    top: -10px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .t10n-md {
    top: -10px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .t10n-mdlg {
    top: -10px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .t10n-lg {
    top: -10px;
    position: relative; } }

.t20n {
  top: -20px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .t20n-sm {
    top: -20px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .t20n-mdsm {
    top: -20px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .t20n-md {
    top: -20px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .t20n-mdlg {
    top: -20px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .t20n-lg {
    top: -20px;
    position: relative; } }

.t30n {
  top: -30px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .t30n-sm {
    top: -30px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .t30n-mdsm {
    top: -30px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .t30n-md {
    top: -30px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .t30n-mdlg {
    top: -30px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .t30n-lg {
    top: -30px;
    position: relative; } }

.t40n {
  top: -40px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .t40n-sm {
    top: -40px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .t40n-mdsm {
    top: -40px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .t40n-md {
    top: -40px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .t40n-mdlg {
    top: -40px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .t40n-lg {
    top: -40px;
    position: relative; } }

.t50n {
  top: -50px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .t50n-sm {
    top: -50px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .t50n-mdsm {
    top: -50px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .t50n-md {
    top: -50px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .t50n-mdlg {
    top: -50px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .t50n-lg {
    top: -50px;
    position: relative; } }

.t60n {
  top: -60px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .t60n-sm {
    top: -60px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .t60n-mdsm {
    top: -60px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .t60n-md {
    top: -60px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .t60n-mdlg {
    top: -60px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .t60n-lg {
    top: -60px;
    position: relative; } }

.t70n {
  top: -70px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .t70n-sm {
    top: -70px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .t70n-mdsm {
    top: -70px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .t70n-md {
    top: -70px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .t70n-mdlg {
    top: -70px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .t70n-lg {
    top: -70px;
    position: relative; } }

.t80n {
  top: -80px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .t80n-sm {
    top: -80px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .t80n-mdsm {
    top: -80px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .t80n-md {
    top: -80px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .t80n-mdlg {
    top: -80px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .t80n-lg {
    top: -80px;
    position: relative; } }

.t90n {
  top: -90px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .t90n-sm {
    top: -90px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .t90n-mdsm {
    top: -90px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .t90n-md {
    top: -90px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .t90n-mdlg {
    top: -90px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .t90n-lg {
    top: -90px;
    position: relative; } }

.t100n {
  top: -100px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .t100n-sm {
    top: -100px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .t100n-mdsm {
    top: -100px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .t100n-md {
    top: -100px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .t100n-mdlg {
    top: -100px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .t100n-lg {
    top: -100px;
    position: relative; } }

.b10n {
  top: -10px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .b10n-sm {
    top: -10px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .b10n-mdsm {
    top: -10px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .b10n-md {
    top: -10px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .b10n-mdlg {
    top: -10px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .b10n-lg {
    top: -10px;
    position: relative; } }

.b20n {
  top: -20px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .b20n-sm {
    top: -20px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .b20n-mdsm {
    top: -20px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .b20n-md {
    top: -20px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .b20n-mdlg {
    top: -20px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .b20n-lg {
    top: -20px;
    position: relative; } }

.b30n {
  top: -30px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .b30n-sm {
    top: -30px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .b30n-mdsm {
    top: -30px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .b30n-md {
    top: -30px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .b30n-mdlg {
    top: -30px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .b30n-lg {
    top: -30px;
    position: relative; } }

.b40n {
  top: -40px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .b40n-sm {
    top: -40px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .b40n-mdsm {
    top: -40px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .b40n-md {
    top: -40px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .b40n-mdlg {
    top: -40px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .b40n-lg {
    top: -40px;
    position: relative; } }

.b50n {
  top: -50px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .b50n-sm {
    top: -50px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .b50n-mdsm {
    top: -50px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .b50n-md {
    top: -50px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .b50n-mdlg {
    top: -50px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .b50n-lg {
    top: -50px;
    position: relative; } }

.b60n {
  top: -60px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .b60n-sm {
    top: -60px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .b60n-mdsm {
    top: -60px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .b60n-md {
    top: -60px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .b60n-mdlg {
    top: -60px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .b60n-lg {
    top: -60px;
    position: relative; } }

.b70n {
  top: -70px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .b70n-sm {
    top: -70px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .b70n-mdsm {
    top: -70px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .b70n-md {
    top: -70px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .b70n-mdlg {
    top: -70px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .b70n-lg {
    top: -70px;
    position: relative; } }

.b80n {
  top: -80px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .b80n-sm {
    top: -80px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .b80n-mdsm {
    top: -80px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .b80n-md {
    top: -80px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .b80n-mdlg {
    top: -80px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .b80n-lg {
    top: -80px;
    position: relative; } }

.b90n {
  top: -90px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .b90n-sm {
    top: -90px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .b90n-mdsm {
    top: -90px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .b90n-md {
    top: -90px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .b90n-mdlg {
    top: -90px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .b90n-lg {
    top: -90px;
    position: relative; } }

.b100n {
  top: -100px;
  position: relative; }

@media screen and (max-width: 29.9375em) {
  .b100n-sm {
    top: -100px;
    position: relative; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .b100n-mdsm {
    top: -100px;
    position: relative; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .b100n-md {
    top: -100px;
    position: relative; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .b100n-mdlg {
    top: -100px;
    position: relative; } }

@media screen and (min-width: 64em) {
  .b100n-lg {
    top: -100px;
    position: relative; } }

.p0 {
  padding-top: 0px;
  padding-bottom: 0px; }

@media screen and (max-width: 29.9375em) {
  .p0-sm {
    padding-top: 0px;
    padding-bottom: 0px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .p0-mdsm {
    padding-top: 0px;
    padding-bottom: 0px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .p0-md {
    padding-top: 0px;
    padding-bottom: 0px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .p0-mdlg {
    padding-top: 0px;
    padding-bottom: 0px; } }

@media screen and (min-width: 64em) {
  .p0-lg {
    padding-top: 0px;
    padding-bottom: 0px; } }

.p5 {
  padding-top: 5px;
  padding-bottom: 5px; }

@media screen and (max-width: 29.9375em) {
  .p5-sm {
    padding-top: 5px;
    padding-bottom: 5px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .p5-mdsm {
    padding-top: 5px;
    padding-bottom: 5px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .p5-md {
    padding-top: 5px;
    padding-bottom: 5px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .p5-mdlg {
    padding-top: 5px;
    padding-bottom: 5px; } }

@media screen and (min-width: 64em) {
  .p5-lg {
    padding-top: 5px;
    padding-bottom: 5px; } }

.p10 {
  padding-top: 10px;
  padding-bottom: 10px; }

@media screen and (max-width: 29.9375em) {
  .p10-sm {
    padding-top: 10px;
    padding-bottom: 10px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .p10-mdsm {
    padding-top: 10px;
    padding-bottom: 10px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .p10-md {
    padding-top: 10px;
    padding-bottom: 10px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .p10-mdlg {
    padding-top: 10px;
    padding-bottom: 10px; } }

@media screen and (min-width: 64em) {
  .p10-lg {
    padding-top: 10px;
    padding-bottom: 10px; } }

.p20 {
  padding-top: 20px;
  padding-bottom: 20px; }

@media screen and (max-width: 29.9375em) {
  .p20-sm {
    padding-top: 20px;
    padding-bottom: 20px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .p20-mdsm {
    padding-top: 20px;
    padding-bottom: 20px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .p20-md {
    padding-top: 20px;
    padding-bottom: 20px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .p20-mdlg {
    padding-top: 20px;
    padding-bottom: 20px; } }

@media screen and (min-width: 64em) {
  .p20-lg {
    padding-top: 20px;
    padding-bottom: 20px; } }

.p30 {
  padding-top: 30px;
  padding-bottom: 30px; }

@media screen and (max-width: 29.9375em) {
  .p30-sm {
    padding-top: 30px;
    padding-bottom: 30px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .p30-mdsm {
    padding-top: 30px;
    padding-bottom: 30px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .p30-md {
    padding-top: 30px;
    padding-bottom: 30px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .p30-mdlg {
    padding-top: 30px;
    padding-bottom: 30px; } }

@media screen and (min-width: 64em) {
  .p30-lg {
    padding-top: 30px;
    padding-bottom: 30px; } }

.p40 {
  padding-top: 40px;
  padding-bottom: 40px; }

@media screen and (max-width: 29.9375em) {
  .p40-sm {
    padding-top: 40px;
    padding-bottom: 40px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .p40-mdsm {
    padding-top: 40px;
    padding-bottom: 40px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .p40-md {
    padding-top: 40px;
    padding-bottom: 40px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .p40-mdlg {
    padding-top: 40px;
    padding-bottom: 40px; } }

@media screen and (min-width: 64em) {
  .p40-lg {
    padding-top: 40px;
    padding-bottom: 40px; } }

.p50 {
  padding-top: 50px;
  padding-bottom: 50px; }

@media screen and (max-width: 29.9375em) {
  .p50-sm {
    padding-top: 50px;
    padding-bottom: 50px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .p50-mdsm {
    padding-top: 50px;
    padding-bottom: 50px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .p50-md {
    padding-top: 50px;
    padding-bottom: 50px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .p50-mdlg {
    padding-top: 50px;
    padding-bottom: 50px; } }

@media screen and (min-width: 64em) {
  .p50-lg {
    padding-top: 50px;
    padding-bottom: 50px; } }

.p60 {
  padding-top: 60px;
  padding-bottom: 60px; }

@media screen and (max-width: 29.9375em) {
  .p60-sm {
    padding-top: 60px;
    padding-bottom: 60px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .p60-mdsm {
    padding-top: 60px;
    padding-bottom: 60px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .p60-md {
    padding-top: 60px;
    padding-bottom: 60px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .p60-mdlg {
    padding-top: 60px;
    padding-bottom: 60px; } }

@media screen and (min-width: 64em) {
  .p60-lg {
    padding-top: 60px;
    padding-bottom: 60px; } }

.p70 {
  padding-top: 70px;
  padding-bottom: 70px; }

@media screen and (max-width: 29.9375em) {
  .p70-sm {
    padding-top: 70px;
    padding-bottom: 70px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .p70-mdsm {
    padding-top: 70px;
    padding-bottom: 70px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .p70-md {
    padding-top: 70px;
    padding-bottom: 70px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .p70-mdlg {
    padding-top: 70px;
    padding-bottom: 70px; } }

@media screen and (min-width: 64em) {
  .p70-lg {
    padding-top: 70px;
    padding-bottom: 70px; } }

.p80 {
  padding-top: 80px;
  padding-bottom: 80px; }

@media screen and (max-width: 29.9375em) {
  .p80-sm {
    padding-top: 80px;
    padding-bottom: 80px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .p80-mdsm {
    padding-top: 80px;
    padding-bottom: 80px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .p80-md {
    padding-top: 80px;
    padding-bottom: 80px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .p80-mdlg {
    padding-top: 80px;
    padding-bottom: 80px; } }

@media screen and (min-width: 64em) {
  .p80-lg {
    padding-top: 80px;
    padding-bottom: 80px; } }

.p90 {
  padding-top: 90px;
  padding-bottom: 90px; }

@media screen and (max-width: 29.9375em) {
  .p90-sm {
    padding-top: 90px;
    padding-bottom: 90px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .p90-mdsm {
    padding-top: 90px;
    padding-bottom: 90px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .p90-md {
    padding-top: 90px;
    padding-bottom: 90px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .p90-mdlg {
    padding-top: 90px;
    padding-bottom: 90px; } }

@media screen and (min-width: 64em) {
  .p90-lg {
    padding-top: 90px;
    padding-bottom: 90px; } }

.p100 {
  padding-top: 100px;
  padding-bottom: 100px; }

@media screen and (max-width: 29.9375em) {
  .p100-sm {
    padding-top: 100px;
    padding-bottom: 100px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .p100-mdsm {
    padding-top: 100px;
    padding-bottom: 100px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .p100-md {
    padding-top: 100px;
    padding-bottom: 100px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .p100-mdlg {
    padding-top: 100px;
    padding-bottom: 100px; } }

@media screen and (min-width: 64em) {
  .p100-lg {
    padding-top: 100px;
    padding-bottom: 100px; } }

.pt0 {
  padding-top: 0px; }

@media screen and (max-width: 29.9375em) {
  .pt0-sm {
    padding-top: 0px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pt0-mdsm {
    padding-top: 0px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pt0-md {
    padding-top: 0px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pt0-mdlg {
    padding-top: 0px; } }

@media screen and (min-width: 64em) {
  .pt0-lg {
    padding-top: 0px; } }

.pt5 {
  padding-top: 5px; }

@media screen and (max-width: 29.9375em) {
  .pt5-sm {
    padding-top: 5px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pt5-mdsm {
    padding-top: 5px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pt5-md {
    padding-top: 5px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pt5-mdlg {
    padding-top: 5px; } }

@media screen and (min-width: 64em) {
  .pt5-lg {
    padding-top: 5px; } }

.pt10 {
  padding-top: 10px; }

@media screen and (max-width: 29.9375em) {
  .pt10-sm {
    padding-top: 10px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pt10-mdsm {
    padding-top: 10px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pt10-md {
    padding-top: 10px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pt10-mdlg {
    padding-top: 10px; } }

@media screen and (min-width: 64em) {
  .pt10-lg {
    padding-top: 10px; } }

.pt20 {
  padding-top: 20px; }

@media screen and (max-width: 29.9375em) {
  .pt20-sm {
    padding-top: 20px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pt20-mdsm {
    padding-top: 20px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pt20-md {
    padding-top: 20px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pt20-mdlg {
    padding-top: 20px; } }

@media screen and (min-width: 64em) {
  .pt20-lg {
    padding-top: 20px; } }

.pt30 {
  padding-top: 30px; }

@media screen and (max-width: 29.9375em) {
  .pt30-sm {
    padding-top: 30px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pt30-mdsm {
    padding-top: 30px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pt30-md {
    padding-top: 30px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pt30-mdlg {
    padding-top: 30px; } }

@media screen and (min-width: 64em) {
  .pt30-lg {
    padding-top: 30px; } }

.pt40 {
  padding-top: 40px; }

@media screen and (max-width: 29.9375em) {
  .pt40-sm {
    padding-top: 40px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pt40-mdsm {
    padding-top: 40px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pt40-md {
    padding-top: 40px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pt40-mdlg {
    padding-top: 40px; } }

@media screen and (min-width: 64em) {
  .pt40-lg {
    padding-top: 40px; } }

.pt50 {
  padding-top: 50px; }

@media screen and (max-width: 29.9375em) {
  .pt50-sm {
    padding-top: 50px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pt50-mdsm {
    padding-top: 50px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pt50-md {
    padding-top: 50px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pt50-mdlg {
    padding-top: 50px; } }

@media screen and (min-width: 64em) {
  .pt50-lg {
    padding-top: 50px; } }

.pt60 {
  padding-top: 60px; }

@media screen and (max-width: 29.9375em) {
  .pt60-sm {
    padding-top: 60px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pt60-mdsm {
    padding-top: 60px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pt60-md {
    padding-top: 60px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pt60-mdlg {
    padding-top: 60px; } }

@media screen and (min-width: 64em) {
  .pt60-lg {
    padding-top: 60px; } }

.pt70 {
  padding-top: 70px; }

@media screen and (max-width: 29.9375em) {
  .pt70-sm {
    padding-top: 70px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pt70-mdsm {
    padding-top: 70px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pt70-md {
    padding-top: 70px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pt70-mdlg {
    padding-top: 70px; } }

@media screen and (min-width: 64em) {
  .pt70-lg {
    padding-top: 70px; } }

.pt80 {
  padding-top: 80px; }

@media screen and (max-width: 29.9375em) {
  .pt80-sm {
    padding-top: 80px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pt80-mdsm {
    padding-top: 80px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pt80-md {
    padding-top: 80px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pt80-mdlg {
    padding-top: 80px; } }

@media screen and (min-width: 64em) {
  .pt80-lg {
    padding-top: 80px; } }

.pt90 {
  padding-top: 90px; }

@media screen and (max-width: 29.9375em) {
  .pt90-sm {
    padding-top: 90px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pt90-mdsm {
    padding-top: 90px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pt90-md {
    padding-top: 90px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pt90-mdlg {
    padding-top: 90px; } }

@media screen and (min-width: 64em) {
  .pt90-lg {
    padding-top: 90px; } }

.pt100 {
  padding-top: 100px; }

@media screen and (max-width: 29.9375em) {
  .pt100-sm {
    padding-top: 100px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pt100-mdsm {
    padding-top: 100px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pt100-md {
    padding-top: 100px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pt100-mdlg {
    padding-top: 100px; } }

@media screen and (min-width: 64em) {
  .pt100-lg {
    padding-top: 100px; } }

.pb0 {
  padding-bottom: 0px; }

@media screen and (max-width: 29.9375em) {
  .pb0-sm {
    padding-bottom: 0px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pb0-mdsm {
    padding-bottom: 0px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pb0-md {
    padding-bottom: 0px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pb0-mdlg {
    padding-bottom: 0px; } }

@media screen and (min-width: 64em) {
  .pb0-lg {
    padding-bottom: 0px; } }

.pb5 {
  padding-bottom: 5px; }

@media screen and (max-width: 29.9375em) {
  .pb5-sm {
    padding-bottom: 5px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pb5-mdsm {
    padding-bottom: 5px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pb5-md {
    padding-bottom: 5px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pb5-mdlg {
    padding-bottom: 5px; } }

@media screen and (min-width: 64em) {
  .pb5-lg {
    padding-bottom: 5px; } }

.pb10 {
  padding-bottom: 10px; }

@media screen and (max-width: 29.9375em) {
  .pb10-sm {
    padding-bottom: 10px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pb10-mdsm {
    padding-bottom: 10px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pb10-md {
    padding-bottom: 10px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pb10-mdlg {
    padding-bottom: 10px; } }

@media screen and (min-width: 64em) {
  .pb10-lg {
    padding-bottom: 10px; } }

.pb20 {
  padding-bottom: 20px; }

@media screen and (max-width: 29.9375em) {
  .pb20-sm {
    padding-bottom: 20px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pb20-mdsm {
    padding-bottom: 20px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pb20-md {
    padding-bottom: 20px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pb20-mdlg {
    padding-bottom: 20px; } }

@media screen and (min-width: 64em) {
  .pb20-lg {
    padding-bottom: 20px; } }

.pb30 {
  padding-bottom: 30px; }

@media screen and (max-width: 29.9375em) {
  .pb30-sm {
    padding-bottom: 30px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pb30-mdsm {
    padding-bottom: 30px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pb30-md {
    padding-bottom: 30px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pb30-mdlg {
    padding-bottom: 30px; } }

@media screen and (min-width: 64em) {
  .pb30-lg {
    padding-bottom: 30px; } }

.pb40 {
  padding-bottom: 40px; }

@media screen and (max-width: 29.9375em) {
  .pb40-sm {
    padding-bottom: 40px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pb40-mdsm {
    padding-bottom: 40px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pb40-md {
    padding-bottom: 40px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pb40-mdlg {
    padding-bottom: 40px; } }

@media screen and (min-width: 64em) {
  .pb40-lg {
    padding-bottom: 40px; } }

.pb50 {
  padding-bottom: 50px; }

@media screen and (max-width: 29.9375em) {
  .pb50-sm {
    padding-bottom: 50px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pb50-mdsm {
    padding-bottom: 50px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pb50-md {
    padding-bottom: 50px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pb50-mdlg {
    padding-bottom: 50px; } }

@media screen and (min-width: 64em) {
  .pb50-lg {
    padding-bottom: 50px; } }

.pb60 {
  padding-bottom: 60px; }

@media screen and (max-width: 29.9375em) {
  .pb60-sm {
    padding-bottom: 60px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pb60-mdsm {
    padding-bottom: 60px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pb60-md {
    padding-bottom: 60px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pb60-mdlg {
    padding-bottom: 60px; } }

@media screen and (min-width: 64em) {
  .pb60-lg {
    padding-bottom: 60px; } }

.pb70 {
  padding-bottom: 70px; }

@media screen and (max-width: 29.9375em) {
  .pb70-sm {
    padding-bottom: 70px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pb70-mdsm {
    padding-bottom: 70px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pb70-md {
    padding-bottom: 70px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pb70-mdlg {
    padding-bottom: 70px; } }

@media screen and (min-width: 64em) {
  .pb70-lg {
    padding-bottom: 70px; } }

.pb80 {
  padding-bottom: 80px; }

@media screen and (max-width: 29.9375em) {
  .pb80-sm {
    padding-bottom: 80px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pb80-mdsm {
    padding-bottom: 80px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pb80-md {
    padding-bottom: 80px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pb80-mdlg {
    padding-bottom: 80px; } }

@media screen and (min-width: 64em) {
  .pb80-lg {
    padding-bottom: 80px; } }

.pb90 {
  padding-bottom: 90px; }

@media screen and (max-width: 29.9375em) {
  .pb90-sm {
    padding-bottom: 90px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pb90-mdsm {
    padding-bottom: 90px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pb90-md {
    padding-bottom: 90px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pb90-mdlg {
    padding-bottom: 90px; } }

@media screen and (min-width: 64em) {
  .pb90-lg {
    padding-bottom: 90px; } }

.pb100 {
  padding-bottom: 100px; }

@media screen and (max-width: 29.9375em) {
  .pb100-sm {
    padding-bottom: 100px; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .pb100-mdsm {
    padding-bottom: 100px; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .pb100-md {
    padding-bottom: 100px; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .pb100-mdlg {
    padding-bottom: 100px; } }

@media screen and (min-width: 64em) {
  .pb100-lg {
    padding-bottom: 100px; } }

.mw10 {
  max-width: 10px !important; }

@media screen and (max-width: 29.9375em) {
  .mw10-sm {
    max-width: 10px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw10-mdsm {
    max-width: 10px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw10-md {
    max-width: 10px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw10-mdlg {
    max-width: 10px !important; } }

@media screen and (min-width: 64em) {
  .mw10-lg {
    max-width: 10px !important; } }

.mw20 {
  max-width: 20px !important; }

@media screen and (max-width: 29.9375em) {
  .mw20-sm {
    max-width: 20px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw20-mdsm {
    max-width: 20px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw20-md {
    max-width: 20px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw20-mdlg {
    max-width: 20px !important; } }

@media screen and (min-width: 64em) {
  .mw20-lg {
    max-width: 20px !important; } }

.mw30 {
  max-width: 30px !important; }

@media screen and (max-width: 29.9375em) {
  .mw30-sm {
    max-width: 30px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw30-mdsm {
    max-width: 30px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw30-md {
    max-width: 30px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw30-mdlg {
    max-width: 30px !important; } }

@media screen and (min-width: 64em) {
  .mw30-lg {
    max-width: 30px !important; } }

.mw40 {
  max-width: 40px !important; }

@media screen and (max-width: 29.9375em) {
  .mw40-sm {
    max-width: 40px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw40-mdsm {
    max-width: 40px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw40-md {
    max-width: 40px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw40-mdlg {
    max-width: 40px !important; } }

@media screen and (min-width: 64em) {
  .mw40-lg {
    max-width: 40px !important; } }

.mw50 {
  max-width: 50px !important; }

@media screen and (max-width: 29.9375em) {
  .mw50-sm {
    max-width: 50px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw50-mdsm {
    max-width: 50px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw50-md {
    max-width: 50px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw50-mdlg {
    max-width: 50px !important; } }

@media screen and (min-width: 64em) {
  .mw50-lg {
    max-width: 50px !important; } }

.mw60 {
  max-width: 60px !important; }

@media screen and (max-width: 29.9375em) {
  .mw60-sm {
    max-width: 60px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw60-mdsm {
    max-width: 60px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw60-md {
    max-width: 60px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw60-mdlg {
    max-width: 60px !important; } }

@media screen and (min-width: 64em) {
  .mw60-lg {
    max-width: 60px !important; } }

.mw70 {
  max-width: 70px !important; }

@media screen and (max-width: 29.9375em) {
  .mw70-sm {
    max-width: 70px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw70-mdsm {
    max-width: 70px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw70-md {
    max-width: 70px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw70-mdlg {
    max-width: 70px !important; } }

@media screen and (min-width: 64em) {
  .mw70-lg {
    max-width: 70px !important; } }

.mw80 {
  max-width: 80px !important; }

@media screen and (max-width: 29.9375em) {
  .mw80-sm {
    max-width: 80px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw80-mdsm {
    max-width: 80px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw80-md {
    max-width: 80px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw80-mdlg {
    max-width: 80px !important; } }

@media screen and (min-width: 64em) {
  .mw80-lg {
    max-width: 80px !important; } }

.mw90 {
  max-width: 90px !important; }

@media screen and (max-width: 29.9375em) {
  .mw90-sm {
    max-width: 90px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw90-mdsm {
    max-width: 90px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw90-md {
    max-width: 90px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw90-mdlg {
    max-width: 90px !important; } }

@media screen and (min-width: 64em) {
  .mw90-lg {
    max-width: 90px !important; } }

.mw100 {
  max-width: 100px !important; }

@media screen and (max-width: 29.9375em) {
  .mw100-sm {
    max-width: 100px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw100-mdsm {
    max-width: 100px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw100-md {
    max-width: 100px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw100-mdlg {
    max-width: 100px !important; } }

@media screen and (min-width: 64em) {
  .mw100-lg {
    max-width: 100px !important; } }

.mw110 {
  max-width: 110px !important; }

@media screen and (max-width: 29.9375em) {
  .mw110-sm {
    max-width: 110px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw110-mdsm {
    max-width: 110px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw110-md {
    max-width: 110px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw110-mdlg {
    max-width: 110px !important; } }

@media screen and (min-width: 64em) {
  .mw110-lg {
    max-width: 110px !important; } }

.mw120 {
  max-width: 120px !important; }

@media screen and (max-width: 29.9375em) {
  .mw120-sm {
    max-width: 120px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw120-mdsm {
    max-width: 120px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw120-md {
    max-width: 120px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw120-mdlg {
    max-width: 120px !important; } }

@media screen and (min-width: 64em) {
  .mw120-lg {
    max-width: 120px !important; } }

.mw130 {
  max-width: 130px !important; }

@media screen and (max-width: 29.9375em) {
  .mw130-sm {
    max-width: 130px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw130-mdsm {
    max-width: 130px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw130-md {
    max-width: 130px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw130-mdlg {
    max-width: 130px !important; } }

@media screen and (min-width: 64em) {
  .mw130-lg {
    max-width: 130px !important; } }

.mw140 {
  max-width: 140px !important; }

@media screen and (max-width: 29.9375em) {
  .mw140-sm {
    max-width: 140px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw140-mdsm {
    max-width: 140px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw140-md {
    max-width: 140px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw140-mdlg {
    max-width: 140px !important; } }

@media screen and (min-width: 64em) {
  .mw140-lg {
    max-width: 140px !important; } }

.mw150 {
  max-width: 150px !important; }

@media screen and (max-width: 29.9375em) {
  .mw150-sm {
    max-width: 150px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw150-mdsm {
    max-width: 150px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw150-md {
    max-width: 150px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw150-mdlg {
    max-width: 150px !important; } }

@media screen and (min-width: 64em) {
  .mw150-lg {
    max-width: 150px !important; } }

.mw160 {
  max-width: 160px !important; }

@media screen and (max-width: 29.9375em) {
  .mw160-sm {
    max-width: 160px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw160-mdsm {
    max-width: 160px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw160-md {
    max-width: 160px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw160-mdlg {
    max-width: 160px !important; } }

@media screen and (min-width: 64em) {
  .mw160-lg {
    max-width: 160px !important; } }

.mw170 {
  max-width: 170px !important; }

@media screen and (max-width: 29.9375em) {
  .mw170-sm {
    max-width: 170px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw170-mdsm {
    max-width: 170px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw170-md {
    max-width: 170px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw170-mdlg {
    max-width: 170px !important; } }

@media screen and (min-width: 64em) {
  .mw170-lg {
    max-width: 170px !important; } }

.mw180 {
  max-width: 180px !important; }

@media screen and (max-width: 29.9375em) {
  .mw180-sm {
    max-width: 180px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw180-mdsm {
    max-width: 180px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw180-md {
    max-width: 180px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw180-mdlg {
    max-width: 180px !important; } }

@media screen and (min-width: 64em) {
  .mw180-lg {
    max-width: 180px !important; } }

.mw190 {
  max-width: 190px !important; }

@media screen and (max-width: 29.9375em) {
  .mw190-sm {
    max-width: 190px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw190-mdsm {
    max-width: 190px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw190-md {
    max-width: 190px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw190-mdlg {
    max-width: 190px !important; } }

@media screen and (min-width: 64em) {
  .mw190-lg {
    max-width: 190px !important; } }

.mw200 {
  max-width: 200px !important; }

@media screen and (max-width: 29.9375em) {
  .mw200-sm {
    max-width: 200px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw200-mdsm {
    max-width: 200px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw200-md {
    max-width: 200px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw200-mdlg {
    max-width: 200px !important; } }

@media screen and (min-width: 64em) {
  .mw200-lg {
    max-width: 200px !important; } }

.mw210 {
  max-width: 210px !important; }

@media screen and (max-width: 29.9375em) {
  .mw210-sm {
    max-width: 210px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw210-mdsm {
    max-width: 210px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw210-md {
    max-width: 210px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw210-mdlg {
    max-width: 210px !important; } }

@media screen and (min-width: 64em) {
  .mw210-lg {
    max-width: 210px !important; } }

.mw220 {
  max-width: 220px !important; }

@media screen and (max-width: 29.9375em) {
  .mw220-sm {
    max-width: 220px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw220-mdsm {
    max-width: 220px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw220-md {
    max-width: 220px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw220-mdlg {
    max-width: 220px !important; } }

@media screen and (min-width: 64em) {
  .mw220-lg {
    max-width: 220px !important; } }

.mw230 {
  max-width: 230px !important; }

@media screen and (max-width: 29.9375em) {
  .mw230-sm {
    max-width: 230px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw230-mdsm {
    max-width: 230px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw230-md {
    max-width: 230px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw230-mdlg {
    max-width: 230px !important; } }

@media screen and (min-width: 64em) {
  .mw230-lg {
    max-width: 230px !important; } }

.mw240 {
  max-width: 240px !important; }

@media screen and (max-width: 29.9375em) {
  .mw240-sm {
    max-width: 240px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw240-mdsm {
    max-width: 240px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw240-md {
    max-width: 240px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw240-mdlg {
    max-width: 240px !important; } }

@media screen and (min-width: 64em) {
  .mw240-lg {
    max-width: 240px !important; } }

.mw250 {
  max-width: 250px !important; }

@media screen and (max-width: 29.9375em) {
  .mw250-sm {
    max-width: 250px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw250-mdsm {
    max-width: 250px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw250-md {
    max-width: 250px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw250-mdlg {
    max-width: 250px !important; } }

@media screen and (min-width: 64em) {
  .mw250-lg {
    max-width: 250px !important; } }

.mw260 {
  max-width: 260px !important; }

@media screen and (max-width: 29.9375em) {
  .mw260-sm {
    max-width: 260px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw260-mdsm {
    max-width: 260px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw260-md {
    max-width: 260px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw260-mdlg {
    max-width: 260px !important; } }

@media screen and (min-width: 64em) {
  .mw260-lg {
    max-width: 260px !important; } }

.mw270 {
  max-width: 270px !important; }

@media screen and (max-width: 29.9375em) {
  .mw270-sm {
    max-width: 270px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw270-mdsm {
    max-width: 270px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw270-md {
    max-width: 270px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw270-mdlg {
    max-width: 270px !important; } }

@media screen and (min-width: 64em) {
  .mw270-lg {
    max-width: 270px !important; } }

.mw280 {
  max-width: 280px !important; }

@media screen and (max-width: 29.9375em) {
  .mw280-sm {
    max-width: 280px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw280-mdsm {
    max-width: 280px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw280-md {
    max-width: 280px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw280-mdlg {
    max-width: 280px !important; } }

@media screen and (min-width: 64em) {
  .mw280-lg {
    max-width: 280px !important; } }

.mw290 {
  max-width: 290px !important; }

@media screen and (max-width: 29.9375em) {
  .mw290-sm {
    max-width: 290px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw290-mdsm {
    max-width: 290px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw290-md {
    max-width: 290px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw290-mdlg {
    max-width: 290px !important; } }

@media screen and (min-width: 64em) {
  .mw290-lg {
    max-width: 290px !important; } }

.mw300 {
  max-width: 300px !important; }

@media screen and (max-width: 29.9375em) {
  .mw300-sm {
    max-width: 300px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw300-mdsm {
    max-width: 300px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw300-md {
    max-width: 300px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw300-mdlg {
    max-width: 300px !important; } }

@media screen and (min-width: 64em) {
  .mw300-lg {
    max-width: 300px !important; } }

.mw320 {
  max-width: 320px !important; }

@media screen and (max-width: 29.9375em) {
  .mw320-sm {
    max-width: 320px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw320-mdsm {
    max-width: 320px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw320-md {
    max-width: 320px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw320-mdlg {
    max-width: 320px !important; } }

@media screen and (min-width: 64em) {
  .mw320-lg {
    max-width: 320px !important; } }

.mw340 {
  max-width: 340px !important; }

@media screen and (max-width: 29.9375em) {
  .mw340-sm {
    max-width: 340px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw340-mdsm {
    max-width: 340px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw340-md {
    max-width: 340px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw340-mdlg {
    max-width: 340px !important; } }

@media screen and (min-width: 64em) {
  .mw340-lg {
    max-width: 340px !important; } }

.mw360 {
  max-width: 360px !important; }

@media screen and (max-width: 29.9375em) {
  .mw360-sm {
    max-width: 360px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw360-mdsm {
    max-width: 360px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw360-md {
    max-width: 360px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw360-mdlg {
    max-width: 360px !important; } }

@media screen and (min-width: 64em) {
  .mw360-lg {
    max-width: 360px !important; } }

.mw380 {
  max-width: 380px !important; }

@media screen and (max-width: 29.9375em) {
  .mw380-sm {
    max-width: 380px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw380-mdsm {
    max-width: 380px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw380-md {
    max-width: 380px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw380-mdlg {
    max-width: 380px !important; } }

@media screen and (min-width: 64em) {
  .mw380-lg {
    max-width: 380px !important; } }

.mw400 {
  max-width: 400px !important; }

@media screen and (max-width: 29.9375em) {
  .mw400-sm {
    max-width: 400px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw400-mdsm {
    max-width: 400px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw400-md {
    max-width: 400px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw400-mdlg {
    max-width: 400px !important; } }

@media screen and (min-width: 64em) {
  .mw400-lg {
    max-width: 400px !important; } }

.mw420 {
  max-width: 420px !important; }

@media screen and (max-width: 29.9375em) {
  .mw420-sm {
    max-width: 420px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw420-mdsm {
    max-width: 420px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw420-md {
    max-width: 420px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw420-mdlg {
    max-width: 420px !important; } }

@media screen and (min-width: 64em) {
  .mw420-lg {
    max-width: 420px !important; } }

.mw440 {
  max-width: 440px !important; }

@media screen and (max-width: 29.9375em) {
  .mw440-sm {
    max-width: 440px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw440-mdsm {
    max-width: 440px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw440-md {
    max-width: 440px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw440-mdlg {
    max-width: 440px !important; } }

@media screen and (min-width: 64em) {
  .mw440-lg {
    max-width: 440px !important; } }

.mw460 {
  max-width: 460px !important; }

@media screen and (max-width: 29.9375em) {
  .mw460-sm {
    max-width: 460px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw460-mdsm {
    max-width: 460px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw460-md {
    max-width: 460px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw460-mdlg {
    max-width: 460px !important; } }

@media screen and (min-width: 64em) {
  .mw460-lg {
    max-width: 460px !important; } }

.mw540 {
  max-width: 540px !important; }

@media screen and (max-width: 29.9375em) {
  .mw540-sm {
    max-width: 540px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw540-mdsm {
    max-width: 540px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw540-md {
    max-width: 540px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw540-mdlg {
    max-width: 540px !important; } }

@media screen and (min-width: 64em) {
  .mw540-lg {
    max-width: 540px !important; } }

.mw640 {
  max-width: 640px !important; }

@media screen and (max-width: 29.9375em) {
  .mw640-sm {
    max-width: 640px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw640-mdsm {
    max-width: 640px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw640-md {
    max-width: 640px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw640-mdlg {
    max-width: 640px !important; } }

@media screen and (min-width: 64em) {
  .mw640-lg {
    max-width: 640px !important; } }

.mw800 {
  max-width: 800px !important; }

@media screen and (max-width: 29.9375em) {
  .mw800-sm {
    max-width: 800px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw800-mdsm {
    max-width: 800px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw800-md {
    max-width: 800px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw800-mdlg {
    max-width: 800px !important; } }

@media screen and (min-width: 64em) {
  .mw800-lg {
    max-width: 800px !important; } }

.mw900 {
  max-width: 900px !important; }

@media screen and (max-width: 29.9375em) {
  .mw900-sm {
    max-width: 900px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw900-mdsm {
    max-width: 900px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw900-md {
    max-width: 900px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw900-mdlg {
    max-width: 900px !important; } }

@media screen and (min-width: 64em) {
  .mw900-lg {
    max-width: 900px !important; } }

.mw960 {
  max-width: 960px !important; }

@media screen and (max-width: 29.9375em) {
  .mw960-sm {
    max-width: 960px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw960-mdsm {
    max-width: 960px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw960-md {
    max-width: 960px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw960-mdlg {
    max-width: 960px !important; } }

@media screen and (min-width: 64em) {
  .mw960-lg {
    max-width: 960px !important; } }

.mw1040 {
  max-width: 1040px !important; }

@media screen and (max-width: 29.9375em) {
  .mw1040-sm {
    max-width: 1040px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw1040-mdsm {
    max-width: 1040px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw1040-md {
    max-width: 1040px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw1040-mdlg {
    max-width: 1040px !important; } }

@media screen and (min-width: 64em) {
  .mw1040-lg {
    max-width: 1040px !important; } }

.mw1100 {
  max-width: 1100px !important; }

@media screen and (max-width: 29.9375em) {
  .mw1100-sm {
    max-width: 1100px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw1100-mdsm {
    max-width: 1100px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw1100-md {
    max-width: 1100px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw1100-mdlg {
    max-width: 1100px !important; } }

@media screen and (min-width: 64em) {
  .mw1100-lg {
    max-width: 1100px !important; } }

.mw1200 {
  max-width: 1200px !important; }

@media screen and (max-width: 29.9375em) {
  .mw1200-sm {
    max-width: 1200px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw1200-mdsm {
    max-width: 1200px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw1200-md {
    max-width: 1200px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw1200-mdlg {
    max-width: 1200px !important; } }

@media screen and (min-width: 64em) {
  .mw1200-lg {
    max-width: 1200px !important; } }

.mw1440 {
  max-width: 1440px !important; }

@media screen and (max-width: 29.9375em) {
  .mw1440-sm {
    max-width: 1440px !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw1440-mdsm {
    max-width: 1440px !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw1440-md {
    max-width: 1440px !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw1440-mdlg {
    max-width: 1440px !important; } }

@media screen and (min-width: 64em) {
  .mw1440-lg {
    max-width: 1440px !important; } }

.mw50pc {
  max-width: 50% !important; }

@media screen and (max-width: 29.9375em) {
  .mw50pc-sm {
    max-width: 50% !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw50pc-mdsm {
    max-width: 50% !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw50pc-md {
    max-width: 50% !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw50pc-mdlg {
    max-width: 50% !important; } }

@media screen and (min-width: 64em) {
  .mw50pc-lg {
    max-width: 50% !important; } }

.mw60pc {
  max-width: 60% !important; }

@media screen and (max-width: 29.9375em) {
  .mw60pc-sm {
    max-width: 60% !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw60pc-mdsm {
    max-width: 60% !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw60pc-md {
    max-width: 60% !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw60pc-mdlg {
    max-width: 60% !important; } }

@media screen and (min-width: 64em) {
  .mw60pc-lg {
    max-width: 60% !important; } }

.mw70pc {
  max-width: 70% !important; }

@media screen and (max-width: 29.9375em) {
  .mw70pc-sm {
    max-width: 70% !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw70pc-mdsm {
    max-width: 70% !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw70pc-md {
    max-width: 70% !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw70pc-mdlg {
    max-width: 70% !important; } }

@media screen and (min-width: 64em) {
  .mw70pc-lg {
    max-width: 70% !important; } }

.mw80pc {
  max-width: 80% !important; }

@media screen and (max-width: 29.9375em) {
  .mw80pc-sm {
    max-width: 80% !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw80pc-mdsm {
    max-width: 80% !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw80pc-md {
    max-width: 80% !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw80pc-mdlg {
    max-width: 80% !important; } }

@media screen and (min-width: 64em) {
  .mw80pc-lg {
    max-width: 80% !important; } }

.mw90pc {
  max-width: 90% !important; }

@media screen and (max-width: 29.9375em) {
  .mw90pc-sm {
    max-width: 90% !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw90pc-mdsm {
    max-width: 90% !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw90pc-md {
    max-width: 90% !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw90pc-mdlg {
    max-width: 90% !important; } }

@media screen and (min-width: 64em) {
  .mw90pc-lg {
    max-width: 90% !important; } }

.mw100pc {
  max-width: 100% !important; }

@media screen and (max-width: 29.9375em) {
  .mw100pc-sm {
    max-width: 100% !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mw100pc-mdsm {
    max-width: 100% !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mw100pc-md {
    max-width: 100% !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mw100pc-mdlg {
    max-width: 100% !important; } }

@media screen and (min-width: 64em) {
  .mw100pc-lg {
    max-width: 100% !important; } }

.mh10 {
  max-height: 10px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh10-sm {
    max-height: 10px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh10-mdsm {
    max-height: 10px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh10-md {
    max-height: 10px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh10-mdlg {
    max-height: 10px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh10-lg {
    max-height: 10px !important;
    width: auto !important; } }

.mh20 {
  max-height: 20px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh20-sm {
    max-height: 20px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh20-mdsm {
    max-height: 20px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh20-md {
    max-height: 20px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh20-mdlg {
    max-height: 20px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh20-lg {
    max-height: 20px !important;
    width: auto !important; } }

.mh30 {
  max-height: 30px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh30-sm {
    max-height: 30px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh30-mdsm {
    max-height: 30px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh30-md {
    max-height: 30px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh30-mdlg {
    max-height: 30px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh30-lg {
    max-height: 30px !important;
    width: auto !important; } }

.mh40 {
  max-height: 40px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh40-sm {
    max-height: 40px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh40-mdsm {
    max-height: 40px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh40-md {
    max-height: 40px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh40-mdlg {
    max-height: 40px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh40-lg {
    max-height: 40px !important;
    width: auto !important; } }

.mh50 {
  max-height: 50px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh50-sm {
    max-height: 50px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh50-mdsm {
    max-height: 50px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh50-md {
    max-height: 50px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh50-mdlg {
    max-height: 50px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh50-lg {
    max-height: 50px !important;
    width: auto !important; } }

.mh60 {
  max-height: 60px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh60-sm {
    max-height: 60px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh60-mdsm {
    max-height: 60px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh60-md {
    max-height: 60px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh60-mdlg {
    max-height: 60px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh60-lg {
    max-height: 60px !important;
    width: auto !important; } }

.mh70 {
  max-height: 70px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh70-sm {
    max-height: 70px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh70-mdsm {
    max-height: 70px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh70-md {
    max-height: 70px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh70-mdlg {
    max-height: 70px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh70-lg {
    max-height: 70px !important;
    width: auto !important; } }

.mh80 {
  max-height: 80px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh80-sm {
    max-height: 80px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh80-mdsm {
    max-height: 80px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh80-md {
    max-height: 80px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh80-mdlg {
    max-height: 80px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh80-lg {
    max-height: 80px !important;
    width: auto !important; } }

.mh90 {
  max-height: 90px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh90-sm {
    max-height: 90px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh90-mdsm {
    max-height: 90px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh90-md {
    max-height: 90px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh90-mdlg {
    max-height: 90px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh90-lg {
    max-height: 90px !important;
    width: auto !important; } }

.mh100 {
  max-height: 100px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh100-sm {
    max-height: 100px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh100-mdsm {
    max-height: 100px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh100-md {
    max-height: 100px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh100-mdlg {
    max-height: 100px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh100-lg {
    max-height: 100px !important;
    width: auto !important; } }

.mh110 {
  max-height: 110px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh110-sm {
    max-height: 110px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh110-mdsm {
    max-height: 110px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh110-md {
    max-height: 110px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh110-mdlg {
    max-height: 110px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh110-lg {
    max-height: 110px !important;
    width: auto !important; } }

.mh120 {
  max-height: 120px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh120-sm {
    max-height: 120px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh120-mdsm {
    max-height: 120px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh120-md {
    max-height: 120px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh120-mdlg {
    max-height: 120px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh120-lg {
    max-height: 120px !important;
    width: auto !important; } }

.mh130 {
  max-height: 130px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh130-sm {
    max-height: 130px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh130-mdsm {
    max-height: 130px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh130-md {
    max-height: 130px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh130-mdlg {
    max-height: 130px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh130-lg {
    max-height: 130px !important;
    width: auto !important; } }

.mh140 {
  max-height: 140px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh140-sm {
    max-height: 140px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh140-mdsm {
    max-height: 140px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh140-md {
    max-height: 140px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh140-mdlg {
    max-height: 140px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh140-lg {
    max-height: 140px !important;
    width: auto !important; } }

.mh150 {
  max-height: 150px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh150-sm {
    max-height: 150px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh150-mdsm {
    max-height: 150px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh150-md {
    max-height: 150px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh150-mdlg {
    max-height: 150px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh150-lg {
    max-height: 150px !important;
    width: auto !important; } }

.mh160 {
  max-height: 160px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh160-sm {
    max-height: 160px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh160-mdsm {
    max-height: 160px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh160-md {
    max-height: 160px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh160-mdlg {
    max-height: 160px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh160-lg {
    max-height: 160px !important;
    width: auto !important; } }

.mh170 {
  max-height: 170px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh170-sm {
    max-height: 170px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh170-mdsm {
    max-height: 170px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh170-md {
    max-height: 170px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh170-mdlg {
    max-height: 170px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh170-lg {
    max-height: 170px !important;
    width: auto !important; } }

.mh180 {
  max-height: 180px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh180-sm {
    max-height: 180px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh180-mdsm {
    max-height: 180px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh180-md {
    max-height: 180px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh180-mdlg {
    max-height: 180px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh180-lg {
    max-height: 180px !important;
    width: auto !important; } }

.mh190 {
  max-height: 190px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh190-sm {
    max-height: 190px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh190-mdsm {
    max-height: 190px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh190-md {
    max-height: 190px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh190-mdlg {
    max-height: 190px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh190-lg {
    max-height: 190px !important;
    width: auto !important; } }

.mh200 {
  max-height: 200px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh200-sm {
    max-height: 200px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh200-mdsm {
    max-height: 200px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh200-md {
    max-height: 200px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh200-mdlg {
    max-height: 200px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh200-lg {
    max-height: 200px !important;
    width: auto !important; } }

.mh210 {
  max-height: 210px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh210-sm {
    max-height: 210px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh210-mdsm {
    max-height: 210px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh210-md {
    max-height: 210px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh210-mdlg {
    max-height: 210px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh210-lg {
    max-height: 210px !important;
    width: auto !important; } }

.mh220 {
  max-height: 220px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh220-sm {
    max-height: 220px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh220-mdsm {
    max-height: 220px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh220-md {
    max-height: 220px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh220-mdlg {
    max-height: 220px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh220-lg {
    max-height: 220px !important;
    width: auto !important; } }

.mh230 {
  max-height: 230px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh230-sm {
    max-height: 230px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh230-mdsm {
    max-height: 230px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh230-md {
    max-height: 230px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh230-mdlg {
    max-height: 230px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh230-lg {
    max-height: 230px !important;
    width: auto !important; } }

.mh240 {
  max-height: 240px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh240-sm {
    max-height: 240px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh240-mdsm {
    max-height: 240px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh240-md {
    max-height: 240px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh240-mdlg {
    max-height: 240px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh240-lg {
    max-height: 240px !important;
    width: auto !important; } }

.mh250 {
  max-height: 250px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh250-sm {
    max-height: 250px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh250-mdsm {
    max-height: 250px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh250-md {
    max-height: 250px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh250-mdlg {
    max-height: 250px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh250-lg {
    max-height: 250px !important;
    width: auto !important; } }

.mh260 {
  max-height: 260px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh260-sm {
    max-height: 260px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh260-mdsm {
    max-height: 260px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh260-md {
    max-height: 260px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh260-mdlg {
    max-height: 260px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh260-lg {
    max-height: 260px !important;
    width: auto !important; } }

.mh270 {
  max-height: 270px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh270-sm {
    max-height: 270px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh270-mdsm {
    max-height: 270px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh270-md {
    max-height: 270px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh270-mdlg {
    max-height: 270px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh270-lg {
    max-height: 270px !important;
    width: auto !important; } }

.mh280 {
  max-height: 280px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh280-sm {
    max-height: 280px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh280-mdsm {
    max-height: 280px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh280-md {
    max-height: 280px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh280-mdlg {
    max-height: 280px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh280-lg {
    max-height: 280px !important;
    width: auto !important; } }

.mh290 {
  max-height: 290px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh290-sm {
    max-height: 290px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh290-mdsm {
    max-height: 290px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh290-md {
    max-height: 290px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh290-mdlg {
    max-height: 290px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh290-lg {
    max-height: 290px !important;
    width: auto !important; } }

.mh300 {
  max-height: 300px !important;
  width: auto !important; }

@media screen and (max-width: 29.9375em) {
  .mh300-sm {
    max-height: 300px !important;
    width: auto !important; } }

@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .mh300-mdsm {
    max-height: 300px !important;
    width: auto !important; } }

@media screen and (min-width: 40em) and (max-width: 51.9375em) {
  .mh300-md {
    max-height: 300px !important;
    width: auto !important; } }

@media screen and (min-width: 52em) and (max-width: 63.9375em) {
  .mh300-mdlg {
    max-height: 300px !important;
    width: auto !important; } }

@media screen and (min-width: 64em) {
  .mh300-lg {
    max-height: 300px !important;
    width: auto !important; } }

.bgsize100 {
  background-size: 100px; }

.bgsize150 {
  background-size: 150px; }

.bgsize200 {
  background-size: 200px; }

.bgsize250 {
  background-size: 250px; }

.bgsize300 {
  background-size: 300px; }

.bgsize400 {
  background-size: 400px; }

.bgsize500 {
  background-size: 500px; }

.bgsize600 {
  background-size: 600px; }

.bgsize10pc {
  background-size: 10%; }

.bgsize20pc {
  background-size: 20%; }

.bgsize30pc {
  background-size: 30%; }

.bgsize40pc {
  background-size: 40%; }

.bgsize50pc {
  background-size: 50%; }

.bgsize60pc {
  background-size: 60%; }

.bgsize70pc {
  background-size: 70%; }

.bgsize80pc {
  background-size: 80%; }

.bgsize90pc {
  background-size: 90%; }

.bgsize100pc {
  background-size: 100%; }

.bgrepeat {
  background-repeat: repeat; }

.bgrepeat-x {
  background-repeat: repeat-x; }

.bgrepeat-y {
  background-repeat: repeat-y; }

.bgnorepeat {
  background-repeat: no-repeat; }

.bgtopleft {
  background-position: top left; }

.bgtop {
  background-position: top center; }

.bgtopright {
  background-position: top right; }

.bgleft {
  background-position: left center; }

.bgcenter {
  background-position: center center; }

.bgright {
  background-position: right center; }

.bgbottomleft {
  background-position: bottom left; }

.bgbottom {
  background-position: bottom center; }

.bgbottomright {
  background-position: bottom right; }

.bgcontain {
  background-size: contain; }

.bgcover {
  background-size: cover; }

.m0auto {
  margin: 0 auto; }

.mauto {
  margin-right: auto;
  margin-left: auto; }

.brd_w0 {
  border: 0px solid #ddd; }

.brd_w1 {
  border: 1px solid #ddd; }

.brd_w2 {
  border: 2px solid #ddd; }

.brd_w3 {
  border: 3px solid #ddd; }

.brd_w4 {
  border: 4px solid #ddd; }

.brd_w5 {
  border: 5px solid #ddd; }

.brd_left_w0 {
  border-left: 0px solid #ddd; }

.brd_left_w1 {
  border-left: 1px solid #ddd; }

.brd_left_w2 {
  border-left: 2px solid #ddd; }

.brd_left_w3 {
  border-left: 3px solid #ddd; }

.brd_left_w4 {
  border-left: 4px solid #ddd; }

.brd_left_w5 {
  border-left: 5px solid #ddd; }

.brd_right_w0 {
  border-right: 0px solid #ddd; }

.brd_right_w1 {
  border-right: 1px solid #ddd; }

.brd_right_w2 {
  border-right: 2px solid #ddd; }

.brd_right_w3 {
  border-right: 3px solid #ddd; }

.brd_right_w4 {
  border-right: 4px solid #ddd; }

.brd_right_w5 {
  border-right: 5px solid #ddd; }

.brd_top_w0 {
  border-top: 0px solid #ddd; }

.brd_top_w1 {
  border-top: 1px solid #ddd; }

.brd_top_w2 {
  border-top: 2px solid #ddd; }

.brd_top_w3 {
  border-top: 3px solid #ddd; }

.brd_top_w4 {
  border-top: 4px solid #ddd; }

.brd_top_w5 {
  border-top: 5px solid #ddd; }

.brd_bottom_w0 {
  border-bottom: 0px solid #ddd; }

.brd_bottom_w1 {
  border-bottom: 1px solid #ddd; }

.brd_bottom_w2 {
  border-bottom: 2px solid #ddd; }

.brd_bottom_w3 {
  border-bottom: 3px solid #ddd; }

.brd_bottom_w4 {
  border-bottom: 4px solid #ddd; }

.brd_bottom_w5 {
  border-bottom: 5px solid #ddd; }

.brd_white {
  border-color: #ffffff; }

.brd_gray {
  border-color: #283E5C; }

.brd_gray_light {
  border-color: #E6ECF0; }

.brd_gray_dark {
  border-color: #3C4858; }

.brd_green {
  border-color: #18C698; }

.brd_navy {
  border-color: #000659; }

.brd_richnavy {
  border-color: #13134D; }

.brd_lime {
  border-color: #BAFF00; }

.brd_blue {
  border-color: #351BF8; }

.brd_supportblue {
  border-color: #12D9E8; }

.brd_red {
  border-color: #DB2671; }

.brd_dashed {
  border-style: dashed; }

.brd_dotted {
  border-style: dotted; }

.brd_solid {
  border-style: solid; }

.grid-container.small {
  max-width: 600px; }

.grid-container.medium {
  max-width: 820px; }

.grid-container.large {
  max-width: 1100px; }

.grid-container.full {
  max-width: 100%; }

.z0 {
  z-index: 0; }

.z10 {
  z-index: 10; }

.z20 {
  z-index: 20; }

.z30 {
  z-index: 30; }

.z40 {
  z-index: 40; }

.z50 {
  z-index: 50; }

.z60 {
  z-index: 60; }

.z70 {
  z-index: 70; }

.z80 {
  z-index: 80; }

.z90 {
  z-index: 90; }

.z100 {
  z-index: 100; }

.z500 {
  z-index: 500; }

.z1000 {
  z-index: 1000; }

.z5000 {
  z-index: 5000; }

.z10000 {
  z-index: 10000; }

.posrelative {
  position: relative; }

.posabsolute {
  position: absolute; }

.posfixed {
  position: fixed; }

.posinherit {
  position: inherit; }

.posstatic {
  position: static; }

.possticky {
  position: -webkit-sticky;
  position: sticky; }

.posinherit {
  position: inherit; }

.posunset {
  position: unset; }

.opacity10 {
  opacity: 0.1; }

.opacity20 {
  opacity: 0.2; }

.opacity30 {
  opacity: 0.3; }

.opacity40 {
  opacity: 0.4; }

.opacity50 {
  opacity: 0.5; }

.opacity60 {
  opacity: 0.6; }

.opacity70 {
  opacity: 0.7; }

.opacity80 {
  opacity: 0.8; }

.opacity90 {
  opacity: 0.9; }

.opacity100 {
  opacity: 1.0; }

.rad1 {
  border-radius: 4px; }

.rad2 {
  border-radius: 6px; }

.rad3 {
  border-radius: 8px; }

.rad4 {
  border-radius: 10px; }

.rad5 {
  border-radius: 12px; }

.shad1 {
  -webkit-box-shadow: 0 0 12px rgba(218, 218, 218, 0.85);
          box-shadow: 0 0 12px rgba(218, 218, 218, 0.85); }

.shadow {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
  .shadow-hover:hover {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }

.shadow-md {
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
  .shadow-md-hover:hover {
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }

.shadow-lg {
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -4px 6px -2px rgba(0, 0, 0, 0.03);
          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -4px 6px -2px rgba(0, 0, 0, 0.03);
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
  .shadow-lg-hover:hover {
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -4px 6px -2px rgba(0, 0, 0, 0.03);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -4px 6px -2px rgba(0, 0, 0, 0.03);
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }

.shadow-xl {
  -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 -10px 10px -5px rgba(0, 0, 0, 0.02);
          box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 -10px 10px -5px rgba(0, 0, 0, 0.02);
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
  .shadow-xl-hover:hover {
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 -10px 10px -5px rgba(0, 0, 0, 0.02);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 -10px 10px -5px rgba(0, 0, 0, 0.02);
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }

.shadow-2xl {
  -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 -20px 10px -5px rgba(0, 0, 0, 0.01);
          box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 -20px 10px -5px rgba(0, 0, 0, 0.01);
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
  .shadow-2xl-hover:hover {
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 -20px 10px -5px rgba(0, 0, 0, 0.01);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 -20px 10px -5px rgba(0, 0, 0, 0.01);
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }

.shadow-inner {
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.04);
          box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
  .shadow-inner-hover:hover {
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.04);
            box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }

.shadow-outline {
  -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.3);
          box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.3);
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
  .shadow-outline-hover:hover {
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.3);
            box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.3);
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }

.shadow-none {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
  .shadow-none-hover:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUpSmall {
  -webkit-animation-name: fadeInUpSmall;
  animation-name: fadeInUpSmall; }

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge; }

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s; }

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms; }

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms; }

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s; }

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important; } }

.intl-tel-input {
  position: relative;
  display: inline-block;
  width: 100%; }

.intl-tel-input * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box; }

.intl-tel-input .hide {
  display: none; }

.intl-tel-input .v-hide {
  visibility: hidden; }

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0; }

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px; }

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px !important; }

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto !important; }

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px !important;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent !important;
  border-right: 3px solid transparent !important;
  border-top: 4px solid #555 !important; }

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555; }

.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll; }

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px; }

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px; }

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal; } }

.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC; }

.intl-tel-input .country-list .country {
  padding: 5px 10px !important; }

.intl-tel-input .country-list .country .dial-code {
  color: #999; }

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05); }

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
  vertical-align: middle; }

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
  margin-right: 6px !important; }

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0; }

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0; }

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
  width: 46px; }

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer; }

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05); }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default; }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent; }

.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table; }

.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px; }

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px; }

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px; }

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px; }

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px; }

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px; }

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px; }

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px; }

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px; }

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px; }

.intl-tel-input.iti-container:hover {
  cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%; }

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em; }

.iti-flag {
  width: 20px; }

.iti-flag.be {
  width: 18px; }

.iti-flag.ch {
  width: 15px; }

.iti-flag.mc {
  width: 19px; }

.iti-flag.ne {
  width: 18px; }

.iti-flag.np {
  width: 13px; }

.iti-flag.va {
  width: 15px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-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-size: 5630px 15px; } }

.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px; }

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px; }

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px; }

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px; }

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px; }

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px; }

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px; }

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px; }

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px; }

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px; }

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px; }

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px; }

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px; }

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px; }

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px; }

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px; }

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px; }

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px; }

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px; }

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px; }

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px; }

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px; }

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px; }

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px; }

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px; }

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px; }

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px; }

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px; }

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px; }

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px; }

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px; }

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px; }

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px; }

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px; }

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px; }

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px; }

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px; }

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px; }

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px; }

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px; }

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px; }

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px; }

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px; }

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px; }

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px; }

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px; }

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px; }

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px; }

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px; }

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px; }

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px; }

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px; }

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px; }

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px; }

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px; }

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px; }

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px; }

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px; }

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px; }

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px; }

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px; }

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px; }

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px; }

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px; }

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px; }

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px; }

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px; }

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px; }

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px; }

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px; }

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px; }

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px; }

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px; }

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px; }

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px; }

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px; }

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px; }

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px; }

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px; }

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px; }

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px; }

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px; }

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px; }

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px; }

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px; }

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px; }

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px; }

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px; }

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px; }

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px; }

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px; }

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px; }

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px; }

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px; }

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px; }

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px; }

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px; }

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px; }

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px; }

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px; }

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px; }

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px; }

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px; }

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px; }

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px; }

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px; }

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px; }

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px; }

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px; }

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px; }

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px; }

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px; }

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px; }

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px; }

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px; }

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px; }

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px; }

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px; }

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px; }

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px; }

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px; }

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px; }

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px; }

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px; }

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px; }

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px; }

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px; }

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px; }

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px; }

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px; }

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px; }

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px; }

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px; }

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px; }

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px; }

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px; }

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px; }

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px; }

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px; }

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px; }

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px; }

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px; }

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px; }

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px; }

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px; }

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px; }

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px; }

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px; }

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px; }

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px; }

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px; }

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px; }

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px; }

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px; }

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px; }

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px; }

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px; }

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px; }

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px; }

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px; }

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px; }

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px; }

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px; }

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px; }

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px; }

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px; }

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px; }

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px; }

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px; }

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px; }

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px; }

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px; }

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px; }

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px; }

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px; }

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px; }

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px; }

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px; }

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px; }

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px; }

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px; }

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px; }

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px; }

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px; }

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px; }

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px; }

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px; }

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px; }

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px; }

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px; }

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px; }

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px; }

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px; }

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px; }

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px; }

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px; }

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px; }

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px; }

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px; }

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px; }

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px; }

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px; }

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px; }

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px; }

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px; }

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px; }

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px; }

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px; }

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px; }

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px; }

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px; }

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px; }

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px; }

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px; }

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px; }

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px; }

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px; }

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px; }

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px; }

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px; }

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px; }

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px; }

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px; }

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px; }

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px; }

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px; }

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px; }

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px; }

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px; }

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px; }

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px; }

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px; }

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px; }

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px; }

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px; }

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px; }

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px; }

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px; }

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px; }

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px; }

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px; }

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px; }

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px; }

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px; }

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px; }

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px; }

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px; }

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px; }

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px; }

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px; }

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px; }

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px; }

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px; }

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px; }

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px; }

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px; }

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px; }

.iti-flag {
  width: 20px;
  height: 15px;
  -webkit-box-shadow: 0px 0px 1px 0px #888;
          box-shadow: 0px 0px 1px 0px #888;
  background-image: url(/assets/images/flags.png);
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-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(/assets/images/flags@2x.png); } }

.iti-flag.np {
  background-color: transparent; }

.intl-tel-input input {
  padding-left: 50px !important; }

.om-mobile-entice .intl-tel-input {
  width: 100%; }
  .om-mobile-entice .intl-tel-input div.flag-container div.selected-flag {
    top: -4px; }
  .om-mobile-entice .intl-tel-input input {
    padding: 4px 12px !important; }

.iti-mobile .intl-tel-input.iti-container {
  z-index: 888888889; }

.Element__content .intl-tel-input .country-list {
  max-width: 400px !important; }

[data-css-tooltip] {
  position: relative;
  cursor: pointer;
  /*span.ellipses {
        display: inline-block;
        max-width: $tooltip-size - 50px;
        overflow: hidden;
        text-overflow: ellipsis;
    }*/ }
  [data-css-tooltip]:before, [data-css-tooltip]:after {
    position: absolute;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  [data-css-tooltip]:before {
    z-index: 1001;
    border: 8px solid transparent;
    background: transparent;
    content: ""; }
  [data-css-tooltip]:after {
    z-index: 1000;
    padding: 0.625rem 0.9375rem;
    width: 180px;
    background-color: #21416A;
    color: #ffffff;
    content: attr(data-css-tooltip);
    font-size: 0.75rem;
    line-height: 1.3;
    text-align: center;
    font-family: "AeonikMedium", sans-serif;
    border-radius: 3px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: none; }
  [data-css-tooltip]:hover:before, [data-css-tooltip]:hover:after, [data-css-tooltip]:focus:before, [data-css-tooltip]:focus:after {
    visibility: visible;
    opacity: 1; }
  [data-css-tooltip].tooltip-top:before, [data-css-tooltip].tooltip-top:after {
    bottom: 100%;
    left: 50%; }
  [data-css-tooltip].tooltip-top:before {
    margin-left: -8px;
    margin-bottom: -16px;
    border-top-color: #21416A; }
  [data-css-tooltip].tooltip-top:hover:before, [data-css-tooltip].tooltip-top:hover:after, [data-css-tooltip].tooltip-top:focus:before, [data-css-tooltip].tooltip-top:focus:after {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px); }
  [data-css-tooltip].tooltip-left:before, [data-css-tooltip].tooltip-left:after {
    right: 100%;
    bottom: 50%;
    left: auto; }
  [data-css-tooltip].tooltip-left:before {
    margin-left: 0;
    margin-right: -16px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #21416A; }
  [data-css-tooltip].tooltip-left:hover:before, [data-css-tooltip].tooltip-left:hover:after, [data-css-tooltip].tooltip-left:focus:before, [data-css-tooltip].tooltip-left:focus:after {
    -webkit-transform: translateX(-12px);
            transform: translateX(-12px); }
  [data-css-tooltip].tooltip-bottom:before, [data-css-tooltip].tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 50%; }
  [data-css-tooltip].tooltip-bottom:before {
    margin-top: -16px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #21416A; }
  [data-css-tooltip].tooltip-bottom:hover:before, [data-css-tooltip].tooltip-bottom:hover:after, [data-css-tooltip].tooltip-bottom:focus:before, [data-css-tooltip].tooltip-bottom:focus:after {
    -webkit-transform: translateY(12px);
            transform: translateY(12px); }
  [data-css-tooltip].tooltip-right:before, [data-css-tooltip].tooltip-right:after {
    bottom: 50%;
    left: 100%; }
  [data-css-tooltip].tooltip-right:before {
    margin-bottom: 0;
    margin-left: -16px;
    border-top-color: transparent;
    border-right-color: #21416A; }
  [data-css-tooltip].tooltip-right:hover:before, [data-css-tooltip].tooltip-right:hover:after, [data-css-tooltip].tooltip-right:focus:before, [data-css-tooltip].tooltip-right:focus:after {
    -webkit-transform: translateX(12px);
            transform: translateX(12px); }
  [data-css-tooltip].tooltip-top:before, [data-css-tooltip].tooltip-bottom:before {
    margin-left: -8px; }
  [data-css-tooltip].tooltip-top:after, [data-css-tooltip].tooltip-bottom:after {
    margin-left: -90px; }
  [data-css-tooltip].tooltip-left:before, [data-css-tooltip].tooltip-right:before {
    top: 3px; }
  [data-css-tooltip].tooltip-left:after, [data-css-tooltip].tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px; }

.menu .tooltip-right:before {
  top: -1px; }

.menu .tooltip-right:after {
  top: -10px;
  margin-bottom: -12px; }

/*
 *  Usage:
 *
      <div class="sk-wave">
        <div class="sk-rect sk-rect1"></div>
        <div class="sk-rect sk-rect2"></div>
        <div class="sk-rect sk-rect3"></div>
        <div class="sk-rect sk-rect4"></div>
        <div class="sk-rect sk-rect5"></div>
      </div>
 *
 */
.iframe-loader {
  position: relative; }
  .iframe-loader-overlay {
    z-index: 999;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #05042D;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 1s ease;
    transition: all 1s ease; }
    .iframe-loader-overlay.loaded {
      opacity: 0;
      visibility: hidden; }
  .iframe-loader-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 50px;
    margin-top: -20px;
    margin-left: -25px; }

.sk-wave {
  margin: 0;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px; }
  .sk-wave .sk-rect {
    background-color: #18C698;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
            animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
  .sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.2s;
            animation-delay: -1.2s; }
  .sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; }
  .sk-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
  .sk-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }
  .sk-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

::-moz-selection {
  /* Code for Firefox */
  color: #ffffff;
  background: #18C698; }

::selection {
  color: #ffffff;
  background: #18C698; }

a {
  -webkit-transition: all 0.4s;
  transition: all 0.4s; }

.margin-0 {
  margin-top: 0;
  margin-bottom: 0; }

.margin-10 {
  margin: 0.625rem 0; }

.margin-20 {
  margin: 1.25rem 0; }

.margin-30 {
  margin: 1.875rem 0; }

.margin-40 {
  margin: 2.5rem 0; }

.margin-60 {
  margin: 3.125rem 0; }

.margin-70 {
  margin: 3.75rem 0; }

.margin-80 {
  margin: 4.375rem 0; }

.margin-90 {
  margin: 5rem 0; }

.margin-90 {
  margin: 5.625rem 0; }

.margintop-0 {
  margin-top: 0px; }

.margintop-10 {
  margin-top: 10px; }

.margintop-20 {
  margin-top: 20px; }

.margintop-30 {
  margin-top: 30px; }

.margintop-40 {
  margin-top: 40px; }

.margintop-50 {
  margin-top: 50px; }

.margintop-60 {
  margin-top: 60px; }

.margintop-70 {
  margin-top: 70px; }

.margintop-80 {
  margin-top: 80px; }

.margintop-90 {
  margin-top: 90px; }

.marginbottom-0 {
  margin-bottom: 0px; }

.marginbottom-10 {
  margin-bottom: 10px; }

.marginbottom-20 {
  margin-bottom: 20px; }

.marginbottom-30 {
  margin-bottom: 30px; }

.marginbottom-40 {
  margin-bottom: 40px; }

.marginbottom-50 {
  margin-bottom: 50px; }

.marginbottom-60 {
  margin-bottom: 60px; }

.marginbottom-70 {
  margin-bottom: 70px; }

.marginbottom-80 {
  margin-bottom: 80px; }

.marginbottom-90 {
  margin-bottom: 90px; }

.padding-0 {
  padding-top: 0;
  padding-bottom: 0; }

.padding-10 {
  padding: 0.625rem 0; }

.padding-20 {
  padding: 1.25rem 0; }

.padding-30 {
  padding: 1.875rem 0; }

.padding-40 {
  padding: 2.5rem 0; }

.padding-60 {
  padding: 3.125rem 0; }

body.reverse {
  background: #ffffff; }

body.noscroll {
  overflow: hidden; }

.page-wrap {
  background: #ffffff;
  margin: 1.25rem;
  padding-bottom: 3.125rem; }
  @media screen and (max-width: 29.9375em) {
    .page-wrap {
      margin: 0; } }

.page-wrap.ghost {
  background: none; }

.page-wrap.reverse {
  background: #F5F8FA;
  padding-bottom: 0;
  padding-top: 40px; }

.page-wrap.full {
  margin: 0; }

.heading-top {
  padding: 50px 0 30px; }
  @media screen and (max-width: 29.9375em) {
    .heading-top {
      padding: 50px 10px 30px; } }

svg {
  width: 24px;
  height: 24px;
  -webkit-transition: all .4s;
  transition: all .4s; }
  svg path, svg use {
    fill: #E6ECF0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s; }
  svg:hover path, svg:hover use {
    fill: #18C698; }

a:hover path, a:hover use {
  fill: #18C698; }

svg.dropdown {
  width: 16px;
  height: 16px; }

.announcement {
  background: url("/assets/images/emoji-bg.png") repeat #18C698;
  background-size: 365px 80px;
  background-position: left;
  padding: 1.25rem 0;
  text-align: center;
  position: relative; }
  @media screen and (max-width: 51.9375em) {
    .announcement {
      padding: 1.25rem 1.25rem; } }
  @media screen and (max-width: 51.9375em) {
    .announcement {
      background: url("/assets/images/emoji-bg-trans.png") repeat #18C698;
      background-size: 365px 80px;
      background-position: left; } }
  .announcement p {
    color: #ffffff;
    font-size: 0.875rem;
    margin: 0;
    font-weight: 600; }
    .announcement p a {
      color: #ffffff;
      text-decoration: underline; }
      .announcement p a:hover {
        opacity: 0.7; }
  .announcement a.close-announcement {
    position: absolute;
    top: 1.25rem;
    right: 1.875rem; }
    .announcement a.close-announcement svg {
      width: 14px;
      height: 14px; }
      .announcement a.close-announcement svg:hover path {
        fill: #ffffff;
        opacity: 0.4; }
  .announcement.ie-warning, .announcement.safari-warning {
    display: none;
    background: #DB2671;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100; }
  .announcement.notification {
    background: #13134D; }
    .announcement.notification a {
      text-decoration: none; }
      .announcement.notification a:before {
        content: '!';
        background: #DB2671;
        color: #fff;
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 40px;
        margin-right: 8px;
        font-size: 14px;
        font-family: "AeonikBold", sans-serif; }

.post-date {
  margin: 1.25rem 0;
  color: #AAB8C2;
  font-weight: 600;
  font-size: 0.875rem; }

.tags ul {
  margin: 0.625rem 0;
  padding: 0; }

.tags li {
  list-style-type: none;
  display: inline-block;
  margin-right: 0.625rem; }
  @media screen and (max-width: 51.9375em) {
    .tags li {
      margin-bottom: 1.25rem; } }

.tags a, .tags span {
  color: #657786;
  padding: 0.625rem;
  background: #F5F8FA;
  border-radius: 3px;
  font-weight: 600;
  font-size: 0.875rem; }

.tags a:hover {
  background: #18C698;
  color: #ffffff; }

.filter {
  margin-bottom: 0.3125rem; }
  @media screen and (max-width: 51.9375em) {
    .filter {
      margin: 1.25rem 0; } }
  .filter > div {
    margin-left: 0.625rem; }
    @media screen and (max-width: 51.9375em) {
      .filter > div {
        margin-left: 0; } }
  .filter .button {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    line-height: 0.7; }

.table-wrap {
  overflow-x: auto;
  overflow-y: visible; }

.status {
  position: relative; }
  .status:before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    background: #AAB8C2;
    margin-right: 5px;
    border-radius: 100px; }
  .status.accepted:before, .status.approved:before {
    background: #18C698; }
  .status.rejected:before {
    background: #DB2671; }
  .status.submitted:before {
    background: #BAFF00; }

.callout {
  padding: 0.3125rem 0.625rem;
  background: #18C698;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 700;
  color: #ffffff;
  font-size: 0.75rem;
  margin-bottom: 1.875rem;
  display: inline-block; }

span.break {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #AAB8C2;
  margin: 0 0.625rem;
  border-radius: 100px;
  position: relative;
  top: -4px; }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */ }

.downloads {
  border-radius: 3px;
  margin: 2.5rem 0;
  background: rgba(26, 199, 152, 0.08); }
  .downloads div {
    padding: 1.25rem; }
    @media screen and (max-width: 51.9375em) {
      .downloads div {
        padding: 1.25rem; } }
    .downloads div h5, .downloads div h6, .downloads div a {
      margin: 0; }
    .downloads div h5 {
      font-weight: 600;
      margin-bottom: 0.625rem; }
    .downloads div p {
      font-size: 1rem; }
  .downloads div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (max-width: 51.9375em) {
      .downloads div:nth-child(1) {
        padding: 3.125rem;
        display: none; } }
  .downloads div:nth-child(2) {
    padding-right: 0; }
    @media screen and (max-width: 51.9375em) {
      .downloads div:nth-child(2) {
        padding: 1.25rem;
        padding-bottom: 0; } }
  @media screen and (max-width: 51.9375em) {
    .downloads div:nth-child(3) {
      padding-top: 0; } }

div.file-type {
  padding: 0;
  margin: 0;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  font-size: 0.6875rem;
  background: #DB2671;
  width: 3.75rem;
  height: 3.75rem;
  line-height: 3.75rem;
  border-radius: 100%;
  text-align: center; }

div.full-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10000;
  display: none;
  overflow: scroll; }

div.full-modal.show {
  display: block; }
  @media screen and (min-width: 64em) {
    div.full-modal.show {
      display: none !important; } }

div.certified figure, div.certified div {
  float: left; }

div.certified figure {
  width: 35px; }
  div.certified figure img {
    max-width: 35px; }

div.certified div {
  width: calc(100% - 35px);
  padding-left: 1.25rem; }
  div.certified div span {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    color: #18C698;
    font-size: 0.75rem;
    margin-bottom: -0.3125rem; }

div.certified::after {
  content: "";
  clear: both;
  display: table; }

.membership-status {
  font-size: 0.625rem;
  font-weight: bold;
  background: #18C698;
  padding: 0.3125rem 0.625rem;
  border-radius: 3px;
  color: #ffffff;
  text-transform: uppercase;
  margin-left: 1.25rem; }
  .membership-status.expiring {
    background: #DB2671; }

.tippy-tooltip {
  padding: 0; }

.floating-menu-light-theme, .floating-menu-light-small-theme {
  background: #ffffff;
  border: 1px solid #E6ECF0;
  border-radius: 3px;
  text-align: left;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.02);
  width: 240px; }
  .floating-menu-light-theme header, .floating-menu-light-small-theme header {
    border-bottom: 1px solid #E6ECF0; }
    .floating-menu-light-theme header h2, .floating-menu-light-small-theme header h2 {
      margin: 0 .3125rem;
      font-size: 0.875rem;
      padding: 1.25rem;
      overflow: hidden;
      text-overflow: ellipsis;
      font-family: "AeonikBold", sans-serif;
      line-height: 1; }
  .floating-menu-light-theme div, .floating-menu-light-small-theme div {
    font-size: 0.875rem; }
    .floating-menu-light-theme div ul, .floating-menu-light-small-theme div ul {
      padding: 0.3125rem;
      margin: 0; }
      .floating-menu-light-theme div ul li, .floating-menu-light-small-theme div ul li {
        list-style: none;
        color: #657786; }
        .floating-menu-light-theme div ul li a, .floating-menu-light-small-theme div ul li a {
          color: #657786;
          padding: 0.625rem 1.25rem;
          display: block;
          border-radius: 3px; }
          .floating-menu-light-theme div ul li a:hover, .floating-menu-light-small-theme div ul li a:hover {
            color: #18C698;
            background: #F5F8FA;
            font-family: "AeonikMedium", sans-serif; }
          .floating-menu-light-theme div ul li a.highlight, .floating-menu-light-small-theme div ul li a.highlight {
            color: #DB2671;
            font-family: "AeonikBold", sans-serif; }
            .floating-menu-light-theme div ul li a.highlight:hover, .floating-menu-light-small-theme div ul li a.highlight:hover {
              color: #fff;
              background: #DB2671;
              font-family: "AeonikBold", sans-serif; }

#attachment-items {
  margin: 0.625rem 1.875rem; }
  #attachment-items li {
    padding: 0;
    list-style-type: disc;
    margin-bottom: 0.625rem; }
    #attachment-items li:last-child {
      margin-bottom: 0; }

.back.diagnostic {
  margin-top: 1.25rem; }

.back a {
  color: #657786;
  font-size: 0.875rem;
  font-weight: 700;
  opacity: 0.8; }
  .back a svg {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    margin-right: 0.625rem;
    position: relative;
    top: 5px; }
    .back a svg use {
      fill: #AAB8C2; }
  .back a.light svg use {
    fill: #ffffff; }
  .back a:hover {
    color: #18C698;
    opacity: 1; }
    .back a:hover svg use {
      fill: #18C698; }

.share-list ul {
  margin: 0;
  padding: 0; }
  @media screen and (max-width: 29.9375em) {
    .share-list ul {
      text-align: center; } }
  .share-list ul li {
    display: inline-block;
    list-style-type: none;
    line-height: 35px; }
    .share-list ul li.description {
      margin-right: 1.25rem; }
      @media screen and (max-width: 29.9375em) {
        .share-list ul li.description {
          display: block;
          margin-bottom: 1.875rem;
          margin-right: 0; } }
    .share-list ul li a {
      background: #18C698;
      width: 40px;
      height: 40px;
      text-align: center;
      display: inline-block;
      border-radius: 3px;
      margin: 0 3px;
      position: relative;
      top: 0; }
      .share-list ul li a svg {
        width: 15px;
        position: relative;
        top: 7px; }
        .share-list ul li a svg use {
          fill: #ffffff; }
      .share-list ul li a:hover {
        top: -6px; }
      .share-list ul li a.facebook {
        background: #3B579D; }
      .share-list ul li a.twitter {
        background: #12AAEB; }
      .share-list ul li a.linkedin {
        background: #007BB5; }

.floating-menu-light-small-theme {
  width: auto; }

.floating-menu-dark-theme {
  background: #3C4858;
  padding: 0.625rem 1.25rem; }
  .floating-menu-dark-theme span {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 0.625rem;
    font-weight: 700; }

.info-page-header {
  margin-bottom: 60px; }

.is-dropdown-submenu {
  z-index: 3; }

[data-css-tooltip]:after {
  white-space: normal; }

.tippy-popper[x-placement^=right] .tippy-tooltip.floating-menu-light-theme .tippy-arrow, .tippy-popper[x-placement^=right] .tippy-tooltip.floating-menu-light-theme .roundarrow {
  border-right-color: #ffffff; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.floating-menu-light-theme .tippy-arrow, .tippy-popper[x-placement^=bottom] .tippy-tooltip.floating-menu-light-theme .roundarrow {
  border-bottom-color: #ffffff; }

.tippy-popper[x-placement^=top] .tippy-tooltip.floating-menu-light-theme .tippy-arrow, .tippy-popper[x-placement^=top] .tippy-tooltip.floating-menu-light-theme .roundarrow {
  border-top-color: #ffffff; }

.tippy-popper[x-placement^=left] .tippy-tooltip.floating-menu-dark-theme .tippy-arrow, .tippy-popper[x-placement^=left] .tippy-tooltip.floating-menu-dark-theme .roundarrow {
  border-left-color: #3C4858; }

.tippy-popper[x-placement^=right] .tippy-tooltip.floating-menu-dark-theme .tippy-arrow, .tippy-popper[x-placement^=right] .tippy-tooltip.floating-menu-dark-theme .roundarrow {
  border-right-color: #3C4858; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.floating-menu-dark-theme .tippy-arrow, .tippy-popper[x-placement^=bottom] .tippy-tooltip.floating-menu-dark-theme .roundarrow {
  border-bottom-color: #3C4858; }

.tippy-popper[x-placement^=top] .tippy-tooltip.floating-menu-dark-theme .tippy-arrow, .tippy-popper[x-placement^=top] .tippy-tooltip.floating-menu-dark-theme .roundarrow {
  border-top-color: #3C4858; }

div.basic-card {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 50%;
  border: 1px solid #E6ECF0;
  border-radius: 3px;
  padding: 5rem; }
  @media screen and (max-width: 51.9375em) {
    div.basic-card {
      padding: 1.875rem; } }

div.text-only-card {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 50%;
  border: 1px solid #E6ECF0;
  border-radius: 3px;
  padding: 5rem; }
  div.text-only-card h3 {
    margin-top: 50px; }
  @media screen and (max-width: 51.9375em) {
    div.text-only-card {
      padding: 3.125rem; } }
  @media screen and (max-width: 29.9375em) {
    div.text-only-card {
      padding: 1.25rem;
      font-size: 0.9rem; } }
  div.text-only-card a {
    word-break: break-all; }

div.card-container {
  max-width: 1200px;
  min-height: 1200px; }
  @media (max-width: 1215px) {
    div.card-container {
      max-width: 900px; } }
  @media (max-width: 915px) {
    div.card-container {
      max-width: 600px; } }
  @media (max-width: 615px) {
    div.card-container {
      max-width: 300px; } }
  div.card-container .no-results-center {
    margin: 0 auto; }

div.card-wrap {
  padding: 15px 15px 45px;
  position: relative; }
  div.card-wrap [data-css-tooltip].tooltip-bottom:after {
    margin-left: -145px; }
  div.card-wrap .card-premium {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    background: #DB2671;
    color: #fff;
    width: auto;
    padding: 3px 8px 5px;
    text-align: center;
    line-height: 100%;
    border-radius: 0;
    font-size: 0.6875rem;
    font-family: "AeonikBold", sans-serif; }
    div.card-wrap .card-premium svg {
      width: 8px;
      height: 8px; }
      div.card-wrap .card-premium svg use {
        fill: #fff; }

div.content-card {
  min-height: 370px;
  max-height: 370px;
  height: 100%;
  width: 270px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  border: 1px solid #E6ECF0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  top: 0;
  -webkit-transition: top 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: top 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: top 0.2s ease, box-shadow 0.2s ease;
  transition: top 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; }
  div.content-card:hover {
    top: -3px;
    -webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.06); }
  div.content-card .card-top {
    height: 100%;
    position: relative; }
    div.content-card .card-top a.image-overlay {
      position: absolute;
      width: 100%;
      height: 100%; }
  div.content-card .card-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
    width: 100%; }
  div.content-card .card-stretch {
    position: relative; }
    div.content-card .card-stretch figure {
      position: absolute;
      top: 0;
      left: 20px;
      right: 20px;
      bottom: 60px; }
    div.content-card .card-stretch .actions {
      position: absolute;
      bottom: 0;
      width: 100%; }
  div.content-card a.heading {
    display: block;
    font-size: 1.0625rem;
    padding: 1.25rem 1.25rem 1.25rem;
    line-height: 1.725rem; }
    div.content-card a.heading.fade {
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
      background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
      color: #ffffff; }
    div.content-card a.heading.solid {
      color: #3C4858;
      background: #ffffff;
      padding: 1.25rem 0.9375rem;
      margin-bottom: -1px; }
      div.content-card a.heading.solid p {
        margin: 10px 0 0 0;
        font-size: 0.8125rem;
        font-weight: 600;
        color: #AAB8C2; }
      div.content-card a.heading.solid.event {
        padding-bottom: 0; }
    div.content-card a.heading.video {
      padding: 0;
      color: #ffffff;
      height: 312px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      div.content-card a.heading.video div.play {
        padding: 1.25rem 1.875rem;
        height: 100%;
        position: relative; }
        div.content-card a.heading.video div.play img {
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          border-radius: 3px;
          height: 60px;
          width: 60px;
          margin-left: -30px;
          -webkit-transition: opacity 0.3s ease;
          transition: opacity 0.3s ease; }
      div.content-card a.heading.video div.title {
        -ms-flex-item-align: end;
            align-self: flex-end;
        width: 100%;
        padding: 0 1.25rem 1.25rem;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); }
    div.content-card a.heading.padded {
      color: #14171A;
      padding: 0 1.25rem; }
      div.content-card a.heading.padded div {
        padding-bottom: 1.25rem; }
  div.content-card .author {
    width: 100%;
    height: 40px;
    margin-bottom: 0.9375rem;
    margin-top: 0.9375rem;
    padding: 0 0.9375rem; }
    div.content-card .author figure {
      float: left;
      width: 40px;
      padding-top: 0; }
      div.content-card .author figure img {
        border-radius: 100px;
        max-width: 40px; }
    div.content-card .author div {
      float: left;
      width: calc(100% - 40px);
      padding-left: 0.625rem; }
      div.content-card .author div span {
        display: block; }
        div.content-card .author div span:first-child {
          color: #657786;
          font-weight: 700;
          text-transform: uppercase;
          font-size: 0.5rem;
          margin-top: 0.3125rem; }
      div.content-card .author div h5 {
        font-size: 0.875rem; }
  div.content-card .actions {
    padding: 0.9375rem 1.25rem;
    background: #ffffff;
    height: 56px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    div.content-card .actions > div {
      padding: 0;
      float: left; }
      div.content-card .actions > div:first-child {
        width: 60%; }
      div.content-card .actions > div:nth-child(2) {
        width: 40%;
        text-align: right;
        padding-top: 4px; }
      div.content-card .actions > div span {
        font-size: 0.75rem; }
        @media screen and (max-width: 51.9375em) {
          div.content-card .actions > div span {
            font-size: 0.625rem; } }
    div.content-card .actions ul.menu > li {
      margin-left: 0.625rem; }
    div.content-card .actions a:not(.add-to-calendar-link) {
      padding: 0; }
    div.content-card .actions svg {
      width: 20px;
      height: 20px;
      overflow: visible; }
    div.content-card .actions .stars svg {
      width: 8px;
      height: 8px; }
      div.content-card .actions .stars svg path, div.content-card .actions .stars svg use {
        fill: #AAB8C2; }
    div.content-card .actions .circle:before {
      content: '';
      display: inline-block;
      width: 3px;
      height: 3px;
      border-radius: 100px;
      background: #AAB8C2;
      margin-right: 14px;
      margin-left: 8px;
      position: relative;
      top: -2px; }
    @media screen and (max-width: 51.9375em) {
      div.content-card .actions [data-css-tooltip]:before, div.content-card .actions [data-css-tooltip]:after {
        display: none; } }

div.course-card {
  padding: 0 10px;
  margin: 80px 0 0; }

body.diagnostic header[role="main"] {
  margin-bottom: 0; }

.diagnostic .reveal-overlay {
  background: rgba(20, 23, 26, 0.8); }
  .diagnostic .reveal-overlay .reveal {
    max-width: 100%;
    width: 800px;
    text-align: center;
    padding: 1.875rem;
    border: none;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .diagnostic .reveal-overlay .close-button {
    top: 3px;
    right: 8px; }
    .diagnostic .reveal-overlay .close-button svg {
      width: 16px;
      height: 16px; }

.gdpr > a {
  display: block;
  font-size: 0.75rem; }

.gdpr-content {
  background: #E6ECF0;
  -webkit-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
  overflow: hidden;
  max-height: 0; }
  .gdpr-content > div {
    padding: 0.75rem; }
  .gdpr-content p {
    font-size: 0.75rem; }
    .gdpr-content p:last-child {
      margin-bottom: 0; }
  .gdpr-content.active {
    max-height: 100px;
    overflow-y: scroll; }

[data-hover] {
  display: none; }

.lrn_stimulus_content img {
  cursor: pointer; }

#diagnostic-header {
  background: #ffffff;
  margin-bottom: 5.625rem; }
  #diagnostic-header .grid-container {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem; }
    @media screen and (min-width: 64em) {
      #diagnostic-header .grid-container {
        padding-top: 5rem;
        padding-bottom: 5rem; } }
  #diagnostic-header .landing-screen {
    background-image: url("/assets/images/diagnostic-header-bg-2.png");
    background-size: 50%;
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-bottom: 5rem; }
    @media screen and (max-width: 51.9375em) {
      #diagnostic-header .landing-screen {
        background-position: bottom right; } }
    @media screen and (min-width: 64em) {
      #diagnostic-header .landing-screen {
        padding-bottom: 11.25rem; } }
    #diagnostic-header .landing-screen .company {
      margin-top: 2.5rem; }
  @media screen and (max-width: 51.9375em) {
    #diagnostic-header .back {
      margin-bottom: 2.5rem; } }

#exam-result {
  background: transparent;
  margin-bottom: 0; }

.button.results {
  background: none;
  padding: 0;
  color: #657786;
  position: relative;
  top: 5px; }
  @media screen and (max-width: 29.9375em) {
    .button.results span {
      display: none; } }
  .button.results svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: 4px; }
    .button.results svg use {
      fill: #18C698; }
  .button.results:hover {
    background: none;
    color: #18C698; }
    .button.results:hover svg use {
      fill: #15af87; }

.diagnostic-intro {
  padding: 1.875rem;
  border-radius: 3px;
  -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.08);
  overflow: auto;
  background: #ffffff; }
  .diagnostic-intro figure {
    width: 50px;
    float: left; }
    .diagnostic-intro figure img {
      max-width: 50px;
      border-radius: 3px; }
  .diagnostic-intro .intro-text {
    width: calc(100% - 50px);
    float: left;
    padding-left: 1.25rem; }
    .diagnostic-intro .intro-text p {
      margin: 0 0 10px;
      color: #3C4858;
      font-weight: 400; }

.company {
  padding: 1.875rem;
  border-radius: 3px;
  -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.08);
  overflow: auto;
  background: #ffffff; }
  .company figure {
    width: 50px;
    float: left; }
    .company figure img {
      max-width: 50px;
      border-radius: 3px; }
  .company .company-info {
    width: calc(100% - 50px);
    float: left;
    padding-left: 1.25rem; }
    .company .company-info p {
      margin: 0;
      color: #3C4858;
      font-weight: 600; }
    .company .company-info ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .company .company-info ul li {
        display: inline-block;
        font-size: 0.8125rem;
        font-weight: 600;
        color: #657786; }
        .company .company-info ul li:after {
          display: inline-block;
          content: '/';
          color: #AAB8C2;
          margin: 0 0.625rem; }
        .company .company-info ul li:last-child:after {
          display: none; }
        .company .company-info ul li a {
          color: #AAB8C2; }
          .company .company-info ul li a:hover {
            color: #18C698; }

.cohort-selection {
  background: #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.08);
  padding: 6.25rem 0;
  border-top: 5px solid #18C698;
  margin-top: -180px; }
  @media screen and (max-width: 51.9375em) {
    .cohort-selection {
      margin-top: 0;
      padding: 4.375rem 1.875rem; } }
  .cohort-selection .stamp {
    color: #18C698; }
  .cohort-selection .heading {
    margin-bottom: 4.375rem; }
    @media screen and (max-width: 51.9375em) {
      .cohort-selection .heading {
        margin-bottom: 3.125rem; } }

.cohort-item {
  border: 2px solid #E6ECF0;
  display: block;
  padding: 1.25rem 1.875rem;
  border-radius: 3px;
  margin-bottom: 1.25rem;
  position: relative;
  top: 0; }
  .cohort-item div {
    float: left; }
    .cohort-item div p {
      margin: 0;
      padding: 0; }
    .cohort-item div .cohort-name {
      color: #3C4858;
      font-weight: 600; }
    .cohort-item div .cohort-desc {
      color: #657786; }
    .cohort-item div .button {
      margin: 0; }
    .cohort-item div:first-child {
      width: calc(100% - 110px); }
      @media screen and (max-width: 29.9375em) {
        .cohort-item div:first-child {
          width: 100%; } }
    .cohort-item div:last-child {
      width: 110px; }
      @media screen and (max-width: 29.9375em) {
        .cohort-item div:last-child {
          width: 100%; }
          .cohort-item div:last-child .button {
            width: 100%;
            margin-top: 0.9375rem; } }
  .cohort-item::after {
    display: block;
    content: "";
    clear: both; }
  .cohort-item:hover {
    border-color: #18C698; }
    .cohort-item:hover div .button {
      background: #18C698;
      color: #ffffff; }

.diagnostic-card {
  background: #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.04);
          box-shadow: 0 5px 12px rgba(0, 0, 0, 0.04);
  position: relative;
  margin-top: 1.875rem;
  top: 0;
  -webkit-transition: top 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: top 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: top 0.1s ease, box-shadow 0.1s ease;
  transition: top 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
  max-width: 300px; }
  .diagnostic-card .card-header {
    padding-top: 1.25rem;
    width: calc(100% - 20px); }
  .diagnostic-card .card-body {
    position: relative;
    padding: 20px; }
    .diagnostic-card .card-body .score {
      position: absolute;
      top: -40px;
      right: 25px;
      width: 65px;
      height: 65px;
      line-height: 58px;
      text-align: center;
      font-weight: 600;
      font-size: 1.125rem;
      background: #18C698;
      border-radius: 100%;
      border: 2px solid #ffffff;
      color: #ffffff; }
      .diagnostic-card .card-body .score svg {
        height: 60px; }
        .diagnostic-card .card-body .score svg use {
          fill: #fff; }
    .diagnostic-card .card-body h5 {
      height: 80px;
      overflow: auto; }
  .diagnostic-card .card-footer {
    padding: 20px;
    padding-top: 0;
    margin-bottom: 1.875rem; }
    .diagnostic-card .card-footer > a, .diagnostic-card .card-footer > span {
      width: 50%;
      display: inline-block;
      float: left;
      text-align: center;
      margin: 0; }
    .diagnostic-card .card-footer .core {
      border-radius: 100px;
      padding: 6px;
      font-size: 0.6875rem;
      background: #E6ECF0;
      color: #657786;
      float: right; }
      .diagnostic-card .card-footer .core svg {
        width: 9px;
        height: 9px; }
        .diagnostic-card .card-footer .core svg use {
          fill: #657786; }
      .diagnostic-card .card-footer .core:hover {
        background: #18C698;
        color: #ffffff; }
        .diagnostic-card .card-footer .core:hover svg use {
          fill: #ffffff; }
    .diagnostic-card .card-footer .report {
      background: none;
      padding: 0;
      color: #AAB8C2;
      text-align: left;
      float: left;
      position: relative;
      top: -2px;
      font-size: 0.8125rem; }
      .diagnostic-card .card-footer .report svg {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        position: relative;
        top: 4px; }
        .diagnostic-card .card-footer .report svg use {
          fill: #AAB8C2; }
      .diagnostic-card .card-footer .report:hover {
        background: none;
        color: #18C698; }
        .diagnostic-card .card-footer .report:hover svg use {
          fill: #18C698; }
  .diagnostic-card .locked {
    position: relative;
    height: 100%; }
    .diagnostic-card .locked span.tooltip-bottom {
      position: unset; }
    .diagnostic-card .locked [data-css-tooltip].tooltip-bottom:hover:before,
    .diagnostic-card .locked [data-css-tooltip].tooltip-bottom:hover:after,
    .diagnostic-card .locked [data-css-tooltip].tooltip-bottom:focus:before,
    .diagnostic-card .locked [data-css-tooltip].tooltip-bottom:focus:after {
      -webkit-transform: translateY(23px);
      transform: translateY(23px); }
    .diagnostic-card .locked span.overlay {
      display: block;
      height: 100%;
      width: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #F5F8FA;
      position: absolute;
      opacity: 0.8;
      z-index: 100; }
  .diagnostic-card.complete .card-body .score {
    background: #18C698; }
  .diagnostic-card.complete .core {
    background: #18C698;
    color: #ffffff; }
    .diagnostic-card.complete .core svg use {
      fill: #ffffff; }
    .diagnostic-card.complete .core:hover {
      background: #129975; }
  .diagnostic-card.in-progress .card-body .score {
    background: #18C698; }
  .diagnostic-card.in-progress .core {
    background: #18C698;
    color: #ffffff; }
    .diagnostic-card.in-progress .core svg use {
      fill: #ffffff; }
    .diagnostic-card.in-progress .core:hover {
      background: #129975; }
  .diagnostic-card.retry .card-body .score {
    background: #DB2671; }
  .diagnostic-card.results {
    height: 134px; }
  .diagnostic-card:hover {
    -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.08);
    top: -2px; }

.diagnostic-card.results {
  padding: 1.25rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-top: 1.25rem;
  min-height: 100px;
  max-width: 100%; }
  .diagnostic-card.results .report-result {
    height: 60px;
    width: 60px;
    display: inline-block;
    /*@include breakpoint(medium up) {
            position: absolute;
            right: 30px;
            top: 50%;
            margin-top: -30px;
        }*/ }
    .diagnostic-card.results .report-result svg {
      height: 60px; }
  .diagnostic-card.results img {
    width: 100%;
    height: auto;
    border-radius: 3px;
    float: left;
    margin-right: 1.25rem; }
  .diagnostic-card.results h5, .diagnostic-card.results p {
    margin: 0; }
  .diagnostic-card.results h5 {
    margin-top: 5px; }
  .diagnostic-card.results p {
    color: #657786;
    font-size: 0.875rem; }
    @media screen and (max-width: 29.9375em) {
      .diagnostic-card.results p {
        text-align: left;
        margin-top: 0.625rem; } }
    .diagnostic-card.results p span {
      display: inline-block;
      margin: 0 0.9375rem; }
  .diagnostic-card.results .button.results {
    display: inline-block;
    margin: 0;
    top: 0;
    margin-right: 1.875rem;
    padding: 0;
    -webkit-transition: opacity 0.2s, visibility 0.2s;
    transition: opacity 0.2s, visibility 0.2s;
    vertical-align: baseline; }
  @media screen and (max-width: 29.9375em) {
    .diagnostic-card.results .chart {
      text-align: left;
      margin-top: 1.875rem; } }

.diagnostic-card-results-title, .diagnostic-card-results-button {
  padding-left: 1.5rem; }

@media screen and (min-width: 40em) {
  .diagnostic-card-results-button {
    padding-left: 0; } }

#questions {
  position: relative;
  height: 100vh; }
  #questions.exam .lrn-timer-wrapper {
    display: none !important; }
  #questions.exam #learnosity-block #learnosity-content .button.flag {
    right: 11px; }
  #questions.exam .test-pause {
    visibility: hidden; }
  #questions #topic, #questions #learnosity-block {
    float: left;
    width: 50%;
    height: 100vh;
    overflow: auto;
    padding: 1.875rem; }
    @media screen and (max-width: 51.9375em) {
      #questions #topic, #questions #learnosity-block {
        height: auto;
        width: 100%; } }
  #questions #topic {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    width: 40%;
    display: none; }
    @media screen and (max-width: 51.9375em) {
      #questions #topic {
        width: 100%;
        background-color: #212E3E;
        padding: 10px 25px 15px; } }
    #questions #topic .back {
      margin: 0; }
      #questions #topic .back a {
        color: #ffffff; }
        #questions #topic .back a svg {
          position: relative;
          top: 6px; }
          #questions #topic .back a svg use {
            fill: #ffffff !important; }
    #questions #topic .heading {
      position: relative;
      top: calc(50% - 84px);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media screen and (max-width: 51.9375em) {
        #questions #topic .heading {
          top: 0;
          -webkit-transform: none;
                  transform: none; } }
      #questions #topic .heading h1 {
        color: #ffffff;
        font-weight: 700;
        text-align: center;
        font-size: 4.5rem; }
        @media screen and (max-width: 51.9375em) {
          #questions #topic .heading h1 {
            display: none; } }
  #questions #learnosity-block {
    width: 100%;
    background: #ffffff;
    overflow: scroll;
    padding: 20px; }
    @media screen and (max-width: 51.9375em) {
      #questions #learnosity-block {
        height: 90vh;
        width: 100%;
        padding: 0;
        padding-top: 4px; } }
    #questions #learnosity-block #learnosity-content {
      width: 98%;
      max-width: 1000px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      padding: 0 0;
      overflow: scroll; }
      @media screen and (max-width: 51.9375em) {
        #questions #learnosity-block #learnosity-content {
          top: 0;
          -webkit-transform: none;
                  transform: none;
          padding: 0; } }
      #questions #learnosity-block #learnosity-content .back {
        position: absolute;
        top: 15px;
        left: 10px;
        z-index: 10; }
      #questions #learnosity-block #learnosity-content .loader-overlay {
        margin-top: 80px; }
      #questions #learnosity-block #learnosity-content .button.flag {
        padding: 5px 8px;
        position: absolute;
        right: 65px;
        top: 15px;
        z-index: 100;
        width: 45px;
        height: 39px;
        border-radius: 4px;
        background: #F5F8FA;
        border-color: #E6ECF0; }
        #questions #learnosity-block #learnosity-content .button.flag svg {
          width: 10px; }
          #questions #learnosity-block #learnosity-content .button.flag svg use {
            fill: #657786;
            stroke: #657786; }
      #questions #learnosity-block #learnosity-content .button.flag.active {
        background: #13134D;
        border-color: #13134D; }
        #questions #learnosity-block #learnosity-content .button.flag.active svg use {
          fill: #ffffff;
          stroke: #ffffff; }
      #questions #learnosity-block #learnosity-content #time_wrapper {
        position: absolute;
        z-index: 1;
        text-align: right;
        right: 80px;
        top: 20px;
        font-variant-numeric: tabular-nums;
        font-family: "AeonikBold", sans-serif;
        color: #DB2671; }
    #questions #learnosity-block .learnosity-loading {
      text-align: center;
      padding: 50% 0 0 0; }

.results_by_topic_heading {
  margin-bottom: 10px; }

.results_by_topic {
  padding: 0;
  margin: 0 0 40px;
  display: block;
  overflow: hidden; }
  .results_by_topic li {
    list-style: none;
    display: inline-block;
    font-size: 0.8em;
    padding: 3px 8px;
    background: #F5F8FA;
    margin: 5px 5px 5px 5px;
    border-radius: 4px; }

#quiz-action-bar {
  background: #13134D;
  padding: 0.9375rem 1.25rem;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 1001; }
  #quiz-action-bar > div {
    max-width: 1000px;
    margin: 0 auto; }
  #quiz-action-bar .logo {
    padding: 9px 0; }
    @media screen and (max-width: 51.9375em) {
      #quiz-action-bar .logo {
        padding: 0 0; } }
    #quiz-action-bar .logo img {
      max-width: 35px;
      float: left;
      margin-right: 1.25rem; }
      @media screen and (max-width: 51.9375em) {
        #quiz-action-bar .logo img {
          display: none; } }
    #quiz-action-bar .logo ul {
      margin: 0;
      padding: 0;
      margin-top: 6px;
      display: inline-block;
      float: left; }
      @media screen and (max-width: 51.9375em) {
        #quiz-action-bar .logo ul {
          display: none; } }
      #quiz-action-bar .logo ul li {
        list-style-type: none;
        display: inline-block;
        color: #ffffff;
        opacity: 0.7;
        font-size: 0.875rem; }
        #quiz-action-bar .logo ul li:after {
          display: inline-block;
          content: '/';
          color: #AAB8C2;
          margin: 0 0.625rem; }
        #quiz-action-bar .logo ul li:last-child {
          opacity: 1;
          font-weight: 600; }
          #quiz-action-bar .logo ul li:last-child:after {
            content: ''; }
  #quiz-action-bar .quiz-progress .course-progress-2 {
    width: 100%;
    padding: 6px 0; }
    #quiz-action-bar .quiz-progress .course-progress-2 .progress {
      height: 8px;
      background: #2f2f61;
      width: 40%; }
      @media screen and (max-width: 51.9375em) {
        #quiz-action-bar .quiz-progress .course-progress-2 .progress {
          width: 30%; } }
      @media screen and (max-width: 29.9375em) {
        #quiz-action-bar .quiz-progress .course-progress-2 .progress {
          display: none; } }
  #quiz-action-bar .quiz-progress .course-progress-number {
    color: #ffffff;
    margin: 0;
    margin-left: 1.25rem;
    margin-top: 1px;
    font-size: 1rem;
    width: auto; }
    @media screen and (max-width: 29.9375em) {
      #quiz-action-bar .quiz-progress .course-progress-number {
        margin-left: 0; } }
    #quiz-action-bar .quiz-progress .course-progress-number span.total {
      opacity: 0.6;
      margin-left: 2px; }
  #quiz-action-bar .actions {
    text-align: right; }
    #quiz-action-bar .actions .button {
      margin: 0;
      margin-left: 0.625rem; }
      @media screen and (max-width: 51.9375em) {
        #quiz-action-bar .actions .button {
          padding: 0.625rem 0.9375rem; } }
      #quiz-action-bar .actions .button svg {
        display: none;
        width: 16px;
        height: 16px; }
        #quiz-action-bar .actions .button svg:hover use {
          fill: #ffffff; }
        @media screen and (max-width: 51.9375em) {
          #quiz-action-bar .actions .button svg {
            display: inline-block; } }
      @media screen and (max-width: 51.9375em) {
        #quiz-action-bar .actions .button span {
          display: none; } }
    #quiz-action-bar .actions .button_green {
      background: #18C698; }
    #quiz-action-bar .actions .secondary {
      background: #2f2f61; }
      #quiz-action-bar .actions .secondary:hover {
        background: #41416f; }
    #quiz-action-bar .actions .separator {
      width: 4px;
      height: 4px;
      margin: 0 0.625rem;
      background: #3C4858;
      border-radius: 100px;
      display: inline-block;
      margin-right: 0; }
    #quiz-action-bar .actions .icon {
      height: 54px;
      padding: 0px 20px; }
      #quiz-action-bar .actions .icon svg {
        width: 14px; }
      #quiz-action-bar .actions .icon svg.more {
        width: 16px; }
    #quiz-action-bar .actions #options {
      position: relative;
      display: inline-block; }
      #quiz-action-bar .actions #options .options-links {
        display: block;
        position: absolute;
        background: #212E3E;
        width: 200px;
        position: absolute;
        z-index: 99;
        right: -80px;
        visibility: hidden;
        opacity: 0;
        bottom: 120%;
        -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        border-radius: 6px;
        -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2); }
        #quiz-action-bar .actions #options .options-links ul {
          text-align: left;
          padding: 0;
          margin: 0; }
          #quiz-action-bar .actions #options .options-links ul li {
            list-style-type: none;
            border-bottom: 1px solid #3C4858; }
            #quiz-action-bar .actions #options .options-links ul li:first-child a {
              border-top-right-radius: 6px;
              border-top-left-radius: 6px; }
            #quiz-action-bar .actions #options .options-links ul li:last-child {
              border: none; }
              #quiz-action-bar .actions #options .options-links ul li:last-child a {
                border-bottom-right-radius: 6px;
                border-bottom-left-radius: 6px; }
            #quiz-action-bar .actions #options .options-links ul li a {
              display: block;
              color: #ffffff;
              padding: 1.25rem 1.25rem;
              font-size: 14px;
              font-weight: 600;
              color: #E6ECF0; }
              #quiz-action-bar .actions #options .options-links ul li a:hover {
                color: #18C698;
                background: #3C4858; }
      #quiz-action-bar .actions #options:hover .options-links, #quiz-action-bar .actions #options:focus .options-links {
        visibility: visible;
        opacity: 1; }

.report-header {
  margin-top: 2.5rem;
  margin-bottom: 110px; }
  @media screen and (max-width: 51.9375em) {
    .report-header {
      margin-top: 0.625rem; } }

.report-result {
  text-align: center;
  position: relative; }
  .report-result h1 {
    font-weight: 700;
    font-size: 2.125rem; }

.percentage-overlay {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 40px;
  margin-top: -20px;
  text-align: center;
  font-family: "AeonikBold", sans-serif;
  font-weight: bold;
  font-size: 40px;
  line-height: 40px;
  color: #3C4858; }

.report-result.small .percentage-overlay {
  font-size: 16px; }

.report-description {
  padding-left: 2.5rem; }
  .report-description.remove-left-padding {
    padding-left: 0; }
  @media screen and (max-width: 29.9375em) {
    .report-description {
      padding-left: 0;
      text-align: center; } }
  .report-description p {
    margin-bottom: 1.875rem;
    margin-top: 1.875rem; }
    @media screen and (max-width: 29.9375em) {
      .report-description p {
        margin-bottom: 2.5rem; } }
    .report-description p strong {
      color: #3C4858; }
    .report-description p em {
      color: #18C698;
      font-weight: 700;
      font-style: normal; }
  .report-description.padding-right p {
    padding-right: 0.9375rem; }

@media screen and (max-width: 51.9375em) {
  .report-sections {
    margin-top: 5.625rem; } }

.report-sections article {
  border: 1px solid #E6ECF0;
  border-radius: 3px;
  background-color: #ffffff;
  background-size: 35%;
  background-position: 105% 0px;
  background-repeat: no-repeat;
  margin-bottom: 0.9375rem; }
  @media screen and (max-width: 51.9375em) {
    .report-sections article {
      margin-bottom: 0;
      margin-top: 0.9375rem; } }
  .report-sections article .blue-tag {
    margin-bottom: 0.3125rem;
    background: none;
    padding: 0; }
  .report-sections article h5 {
    margin-bottom: 0.625rem; }
  .report-sections article a {
    padding: 1.25rem 1.875rem;
    display: block; }
    .report-sections article a:hover {
      -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.04);
              box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.04); }
  .report-sections article.view-results {
    background-image: url("/assets/images/report-link1.png"); }
  .report-sections article.view-courses {
    background-image: url("/assets/images/report-link2.png"); }
  .report-sections article.view-answers {
    background-image: url("/assets/images/report-link3.png"); }

.report-detail {
  margin-top: -165px; }

.promo {
  background: #18C698;
  background-image: url("/assets/images/bg-pattern.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 2.5rem 4.375rem;
  border-radius: 3px; }
  @media screen and (max-width: 29.9375em) {
    .promo {
      padding: 1.875rem 2.5rem; } }
  .promo h5 {
    color: #ffffff;
    font-size: 1.5rem;
    margin: 0; }
    @media screen and (max-width: 29.9375em) {
      .promo h5 {
        font-size: 1.375rem; } }
    .promo h5 span {
      font-weight: 600; }
      .promo h5 span sup {
        margin-left: -5px; }
  .promo a {
    margin: 0; }
    @media screen and (max-width: 51.9375em) {
      .promo a {
        margin-top: 1.875rem; } }
  .promo img {
    max-width: 160px;
    margin-left: 1.875rem; }
    @media screen and (max-width: 51.9375em) {
      .promo img {
        display: none; } }
  .promo .button:hover, .promo .button:focus {
    background: #13134D; }

.report-heading {
  margin-bottom: 1.875rem;
  margin-top: 120px; }
  @media screen and (max-width: 29.9375em) {
    .report-heading {
      margin-bottom: 1.25rem; } }

.report-card {
  background: #ffffff;
  border-radius: 3px;
  padding: 1.875rem; }
  @media screen and (max-width: 51.9375em) {
    .report-card {
      margin-bottom: 1.25rem;
      background: #ffffff !important; } }
  .report-card.courses {
    position: relative; }
    .report-card.courses div.course-description {
      background: #ffffff;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      opacity: 0;
      overflow: scroll; }
      @media screen and (max-width: 51.9375em) {
        .report-card.courses div.course-description {
          position: relative;
          opacity: 1;
          height: auto;
          background: none; } }
      .report-card.courses div.course-description > div {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 20px 40px;
        width: 100%; }
        @media screen and (max-width: 51.9375em) {
          .report-card.courses div.course-description > div {
            position: relative;
            left: auto;
            top: auto;
            -webkit-transform: none;
                    transform: none;
            padding: 20px 0px; }
            .report-card.courses div.course-description > div .button {
              margin-bottom: 0; } }
        .report-card.courses div.course-description > div h2 {
          color: #18C698;
          text-transform: uppercase;
          letter-spacing: normal;
          font-size: 0.75rem;
          font-weight: 700; }
        .report-card.courses div.course-description > div h3 {
          margin: 0.9375rem 0; }
          @media screen and (max-width: 51.9375em) {
            .report-card.courses div.course-description > div h3 {
              font-size: 1.375rem; } }
        .report-card.courses div.course-description > div p {
          color: #657786;
          margin-bottom: 1.875rem;
          max-height: 118px; }
          @media screen and (max-width: 51.9375em) {
            .report-card.courses div.course-description > div p {
              max-height: 100%; } }
    .report-card.courses:hover div.course-description {
      opacity: 1;
      transition: opacity .1s ease-out;
      -moz-transition: opacity .1s ease-out;
      -webkit-transition: opacity .1s ease-out;
      -o-transition: opacity .1s ease-out; }
  .report-card:hover {
    -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.04);
            box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.04); }

.course-upgrade-available {
  display: block;
  background: #DB2671;
  color: #fff;
  margin: -30px 0 50px;
  text-align: center;
  padding: 10px 20px;
  border-radius: 4px;
  font-weight: 600; }
  .course-upgrade-available:hover, .course-upgrade-available:focus {
    color: #fff;
    background: #c72166; }

.course-options .course {
  margin-bottom: 50px;
  max-width: 300px; }
  .course-options .course .report-card {
    padding: 0;
    margin-bottom: 0.75rem;
    border-radius: 6px; }
  .course-options .course label {
    cursor: pointer;
    padding: 1.5625rem;
    border-radius: 6px; }
    .course-options .course label.selected {
      background: #ffffe2; }
  @media screen and (max-width: 29.9375em) {
    .course-options .course h5 {
      margin-bottom: 0; } }
  .course-options .course img {
    display: block; }
    @media screen and (max-width: 29.9375em) {
      .course-options .course img {
        display: none; } }
  .course-options .course span {
    display: block;
    margin: 10px 0 0 0; }
    .course-options .course span input {
      margin: 0 4px 0 0; }
  .course-options .course .download-brochure {
    display: block;
    text-align: center;
    margin-top: 10px; }

.results-list-header {
  background: #3C4858;
  padding: 1.875rem;
  border-radius: 3px;
  margin-bottom: 0.625rem; }
  .results-list-header p {
    color: #ffffff;
    font-size: 1.125rem;
    margin: 0; }

.results-list {
  background: #ffffff;
  border-radius: 3px;
  margin-bottom: 0.625rem;
  padding: 1.875rem; }
  .results-list p {
    font-size: 0.875rem;
    margin: 0; }
    .results-list p.correct-answer, .results-list p.your-answer {
      display: none; }
      @media screen and (max-width: 29.9375em) {
        .results-list p.correct-answer, .results-list p.your-answer {
          display: block;
          margin-top: 0.625rem; } }
  .results-list svg {
    width: 40px;
    height: 40px; }
    .results-list svg use {
      fill: #3C4858; }
  .results-list .correct use {
    fill: #18C698; }
  .results-list .partial use {
    fill: #351BF8; }
  .results-list .incorrect use {
    fill: #DB2671; }

body {
  background: #fff; }
  body.dark_mode {
    background: #06062D; }
  body.noscroll {
    overflow: hidden; }

#hub {
  position: relative; }

.un {
  display: inline-block; }

.un::after {
  content: '';
  width: 0px;
  height: 2px;
  margin-top: 4px;
  display: block;
  background-image: -webkit-gradient(linear, left top, right top, from(#baff00), color-stop(#9cfd46), color-stop(#80f968), color-stop(#67f583), to(#53ef99));
  background-image: linear-gradient(to right, #baff00, #9cfd46, #80f968, #67f583, #53ef99);
  -webkit-transition: 300ms;
  transition: 300ms; }

.un:hover::after {
  width: 100%; }

.temp_link {
  width: 100%;
  display: inline-block;
  text-align: center;
  border: 1px solid #ddd;
  /*background: #F4F8FA;*/
  background: #13124D;
  padding: 30px 0;
  border-radius: 6px;
  color: #fff; }
  .temp_link .temp_link:hover {
    background: #1AC798;
    color: #fff; }

.listoff {
  margin: 0 auto 30px;
  max-width: 1170px; }

.listoff2 {
  margin: 60px auto 30px;
  max-width: 1170px; }
  @media (max-width: 1170px) {
    .listoff2 {
      padding-left: 15px;
      padding-right: 15px; } }

div.content-card {
  border-radius: 12px;
  border: 0 solid transparent; }
  .card-type-d div.content-card {
    border: 1px solid #E6ECF0; }

div.content-card .actions {
  display: none; }

div.content-card a.heading {
  font-family: "AeonikMedium", sans-serif;
  line-height: 130%;
  font-size: 1.125rem; }

div.content-card a.heading.fade {
  border-radius: 12px; }

div.card-wrap .card-premium {
  border-radius: 0 0 4px 4px;
  top: 0;
  right: 10px;
  border: 1px solid #fff;
  border-top: 0;
  font-size: 0.625rem; }

div.content-card a.heading.video {
  height: 100%; }

div.content-card a.heading.video div.title {
  border-radius: 12px; }

div.content-card a.heading.video div.play {
  padding: 20px; }
  div.content-card a.heading.video div.play svg {
    width: 30px;
    height: 30px;
    -webkit-filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.4)); }
    div.content-card a.heading.video div.play svg path {
      fill: #fff; }

.course-adverts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (min-width: 52em) and (max-width: 63.9375em) {
    .course-adverts {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media screen and (min-width: 40em) and (max-width: 51.9375em) {
    .course-adverts {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media screen and (max-width: 29.9375em) {
    .course-adverts {
      display: none; } }
  .course-adverts--item {
    margin-bottom: 20px;
    margin-left: 20px;
    width: 320px;
    max-width: 100%; }
    .course-adverts--item:first-child {
      margin-left: 0; }
    @media screen and (min-width: 52em) and (max-width: 63.9375em) {
      .course-adverts--item {
        margin-left: 0; } }
    @media screen and (min-width: 40em) and (max-width: 51.9375em) {
      .course-adverts--item {
        margin-left: 0; } }
    @media screen and (max-width: 29.9375em) {
      .course-adverts--item {
        display: none; } }

.share-via {
  color: #13134D;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  font-family: "AeonikMedium", sans-serif;
  list-style: none;
  padding-left: 0;
  margin-left: 0; }
  .share-via.right {
    float: right; }
  .share-via--other {
    margin-right: 40px; }
  @media screen and (max-width: 51.9375em) {
    .share-via [data-css-tooltip].tooltip-top:after, .share-via [data-css-tooltip].tooltip-bottom:after {
      margin-left: auto;
      right: 0; } }
  .share-via li {
    float: left;
    margin-right: 7px; }
    .share-via li.intro {
      padding-top: 8px; }
    .share-via li:last-child {
      margin-right: 0; }
    .share-via li a {
      background: #fff;
      border: 1px solid #EBEBF2;
      border-radius: 100px;
      width: 36px;
      height: 36px;
      display: inline-block;
      padding: 5px;
      text-align: center; }
      .share-via li a svg {
        max-width: 15px;
        max-height: 15px;
        margin-top: 4px; }
        .share-via li a svg path {
          fill: #8A8AAD; }
      .share-via li a:hover {
        background: #8A8AAD; }
        .share-via li a:hover svg path {
          fill: #fff; }
      .share-via li a.alt1, .share-via li a.alt2 {
        background: transparent;
        padding: 0; }
        .share-via li a.alt1 svg, .share-via li a.alt2 svg {
          max-width: 20px;
          max-height: 20px;
          margin-top: 8px; }
          .share-via li a.alt1 svg path, .share-via li a.alt2 svg path {
            fill: #fff;
            stroke: #8A8AAD; }
        .share-via li a.alt1:hover svg path, .share-via li a.alt2:hover svg path {
          fill: #fcebf2;
          stroke: #DB2671; }
        .share-via li a.alt1.on svg path, .share-via li a.alt2.on svg path {
          fill: #DB2671;
          stroke: #DB2671; }
      .share-via li a.alt2 svg path {
        fill: #fff;
        stroke: #8A8AAD; }
      .share-via li a.alt2:hover svg path {
        fill: #cbf9ed;
        stroke: #18C698; }
      .share-via li a.alt2.on svg path {
        fill: #18C698;
        stroke: #18C698; }
  .share-via.vertical {
    float: none;
    padding-top: 7px;
    position: -webkit-sticky;
    position: sticky;
    top: 125px; }
    @media screen and (max-width: 51.9375em) {
      .share-via.vertical {
        display: none !important; } }
    .share-via.vertical li {
      float: none;
      margin-right: 0;
      display: block;
      margin-bottom: 14px; }

.hub-large-header {
  padding: 50px 0 25px; }
  .hub-large-header h1 {
    font-family: "AeonikBold", sans-serif; }
  .hub-large-header p.blurb {
    font-family: "AeonikMedium", sans-serif;
    color: #58587A;
    font-size: 1.125rem; }
  .hub-large-header form .search-icon {
    position: absolute;
    margin: 18px 0 0 12px; }
    .hub-large-header form .search-icon svg {
      width: 16px;
      height: 16px; }
      .hub-large-header form .search-icon svg use {
        fill: #58587A; }
  .hub-large-header form input[type=text] {
    padding-left: 40px;
    border-radius: 6px;
    font-size: 1rem;
    font-family: "AeonikMedium", sans-serif;
    max-width: 650px;
    margin-left: -3px; }
    .hub-large-header form input[type=text]:focus {
      border: 1px solid #6426DB; }
    .hub-large-header form input[type=text]::-webkit-input-placeholder {
      color: #58587A;
      font-size: 1rem;
      font-family: "AeonikMedium", sans-serif; }
    .hub-large-header form input[type=text]:-ms-input-placeholder {
      color: #58587A;
      font-size: 1rem;
      font-family: "AeonikMedium", sans-serif; }
    .hub-large-header form input[type=text]::-ms-input-placeholder {
      color: #58587A;
      font-size: 1rem;
      font-family: "AeonikMedium", sans-serif; }
    .hub-large-header form input[type=text]::placeholder {
      color: #58587A;
      font-size: 1rem;
      font-family: "AeonikMedium", sans-serif; }
  .hub-large-header p.shortcuts {
    font-size: 1rem; }
    .hub-large-header p.shortcuts svg {
      width: 16px;
      height: 16px;
      vertical-align: middle; }
      .hub-large-header p.shortcuts svg path {
        fill: #6426DB; }
    .hub-large-header p.shortcuts strong {
      font: "AeonikBold", sans-serif;
      color: #000659;
      padding-right: 3px; }
    .hub-large-header p.shortcuts a {
      color: #58587A;
      padding-left: 4px;
      padding-right: 4px; }
  .dark_mode .hub-large-header {
    background: transparent; }
    .dark_mode .hub-large-header h1 {
      color: #fff;
      padding-top: 0px;
      font-size: 2.625rem; }
    .dark_mode .hub-large-header p.blurb {
      color: rgba(255, 255, 255, 0.5);
      padding-left: 4px;
      font-size: 1.125rem;
      line-height: 130%;
      max-width: 800px; }
    .dark_mode .hub-large-header img.fw-cat-image {
      width: 100%;
      max-width: 160px;
      height: auto; }

@media (max-width: 1215px) {
  .hub_results--desktop {
    display: none; } }

.hub_results--mobile {
  display: none; }
  @media (max-width: 1215px) {
    .hub_results--mobile {
      display: block; } }

.showing_results {
  padding: 0;
  margin: 0 0;
  font-family: "AeonikMedium", sans-serif;
  color: #000659; }

#hub {
  position: relative; }

.hub-banner {
  position: relative; }
  .hub-banner .feather-out {
    height: 170px;
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #07042f), to(rgba(7, 4, 47, 0)));
    background: linear-gradient(0deg, #07042f 50%, rgba(7, 4, 47, 0) 100%);
    position: absolute;
    z-index: 10;
    bottom: 0; }
  .hub-banner .hub-banner-inner {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto; }
  .hub-banner .hub-banner-slider {
    position: relative; }
  .hub-banner .hub-banner-slide {
    outline: 0;
    position: relative;
    width: 100%; }
    .hub-banner .hub-banner-slide:not(:first-child) {
      position: absolute;
      top: 0; }
    .hub-banner .hub-banner-slide.slick-slide {
      position: relative !important; }
    .hub-banner .hub-banner-slide-trans {
      background: transparent; }
    .hub-banner .hub-banner-slide-grey {
      background: #F3F3F3; }
    .hub-banner .hub-banner-slide-lime {
      background-color: #BAFF00; }
      .hub-banner .hub-banner-slide-lime .hub-banner-label {
        color: #000659; }
      .hub-banner .hub-banner-slide-lime .hub-banner-description {
        color: #000659; }
      .hub-banner .hub-banner-slide-lime .hub-banner-link {
        color: #000659; }
        .hub-banner .hub-banner-slide-lime .hub-banner-link:hover {
          color: #6426DB; }
    .hub-banner .hub-banner-slide-purple {
      background-color: #6426DB; }
      .hub-banner .hub-banner-slide-purple .hub-banner-label {
        color: #BAFF00; }
      .hub-banner .hub-banner-slide-purple .hub-banner-heading {
        color: #ffffff; }
      .hub-banner .hub-banner-slide-purple .hub-banner-description {
        color: #ffffff; }
      .hub-banner .hub-banner-slide-purple .hub-banner-link {
        color: #BAFF00; }
        .hub-banner .hub-banner-slide-purple .hub-banner-link:hover {
          color: #000659; }
    .dark_mode .hub-banner .hub-banner-slide .hub-banner-label {
      color: rgba(255, 255, 255, 0.7);
      font-size: 1rem; }
    .dark_mode .hub-banner .hub-banner-slide .hub-banner-heading {
      color: #ffffff;
      font-family: "GTAmericaBlack", sans-serif;
      text-transform: uppercase;
      font-size: 2.5rem;
      line-height: 110%; }
    .dark_mode .hub-banner .hub-banner-slide .hub-banner-description {
      color: rgba(255, 255, 255, 0.8);
      text-transform: none;
      margin-bottom: 30px;
      font-family: "AeonikRegular", sans-serif; }
    .dark_mode .hub-banner .hub-banner-slide .hub-banner-link {
      color: #fff;
      border: 0px;
      border-radius: 4px;
      font-size: 0.875rem;
      padding: 16px 24px;
      margin-bottom: 0px;
      z-index: 50;
      position: relative;
      background: rgba(255, 255, 255, 0.3); }
      .dark_mode .hub-banner .hub-banner-slide .hub-banner-link:hover {
        background: #18C698;
        color: #13134D; }
    .hub-banner .hub-banner-slide-cover {
      background-size: cover; }
    .hub-banner .hub-banner-slide-left {
      background-position: left;
      background-repeat: no-repeat;
      background-size: contain; }
      @media screen and (max-width: 51.9375em) {
        .hub-banner .hub-banner-slide-left {
          background-image: none !important; } }
    .hub-banner .hub-banner-slide-right {
      background-position: right;
      background-repeat: no-repeat;
      background-size: contain; }
      @media screen and (max-width: 51.9375em) {
        .hub-banner .hub-banner-slide-right {
          background-image: none !important; } }
  .hub-banner .hub-banner-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%; }
    .dark_mode .hub-banner .hub-banner-wrap {
      min-height: 500px;
      margin-bottom: 50px; }
    @media screen and (max-width: 29.9375em) {
      .hub-banner .hub-banner-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-bottom: 40px; } }
  .hub-banner .hub-banner-live {
    position: relative;
    display: inline-block;
    padding: 2px 10px 2px 25px; }
    .hub-banner .hub-banner-live:before {
      width: 8px;
      height: 8px;
      background: #DB2671;
      content: "";
      display: block;
      position: absolute;
      left: 10px;
      top: 9px;
      border-radius: 100%; }
      @media screen and (max-width: 51.9375em) {
        .hub-banner .hub-banner-live:before {
          top: 6px; } }
  .hub-banner .hub-banner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 40px;
    margin-bottom: 100px;
    padding-right: 40px;
    padding-bottom: 0; }
    @media screen and (max-width: 29.9375em) {
      .hub-banner .hub-banner-content {
        padding-right: 0;
        margin-bottom: 0; } }
  .hub-banner .hub-banner-heading {
    color: #000659; }
  .hub-banner .hub-banner-smallimage {
    max-height: 60px;
    width: auto;
    max-width: 100%; }
  .hub-banner .hub-banner-link {
    color: #6426DB; }
    .hub-banner .hub-banner-link:hover {
      color: #000659; }
  .hub-banner .hub-banner-image {
    width: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 40px;
    margin-bottom: 40px; }
    @media screen and (min-width: 64em) {
      .hub-banner .hub-banner-image {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    @media screen and (max-width: 29.9375em) {
      .hub-banner .hub-banner-image {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0; } }
    .hub-banner .hub-banner-image img {
      max-width: 100%;
      max-height: 400px;
      position: relative; }
      @media screen and (max-width: 29.9375em) {
        .hub-banner .hub-banner-image img {
          margin-top: 40px;
          margin-bottom: 40px;
          max-height: 250px; } }
    .hub-banner .hub-banner-image-bottom {
      min-height: 400px; }
      @media screen and (max-width: 29.9375em) {
        .hub-banner .hub-banner-image-bottom {
          min-height: 0;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; } }
      .hub-banner .hub-banner-image-bottom img {
        position: absolute;
        bottom: 0; }
        @media screen and (max-width: 29.9375em) {
          .hub-banner .hub-banner-image-bottom img {
            position: relative;
            bottom: -40px;
            margin-bottom: 0;
            min-height: 0; } }
  .hub-banner .hub-banner-background {
    width: 48%;
    height: 100%;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    background-size: cover; }
    @media screen and (max-width: 29.9375em) {
      .hub-banner .hub-banner-background {
        position: relative;
        width: 100%;
        height: 300px; } }
  .hub-banner .hub-banner-dots {
    position: relative; }
    .hub-banner .hub-banner-dots-purple .slick-active {
      background: #ffffff; }
    .dark_mode .hub-banner .hub-banner-dots {
      display: none; }

.slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.slick-slide {
  height: inherit !important; }

@media screen and (max-width: 29.9375em) {
  .slick-initialized .slick-slide {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0;
  margin-bottom: 0;
  position: absolute;
  top: -60px; }
  @media screen and (max-width: 29.9375em) {
    .slick-dots {
      top: -40px; } }

.slick-dots li {
  background: #8A8AAD;
  opacity: 0.5;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0;
  margin-right: 10px; }
  .slick-dots li:before {
    display: none !important; }
  .slick-dots li:hover {
    background: #6426DB; }

.slick-dots li.slick-active {
  background: #6426DB;
  opacity: 1;
  width: 12px;
  height: 12px; }

.slick-dots li:not(:last-child) {
  margin-right: 10px; }
  @media screen and (max-width: 29.9375em) {
    .slick-dots li:not(:last-child) {
      margin-right: 6px; } }

.slick-dots li button {
  display: none; }

.trending-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.trending-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (max-width: 720px) {
    .trending-heading {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  .trending-heading h1 {
    margin-right: 43px; }
  .trending-heading-sub {
    position: relative;
    line-height: 1;
    cursor: pointer; }
    .trending-heading-sub span {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
      display: inline-block;
      padding: 2px 3px 0 9px;
      font-size: 1rem; }
    .trending-heading-sub:before {
      content: "";
      height: 30px;
      width: 2px;
      background: #EBEBF2;
      display: inline-block;
      position: absolute;
      left: -20px;
      top: -5px; }
      @media (max-width: 720px) {
        .trending-heading-sub:before {
          display: none; } }

.trending-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media (max-width: 650px) {
    .trending-share {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }

.trending-tooltip {
  display: inline-block;
  position: relative;
  text-align: left; }
  @media (max-width: 720px) {
    .trending-tooltip {
      margin-top: 10px; } }

.trending-tooltip_wrap {
  display: none;
  width: 690px;
  position: absolute;
  z-index: 99999999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  left: 50%;
  padding-top: 20px; }
  @media (max-width: 720px) {
    .trending-tooltip_wrap {
      -webkit-transform: unset;
              transform: unset;
      left: 0; } }
  @media (max-width: 720px) {
    .trending-tooltip_wrap {
      width: 400px; } }
  @media (max-width: 420px) {
    .trending-tooltip_wrap {
      width: 305px; } }

.trending-tooltip_top {
  width: 100%;
  height: 100%;
  padding: 20px 10px;
  background-color: #ffffff;
  font-weight: normal;
  border-radius: 4px;
  margin-top: 0;
  -webkit-box-shadow: 0 7px 31px -5px rgba(33, 33, 33, 0.3);
          box-shadow: 0 7px 31px -5px rgba(33, 33, 33, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.trending-tooltip:hover .trending-tooltip_wrap {
  display: block; }

.trending-tooltip_top i {
  position: absolute;
  bottom: calc(100% - 20px);
  left: 50%;
  margin-left: -12px;
  width: 24px;
  height: 12px;
  overflow: hidden; }
  @media (max-width: 720px) {
    .trending-tooltip_top i {
      left: 25px; } }

.trending-tooltip_top p {
  font-size: 0.875rem;
  margin: 0; }

.trending-tooltip_top i::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(45deg);
          transform: translate(-50%, 50%) rotate(45deg);
  background-color: #ffffff;
  -webkit-box-shadow: 0 7px 31px -5px rgba(33, 33, 33, 0.3);
          box-shadow: 0 7px 31px -5px rgba(33, 33, 33, 0.3); }

.trending .trending-article:hover .trending-article-link {
  color: #18C698; }

.trending .trending-article:hover .trending-article-image {
  -webkit-transform: scale(1.02);
          transform: scale(1.02); }

.trending .trending-article.trending-article-small:hover .trending-article-image {
  -webkit-transform: scale(1.07);
          transform: scale(1.07); }

.trending .trending-article .trending-article-image-wrap {
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.trending .trending-article .trending-article-image {
  height: 100%;
  -webkit-transition: all .2s;
  transition: all .2s; }

.trending .trending-article .trending-article-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.trending .trending-article .trending-article-tag {
  position: relative; }
  .trending .trending-article .trending-article-tag:not(:first-child) {
    margin-left: 20px; }
    .trending .trending-article .trending-article-tag:not(:first-child):before {
      width: 5px;
      height: 5px;
      background: #000659;
      content: "";
      display: inline-block;
      position: absolute;
      left: -14px;
      top: 6px;
      border-radius: 100%; }

.trending .trending-article.trending-article-large .trending-article-image-wrap {
  height: 360px; }

.trending .trending-article.trending-article-medium {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .trending .trending-article.trending-article-medium .trending-article-image-wrap {
    height: 160px;
    width: 330px;
    margin-left: 20px; }
    @media screen and (max-width: 51.9375em) {
      .trending .trending-article.trending-article-medium .trending-article-image-wrap {
        width: 230px; } }
    @media screen and (max-width: 29.9375em) {
      .trending .trending-article.trending-article-medium .trending-article-image-wrap {
        height: 100px;
        width: 100px; } }
  .trending .trending-article.trending-article-medium .trending-article-image {
    height: 100%;
    width: 100%; }

.trending .trending-article.trending-article-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .trending .trending-article.trending-article-small .trending-article-image-wrap {
    height: 100px;
    margin-left: 10px; }
  .trending .trending-article.trending-article-small .trending-article-image {
    height: 100%;
    width: 100px; }

.trending .trending-podcasts {
  min-height: auto;
  padding-bottom: 0; }
  @media (max-width: 615px) {
    .trending .trending-podcasts-cards .card-wrap:nth-child(2) {
      display: none; } }
  @media (max-width: 915px) {
    .trending .trending-podcasts-cards .card-wrap:nth-child(3) {
      display: none; } }
  @media (max-width: 1215px) {
    .trending .trending-podcasts-cards .card-wrap:nth-child(4) {
      display: none; } }

.trending .trending-lessons {
  background: #EBEBF2;
  padding: 40px 25px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 130px; }
  .trending .trending-lessons-wrap {
    width: 250px;
    max-width: 100%; }
  .trending .trending-lessons-links {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0; }
    .trending .trending-lessons-links li {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0;
      padding-left: 0;
      border-bottom: 1px solid #EBEBF2;
      font-size: 1rem;
      line-height: 1.25rem;
      color: #13134D;
      padding-top: 0;
      padding-bottom: 0;
      font-family: "AeonikBold", sans-serif;
      position: relative; }
      .trending .trending-lessons-links li:last-child {
        border-bottom: 0; }
      .trending .trending-lessons-links li a {
        color: #13134D;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0 0 30px 0; }
        .trending .trending-lessons-links li a span.cat {
          color: #58587A;
          font-size: 0.75rem;
          font-family: "AeonikMedium", sans-serif; }
        .trending .trending-lessons-links li a svg {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          width: 24px;
          height: 24px;
          margin-right: 15px; }
          .trending .trending-lessons-links li a svg path {
            fill: #6426DB; }
        .trending .trending-lessons-links li a:hover {
          color: #18C698; }
          .trending .trending-lessons-links li a:hover span.subtitle {
            color: #18C698; }

.trending-latest {
  padding-bottom: 170px; }

.trending .trending-grid {
  margin-top: -240px; }

@media screen and (max-width: 39.9375em) {
  .join-off-desktop {
    display: none; } }

.join-off-mobile {
  display: none; }
  @media screen and (max-width: 39.9375em) {
    .join-off-mobile {
      display: block; } }

.rel_lessons-wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 125px;
  padding-top: 10px;
  border: 2px solid #6426DB;
  border-top: 3px solid #6426DB; }
  .rel_lessons-wrap .rel_lessons-heading {
    font-family: "GTAmericaBlack", sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    color: #13134D;
    padding: 5px 1em;
    width: 100%;
    max-width: 300px;
    margin-bottom: 0; }
    .rel_lessons-wrap .rel_lessons-heading svg {
      width: 14px;
      height: 14px;
      margin-top: -3px;
      vertical-align: middle; }
      .rel_lessons-wrap .rel_lessons-heading svg path {
        fill: #13134D; }
  .rel_lessons-wrap .rel_lessons-links {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0; }
    .rel_lessons-wrap .rel_lessons-links li {
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom: 0;
      padding-left: 40px;
      border-bottom: 1px solid #EBEBF2;
      font-size: 0.9375rem;
      line-height: 1.25rem;
      color: #13134D;
      padding-top: 0;
      padding-bottom: 0;
      font-family: "AeonikBold", sans-serif;
      position: relative; }
      .rel_lessons-wrap .rel_lessons-links li:last-child {
        border-bottom: 0; }
      .rel_lessons-wrap .rel_lessons-links li a {
        color: #13134D;
        display: inline-block;
        padding: 12px 10px 18px 0; }
        .rel_lessons-wrap .rel_lessons-links li a span.cat {
          color: #58587A;
          font-size: 0.75rem;
          font-family: "AeonikMedium", sans-serif; }
        .rel_lessons-wrap .rel_lessons-links li a svg {
          position: absolute;
          left: 10px;
          top: 24px;
          width: 20px;
          height: 20px; }
          .rel_lessons-wrap .rel_lessons-links li a svg path {
            fill: #6426DB; }
        .rel_lessons-wrap .rel_lessons-links li a:hover {
          color: #000659; }
          .rel_lessons-wrap .rel_lessons-links li a:hover span.subtitle {
            color: #18C698; }
  .rel_lessons-wrap .rel_lessons-more {
    background: #6426DB;
    text-align: center;
    color: #fff;
    font-family: "AeonikBold", sans-serif;
    display: block;
    padding: 10px 0; }
    .rel_lessons-wrap .rel_lessons-more:hover {
      background: #501db1; }

.progressbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
  padding-right: 20px; }
  .progressbar-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 20px;
    padding-right: 20px; }
    @media (max-width: 767px) {
      .progressbar-slide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center; } }
    .progressbar-slide-image {
      width: 480px;
      max-width: 100%;
      margin-left: 50px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      padding: 10px; }
      @media screen and (max-width: 63.9375em) {
        .progressbar-slide-image {
          width: 380px; } }
      @media (max-width: 767px) {
        .progressbar-slide-image {
          margin-right: auto;
          margin-left: auto;
          margin-top: 40px; } }
      .progressbar-slide-image img {
        max-width: 100%; }
  .progressbar-arrow {
    width: 32px;
    height: 32px; }
  .progressbar-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 100%; }
    .progressbar-link:hover {
      border: 1px solid #18C698;
      background: #18C698;
      color: #ffffff; }
  .progressbar-text {
    font-size: 1.4em;
    line-height: 1;
    top: -2px;
    position: relative; }
  .progressbar-bar {
    height: 8px;
    width: calc(100% - 100px);
    background: #D8D8E1;
    border-radius: 5px; }
  .progressbar-value {
    height: 100%;
    background: #18C698;
    border-radius: 5px; }
    .progressbar-value--0 {
      width: 0; }
    .progressbar-value--10 {
      width: 10%; }
    .progressbar-value--20 {
      width: 20%; }
    .progressbar-value--30 {
      width: 30%; }
    .progressbar-value--40 {
      width: 40%; }
    .progressbar-value--50 {
      width: 50%; }
    .progressbar-value--60 {
      width: 60%; }
    .progressbar-value--70 {
      width: 70%; }
    .progressbar-value--80 {
      width: 80%; }
    .progressbar-value--90 {
      width: 90%; }
    .progressbar-value--100 {
      width: 100%; }

.header_spacer {
  height: 30px; }

.header_container {
  max-width: 1300px;
  margin: 0 auto; }

.header_wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: 0;
  background: #fff;
  padding-left: 10px;
  padding-right: 10px; }
  .dark_mode .header_wrap {
    background: #06062D; }
  .header_wrap.shadow {
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.04); }
    .dark_mode .header_wrap.shadow {
      -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 -2px 4px -1px rgba(0, 0, 0, 0.04); }

.header_feather {
  height: 10px;
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 100%); }

header[role="hub"] {
  height: 62px;
  padding-bottom: 2px;
  background: #F1F1F6;
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(5%, #fff), color-stop(10%, #F1F1F6), color-stop(90%, #F1F1F6), color-stop(95%, #fff));
  background-image: linear-gradient(to right, #fff 0%, #fff 5%, #F1F1F6 10%, #F1F1F6 90%, #fff 95%);
  position: relative;
  max-width: 1380px;
  margin: 0 auto; }
  header[role="hub"] .inner-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: auto; }
  header[role="hub"] > div {
    background: #fff;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 29.9375em) {
      header[role="hub"] > div {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
  .dark_mode header[role="hub"] {
    background: #F1F1F6;
    background-image: -webkit-gradient(linear, left top, right top, from(#06062D), color-stop(5%, #06062D), color-stop(10%, #62607C), color-stop(90%, #62607C), color-stop(95%, #06062D));
    background-image: linear-gradient(to right, #06062D 0%, #06062D 5%, #62607C 10%, #62607C 90%, #06062D 95%); }
    .dark_mode header[role="hub"] > div {
      background: #06062D; }
  header[role="hub"] .logo {
    position: relative;
    width: 130px;
    min-width: 130px;
    z-index: 1001;
    top: 12px;
    left: -5px;
    margin-right: 20px;
    margin-left: 0; }
    @media screen and (max-width: 29.9375em) {
      header[role="hub"] .logo {
        margin-right: 0; } }
    header[role="hub"] .logo img {
      content: url("/assets-hub/images/logo.png"); }
      .dark_mode header[role="hub"] .logo img {
        content: url("/assets-hub/images/logo-full-alt.png"); }
    .mobile-nav header[role="hub"] .logo a img {
      width: 30px;
      margin: 25px; }
  header[role="hub"] nav.main {
    text-align: left;
    z-index: 999;
    font-size: 0.9375rem; }
    header[role="hub"] nav.main ul {
      padding: 0;
      margin: 0;
      width: 180px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media screen and (max-width: 74.9375em) {
        header[role="hub"] nav.main ul {
          position: relative; } }
      @media screen and (max-width: 51.9375em) {
        header[role="hub"] nav.main ul {
          display: none; } }
      header[role="hub"] nav.main ul li {
        list-style-type: none;
        display: inline-block;
        margin-right: 10px; }
        header[role="hub"] nav.main ul li a {
          color: #000659;
          font-family: "AeonikMedium", sans-serif;
          border-bottom: 2px solid transparent;
          padding: 20px 2px;
          line-height: 58px;
          position: relative; }
          .dark_mode header[role="hub"] nav.main ul li a {
            color: rgba(255, 255, 255, 0.8); }
          header[role="hub"] nav.main ul li a:hover::after {
            content: "";
            width: 100%;
            height: 3px;
            border-radius: 0px;
            position: absolute;
            bottom: -3px;
            left: 0;
            background: #D3D2E3; }
            .dark_mode header[role="hub"] nav.main ul li a:hover::after {
              background: rgba(255, 255, 255, 0.8); }
          header[role="hub"] nav.main ul li a.active {
            color: #13134D;
            font-family: "AeonikBold", sans-serif; }
            .dark_mode header[role="hub"] nav.main ul li a.active {
              color: white; }
            header[role="hub"] nav.main ul li a.active::after {
              content: "";
              width: 100%;
              height: 3px;
              border-radius: 0px;
              position: absolute;
              bottom: -3px;
              left: 0;
              background-image: -webkit-gradient(linear, left top, right top, from(#baff00), color-stop(#9cfd46), color-stop(#80f968), color-stop(#67f583), to(#53ef99));
              background-image: linear-gradient(to right, #baff00, #9cfd46, #80f968, #67f583, #53ef99); }
          header[role="hub"] nav.main ul li a img {
            border-radius: 100px;
            max-width: 42px;
            border: 2px solid transparent;
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
            line-height: 40px; }
          header[role="hub"] nav.main ul li a span.user-initial {
            width: 42px;
            height: 42px;
            border-radius: 100px;
            text-align: center;
            color: #ffffff;
            display: inline-block;
            background: #18C698;
            line-height: 36px;
            font-weight: 600;
            border: 2px solid #ffffff;
            text-transform: uppercase; }
  header[role="hub"] .main-search {
    width: 100%;
    padding-top: 11px;
    position: relative; }
    @media screen and (max-width: 29.9375em) {
      header[role="hub"] .main-search {
        display: none; } }
    header[role="hub"] .main-search .search-icon {
      position: absolute;
      top: 17px;
      left: 14px; }
      header[role="hub"] .main-search .search-icon svg {
        width: 12px;
        height: 12px; }
        header[role="hub"] .main-search .search-icon svg use {
          fill: #8B89B0; }
    header[role="hub"] .main-search form {
      width: 100%; }
      header[role="hub"] .main-search form input {
        background: #EBEBF3;
        border: 1px solid #EBEBF3;
        border-radius: 40px;
        height: 38px;
        width: 100%;
        padding-left: 34px;
        font-family: "AeonikMedium", sans-serif;
        font-size: 0.875rem;
        color: #13134D; }
        header[role="hub"] .main-search form input::-webkit-input-placeholder {
          color: #8B89B0; }
        header[role="hub"] .main-search form input:-ms-input-placeholder {
          color: #8B89B0; }
        header[role="hub"] .main-search form input::-ms-input-placeholder {
          color: #8B89B0; }
        header[role="hub"] .main-search form input::placeholder {
          color: #8B89B0; }
        .dark_mode header[role="hub"] .main-search form input {
          background: #1C1C42;
          border: 1px solid #1C1C42;
          color: #fff; }
  header[role="hub"] .main-menu {
    display: none;
    margin-left: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 5px; }
    @media screen and (max-width: 51.9375em) {
      header[role="hub"] .main-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    header[role="hub"] .main-menu #open-menu svg use {
      fill: #8A8AAD; }

header[role="sub"] {
  height: 45px;
  background: #fff;
  position: relative;
  font-size: 0.875rem;
  padding-left: 50px;
  padding-right: 50px; }
  @media screen and (max-width: 63.9375em) {
    header[role="sub"] {
      padding-right: 0; } }
  .dark_mode header[role="sub"] {
    background: #06062D;
    border-bottom: 1px solid #06062D; }
  header[role="sub"] nav.sub {
    width: 100%;
    text-align: center;
    z-index: 999;
    overflow: scroll; }
    header[role="sub"] nav.sub::-webkit-scrollbar {
      display: none; }
    header[role="sub"] nav.sub ul {
      padding: 0;
      margin: 0;
      white-space: nowrap; }
      @media screen and (max-width: 74.9375em) {
        header[role="sub"] nav.sub ul {
          position: relative; } }
      header[role="sub"] nav.sub ul li {
        list-style-type: none;
        display: inline-block;
        margin-left: 8px;
        margin-right: 8px; }
        header[role="sub"] nav.sub ul li a {
          color: #58587A;
          font-family: "AeonikMedium", sans-serif;
          border-bottom: 2px solid transparent;
          padding: 10px 2px;
          line-height: 45px;
          position: relative; }
          .dark_mode header[role="sub"] nav.sub ul li a {
            color: rgba(255, 255, 255, 0.6); }
          header[role="sub"] nav.sub ul li a svg {
            height: 16px;
            margin-bottom: -2px; }
            header[role="sub"] nav.sub ul li a svg path {
              fill: #8A8AAD; }
          header[role="sub"] nav.sub ul li a:hover {
            text-decoration: none; }
            header[role="sub"] nav.sub ul li a:hover::after {
              content: "";
              width: 100%;
              height: 2px;
              border-radius: 0px;
              position: absolute;
              bottom: -3px;
              left: 0;
              background: #E5ECF0; }
              .dark_mode header[role="sub"] nav.sub ul li a:hover::after {
                background: rgba(255, 255, 255, 0.6); }
          header[role="sub"] nav.sub ul li a.active {
            color: #13134D;
            font-family: "AeonikBold", sans-serif; }
            .dark_mode header[role="sub"] nav.sub ul li a.active {
              color: rgba(255, 255, 255, 0.9); }
            header[role="sub"] nav.sub ul li a.active svg path {
              fill: #000659; }
            header[role="sub"] nav.sub ul li a.active::after {
              content: "";
              width: 100%;
              height: 2px;
              border-radius: 0px;
              position: absolute;
              bottom: -4px;
              left: 0;
              background: #13134D; }
              .dark_mode header[role="sub"] nav.sub ul li a.active::after {
                background: rgba(255, 255, 255, 0.9); }

header[role="hub2"] {
  height: 88px;
  background: #ffffff;
  border-bottom: 1px solid #E6ECF0;
  position: relative;
  margin-bottom: 1.25rem; }
  @media screen and (min-width: 64em) {
    header[role="hub2"] {
      margin-bottom: 2.5rem; } }
  header[role="hub2"] .header_renew_button {
    display: inline-block;
    padding: 4px 0;
    background: #DB2671;
    color: #fff;
    font-family: "GTAmericaBlack", sans-serif;
    text-transform: uppercase;
    font-size: 0.5rem;
    border-radius: 6px;
    position: absolute;
    z-index: 1003;
    top: 76px;
    right: 35px;
    width: 76px;
    text-align: center; }
  header[role="hub2"] div.logo {
    width: 30px;
    position: absolute;
    z-index: 1001;
    left: 0; }
    .mobile-nav header[role="hub2"] div.logo a img {
      width: 30px;
      margin: 25px; }
    header[role="hub2"] div.logo a.link-home {
      color: #18C698;
      font-size: 0.875rem;
      padding: 18px 15px;
      display: inline-block;
      font-weight: 700;
      -webkit-transition: none;
      transition: none; }
      @media screen and (max-width: 51.9375em) {
        header[role="hub2"] div.logo a.link-home {
          padding: 18px 0.625rem 18px 0.625rem; } }
      header[role="hub2"] div.logo a.link-home:hover {
        opacity: 0.7;
        -webkit-transition: all 0.4s;
        transition: all 0.4s; }
      header[role="hub2"] div.logo a.link-home img {
        max-width: 50px;
        margin-right: 0.625rem; }
      @media screen and (max-width: 51.9375em) {
        header[role="hub2"] div.logo a.link-home span {
          display: none; } }
    header[role="hub2"] div.logo a.link-upgrade {
      background: #FFEEEF;
      color: #DB2671;
      border-radius: 4px;
      position: absolute;
      top: 31px;
      left: 82px;
      display: block;
      padding: 3px 10px;
      font-size: 0.6875rem;
      font-weight: 600;
      text-transform: uppercase;
      -webkit-animation-duration: 1s;
              animation-duration: 1s;
      -webkit-animation-delay: 1.5s;
              animation-delay: 1.5s; }
      header[role="hub2"] div.logo a.link-upgrade:hover {
        background: #DB2671;
        color: #ffffff; }
      @media screen and (max-width: 51.9375em) {
        header[role="hub2"] div.logo a.link-upgrade {
          left: 68px; } }
  header[role="hub2"] div.parent-logo {
    width: 90px;
    position: absolute;
    z-index: 1001;
    left: 84px;
    top: 27px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center; }
    @media screen and (max-width: 63.9375em) {
      header[role="hub2"] div.parent-logo {
        width: 80px;
        left: 74px; } }
    @media screen and (max-width: 51.9375em) {
      header[role="hub2"] div.parent-logo {
        width: 70px;
        left: 64px; } }
  header[role="hub2"] nav {
    width: 100%;
    text-align: center;
    z-index: 999; }
    header[role="hub2"] nav ul {
      padding: 0;
      margin: 0; }
      @media screen and (max-width: 74.9375em) {
        header[role="hub2"] nav ul {
          position: relative; } }
      @media screen and (max-width: 51.9375em) {
        header[role="hub2"] nav ul {
          display: none; } }
      header[role="hub2"] nav ul li {
        list-style-type: none;
        display: inline-block; }
        header[role="hub2"] nav ul li a {
          color: #000659;
          font-family: "AeonikMedium", sans-serif;
          border-bottom: 3px solid transparent;
          padding: 32px 0.625rem;
          line-height: 86px; }
          @media screen and (max-width: 74.9375em) {
            header[role="hub2"] nav ul li a {
              padding: 32px 0.3125rem; } }
          header[role="hub2"] nav ul li a span.highlight {
            width: 12px;
            height: 12px; }
            header[role="hub2"] nav ul li a span.highlight svg {
              width: 12px;
              height: 34px; }
              header[role="hub2"] nav ul li a span.highlight svg use {
                fill: #DB2671; }
          header[role="hub2"] nav ul li a:hover {
            text-decoration: underline; }
          header[role="hub2"] nav ul li a.active {
            color: #13134D;
            position: relative;
            font-family: "AeonikBold", sans-serif; }
            header[role="hub2"] nav ul li a.active::after {
              content: "";
              width: 100%;
              height: 3px;
              border-radius: 2px;
              position: absolute;
              bottom: -4px;
              left: 0;
              background-image: -webkit-gradient(linear, left top, right top, from(#baff00), color-stop(#9cfd46), color-stop(#80f968), color-stop(#67f583), to(#53ef99));
              background-image: linear-gradient(to right, #baff00, #9cfd46, #80f968, #67f583, #53ef99); }
    header[role="hub2"] nav h5 {
      padding: 32px 0.9375rem; }
  header[role="hub2"] nav.sub-header {
    width: 100%;
    display: none;
    float: none;
    text-align: left;
    clear: both;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll; }
    @media screen and (max-width: 51.9375em) {
      header[role="hub2"] nav.sub-header {
        display: block; } }
    @media screen and (max-width: 51.9375em) {
      header[role="hub2"] nav.sub-header ul {
        display: block; } }
    header[role="hub2"] nav.sub-header ul li {
      margin-right: 0.625rem; }
      header[role="hub2"] nav.sub-header ul li a {
        padding: 0.9375rem 0.625rem;
        line-height: 1.4;
        display: block; }
  header[role="hub2"] div.user-settings {
    width: 22%;
    position: absolute;
    z-index: 1001;
    right: 0;
    padding: 0 1.25rem; }
    @media screen and (max-width: 74.9375em) {
      header[role="hub2"] div.user-settings {
        width: 25%; } }
    header[role="hub2"] div.user-settings > ul {
      padding: 0;
      margin: 0;
      float: right; }
      header[role="hub2"] div.user-settings > ul > li {
        list-style-type: none;
        display: inline-block; }
        @media screen and (max-width: 51.9375em) {
          header[role="hub2"] div.user-settings > ul > li {
            display: none; } }
        @media only screen and (max-width: 1007px) {
          header[role="hub2"] div.user-settings > ul > li.reading-list, header[role="hub2"] div.user-settings > ul > li.favourites {
            display: none; } }
        header[role="hub2"] div.user-settings > ul > li > a {
          padding: 8px 8px;
          line-height: 77px;
          font-weight: 600;
          height: 85px;
          display: inline-block;
          position: relative; }
          header[role="hub2"] div.user-settings > ul > li > a span.notification {
            position: absolute;
            width: 8px;
            height: 8px;
            background: #DB2671;
            border-radius: 100px;
            top: 30px;
            left: 24px; }
          header[role="hub2"] div.user-settings > ul > li > a img {
            border-radius: 100px;
            max-width: 42px;
            border: 2px solid transparent;
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
            line-height: 40px; }
          header[role="hub2"] div.user-settings > ul > li > a span.user-initial {
            width: 42px;
            height: 42px;
            border-radius: 100px;
            text-align: center;
            color: #ffffff;
            display: inline-block;
            background: #18C698;
            line-height: 36px;
            font-weight: 600;
            border: 2px solid #ffffff;
            text-transform: uppercase; }
          header[role="hub2"] div.user-settings > ul > li > a:hover img, header[role="hub2"] div.user-settings > ul > li > a:hover span.user-initial {
            border-color: #18C698; }
          header[role="hub2"] div.user-settings > ul > li > a.active svg path, header[role="hub2"] div.user-settings > ul > li > a.active svg use {
            fill: #18C698; }
      header[role="hub2"] div.user-settings > ul li.onboarding {
        position: relative; }
        @media screen and (max-width: 51.9375em) {
          header[role="hub2"] div.user-settings > ul li.onboarding {
            display: inline;
            position: absolute;
            right: 60px; } }
      header[role="hub2"] div.user-settings > ul li.profile {
        position: relative; }
        header[role="hub2"] div.user-settings > ul li.profile > a {
          position: relative;
          top: -7px; }
          header[role="hub2"] div.user-settings > ul li.profile > a svg {
            position: relative;
            top: 10px;
            margin-left: 5px;
            width: 14px; }
            header[role="hub2"] div.user-settings > ul li.profile > a svg path, header[role="hub2"] div.user-settings > ul li.profile > a svg use {
              fill: #AAB8C2; }
          header[role="hub2"] div.user-settings > ul li.profile > a:hover svg path, header[role="hub2"] div.user-settings > ul li.profile > a:hover svg use {
            fill: #18C698; }
      header[role="hub2"] div.user-settings > ul li.mobile-menu {
        display: none; }
        header[role="hub2"] div.user-settings > ul li.mobile-menu a svg path, header[role="hub2"] div.user-settings > ul li.mobile-menu a svg use {
          fill: #657786; }
        header[role="hub2"] div.user-settings > ul li.mobile-menu a:hover svg path, header[role="hub2"] div.user-settings > ul li.mobile-menu a:hover svg use {
          fill: #18C698; }
        @media screen and (max-width: 51.9375em) {
          header[role="hub2"] div.user-settings > ul li.mobile-menu {
            display: inline-block; } }
    header[role="hub2"] div.user-settings .onboarding-dropdown {
      position: absolute;
      z-index: 99;
      right: 0;
      visibility: hidden;
      opacity: 0;
      top: 100%;
      margin-top: 10px;
      -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
      transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
      /*.switch {
				position: relative;
				display: inline-block;
				width: 60px;
				height: 34px;
				float: right;
				margin: 20px;
			}

			.switch input {
				opacity: 0;
				width: 0;
				height: 0;
			}

			.slider {
				position: absolute;
				cursor: pointer;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				-webkit-transition: .4s;
				transition: .4s;
			}

			.slider:before {
				position: absolute;
				height: 26px;
				width: 26px;
				left: 4px;
				bottom: 4px;
				background-color: white;
				-webkit-transition: .4s;
				transition: .4s;
				font-size: 0.5rem;
				line-height: 26px;
				text-align: center;
			}

			input:checked + .slider {
				background-color: #ccc;
			}
			input:checked + .slider:before {
				content: "OFF";
				color: #ccc;
			}

			input + .slider {
				background-color: $dmi-green;
			}
			input + .slider:before {
				content: "ON";
				color: $dmi-green;
			}

			input:focus + .slider {
				box-shadow: 0 0 1px $dmi-green;
			}

			input:checked + .slider:before {
				-webkit-transform: translateX(0px);
				-ms-transform: translateX(0px);
				transform: translateX(0px);
			}

			input + .slider:before {
				-webkit-transform: translateX(26px);
				-ms-transform: translateX(26px);
				transform: translateX(26px);
			}

			!* Rounded sliders *!
			.slider.round {
				border-radius: 34px;
			}

			.slider.round:before {
				border-radius: 50%;
			}*/ }
      header[role="hub2"] div.user-settings .onboarding-dropdown span.onboarding-heading {
        display: block;
        height: 40px;
        line-height: 40px;
        text-align: center; }
      header[role="hub2"] div.user-settings .onboarding-dropdown span.onboarding-label {
        display: inline-block;
        height: 75px;
        line-height: 75px;
        margin-left: 20px; }
    header[role="hub2"] div.user-settings li.onboarding:hover .onboarding-dropdown, header[role="hub2"] div.user-settings li.onboarding:focus .onboarding-dropdown {
      visibility: visible;
      opacity: 1;
      margin-top: -10px; }
    header[role="hub2"] div.user-settings .user-dropdown {
      position: absolute;
      z-index: 1005;
      right: 0;
      visibility: hidden;
      opacity: 0;
      top: 100%;
      margin-top: 10px;
      -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
      transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55); }
    header[role="hub2"] div.user-settings li.profile:hover .user-dropdown, header[role="hub2"] div.user-settings li.profile:focus .user-dropdown {
      visibility: visible;
      opacity: 1;
      margin-top: -10px; }

div.mobile-nav {
  background: #283E5C;
  text-align: center;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s; }
  div.mobile-nav header {
    background: none;
    border-bottom: none;
    text-align: left;
    margin-bottom: 0; }
    div.mobile-nav header div ul li a#close-menu svg path, div.mobile-nav header div ul li a#close-menu svg use {
      fill: #AAB8C2; }
      div.mobile-nav header div ul li a#close-menu svg path:hover, div.mobile-nav header div ul li a#close-menu svg use:hover {
        fill: #18C698; }
  div.mobile-nav .mobile-wrapper {
    position: relative;
    height: calc(100vh - 88px); }
    div.mobile-nav .mobile-wrapper div.mobile-profile {
      height: 100px; }
      div.mobile-nav .mobile-wrapper div.mobile-profile a {
        display: block;
        padding: 0.625rem 0;
        margin: 0 10%;
        border-radius: 3px; }
        div.mobile-nav .mobile-wrapper div.mobile-profile a:hover {
          color: #18C698;
          background: #18C698; }
      div.mobile-nav .mobile-wrapper div.mobile-profile img {
        border-radius: 100px;
        max-width: 40px;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        line-height: 40px;
        margin-bottom: 0.3125rem; }
      div.mobile-nav .mobile-wrapper div.mobile-profile span.user-initial {
        width: 40px;
        height: 40px;
        border-radius: 100px;
        text-align: center;
        color: #ffffff;
        display: inline-block;
        line-height: 40px;
        font-weight: 600;
        margin-bottom: 0.625rem;
        text-transform: uppercase; }
      div.mobile-nav .mobile-wrapper div.mobile-profile span {
        display: block;
        color: #ffffff;
        font-weight: 600;
        font-size: 0.875rem; }
    div.mobile-nav .mobile-wrapper div.mobile-nav {
      height: calc(100% - 200px);
      width: 100%;
      display: table; }
      div.mobile-nav .mobile-wrapper div.mobile-nav ul {
        margin: 0;
        padding: 0 10%;
        display: table-cell;
        vertical-align: middle; }
        div.mobile-nav .mobile-wrapper div.mobile-nav ul li {
          list-style-type: none;
          display: block;
          margin-bottom: 0.625rem; }

@media screen and (max-width: 29.9375em) and (orientation: landscape) {
  div.mobile-nav .mobile-wrapper div.mobile-nav ul li {
    display: inline-block; } }
          div.mobile-nav .mobile-wrapper div.mobile-nav ul li a {
            display: block;
            color: #ffffff;
            font-weight: 600;
            font-size: 1.125rem;
            border-radius: 3px;
            padding: 0.625rem 0.625rem;
            opacity: 0; }
            div.mobile-nav .mobile-wrapper div.mobile-nav ul li a span.highlight {
              display: none; }
            div.mobile-nav .mobile-wrapper div.mobile-nav ul li a svg {
              width: 16px;
              height: 16px;
              margin-right: 5px; }
            div.mobile-nav .mobile-wrapper div.mobile-nav ul li a:hover {
              color: #ffffff;
              background: #18C698; }
              div.mobile-nav .mobile-wrapper div.mobile-nav ul li a:hover svg use {
                fill: #ffffff; }
            div.mobile-nav .mobile-wrapper div.mobile-nav ul li a.active {
              background: #ffffff;
              color: #18C698; }
              div.mobile-nav .mobile-wrapper div.mobile-nav ul li a.active svg use {
                fill: #ffffff; }
    div.mobile-nav .mobile-wrapper div.mobile-logout {
      position: absolute;
      bottom: 50px;
      width: 100%;
      height: 100px;
      line-height: 100px; }
      div.mobile-nav .mobile-wrapper div.mobile-logout a {
        color: #ffffff;
        font-weight: 600;
        font-size: 0.875rem;
        display: block;
        margin: 0 10%;
        border-radius: 3px; }
        div.mobile-nav .mobile-wrapper div.mobile-logout a svg {
          position: relative;
          left: -4px;
          bottom: -6px; }
        div.mobile-nav .mobile-wrapper div.mobile-logout a:hover {
          color: #18C698;
          background: #657786; }
          div.mobile-nav .mobile-wrapper div.mobile-logout a:hover svg path {
            fill: #18C698; }

header.standard, header.library-detail, header.event-detail {
  margin-bottom: 0; }

section#sub-header {
  background: #ffffff;
  border-bottom: 1px solid #E6ECF0;
  text-align: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 98; }
  @media screen and (max-width: 51.9375em) {
    section#sub-header {
      display: none; } }
  section#sub-header ul {
    padding: 0;
    margin: 0; }
    section#sub-header ul li {
      list-style-type: none;
      display: inline-block; }
      section#sub-header ul li a {
        color: #657786;
        border-bottom: 3px solid transparent;
        padding: 24px 0.9375rem;
        line-height: 70px;
        font-size: 0.8125rem;
        font-weight: 600; }
        section#sub-header ul li a:hover {
          color: #18C698; }
        section#sub-header ul li a.is-active {
          color: #18C698;
          border-bottom: 3px solid #18C698; }

.header-entry {
  background: #ffffff;
  height: 3.75rem;
  width: 100%;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0; }
  .header-entry.indicator-only {
    height: 4px;
    background: transparent; }
  @media screen and (min-width: 40em) {
    .header-entry {
      height: 5.625rem; } }
  .header-entry-padding {
    height: 3.75rem; }
    @media screen and (min-width: 40em) {
      .header-entry-padding {
        height: 5.625rem; } }
  .header-entry-logo, .header-entry-close {
    position: absolute;
    top: 0; }
  .header-entry-logo {
    line-height: 3.4375rem;
    left: 1.25rem; }
    @media screen and (min-width: 40em) {
      .header-entry-logo {
        left: 1.875rem;
        line-height: 5.3125rem; } }
    .header-entry-logo img {
      max-width: 2.5rem; }
  .header-entry-close {
    right: 1.25rem;
    top: 1rem;
    height: 1.5rem;
    width: 1.5rem; }
    @media screen and (min-width: 40em) {
      .header-entry-close {
        right: 1.875rem;
        top: 1.875rem; } }
    .header-entry-close a {
      display: block;
      height: 1.5rem;
      width: 1.5rem; }
    .header-entry-close use {
      fill: #657786; }
    .header-entry-close a:hover use, .header-entry-close a:focus use {
      fill: #18C698; }
  .header-entry-title {
    line-height: 3.75rem;
    text-align: center;
    padding: 0 6.25rem;
    color: #3C4858;
    overflow: hidden;
    height: 100%; }
    @media screen and (min-width: 40em) {
      .header-entry-title {
        line-height: 5.625rem; } }
    @media screen and (max-width: 29.9375em) {
      .header-entry-title {
        text-indent: -10000px; } }

.dont-follow {
  position: absolute; }

#indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#baff00), color-stop(#9cfd46), color-stop(#80f968), color-stop(#67f583), to(#53ef99));
  background: linear-gradient(to right, #baff00, #9cfd46, #80f968, #67f583, #53ef99); }

div.cta {
  width: 165px;
  padding-top: 14px; }
  @media only screen and (max-width: 370px) {
    div.cta {
      width: auto; } }
  div.cta a {
    display: inline-block;
    padding: 5px 10px;
    font-size: 0.9375rem;
    font-family: "AeonikBold", sans-serif; }
    div.cta a.signin {
      color: #13134D;
      border-radius: 4px; }
      @media only screen and (max-width: 370px) {
        div.cta a.signin {
          padding: 5px 5px; } }
      .dark_mode div.cta a.signin {
        color: rgba(255, 255, 255, 0.8); }
    div.cta a.join {
      margin-left: 5px;
      background: #18C698;
      color: #fff;
      border-radius: 4px; }
      div.cta a.join:hover {
        background: #15af87; }
      @media only screen and (max-width: 370px) {
        div.cta a.join span {
          display: none; } }

div.profile {
  position: relative; }
  div.profile > a {
    position: relative;
    top: -7px;
    padding: 8px 16px;
    line-height: 54px;
    font-weight: 600;
    height: 66px;
    display: inline-block;
    position: relative; }
    div.profile > a svg {
      display: none; }
    div.profile > a span.img-border-gradient {
      background-image: -webkit-gradient(linear, left top, right top, from(#baff00), color-stop(#9cfd46), color-stop(#80f968), color-stop(#67f583), to(#53ef99));
      background-image: linear-gradient(to right, #baff00, #9cfd46, #80f968, #67f583, #53ef99);
      display: inline-block;
      border-radius: 100px;
      max-width: 42px;
      max-height: 42px;
      line-height: 100%; }
      div.profile > a span.img-border-gradient img {
        border-radius: 100px;
        max-width: 38px;
        max-height: 38px;
        border: 3px solid #fff;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        margin: 1px; }
        .dark_mode div.profile > a span.img-border-gradient img {
          border: 3px solid #06062D; }
    div.profile > a span.user-initial {
      width: 42px;
      height: 42px;
      border-radius: 100px;
      text-align: center;
      color: #ffffff;
      display: inline-block;
      background: #18C698;
      line-height: 36px;
      font-weight: 600;
      border: 2px solid #ffffff;
      text-transform: uppercase; }
  div.profile .user-dropdown {
    position: absolute;
    z-index: 1005;
    right: 0;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    margin-top: 10px;
    -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55); }
  div.profile:hover .user-dropdown, div.profile:focus .user-dropdown {
    visibility: visible;
    opacity: 1;
    margin-top: -10px; }

.favourite-menu {
  list-style: none;
  width: 70px; }
  .favourite-menu li {
    float: left;
    padding: 16px 5px;
    display: inline-block; }
    .favourite-menu li a svg path {
      fill: transparent;
      stroke: #8A8AAD;
      stroke-width: 1.5; }
    .favourite-menu li a:hover svg path {
      fill: #8A8AAD;
      stroke: #8A8AAD;
      stroke-width: 1.5; }

#search_results_wrapper {
  position: fixed;
  background: #ffffff;
  z-index: 1000;
  top: 107px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: scroll; }
  .dark_mode #search_results_wrapper {
    background: #06062D; }
    .dark_mode #search_results_wrapper h2 {
      color: #fff; }
    .dark_mode #search_results_wrapper h2#search_term {
      color: #18C698; }
    .dark_mode #search_results_wrapper .ais-Stats-text {
      color: #18C698; }
    .dark_mode #search_results_wrapper #js_hide_search_results {
      color: #fff; }
    .dark_mode #search_results_wrapper .search-result {
      background: rgba(255, 255, 255, 0.05); }
      .dark_mode #search_results_wrapper .search-result:hover {
        background: rgba(255, 255, 255, 0.08); }
      .dark_mode #search_results_wrapper .search-result h4 {
        color: #fff; }
      .dark_mode #search_results_wrapper .search-result .search-arrow span {
        color: #fff; }
    .dark_mode #search_results_wrapper #search_loading_overlay {
      background: rgba(6, 6, 45, 0.9); }
    .dark_mode #search_results_wrapper .ais-Pagination-link {
      color: #fff; }
      .dark_mode #search_results_wrapper .ais-Pagination-link:hover {
        color: #18C698; }

.ais-SearchBox-reset, .ais-SearchBox-loadingIndicator {
  position: absolute;
  top: 20px;
  right: 16px;
  cursor: pointer; }
  .ais-SearchBox-reset svg, .ais-SearchBox-loadingIndicator svg {
    width: 12px;
    height: 12px; }
    .ais-SearchBox-reset svg path, .ais-SearchBox-loadingIndicator svg path {
      fill: #8A8AAD; }

.ais-SearchBox-loadingIndicator {
  top: 16px; }

.ais-SearchBox-submit {
  display: none; }

.ais-Hits--empty {
  font-family: "AeonikMedium", sans-serif;
  color: #DB2671;
  margin-bottom: 80px;
  margin-top: -5px; }

.ais-Hits-item .content-card {
  background-color: #F5F8FA; }

#footer {
  padding-bottom: 20px; }
  #footer hr {
    border-bottom: 1px solid #E6ECF0; }
    .dark_mode #footer hr {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  #footer .footer-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: 10px; }
    @media screen and (max-width: 39.9375em) {
      #footer .footer-message {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
  #footer .footer-button {
    padding-top: 12px;
    padding-bottom: 12px; }
  #footer .footer-subscribe {
    font-family: "AeonikBold", sans-serif;
    color: #13134D; }
    .dark_mode #footer .footer-subscribe {
      color: #fff; }
  @media screen and (max-width: 39.9375em) {
    #footer .share-via {
      margin-top: 20px;
      margin-bottom: 0;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .dark_mode #footer .share-via {
    color: #F5F8FA; }
  #footer .share-via li {
    float: left;
    margin-right: 7px; }
    @media screen and (max-width: 39.9375em) {
      #footer .share-via li {
        margin-left: 3px;
        margin-right: 3px; } }
    #footer .share-via li:first-child {
      padding-top: 8px; }
      @media screen and (max-width: 39.9375em) {
        #footer .share-via li:first-child {
          width: 100%;
          margin-left: 0;
          margin-right: 0;
          margin-bottom: 10px; } }
    #footer .share-via li:last-child {
      margin-right: 0; }
    #footer .share-via li a {
      background: #fff;
      border: 1px solid #EBEBF2;
      border-radius: 100px;
      width: 36px;
      height: 36px;
      display: inline-block;
      padding: 5px;
      text-align: center; }
      #footer .share-via li a svg {
        max-width: 15px;
        max-height: 15px;
        margin-top: 4px; }
        #footer .share-via li a svg path {
          fill: #8A8AAD; }
      #footer .share-via li a:hover {
        background: #8A8AAD; }
        #footer .share-via li a:hover svg path {
          fill: #fff; }
      #footer .share-via li a.alt1, #footer .share-via li a.alt2 {
        background: transparent;
        padding: 0; }
        #footer .share-via li a.alt1 svg, #footer .share-via li a.alt2 svg {
          max-width: 24px;
          max-height: 24px; }
          #footer .share-via li a.alt1 svg path, #footer .share-via li a.alt2 svg path {
            fill: #fff;
            stroke: #8A8AAD; }
        #footer .share-via li a.alt1:hover svg path, #footer .share-via li a.alt2:hover svg path {
          fill: #fff;
          stroke: #DB2671; }
        #footer .share-via li a.alt1.on svg path, #footer .share-via li a.alt2.on svg path {
          fill: #DB2671;
          stroke: #DB2671; }
      #footer .share-via li a.alt2 svg path {
        fill: #fff;
        stroke: #8A8AAD; }
      #footer .share-via li a.alt2:hover svg path {
        fill: #fff;
        stroke: #18C698; }
      #footer .share-via li a.alt2.on svg path {
        fill: #18C698;
        stroke: #18C698; }
  #footer .share-via.vertical {
    float: none;
    padding-top: 7px;
    position: -webkit-sticky;
    position: sticky;
    top: 125px; }
    #footer .share-via.vertical li {
      float: none;
      margin-right: 0;
      display: block;
      margin-bottom: 14px; }
  #footer .footer-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 39.9375em) {
      #footer .footer-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center; } }
  #footer a.logo {
    width: 120px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 3px 30px 0 0; }
    @media screen and (max-width: 39.9375em) {
      #footer a.logo {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; } }
  #footer nav.footer-nav {
    width: 100%; }
    #footer nav.footer-nav > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media screen and (max-width: 39.9375em) {
        #footer nav.footer-nav > div {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
    #footer nav.footer-nav ul {
      list-style: none;
      display: block;
      clear: both;
      margin: 0 0 5px;
      line-height: 1; }
      #footer nav.footer-nav ul li {
        display: inline-block;
        margin-bottom: 5px; }
        #footer nav.footer-nav ul li a {
          color: #13134D;
          font-size: 0.875rem;
          font-family: "AeonikRegular", sans-serif;
          padding: 3px 10px; }
          #footer nav.footer-nav ul li a:hover {
            background: #F5F8FA;
            border-radius: 5px; }
          .dark_mode #footer nav.footer-nav ul li a {
            color: rgba(255, 255, 255, 0.5); }
            .dark_mode #footer nav.footer-nav ul li a:hover {
              background: #F5F8FA;
              color: #13134D; }
          #footer nav.footer-nav ul li a.parent {
            font-family: "AeonikBold", sans-serif; }

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
html.with-featherlight {
  /* disable global scrolling when featherlights are visible */
  overflow: hidden; }

.featherlight {
  display: none;
  /* dimensions: spanning the background from edge to edge */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483647;
  /* z-index needs to be >= elements on the site. */
  /* position: centering content */
  text-align: center;
  /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
  white-space: nowrap;
  /* styling */
  cursor: pointer;
  background: #333;
  /* IE8 "hack" for nested featherlights */
  background: rgba(0, 0, 0, 0); }

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
  background: rgba(0, 0, 0, 0.8); }

.featherlight:before {
  /* position: trick to center content vertically */
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.featherlight .featherlight-content {
  /* make content container for positioned elements (close button) */
  position: relative;
  /* position: centering vertical and horizontal */
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  /* dimensions: cut off images */
  overflow: auto;
  padding: 25px 25px 0;
  border-bottom: 25px solid transparent;
  /* dimensions: handling large content */
  margin-left: 5%;
  margin-right: 5%;
  max-height: 95%;
  /* styling */
  background: #fff;
  cursor: auto;
  /* reset white-space wrapping */
  white-space: normal; }

/* contains the content */
.featherlight .featherlight-inner {
  /* make sure its visible */
  display: block; }

/* don't show these though */
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
  display: none; }

.featherlight .featherlight-close-icon {
  /* position: centering vertical and horizontal */
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 0;
  /* dimensions: 25px x 25px */
  line-height: 25px;
  width: 25px;
  /* styling */
  cursor: pointer;
  text-align: center;
  font-family: Arial, sans-serif;
  background: #fff;
  /* Set the background in case it overlaps the content */
  background: rgba(255, 255, 255, 0.3);
  color: #000;
  border: none;
  padding: 0; }

/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
.featherlight .featherlight-close-icon::-moz-focus-inner {
  border: 0;
  padding: 0; }

.featherlight .featherlight-image {
  /* styling */
  width: 100%; }

.featherlight-iframe .featherlight-content {
  /* removed the border for image croping since iframe is edge to edge */
  border-bottom: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch; }

.featherlight iframe {
  /* styling */
  border: none; }

.featherlight * {
  /* See https://github.com/noelboss/featherlight/issues/42 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 0;
    margin-right: 0;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent; } }

/* hide non featherlight items when printing */
@media print {
  html.with-featherlight > * > :not(.featherlight) {
    display: none; } }

/*
.searchbox {
    //display: inline-block;
    position: relative;
    width: 200px;
    height: 37px;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 13px;
    font-family: arial, sans-serif;
    .algolia-autocomplete {
        display: block !important;
        height: 100%;
    }
}

.searchbox__wrapper {
    width: 100%;
    height: 100%;
}

.searchbox__input {
    //display: inline-block;
    -webkit-transition: box-shadow 0.4s ease, background 0.4s ease;
    transition: box-shadow 0.4s ease, background 0.4s ease;
    border: 0;
    border-radius: 19px;
    box-shadow: inset 0 0 0 1px #d9d9d9;
    background: #ffffff;
    padding: 0;
    padding-right: 30px;
    padding-left: 37px;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    white-space: normal;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.searchbox__input::-webkit-search-decoration,
.searchbox__input::-webkit-search-cancel-button,
.searchbox__input::-webkit-search-results-button,
.searchbox__input::-webkit-search-results-decoration {
    display: none;
}

.searchbox__input:hover {
    box-shadow: inset 0 0 0 1px silver;
}

.searchbox__input:focus,
.searchbox__input:active {
    outline: 0;
    box-shadow: inset 0 0 0 1px #4098ce;
    background: #ffffff;
}

.searchbox__input::-webkit-input-placeholder {
    color: #aaaaaa;
}

.searchbox__input::-moz-placeholder {
    color: #aaaaaa;
}

.searchbox__input:-ms-input-placeholder {
    color: #aaaaaa;
}

.searchbox__input::placeholder {
    color: #aaaaaa;
}

.searchbox__submit {
    position: absolute;
    top: 0;
    right: inherit;
    left: 0;
    margin: 0;
    border: 0;
    border-radius: 18px 0 0 18px;
    background-color: rgba(255, 255, 255, 0);
    padding: 0;
    width: 37px;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    font-size: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.searchbox__submit::before {
    display: inline-block;
    margin-right: -4px;
    height: 100%;
    vertical-align: middle;
    content: "";
}

.searchbox__submit:hover,
.searchbox__submit:active {
    cursor: pointer;
}

.searchbox__submit:focus {
    outline: 0;
}

.searchbox__submit svg {
    width: 17px;
    height: 17px;
    vertical-align: middle;
    fill: #666666;
}

.searchbox__reset {
    position: absolute;
    top: 8px;
    right: 8px;
    margin: 0;
    border: 0;
    background: none;
    cursor: pointer;
    padding: 0;
    font-size: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    fill: rgba(0, 0, 0, 0.5);
    &.hide {
        display: none;
    }
}

.searchbox__reset:focus {
    outline: 0;
}

.searchbox__reset svg {
    display: block;
    margin: 4px;
    width: 13px;
    height: 13px;
}

.searchbox__input:valid ~ .searchbox__reset {
    display: block;
    -webkit-animation-name: sbx-reset-in;
    animation-name: sbx-reset-in;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
}

@-webkit-keyframes sbx-reset-in {
    0% {
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes sbx-reset-in {
    0% {
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.aa-dropdown-menu {
    position: relative;
    top: -6px;
    border-radius: 3px;
    margin: 6px 0 0;
    padding: 0;
    text-align: left;
    height: auto;
    position: relative;
    background: transparent;
    border: none;
    width: 100%;
    left: 0 !important;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}

.aa-dropdown-menu:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: #fff;
    z-index: 0;
    top: -7px;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    transform: rotate(-45deg);
    border-radius: 2px;
    z-index: 999;
    display: block;
    left: 24px;
}

.aa-dropdown-menu .aa-suggestions {
    position: relative;
    z-index: 1000;
}

.aa-dropdown-menu [class^="aa-dataset-"] {
    position: relative;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    overflow: auto;
    padding: 8px 8px 8px;
}

.aa-dropdown-menu * {
    box-sizing: border-box;
}

.aa-suggestion {
    background: white;
    font-size: 1.1em;
    padding: 4px 4px 0;
    display: block;
    width: 100%;
    height: 38px;
    clear: both;
    span {
        white-space: nowrap !important;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        float: left;
        line-height: 2em;
        width: calc(100% - 100px);
    }
    &.aa-cursor {
        background: #eee;
    }
    em {
        color: #4098ce;
    }
    img {
        float: left;
        vertical-align: middle;
        height: auto;
        width: 100px;
        margin-right: 6px;
    }
}
*/
#search_results_wrapper div.card-wrap {
  display: inline-block; }

#js_hide_search_results {
  margin-top: 2rem;
  color: #000659;
  text-align: center;
  display: inline-block;
  line-height: 1; }
  #js_hide_search_results span {
    font-size: 0.9rem;
    display: block; }

#search_stats {
  color: #000659; }

#search_term {
  color: #6426DB;
  margin-right: 40px; }

.search-spacer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.search-result {
  /*display: block;
        background: $light-gray;
        width: 100%;
        padding: 20px;
        margin-bottom: 10px;*/
  padding: 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  background: #F5F8FA;
  margin-bottom: 10px; }
  @media screen and (max-width: 29.9375em) {
    .search-result {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .search-result:hover {
    background: #eef3f7;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .search-result:hover .search-arrow span {
      color: white;
      border: 2px solid #18C698;
      background: #18C698;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .search-result .search-title {
    margin-right: 15px; }
  .search-result h4 {
    font-size: 1.1rem;
    color: black;
    margin-bottom: 0.25rem;
    color: #000659; }
  .search-result p {
    font-size: 0.8rem;
    margin: 0;
    padding: 0; }
  .search-result .search-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; }
  .search-result .search-icon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 50px;
    height: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #EBEBF2;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: none; }
    .search-result .search-icon img {
      width: 25px; }
  .search-result .search-arrow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media screen and (max-width: 29.9375em) {
      .search-result .search-arrow {
        display: none; } }
    .search-result .search-arrow span {
      border-radius: 50%;
      border: 2px solid #E6ECF0;
      display: inline-block;
      width: 2.5rem;
      height: 2.5rem;
      line-height: 1.9rem;
      font-size: 1.5rem;
      text-align: center;
      font-weight: 700;
      color: #000659; }

.ais-Hits-item {
  width: 100%; }

#main-search-input {
  width: 100%; }

#search_container {
  position: relative; }

#search_loading_overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 100; }
  #search_loading_overlay .sk-wave {
    position: absolute;
    right: 50%;
    top: 200px; }

.search-hits-wrapper ol {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0; }
  .search-hits-wrapper ol li {
    display: inline-block;
    margin: 0;
    padding: 0; }

.ais-SearchBox-reset {
  display: none !important; }

.ais-Pagination-list {
  list-style: none;
  margin: 30px 0 20px; }

.ais-Pagination-item {
  font-weight: 600;
  display: inline-block !important;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 3px; }
  .ais-Pagination-item span {
    border: 1px solid #E6ECF0;
    color: #657786;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 37px;
    height: 37px;
    line-height: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 3px; }
  .ais-Pagination-item a {
    border: 1px solid #E6ECF0;
    color: #657786;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 37px;
    height: 37px;
    line-height: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 3px; }
    .ais-Pagination-item a:hover {
      background: #E6ECF0; }
  .ais-Pagination-item--selected a {
    border: 1px solid #18C698;
    background: #18C698;
    color: #ffffff !important; }
    .ais-Pagination-item--selected a:hover {
      background: #18C698;
      color: #ffffff !important; }
  .ais-Pagination-item--firstPage {
    display: none !important; }
  .ais-Pagination-item--lastPage {
    display: none !important; }
  @media screen and (max-width: 29.9375em) {
    .ais-Pagination-item--page {
      display: none !important; } }

/* MARKETO STUFF INCLUDED HERE FOR TESTING */
.mktoButtonWrap button, .mktoButtonWrap input[type=submit] {
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;
  background: #18C698;
  color: #fff;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
  padding: 18px 65px;
  cursor: pointer;
  font-family: "AeonikBold", sans-serif;
  padding: 18px 32px; }
  .mktoButtonWrap button:hover, .mktoButtonWrap input[type=submit]:hover {
    background-color: #129975; }

.lb_overlay, .js_lb_overlay, .mktoModalMask {
  background: #000326 !important;
  opacity: 0.9 !important; }

.mktoModal .mktoModalContent {
  z-index: 200000002 !important;
  background: #F5F8FA !important;
  border-radius: 5px; }

.mktoModalMask {
  display: none !important; }

.mktoModal .mktoModalContent .mktoModalClose {
  -webkit-transition: all .2s;
  transition: all .2s;
  font-size: 14px;
  font-family: "AeonikBold", sans-serif;
  border: none;
  background-color: #18C698;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 28px;
  right: 7px;
  top: 11px;
  text-transform: lowercase; }
  .mktoModal .mktoModalContent .mktoModalClose:hover {
    background-color: #15af87; }

.mktoModalMain {
  width: 100% !important;
  max-width: 400px !important;
  padding-left: 20px;
  padding-right: 20px; }

div#loading-mkto-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200000001;
  background: #000326 !important;
  opacity: 0.9 !important; }
  div#loading-mkto-overlay.loading:before {
    content: "";
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/assets-hub/images/logo-full-white.png");
    width: 135px;
    height: 75px;
    -webkit-animation: flicker 2s infinite;
            animation: flicker 2s infinite; }

@-webkit-keyframes flicker {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

@keyframes flicker {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

.module_v2 {
  background: #05042D;
  /* The emerging W3C standard
	   that is currently Firefox-only */
  /* Works on Chrome/Edge/Safari */ }
  .module_v2 * {
    scrollbar-width: thin;
    scrollbar-color: #18C698 #19193D; }
  .module_v2 *::-webkit-scrollbar {
    width: 3px; }
  .module_v2 *::-webkit-scrollbar-track {
    background: #19193D; }
  .module_v2 *::-webkit-scrollbar-thumb {
    background-color: #18C698;
    border-radius: 20px; }
  .module_v2 .m2_wrap {
    background: #05042D;
    min-height: 100vh;
    padding-bottom: 0; }
    .module_v2 .m2_wrap .m2_buttons .m2_btn_1, .module_v2 .m2_wrap .m2_buttons .m2_btn_2 {
      display: inline-block;
      padding: 10px 20px;
      text-align: center;
      color: #fff;
      border-radius: 3px;
      font-family: "AeonikMedium", sans-serif;
      font-size: 0.9375rem; }
    .module_v2 .m2_wrap .m2_buttons .m2_btn_1 {
      background: #18C698;
      border: 1px solid #18C698;
      margin-right: 5px; }
    .module_v2 .m2_wrap .m2_buttons .m2_btn_2 {
      background: transparent;
      border: 1px solid #fff; }
    .module_v2 .m2_wrap .m2_top {
      max-width: 1380px;
      padding-top: 15px;
      margin-bottom: 20px; }
      .module_v2 .m2_wrap .m2_top .m2_header {
        padding-top: 20px; }
        .module_v2 .m2_wrap .m2_top .m2_header .m2_logo {
          display: inline-block; }
          .module_v2 .m2_wrap .m2_top .m2_header .m2_logo img {
            height: 80px;
            margin-right: 20px;
            margin-top: 5px; }
            @media (max-width: 1024px) {
              .module_v2 .m2_wrap .m2_top .m2_header .m2_logo img {
                height: 60px;
                margin-top: -20px; } }
            @media (max-width: 480px) {
              .module_v2 .m2_wrap .m2_top .m2_header .m2_logo img {
                margin-top: -10px; } }
          .module_v2 .m2_wrap .m2_top .m2_header .m2_logo.m2_logo_small {
            margin-top: -20px;
            vertical-align: middle; }
            @media (max-width: 1024px) {
              .module_v2 .m2_wrap .m2_top .m2_header .m2_logo.m2_logo_small {
                margin-left: -10px; } }
            .module_v2 .m2_wrap .m2_top .m2_header .m2_logo.m2_logo_small img {
              height: 60px;
              margin-right: 10px;
              margin-top: 0px; }
              @media (max-width: 480px) {
                .module_v2 .m2_wrap .m2_top .m2_header .m2_logo.m2_logo_small img {
                  height: 40px; } }
        .module_v2 .m2_wrap .m2_top .m2_header .m2_title {
          display: inline-block; }
          .module_v2 .m2_wrap .m2_top .m2_header .m2_title h2, .module_v2 .m2_wrap .m2_top .m2_header .m2_title h3, .module_v2 .m2_wrap .m2_top .m2_header .m2_title span {
            display: inline-block;
            margin: 0; }
          .module_v2 .m2_wrap .m2_top .m2_header .m2_title h2 {
            font-family: "GTAmericaBlack", sans-serif;
            text-transform: uppercase;
            font-size: 1rem;
            color: #fff;
            margin-right: 6px;
            display: block; }
            .module_v2 .m2_wrap .m2_top .m2_header .m2_title h2:after {
              content: '•';
              color: #18C698;
              margin-left: 10px;
              display: none; }
          .module_v2 .m2_wrap .m2_top .m2_header .m2_title h3 {
            font-family: "AeonikMedium", sans-serif;
            font-size: 1rem;
            color: #fff;
            margin-right: 12px; }
          .module_v2 .m2_wrap .m2_top .m2_header .m2_title span {
            background: #351BF8;
            color: #fff;
            font-family: "AeonikMedium", sans-serif;
            font-size: 0.625rem;
            padding: 1px 4px;
            border-radius: 4px;
            text-transform: uppercase; }
            @media screen and (max-width: 74.9375em) {
              .module_v2 .m2_wrap .m2_top .m2_header .m2_title span {
                display: none; } }
          .module_v2 .m2_wrap .m2_top .m2_header .m2_title .m2_back_to_course {
            color: #18C698;
            font-size: 12px;
            margin-right: 5px; }
            .module_v2 .m2_wrap .m2_top .m2_header .m2_title .m2_back_to_course svg {
              width: 8px;
              height: 9px;
              margin-right: 2px; }
              .module_v2 .m2_wrap .m2_top .m2_header .m2_title .m2_back_to_course svg path {
                fill: #18C698; }
            .module_v2 .m2_wrap .m2_top .m2_header .m2_title .m2_back_to_course:hover {
              color: #fff; }
              .module_v2 .m2_wrap .m2_top .m2_header .m2_title .m2_back_to_course:hover svg path {
                fill: #fff; }
            @media (max-width: 1024px) {
              .module_v2 .m2_wrap .m2_top .m2_header .m2_title .m2_back_to_course {
                display: none; } }
      .module_v2 .m2_wrap .m2_top .m2_buttons {
        text-align: right;
        padding-top: 30px; }
    .module_v2 .m2_wrap .m2_lesson .m2_buttons {
      text-align: center;
      margin-top: -40px;
      margin-bottom: 10px;
      position: relative; }
      .module_v2 .m2_wrap .m2_lesson .m2_buttons .m2_btn_1, .module_v2 .m2_wrap .m2_lesson .m2_buttons .m2_btn_2 {
        margin-bottom: 5px; }
    .module_v2 .m2_wrap .m2_lesson .m2_lesson_window {
      position: relative; }
      .module_v2 .m2_wrap .m2_lesson .m2_lesson_window #m2_fullscreen {
        position: absolute;
        right: 5px;
        top: 12px; }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_window #m2_fullscreen svg {
          width: 18px;
          height: 18px; }
          .module_v2 .m2_wrap .m2_lesson .m2_lesson_window #m2_fullscreen svg path {
            fill: #fff;
            opacity: 0.8; }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_window #m2_fullscreen:hover svg path {
          fill: #fff;
          opacity: 1; }
      .module_v2 .m2_wrap .m2_lesson .m2_lesson_window h1 {
        font-family: "AeonikMedium", sans-serif;
        font-size: 1.625rem;
        color: #fff;
        margin-bottom: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 90%; }
        @media (max-width: 1024px) {
          .module_v2 .m2_wrap .m2_lesson .m2_lesson_window h1 {
            width: 100%;
            text-overflow: unset;
            white-space: unset;
            overflow: unset;
            font-size: 1.5rem; } }
        @media (max-width: 480px) {
          .module_v2 .m2_wrap .m2_lesson .m2_lesson_window h1 {
            font-size: 1.375rem; } }
      .module_v2 .m2_wrap .m2_lesson .m2_lesson_window .m2_module_frame_wrap {
        margin-bottom: 50px; }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_window .m2_module_frame_wrap .module-content-vimeo iframe {
          max-height: 77vh; }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_window .m2_module_frame_wrap .module-content-articulate {
          padding-bottom: 66.25%; }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_window .m2_module_frame_wrap .module-content-library {
          height: 520px;
          width: 100%; }
          .module_v2 .m2_wrap .m2_lesson .m2_lesson_window .m2_module_frame_wrap .module-content-library iframe {
            height: 520px;
            width: 100%; }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_window .m2_module_frame_wrap picture.module-content-image {
          width: 100%;
          display: block;
          text-align: center; }
    .module_v2 .m2_wrap .m2_lesson .m2_lesson_list {
      position: relative;
      margin-top: 7px; }
      .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_top {
        padding: 0 0 0 30px; }
        @media (max-width: 1024px) {
          .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_top {
            padding-left: 20px;
            padding-right: 20px; } }
        @media (max-width: 640px) {
          .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_top {
            padding-left: 10px;
            padding-right: 10px; } }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_top p {
          font-family: "AeonikMedium", sans-serif;
          text-transform: uppercase;
          font-size: 0.6875rem;
          color: #18C698;
          margin-bottom: 0; }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_top h5 {
          font-family: "AeonikMedium", sans-serif;
          font-size: 1.125rem;
          color: #fff; }
      .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full {
        padding: 0 10px 0 30px;
        height: 490px;
        overflow-x: auto; }
        @media (max-width: 1024px) {
          .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full {
            padding-left: 20px;
            padding-right: 30px; } }
        @media (max-width: 640px) {
          .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full {
            padding-left: 0px;
            padding-right: 10px; } }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full .m2_feather_out {
          background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(7, 2, 47, 0)), to(#07022f));
          background-image: linear-gradient(to bottom, rgba(7, 2, 47, 0), #07022f);
          position: absolute;
          width: 95%;
          height: 40px;
          top: 513px;
          z-index: 10;
          margin-left: -30px; }
          @media (max-width: 1024px) {
            .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full .m2_feather_out {
              margin-left: -10px; } }
          @media (max-width: 640px) {
            .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full .m2_feather_out {
              margin-left: 5px; } }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full.v2 {
          height: 410px; }
          .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full.v2 .m2_feather_out {
            top: 433px;
            right: 0; }
            @media (max-width: 1024px) {
              .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full.v2 .m2_feather_out {
                left: 30px;
                right: auto; } }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div {
          position: relative; }
          .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul {
            list-style: none;
            line-height: 1.2;
            margin-left: 0; }
            .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul.module-entries {
              margin-bottom: 35px; }
            .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li {
              font-size: 0.8125rem;
              margin-bottom: 0px; }
              .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li a {
                color: #A9B8C2;
                position: relative;
                font-family: "AeonikMedium", sans-serif;
                display: block;
                padding: 10px 0 10px 30px;
                border-left: 3px solid transparent; }
                .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li a:hover {
                  color: #18C698; }
                .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li a .count {
                  font-family: "AeonikBold", sans-serif;
                  left: 10px;
                  top: 12px;
                  font-size: 0.6875rem;
                  color: #fff;
                  position: absolute;
                  text-align: right;
                  font-variant-numeric: tabular-nums; }
                  .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li a .count svg {
                    margin: -6px 0 0 2px;
                    width: 12px; }
                    .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li a .count svg use {
                      fill: rgba(255, 255, 255, 0.3); }
                .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li a span.time {
                  float: right;
                  font-size: 0.6875rem;
                  margin-top: 2px;
                  margin-left: 5px;
                  margin-right: 12px;
                  font-variant-numeric: tabular-nums;
                  font-weight: bold; }
                .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li a.active {
                  background: #19193D;
                  color: #fff !important;
                  border-left: 3px solid #18C698; }
                  .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li a.active .count svg use {
                    fill: white; }
              .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li > a {
                color: #fff; }
              .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li.has_parent {
                margin-left: 30px; }
                .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li.has_parent a {
                  color: #A9B8C2; }
                  .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li.has_parent a:hover {
                    color: #fff; }
              .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li ul {
                margin-left: 23px; }
                .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li ul li a {
                  color: #A9B8C2;
                  font-family: "AeonikRegular", sans-serif;
                  padding-left: 35px; }
                  .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li ul li a:hover {
                    color: #fff; }
                  .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li ul li a .count {
                    left: 10px;
                    top: 11px; }
                    .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li ul li a .count svg {
                      margin-top: -5px; }
                  .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_full > div ul li ul li a.active .count:before {
                    margin: -4px 0 0 -3px; }
      .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_bottom {
        padding-top: 10px;
        padding-left: 40px;
        padding-right: 20px;
        text-align: center; }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_bottom div {
          float: right; }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_bottom .module-next {
          padding: 10px 20px;
          background: #313055; }
          .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_bottom .module-next:hover {
            background: #444276; }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_bottom .link-markunfinished {
          padding: 10px 20px;
          margin-right: 20px;
          border: 1px solid #fff;
          text-decoration: none;
          font-family: "AeonikRegular", sans-serif; }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_bottom .unlock-all-content {
          background: #18C698;
          padding: 15px 20px;
          width: 100%;
          display: block;
          border: 1px solid #18C698;
          font-family: "AeonikBold", sans-serif;
          text-decoration: none; }
          .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_bottom .unlock-all-content:hover {
            background: #18C698;
            border: 1px solid #18C698; }
        .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_bottom .hub-buttons {
          width: 100%; }
          .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_bottom .hub-buttons .m2_btn_1 {
            background: #18C698;
            padding: 15px 20px;
            display: inline-block;
            border: 1px solid #18C698;
            font-family: "AeonikBold", sans-serif;
            text-decoration: none;
            margin-right: 5px; }
            .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_bottom .hub-buttons .m2_btn_1:hover {
              background: #15af87;
              border: 1px solid #15af87; }
          .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_bottom .hub-buttons .m2_btn_2 {
            background: transparent;
            padding: 15px 20px;
            display: inline-block;
            border: 1px solid #fff;
            font-family: "AeonikBold", sans-serif;
            text-decoration: none; }
            .module_v2 .m2_wrap .m2_lesson .m2_lesson_list .m2_lesson_list_bottom .hub-buttons .m2_btn_2:hover {
              background: #1D1B45; }
    .module_v2 .m2_wrap .m2_belowfold {
      background: #fff;
      padding-top: 0;
      padding-bottom: 60px;
      width: 98%;
      max-width: 1380px;
      margin: 20px auto 0;
      border-top-right-radius: 15px;
      border-top-left-radius: 15px;
      min-height: 100px; }
      .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tab-wrap {
        font-size: 0.875rem;
        margin-right: 40px;
        margin-top: 0px;
        border-bottom: 2px solid #F6F8FA; }
        @media (max-width: 1220px) {
          .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tab-wrap {
            margin-left: 20px; } }
        @media (max-width: 1024px) {
          .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tab-wrap {
            margin-left: 20px;
            margin-right: 20px; } }
        .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tab-wrap .tabs {
          margin-top: 5px; }
        .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tab-wrap .tabs-title {
          outline: none !important; }
          .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tab-wrap .tabs-title a {
            background: transparent;
            padding: 30px 2px;
            margin-bottom: -3px;
            margin-right: 15px;
            font-family: "AeonikBold", sans-serif;
            font-weight: normal;
            border-bottom: 0;
            outline: none !important; }
          .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tab-wrap .tabs-title.is-active a {
            color: #000659;
            font-family: "AeonikBold", sans-serif;
            font-weight: normal;
            position: relative; }
            .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tab-wrap .tabs-title.is-active a:before {
              content: '';
              background-image: -webkit-gradient(linear, left top, right top, from(#baff00), color-stop(#9cfd46), color-stop(#80f968), color-stop(#67f583), to(#53ef99));
              background-image: linear-gradient(to right, #baff00, #9cfd46, #80f968, #67f583, #53ef99);
              width: 100%;
              height: 4px;
              position: absolute;
              bottom: 0px;
              left: 0; }
      .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content {
        padding: 40px 40px 40px 10px;
        font-size: 0.9375rem; }
        @media (max-width: 1220px) {
          .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content {
            padding-left: 30px; } }
        @media screen and (max-width: 51.9375em) {
          .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content {
            padding-left: 20px;
            padding-right: 20px; } }
        .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes {
          line-height: 140%;
          padding-right: 140px; }
          @media (max-width: 1220px) {
            .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes {
              padding-right: 70px; } }
          @media (max-width: 1024px) {
            .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes {
              padding-left: 0;
              padding-right: 0; } }
          .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes h2 {
            color: #000659;
            font-weight: normal;
            font-family: "AeonikMedium", sans-serif;
            font-size: 1.625rem;
            line-height: 2rem; }
            @media screen and (min-width: 40em) and (max-width: 51.9375em) {
              .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes h2 {
                font-size: 1.5rem;
                line-height: 1.875rem; } }
            @media screen and (max-width: 29.9375em) {
              .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes h2 {
                font-size: 1.4375rem;
                line-height: 1.8125rem; } }
            .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes h2:not(:first-child) {
              margin-top: 40px; }
          .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes h3 {
            color: #18C698;
            font-weight: normal;
            font-family: "AeonikMedium", sans-serif;
            font-size: 1.5rem;
            line-height: 1.875rem; }
            @media screen and (min-width: 40em) and (max-width: 51.9375em) {
              .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes h3 {
                font-size: 1.375rem;
                line-height: 1.75rem; } }
            @media screen and (max-width: 29.9375em) {
              .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes h3 {
                font-size: 1.3125rem;
                line-height: 1.6875rem; } }
            .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes h3:not(:first-child) {
              margin-top: 30px; }
          .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes h4 {
            color: #283E5C;
            font-weight: normal;
            font-family: "AeonikMedium", sans-serif;
            font-size: 1.25rem;
            line-height: 1.625rem; }
            @media screen and (min-width: 40em) and (max-width: 51.9375em) {
              .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes h4 {
                font-size: 1.1875rem;
                line-height: 1.5625rem; } }
            @media screen and (max-width: 29.9375em) {
              .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes h4 {
                font-size: 1.125rem;
                line-height: 1.4375rem; } }
            .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes h4:not(:first-child) {
              margin-top: 30px; }
          .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes strong {
            color: #000659; }
          .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes ol {
            list-style: none;
            counter-reset: li; }
            .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes ol li {
              counter-increment: li;
              margin-left: 10px;
              margin-bottom: 10px; }
            .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes ol li::before {
              content: counter(li);
              color: #18C698;
              display: inline-block;
              width: 2em;
              margin-left: -2em;
              text-align: center;
              font-family: "AeonikBold", sans-serif; }
          .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes ul {
            list-style: none; }
            .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes ul li {
              margin-left: 10px;
              margin-bottom: 10px; }
            .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes ul li::before {
              content: '↗';
              color: #18C698;
              display: inline-block;
              width: 2em;
              margin-left: -2em;
              text-align: center;
              font-family: "AeonikBold", sans-serif; }
            .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .study_notes ul.links_related li::before {
              color: #DB2671; }
        .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .m2_back_to_top {
          color: #375680;
          font-family: "AeonikBold", sans-serif;
          font-size: 0.9375rem;
          margin: 30px 0 0 -50px;
          display: inline-block; }
          @media (max-width: 1340px) {
            .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .m2_back_to_top {
              margin-left: 10px; } }
          .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .m2_back_to_top:hover {
            color: #18C698; }
          .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .m2_back_to_top:before {
            content: '↑';
            background: #18C698;
            display: inline-block;
            width: 30px;
            height: 30px;
            font-size: 20px;
            line-height: 100%;
            border-radius: 100px;
            color: #fff;
            padding-top: 2px;
            text-align: center;
            margin-right: 10px;
            font-family: "AeonikBold", sans-serif; }
        .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .module-resource p.name {
          font-weight: normal;
          font-family: "AeonikMedium", sans-serif;
          color: #000659; }
        .module_v2 .m2_wrap .m2_belowfold .m2_tabs .tabs-content .module-resource p.actions {
          font-weight: normal;
          font-family: "AeonikMedium", sans-serif; }
      .module_v2 .m2_wrap .m2_belowfold .m2_aboutmodule {
        background: #F6F8FA;
        margin-top: 75px;
        margin-bottom: 45px;
        padding: 30px;
        border-radius: 4px; }
        @media screen and (max-width: 51.9375em) {
          .module_v2 .m2_wrap .m2_belowfold .m2_aboutmodule {
            max-width: 90%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 40px; } }
        .module_v2 .m2_wrap .m2_belowfold .m2_aboutmodule .skillsexpert {
          border-bottom: 1px solid #BDBDCA;
          margin-bottom: 20px;
          padding-bottom: 20px; }
          .module_v2 .m2_wrap .m2_belowfold .m2_aboutmodule .skillsexpert .se_img {
            display: inline-block;
            float: left; }
            .module_v2 .m2_wrap .m2_belowfold .m2_aboutmodule .skillsexpert .se_img img {
              background: #fff;
              -webkit-box-shadow: 0 0 12px rgba(218, 218, 218, 0.85);
                      box-shadow: 0 0 12px rgba(218, 218, 218, 0.85);
              border-radius: 200px; }
          .module_v2 .m2_wrap .m2_belowfold .m2_aboutmodule .skillsexpert .se_name {
            display: inline-block;
            font-size: 0.8125rem;
            line-height: 130%;
            padding-top: 3px;
            padding-left: 10px; }

.m2_lb {
  position: relative;
  background: #FFF;
  padding: 40px;
  width: auto;
  max-width: 500px;
  margin: 20px auto; }
  @media (max-width: 600px) {
    .m2_lb {
      padding: 20px; } }
  .m2_lb h4 {
    font-family: "GTAmericaBlack", sans-serif;
    text-transform: uppercase;
    font-size: 1.25rem; }
    .m2_lb h4 svg {
      vertical-align: top; }
      .m2_lb h4 svg path {
        fill: #18C698; }
  .m2_lb .m2_buttons .m2_btn_1, .m2_lb .m2_buttons .m2_btn_2 {
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    font-family: "AeonikMedium", sans-serif;
    font-size: 0.9375rem; }
  .m2_lb .m2_buttons .m2_btn_1 {
    background: #18C698;
    border: 1px solid #18C698;
    margin-right: 5px;
    margin-bottom: 5px; }
  .m2_lb .m2_buttons .m2_btn_2 {
    color: #13134D;
    background: transparent;
    border: 1px solid #13134D;
    margin-bottom: 5px; }

.only-child a:only-child {
  width: 100%;
  max-width: 400px; }

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

.loading-v3 {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 6em;
  height: 6em;
  border-radius: 50%;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(60%, #18C698), to(#BAFF00));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 40%, #18C698 60%, #BAFF00 100%);
  position: relative;
  -webkit-animation: load3 1.2s infinite linear;
  animation: load3 1.2s infinite linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }
  .loading-v3:before {
    width: 100%;
    height: 50%;
    background: #05042D;
    border-radius: 0 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ''; }
  .loading-v3:after {
    background: #05042D;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes load3 {
  0% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

.hub-related {
  background: #F5F8FA; }
  .hub-related .hub-related-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .hub-related .hub-related-card figure {
      width: 170px;
      height: 90px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-right: 20px; }
      @media screen and (max-width: 51.9375em) {
        .hub-related .hub-related-card figure {
          width: 100px; } }
      .hub-related .hub-related-card figure a {
        display: block;
        height: 100%; }
    .hub-related .hub-related-card h3 a {
      color: #000659; }
      .hub-related .hub-related-card h3 a:hover {
        color: #18C698; }

.hub-detail {
  padding-top: 40px; }
  .hub-detail .premium-flag {
    background: #18C698;
    padding: 2px 10px;
    color: #fff; }
    .hub-detail .premium-flag a {
      font-family: "AeonikMedium", sans-serif;
      color: #fff;
      text-decoration: underline; }
  @media screen and (max-width: 51.9375em) {
    .hub-detail {
      padding-top: 20px; } }
  .hub-detail--info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px; }
  .hub-detail p.date {
    font-family: "AeonikBold", sans-serif;
    font-size: 1rem;
    line-height: 1.1875rem;
    margin-bottom: 0;
    color: #58587A;
    margin-right: 40px; }
  .hub-detail h1 {
    color: #13134D; }
  .hub-detail .iframe-slideshare-4x3 {
    padding-bottom: calc(75% + 38px); }
  .hub-detail .iframe-slideshare-16x9 {
    padding-bottom: calc(56.25% + 38px); }
  .hub-detail .iframe-articulate-4x3 {
    padding-bottom: calc(75%); }
  .hub-detail .iframe-articulate-16x9 {
    padding-bottom: calc(56.25%); }
  .hub-detail .iframe-slideshare-16x9,
  .hub-detail .iframe-slideshare-4x3,
  .hub-detail .iframe-articulate-16x9,
  .hub-detail .iframe-articulate-4x3 {
    position: relative;
    width: 100%;
    height: 0; }
  .hub-detail .iframe-slideshare-16x9 iframe,
  .hub-detail .iframe-slideshare-4x3 iframe,
  .hub-detail .iframe-articulate-16x9 iframe,
  .hub-detail .iframe-articulate-4x3 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #CCC; }
  .hub-detail div.categories {
    margin: 10px 40px 10px 0; }
    .hub-detail div.categories ul {
      list-style: none;
      padding-left: 0;
      margin-left: 0;
      margin-left: 0;
      font-size: 0.9375rem;
      line-height: 1.125rem;
      font-family: "AeonikMedium", sans-serif; }
      .hub-detail div.categories ul li {
        float: left; }
        .hub-detail div.categories ul li::after {
          content: '•';
          margin-left: 10px;
          margin-right: 10px; }
        .hub-detail div.categories ul li:last-child::after {
          display: none; }
        .hub-detail div.categories ul li a {
          color: #58587A; }
    .hub-detail div.categories.bottom {
      margin-bottom: 40px; }
      .hub-detail div.categories.bottom strong {
        color: #000659; }
      .hub-detail div.categories.bottom ul li:first-child {
        padding-right: 10px; }
        .hub-detail div.categories.bottom ul li:first-child::after {
          display: none; }
  .hub-detail .back-to-listings {
    font-size: 0.9375rem;
    line-height: 1.125rem;
    font-family: "AeonikBold", sans-serif; }
    .hub-detail .back-to-listings a {
      color: #000659; }
  .hub-detail .trending-wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 125px;
    padding-top: 10px; }
    .hub-detail .trending-wrap .trending-heading {
      font-family: "GTAmericaBlack", sans-serif;
      font-size: 0.8125rem;
      line-height: 1rem;
      text-transform: uppercase;
      color: #13134D;
      padding-left: 1em;
      padding-top: 10px;
      width: 100%;
      max-width: 300px;
      border-top: 1px solid #13134D;
      margin-bottom: 0; }
      .hub-detail .trending-wrap .trending-heading svg {
        width: 14px;
        height: 14px;
        margin-top: -3px;
        vertical-align: middle; }
        .hub-detail .trending-wrap .trending-heading svg path {
          fill: #13134D; }
    .hub-detail .trending-wrap .trending-links {
      list-style: none;
      counter-reset: li;
      margin-left: 0;
      padding-left: 0; }
      .hub-detail .trending-wrap .trending-links li {
        counter-increment: li;
        margin-left: 0;
        margin-bottom: 0;
        padding-left: 40px;
        border-bottom: 1px solid #EBEBF2;
        font-size: 0.9375rem;
        line-height: 1.3125rem;
        color: #13134D;
        padding-top: 0;
        padding-bottom: 0;
        font-family: "AeonikMedium", sans-serif; }
        .hub-detail .trending-wrap .trending-links li a {
          color: #58587A;
          display: inline-block;
          padding: 18px 0; }
          .hub-detail .trending-wrap .trending-links li a:hover {
            color: #000659; }
      .hub-detail .trending-wrap .trending-links li::before {
        content: counter(li) ".";
        color: #6426DB;
        display: inline-block;
        width: 3em;
        margin-left: -3em;
        text-align: center;
        font-family: "AeonikBold", sans-serif;
        font-size: 0.8rem;
        vertical-align: top;
        padding-top: 18px; }
  .hub-detail .author-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .hub-detail .author-pic {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 30px; }
    .hub-detail .author-pic span.img-border-gradient {
      background-image: -webkit-gradient(linear, left top, right top, from(#baff00), color-stop(#9cfd46), color-stop(#80f968), color-stop(#67f583), to(#53ef99));
      background-image: linear-gradient(to right, #baff00, #9cfd46, #80f968, #67f583, #53ef99);
      display: inline-block;
      border-radius: 100px;
      max-width: 82px;
      max-height: 82px;
      line-height: 100%; }
      .hub-detail .author-pic span.img-border-gradient img {
        border-radius: 100px;
        max-width: 78px;
        max-height: 78px;
        border: 3px solid #fff;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        margin: 1px; }
        .dark_mode .hub-detail .author-pic span.img-border-gradient img {
          border: 3px solid #06062D; }
  .hub-detail .author-desc h5 {
    font-family: "GTAmericaBlack", sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    color: #13134D;
    margin-bottom: 10px; }
  .hub-detail .author-desc p {
    color: #58587A;
    font-size: 0.9375rem;
    line-height: 1.625rem; }

.hub-content {
  font-size: 1.125rem;
  line-height: 2.125rem;
  color: #58587A; }
  @media screen and (max-width: 51.9375em) {
    .hub-content {
      font-size: 1.0625rem;
      line-height: 2rem; } }
  @media screen and (max-width: 29.9375em) {
    .hub-content {
      font-size: 1rem;
      line-height: 1.875rem; } }
  .hub-content p, .hub-content li, .hub-content li {
    line-height: 2.125rem; }
    @media screen and (max-width: 51.9375em) {
      .hub-content p, .hub-content li, .hub-content li {
        line-height: 2rem; } }
    @media screen and (max-width: 29.9375em) {
      .hub-content p, .hub-content li, .hub-content li {
        line-height: 1.875rem; } }
  .hub-content a {
    border-bottom: 2px solid #18C698;
    word-break: break-word; }
  .hub-content i, .hub-content em {
    font-style: italic;
    padding-left: 3px;
    padding-right: 3px; }
  .hub-content strong, .hub-content b {
    font-weight: normal;
    font-family: "AeonikBold", sans-serif;
    color: #3C4858; }
    .hub-content strong .semibold, .hub-content b .semibold {
      font-weight: normal;
      font-family: "AeonikMedium", sans-serif; }
  .hub-content > h2 {
    margin-top: 80px;
    margin-bottom: 20px;
    font-size: 1.9rem; }
  .hub-content > h3 {
    margin-top: 45px;
    margin-bottom: 15px; }
  .hub-content > h4 {
    margin-top: 40px;
    margin-bottom: 12px; }
  .hub-content > h5 {
    margin-top: 35px;
    margin-bottom: 10px; }
  .hub-content > h2:first-child, .hub-content > h3:first-child, .hub-content > h4:first-child, .hub-content > h5:first-child {
    margin-top: 0; }
  .hub-content ol {
    list-style: none;
    counter-reset: li; }
    .hub-content ol li {
      counter-increment: li;
      margin-left: 10px;
      margin-bottom: 10px; }
    .hub-content ol li::before {
      content: counter(li) ".";
      color: #18C698;
      display: inline-block;
      width: 2em;
      margin-left: -2em;
      text-align: center;
      font-family: "AeonikBold", sans-serif;
      font-size: 1rem; }
  .hub-content ul:not(.related_links) {
    list-style: none; }
    .hub-content ul:not(.related_links) li {
      margin-left: 10px;
      margin-bottom: 10px; }
    .hub-content ul:not(.related_links) li::before {
      content: '↗';
      color: #18C698;
      display: inline-block;
      width: 2em;
      margin-left: -2em;
      text-align: center;
      font-family: "AeonikBold", sans-serif; }
    .hub-content ul:not(.related_links).links_related li::before {
      color: #DB2671; }
  .hub-content .related_heading {
    font-family: "GTAmericaBlack", sans-serif;
    font-size: 1.0625rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    color: #13134D;
    padding-left: 1em;
    padding-top: 10px;
    width: 100%;
    max-width: 300px;
    border-top: 1px solid #13134D;
    margin-top: 60px; }
    .hub-content .related_heading::before {
      content: '↗';
      color: #13134D;
      display: inline-block;
      width: 1em;
      margin-left: -0.7em;
      text-align: center;
      font-size: 1.75rem;
      font-family: "AeonikBold", sans-serif;
      margin-top: -8px;
      vertical-align: middle; }
  .hub-content .related_links {
    list-style: none;
    padding-left: 7px; }
    .hub-content .related_links li {
      font-size: 1rem;
      margin-bottom: 4px; }
      .hub-content .related_links li::before {
        content: '↗';
        color: #18C698;
        display: inline-block;
        width: 2em;
        margin-left: -2em;
        text-align: center;
        font-family: "AeonikBold", sans-serif;
        vertical-align: top; }
      .hub-content .related_links li a {
        color: #58587A;
        border-bottom: 0;
        display: inline-block; }
        .hub-content .related_links li a::after {
          content: '';
          width: 0px;
          height: 2px;
          margin-top: 0px;
          display: block;
          background-image: -webkit-gradient(linear, left top, right top, from(#baff00), color-stop(#9cfd46), color-stop(#80f968), color-stop(#67f583), to(#53ef99));
          background-image: linear-gradient(to right, #baff00, #9cfd46, #80f968, #67f583, #53ef99);
          -webkit-transition: 300ms;
          transition: 300ms; }
        .hub-content .related_links li a:hover::after {
          width: 100%; }
  .hub-content .huboff_keep, .hub-content .huboff_last {
    margin: 80px 0; }
    .hub-content .huboff_keep a, .hub-content .huboff_last a {
      display: block;
      border-bottom: 0; }
      .hub-content .huboff_keep a img, .hub-content .huboff_last a img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }

.glossary_box {
  padding: 30px 40px; }
  @media screen and (max-width: 51.9375em) {
    .glossary_box {
      padding: 20px 20px 30px; } }
  .glossary_box .glossary_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media screen and (max-width: 51.9375em) {
      .glossary_box .glossary_buttons {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
    .glossary_box .glossary_buttons a {
      width: 110px;
      margin-left: 10px;
      padding: 5px 10px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      text-align: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media screen and (max-width: 51.9375em) {
        .glossary_box .glossary_buttons a {
          margin-right: 10px;
          margin-left: 0; } }
      .glossary_box .glossary_buttons a:hover {
        border: 1px solid #18C698; }
      .glossary_box .glossary_buttons a span {
        position: relative;
        line-height: 1;
        top: -1px;
        margin: 0 2px; }

.sticky_a_to_z {
  position: -webkit-sticky;
  position: sticky;
  top: 107px;
  z-index: 99; }
  .sticky_a_to_z .glossary_filter {
    display: grid;
    grid-template-columns: repeat(26, 1fr);
    border-radius: 4px; }
  @media screen and (max-width: 63.9375em) {
    .sticky_a_to_z .glossary_filter {
      grid-template-columns: repeat(13, 1fr); } }
  .sticky_a_to_z .glossary_tab {
    padding: 5px 5px;
    border-radius: 4px;
    color: #283E5C; }
  .sticky_a_to_z .glossary_tab:hover {
    color: #18C698;
    background: rgba(24, 198, 152, 0.06); }
  .sticky_a_to_z .glossary_tab.active {
    color: #6426DB;
    background: rgba(100, 38, 219, 0.06); }

.glossary_listing_wrap {
  min-height: 500px; }
  .glossary_listing_wrap .glossary_listing .glossary_link_box {
    -webkit-transition: all .2s;
    transition: all .2s;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 20px 20px 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    line-height: 1.3;
    color: #13134D; }
  .glossary_listing_wrap .glossary_listing .glossary_link_box:hover {
    color: #6426DB;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px); }
    .glossary_listing_wrap .glossary_listing .glossary_link_box:hover .glossary_link_icon {
      background: #6426DB;
      color: #ffffff; }
  .glossary_listing_wrap .glossary_listing .glossary_link_box svg {
    width: 18px;
    opacity: 1;
    margin-left: 10px; }
  .glossary_listing_wrap .glossary_listing .glossary_link_box:hover svg {
    opacity: 1; }
  .glossary_listing_wrap .glossary_listing .glossary_link_icon {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 1.4em;
    background: #ffffff; }
  .glossary_listing_wrap .glossary_listing .glossary_link_icon_text {
    position: relative;
    top: -3px; }
  .glossary_listing_wrap .glossary_listing .glossary_link_text {
    margin-left: 15px; }
  .glossary_listing_wrap .glossary_listing .glossary_link_active svg {
    opacity: 1; }
  .glossary_listing_wrap .glossary_listing .glossary_link_active .glossary_link_box {
    color: #6426DB; }

.hub-lesson-heading {
  font-family: "AeonikBold", sans-serif;
  font-size: 1.5rem;
  color: #fff;
  margin-top: 20px;
  position: relative; }
  .hub-lesson-heading svg {
    vertical-align: middle; }
  .hub-lesson-heading a.main-view-all {
    color: #fff; }
    .hub-lesson-heading a.main-view-all:hover {
      color: #18C698; }
  .hub-lesson-heading a.view-all {
    right: 0;
    position: absolute;
    font-size: 1rem;
    color: #fff;
    margin-top: 10px; }
    .hub-lesson-heading a.view-all:hover {
      color: #18C698; }

.module_v2 .m2_wrap .m2_belowfold {
  margin-bottom: 40px;
  border-radius: 15px; }

.m2_lesson_list_top h5 a.viewall {
  padding-top: 5px;
  font-size: 0.75rem;
  float: right; }

.hub-lessons-scroll-wrap, .hub-lessonscat-scroll-wrap {
  position: relative;
  height: 300px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  z-index: 20;
  /* The emerging W3C standard
	   that is currently Firefox-only */
  /* Works on Chrome/Edge/Safari */ }
  .hub-lessons-scroll-wrap *, .hub-lessonscat-scroll-wrap * {
    scrollbar-width: none; }
  .hub-lessons-scroll-wrap *::-webkit-scrollbar, .hub-lessonscat-scroll-wrap *::-webkit-scrollbar {
    width: 0px; }
  .hub-lessons-scroll-wrap *::-webkit-scrollbar-track, .hub-lessonscat-scroll-wrap *::-webkit-scrollbar-track {
    background: #19193D; }
  .hub-lessons-scroll-wrap *::-webkit-scrollbar-thumb, .hub-lessonscat-scroll-wrap *::-webkit-scrollbar-thumb {
    background-color: #18C698;
    border-radius: 20px; }
  .hub-lessons-scroll-wrap .fade-left, .hub-lessonscat-scroll-wrap .fade-left {
    position: absolute;
    width: 80px;
    height: 320px;
    top: 0;
    left: 0;
    z-index: 1;
    background: #07042f;
    background: -webkit-gradient(linear, left top, right top, from(#07042f), color-stop(90%, rgba(7, 4, 47, 0)));
    background: linear-gradient(90deg, #07042f 0%, rgba(7, 4, 47, 0) 90%); }
  .hub-lessons-scroll-wrap .fade-right, .hub-lessonscat-scroll-wrap .fade-right {
    position: absolute;
    width: 80px;
    height: 320px;
    top: 0;
    right: 0;
    z-index: 1;
    background: #07042f;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(7, 4, 47, 0)), to(#07042f));
    background: linear-gradient(90deg, rgba(7, 4, 47, 0) 10%, #07042f 100%); }

.hub-lessonscat-scroll-wrap {
  max-width: 100%;
  height: 180px;
  margin-top: -130px; }

.hub-lessons-scroll, .hub-lessonscat-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  height: 320px;
  width: 100%;
  padding-left: 80px;
  padding-top: 17px;
  position: relative;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  -webkit-overflow-scrolling: touch; }
  .hub-lessons-scroll::-webkit-scrollbar, .hub-lessonscat-scroll::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important; }

@media (max-width: 1360px) {
  .hub-lessons-scroll {
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
    padding-left: 0; }
    .hub-lessons-scroll .fade-left {
      display: none; } }

@media (max-width: 1170px) {
  .hub-lessons-scroll {
    padding-left: 10px; } }

.hub-lessonscat-scroll {
  height: 200px;
  padding-left: calc((100vw - 1200px)/2); }

.hub-lessons-scroll .lesson-box-wrap, .hub-lessonscat-scroll .lesson-box-wrap, .hub-lessons-list .lesson-box-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 10px;
  margin-left: 10px; }
  .hub-lessons-scroll .lesson-box-wrap:last-of-type, .hub-lessonscat-scroll .lesson-box-wrap:last-of-type, .hub-lessons-list .lesson-box-wrap:last-of-type {
    padding-right: 90px; }
    .hub-lessons-list .hub-lessons-scroll .lesson-box-wrap:last-of-type, .hub-lessons-list .hub-lessonscat-scroll .lesson-box-wrap:last-of-type, .hub-lessons-list .hub-lessons-list .lesson-box-wrap:last-of-type {
      padding-right: 0; }
  .hub-lessons-scroll .lesson-box-wrap .lesson-box, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box, .hub-lessons-list .lesson-box-wrap .lesson-box {
    display: block;
    background: #1C1C42;
    width: 220px;
    height: 280px;
    padding: 10px 15px;
    position: relative;
    border-radius: 4px;
    overflow: hidden; }
    .hub-lessons-scroll .lesson-box-wrap .lesson-box:hover, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box:hover, .hub-lessons-list .lesson-box-wrap .lesson-box:hover {
      background: #242454;
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
    .hub-lessons-scroll .lesson-box-wrap .lesson-box .img, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .img, .hub-lessons-list .lesson-box-wrap .lesson-box .img {
      width: 220px;
      height: 120px;
      display: block;
      position: relative;
      left: -15px;
      top: -10px;
      background-position: center center;
      background-size: cover; }
    .hub-lessons-scroll .lesson-box-wrap .lesson-box .cat, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .cat, .hub-lessons-list .lesson-box-wrap .lesson-box .cat {
      font-family: "AeonikBold", sans-serif;
      text-transform: uppercase;
      font-size: 0.5625rem;
      border-radius: 12px;
      color: #fff;
      padding: 2px 6px;
      position: absolute;
      top: 5px;
      left: 5px; }
      .hub-lessons-scroll .lesson-box-wrap .lesson-box .cat-11, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .cat-11, .hub-lessons-list .lesson-box-wrap .lesson-box .cat-11 {
        background: #DF4D2D; }
      .hub-lessons-scroll .lesson-box-wrap .lesson-box .cat-374, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .cat-374, .hub-lessons-list .lesson-box-wrap .lesson-box .cat-374 {
        background: #02E2A6;
        color: #13134D; }
      .hub-lessons-scroll .lesson-box-wrap .lesson-box .cat-14, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .cat-14, .hub-lessons-list .lesson-box-wrap .lesson-box .cat-14 {
        background: #1E00FF; }
      .hub-lessons-scroll .lesson-box-wrap .lesson-box .cat-375, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .cat-375, .hub-lessons-list .lesson-box-wrap .lesson-box .cat-375 {
        background: #330081; }
      .hub-lessons-scroll .lesson-box-wrap .lesson-box .cat-376, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .cat-376, .hub-lessons-list .lesson-box-wrap .lesson-box .cat-376 {
        background: #5AF184;
        color: #13134D; }
      .hub-lessons-scroll .lesson-box-wrap .lesson-box .cat-9, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .cat-9, .hub-lessons-list .lesson-box-wrap .lesson-box .cat-9 {
        background: #E3120C; }
      .hub-lessons-scroll .lesson-box-wrap .lesson-box .cat-377, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .cat-377, .hub-lessons-list .lesson-box-wrap .lesson-box .cat-377 {
        background: #02D3FF;
        color: #13134D; }
      .hub-lessons-scroll .lesson-box-wrap .lesson-box .cat-36, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .cat-36, .hub-lessons-list .lesson-box-wrap .lesson-box .cat-36 {
        background: #131921; }
      .hub-lessons-scroll .lesson-box-wrap .lesson-box .cat-12, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .cat-12, .hub-lessons-list .lesson-box-wrap .lesson-box .cat-12 {
        background: #FFE01A;
        color: #13134D; }
      .hub-lessons-scroll .lesson-box-wrap .lesson-box .cat-378, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .cat-378, .hub-lessons-list .lesson-box-wrap .lesson-box .cat-378 {
        background: #E9F1FD;
        color: #4285F4; }
      .hub-lessons-scroll .lesson-box-wrap .lesson-box .cat-379, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .cat-379, .hub-lessons-list .lesson-box-wrap .lesson-box .cat-379 {
        background: #6426DB; }
      .hub-lessons-scroll .lesson-box-wrap .lesson-box .cat-13, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .cat-13, .hub-lessons-list .lesson-box-wrap .lesson-box .cat-13 {
        background: #DB2571; }
      .hub-lessons-scroll .lesson-box-wrap .lesson-box .cat-37, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .cat-37, .hub-lessons-list .lesson-box-wrap .lesson-box .cat-37 {
        background: #414F6F; }
      .hub-lessons-scroll .lesson-box-wrap .lesson-box .cat-380, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .cat-380, .hub-lessons-list .lesson-box-wrap .lesson-box .cat-380 {
        background: #0E0E0E; }
    .hub-lessons-scroll .lesson-box-wrap .lesson-box .title, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .title, .hub-lessons-list .lesson-box-wrap .lesson-box .title {
      font-family: "AeonikMedium", sans-serif;
      font-size: 0.8125rem;
      color: rgba(255, 255, 255, 0.5);
      display: block;
      height: 20px;
      width: 190px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-top: 3px;
      margin-bottom: 3px; }
    .hub-lessons-scroll .lesson-box-wrap .lesson-box .subtitle, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .subtitle, .hub-lessons-list .lesson-box-wrap .lesson-box .subtitle {
      font-family: "AeonikBold", sans-serif;
      font-size: 1.0625rem;
      line-height: 130%;
      color: #fff;
      display: block;
      height: 70px;
      width: 190px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
    .hub-lessons-scroll .lesson-box-wrap .lesson-box .time, .hub-lessonscat-scroll .lesson-box-wrap .lesson-box .time, .hub-lessons-list .lesson-box-wrap .lesson-box .time {
      bottom: 10px;
      left: 10px;
      position: absolute;
      display: inline-block;
      font-family: "AeonikMedium", sans-serif;
      font-size: 0.75rem;
      color: #F5F8FA;
      background: #0B0B2B;
      padding: 1px 8px;
      border-radius: 4px; }

.hub-lessons-list .lesson-box-wrap .lesson-box {
  margin-top: 10px;
  margin-bottom: 40px; }

.hub-lessons-list .lesson-box-wrap:last-of-type {
  padding-right: 0; }

.lesson-category {
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px; }
  .lesson-category a {
    display: block; }
    .lesson-category a img {
      width: 160px;
      height: 160px;
      max-width: 160px; }
    .lesson-category a:hover {
      -webkit-transform: scale(1.12);
              transform: scale(1.12); }
  .lesson-category:last-of-type {
    padding-right: calc((100vw - 1200px)/2); }
  .lesson-category-small a img {
    width: 75px;
    height: 75px;
    max-width: 75px; }
  .lesson-category-small:last-of-type {
    padding-right: 0; }
  .fw-mini .lesson-category {
    margin-left: 10px;
    margin-right: 10px; }
    .fw-mini .lesson-category a {
      opacity: 0.3; }
      .fw-mini .lesson-category a img {
        width: 90px;
        height: 90px;
        max-width: 90px; }
      .fw-mini .lesson-category a:hover {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        opacity: 1 !important; }

.hub-lessons-sidebar {
  padding: 0 10px 30px; }
  .hub-lessons-sidebar .lesson-box-wrap {
    margin: 9px 0; }
    .hub-lessons-sidebar .lesson-box-wrap .lesson-box {
      height: 85px;
      display: block;
      position: relative; }
      .hub-lessons-sidebar .lesson-box-wrap .lesson-box img {
        border-radius: 10px; }
      .hub-lessons-sidebar .lesson-box-wrap .lesson-box .img {
        width: 140px;
        height: 80px;
        display: block;
        float: left;
        margin-right: 10px;
        margin-top: 2px;
        background-size: cover; }
      .hub-lessons-sidebar .lesson-box-wrap .lesson-box .cat {
        display: none; }
      .hub-lessons-sidebar .lesson-box-wrap .lesson-box .title {
        font-family: "AeonikMedium", sans-serif;
        font-size: 0.8125rem;
        color: rgba(255, 255, 255, 0.5);
        display: block;
        height: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 0px;
        margin-bottom: -1px; }
      .hub-lessons-sidebar .lesson-box-wrap .lesson-box .subtitle {
        font-family: "AeonikBold", sans-serif;
        font-size: 1rem;
        line-height: 130%;
        color: #fff;
        display: block;
        height: 67px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }
      .hub-lessons-sidebar .lesson-box-wrap .lesson-box .time {
        top: 62px;
        left: 103px;
        position: absolute;
        display: inline-block;
        font-family: "AeonikMedium", sans-serif;
        font-size: 0.625rem;
        color: #F5F8FA;
        background: rgba(10, 10, 40, 0.7);
        padding: 1px 4px;
        border-radius: 4px;
        font-variant-numeric: tabular-nums; }

.hub-lessons-detail .module-downloads {
  margin: 0;
  padding: 0;
  margin-bottom: 2.5rem; }
  .hub-lessons-detail .module-downloads li {
    list-style-type: none;
    margin-bottom: 0.625rem; }
    .hub-lessons-detail .module-downloads li a {
      display: block; }

.hub-lessons-detail .module-resource {
  border-radius: 3px;
  padding: 0.625rem 1.25rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .hub-lessons-detail .module-resource:hover {
    background: #F5F8FA; }
    .hub-lessons-detail .module-resource:hover .link {
      color: #18C698; }
  .hub-lessons-detail .module-resource:after {
    content: "";
    clear: both;
    display: table; }
  .hub-lessons-detail .module-resource div {
    float: left; }
  .hub-lessons-detail .module-resource div:first-child {
    width: 42px; }
  .hub-lessons-detail .module-resource div:last-child {
    width: calc(100% - 42px); }
    .hub-lessons-detail .module-resource div:last-child p {
      padding-left: 1.25rem;
      margin: 0;
      color: #657786;
      font-weight: 600; }
      .hub-lessons-detail .module-resource div:last-child p span {
        margin-right: 0.625rem; }
        .hub-lessons-detail .module-resource div:last-child p span:after {
          content: "";
          display: inline-block;
          width: 4px;
          height: 4px;
          background: #657786;
          border-radius: 4px;
          margin-left: 0.625rem;
          vertical-align: middle; }
      .hub-lessons-detail .module-resource div:last-child p.actions {
        font-weight: 500;
        font-size: 0.6875rem;
        text-transform: uppercase; }

.event-listing .event-callout {
  margin-top: -0.625rem;
  margin-bottom: 2.5rem;
  background: #351BF8;
  padding: 2.8125rem 3.75rem;
  border-radius: 3px;
  border: 1px solid #E6ECF0; }
  @media screen and (max-width: 51.9375em) {
    .event-listing .event-callout {
      padding: 1.25rem; } }
  .event-listing .event-callout h2:nth-child(2) {
    font-weight: 400; }
  .event-listing .event-callout h3 {
    font-size: 1.5rem; }
    @media screen and (max-width: 51.9375em) {
      .event-listing .event-callout h3 {
        font-size: 1.3125rem; } }
    @media screen and (max-width: 29.9375em) {
      .event-listing .event-callout h3 {
        font-size: 1.25rem; } }
  .event-listing .event-callout h4 {
    color: #657786;
    margin-top: 1.25rem;
    font-size: 1.25rem; }
    @media screen and (max-width: 51.9375em) {
      .event-listing .event-callout h4 {
        font-size: 1.125rem; } }
    @media screen and (max-width: 29.9375em) {
      .event-listing .event-callout h4 {
        font-size: 1rem; } }
  .event-listing .event-callout a {
    margin-top: 1.875rem; }
  @media screen and (max-width: 51.9375em) {
    .event-listing .event-callout img {
      padding: 0 1.5625rem; } }

.event-card {
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px; }
  @media (max-width: 615px) {
    .event-card {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .event-card:hover svg path {
    fill: #6426DB; }
  .event-card:hover .event-card-image {
    -webkit-transform: scale(1.03);
            transform: scale(1.03); }
  .event-card h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .event-card h3 span {
      color: #000659;
      margin-right: 15px; }
  .event-card .event-card-live {
    padding: 5px 8px 6px;
    font-size: 0.6875rem;
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #ffffff; }
  .event-card .event-card-author {
    width: 40px;
    height: 40px;
    border-radius: 100%; }
    .event-card .event-card-author:not(:first-child) {
      margin-left: -10px; }
  .event-card .event-card-image-wrap {
    width: 30%;
    height: 180px;
    margin-left: 40px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: hidden;
    max-width: 100%; }
    @media (max-width: 615px) {
      .event-card .event-card-image-wrap {
        margin-top: 20px;
        margin-left: 0;
        width: 100%; } }
  .event-card .event-card-image {
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s;
    transition: all .2s; }
    .event-card .event-card-image span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%;
      width: 100%;
      position: relative; }
      .event-card .event-card-image span:after {
        width: 25px;
        background: #ffffff;
        height: 25px;
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1; }
    .event-card .event-card-image svg {
      width: 50px;
      height: 50px;
      border-radius: 100%;
      z-index: 2; }
      .event-card .event-card-image svg path {
        fill: #18C698; }

.event-detail h1 {
  font-family: "GTAmericaBlack", sans-serif;
  font-size: 2.625rem;
  line-height: 130%;
  text-transform: uppercase; }
  @media screen and (max-width: 51.9375em) {
    .event-detail h1 {
      font-size: 2.25rem; } }
  @media screen and (max-width: 29.9375em) {
    .event-detail h1 {
      font-size: 1.75rem; } }

.event-detail .event-info {
  border-radius: 3px;
  margin-top: -50px;
  margin-bottom: 2.5rem;
  padding: 0.625rem 1.25rem; }
  @media screen and (max-width: 51.9375em) {
    .event-detail .event-info {
      padding: 1.875rem; } }
  @media screen and (max-width: 51.9375em) {
    .event-detail .event-info div {
      margin: 0.625rem 0; } }
  @media screen and (max-width: 51.9375em) {
    .event-detail .event-info div:last-child {
      margin-bottom: 0; } }
  .event-detail .event-info div h5 {
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 1.0625rem;
    font-family: "AeonikMedium", sans-serif; }
    .event-detail .event-info div h5 svg {
      width: 16px;
      height: 16px;
      position: relative;
      top: 0px;
      margin-right: 0.3125rem; }
      .event-detail .event-info div h5 svg use {
        fill: #18C698; }
  .event-detail .event-info div a {
    margin: 1.875rem auto 0;
    max-width: 120px; }

.event-detail .event-description {
  padding-right: 3.75rem;
  margin-top: 4.375rem;
  font-size: 1.125rem;
  line-height: 29px; }
  .event-detail .event-description h1, .event-detail .event-description h2, .event-detail .event-description h3, .event-detail .event-description h4, .event-detail .event-description h5, .event-detail .event-description h6 {
    letter-spacing: normal; }
  @media screen and (max-width: 51.9375em) {
    .event-detail .event-description {
      padding-right: 0; } }

.event-detail .event-sidebar {
  margin-top: 4.375rem; }
  @media screen and (max-width: 51.9375em) {
    .event-detail .event-sidebar {
      margin-top: 1.875rem; } }
  .event-detail .event-sidebar > div {
    border: 1px solid #E6ECF0;
    background: #F5F8FA;
    border-radius: 3px;
    margin-left: 2.8125rem;
    padding: 1.875rem;
    position: -webkit-sticky;
    position: sticky;
    top: 100px; }
    @media screen and (max-width: 51.9375em) {
      .event-detail .event-sidebar > div {
        margin-left: 0; } }
    .event-detail .event-sidebar > div > ul {
      margin: 0;
      padding: 0;
      margin-bottom: 1.875rem; }
      .event-detail .event-sidebar > div > ul > li {
        list-style-type: none;
        display: block;
        margin-bottom: 0.3125rem;
        font-size: 0.875rem; }
        .event-detail .event-sidebar > div > ul > li.title {
          text-transform: uppercase;
          color: #14171A;
          font-size: 0.75rem;
          font-weight: 700;
          letter-spacing: normal;
          margin-bottom: 0.625rem; }
    .event-detail .event-sidebar > div .tags li {
      margin-right: 0; }
    .event-detail .event-sidebar > div .tags span {
      background: #ffffff;
      border: 1px solid #E6ECF0;
      padding: 8px 8px; }

.event-detail .tags {
  margin: 0;
  padding: 0;
  margin-top: 1.25rem; }
  .event-detail .tags ul li {
    margin-bottom: 1.25rem; }

.add-to-calendar {
  position: relative;
  cursor: pointer; }
  .add-to-calendar svg use {
    fill: #18C698; }
  .add-to-calendar svg:hover use {
    fill: #129975; }
  .add-to-calendar-links {
    position: absolute;
    z-index: 99;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    margin-top: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    color: blue; }
  .add-to-calendar.active .add-to-calendar-links {
    visibility: visible;
    opacity: 1;
    margin-top: 0px; }

.listing-header {
  margin-bottom: 1.25rem; }
  @media screen and (min-width: 64em) {
    .listing-header {
      margin-bottom: 3.125rem; } }