@charset "UTF-8";
/* Scss Document */
/**
 * Foundation for Sites by ZURB
 * Version 6.4.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 31.25em) {
  .reveal.large, .reveal.small, .reveal.tiny, .reveal {
    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&medium=31.25em&large=62.5em&xlarge=75em&xxlarge=90em";
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 20px;
}

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

body {
  margin: 0;
  padding: 0;
  background: #fdfdfd;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #222222;
  -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: 0;
}

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

.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: 0;
  background: transparent;
  line-height: 1;
}
[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;
}

.grid-container {
  max-width: 45rem;
  margin: 0 auto;
}

.grid-container-padded {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media screen and (min-width: 45em) {
  .grid-container-padded {
    padding-left: 0;
    padding-right: 0;
  }
}

.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: 31.25em) {
  .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: 62.5em) {
  .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.3333333333%;
}

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

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

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

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

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

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

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

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

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

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

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

@media print, screen and (min-width: 31.25em) {
  .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.3333333333%;
  }
  .grid-x > .medium-2 {
    width: 16.6666666667%;
  }
  .grid-x > .medium-3 {
    width: 25%;
  }
  .grid-x > .medium-4 {
    width: 33.3333333333%;
  }
  .grid-x > .medium-5 {
    width: 41.6666666667%;
  }
  .grid-x > .medium-6 {
    width: 50%;
  }
  .grid-x > .medium-7 {
    width: 58.3333333333%;
  }
  .grid-x > .medium-8 {
    width: 66.6666666667%;
  }
  .grid-x > .medium-9 {
    width: 75%;
  }
  .grid-x > .medium-10 {
    width: 83.3333333333%;
  }
  .grid-x > .medium-11 {
    width: 91.6666666667%;
  }
  .grid-x > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 62.5em) {
  .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.3333333333%;
  }
  .grid-x > .large-2 {
    width: 16.6666666667%;
  }
  .grid-x > .large-3 {
    width: 25%;
  }
  .grid-x > .large-4 {
    width: 33.3333333333%;
  }
  .grid-x > .large-5 {
    width: 41.6666666667%;
  }
  .grid-x > .large-6 {
    width: 50%;
  }
  .grid-x > .large-7 {
    width: 58.3333333333%;
  }
  .grid-x > .large-8 {
    width: 66.6666666667%;
  }
  .grid-x > .large-9 {
    width: 75%;
  }
  .grid-x > .large-10 {
    width: 83.3333333333%;
  }
  .grid-x > .large-11 {
    width: 91.6666666667%;
  }
  .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.5rem;
  margin-right: - 0.5rem;
}
@media print, screen and (min-width: 31.25em) {
  .grid-margin-x {
    margin-left: - 0.75rem;
    margin-right: - 0.75rem;
  }
}
.grid-margin-x > .cell {
  width: calc(100% - 1rem);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
@media print, screen and (min-width: 31.25em) {
  .grid-margin-x > .cell {
    width: calc(100% - 1.5rem);
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
}
.grid-margin-x > .auto {
  width: auto;
}
.grid-margin-x > .shrink {
  width: auto;
}
.grid-margin-x > .small-1 {
  width: calc(8.3333333333% - 1rem);
}
.grid-margin-x > .small-2 {
  width: calc(16.6666666667% - 1rem);
}
.grid-margin-x > .small-3 {
  width: calc(25% - 1rem);
}
.grid-margin-x > .small-4 {
  width: calc(33.3333333333% - 1rem);
}
.grid-margin-x > .small-5 {
  width: calc(41.6666666667% - 1rem);
}
.grid-margin-x > .small-6 {
  width: calc(50% - 1rem);
}
.grid-margin-x > .small-7 {
  width: calc(58.3333333333% - 1rem);
}
.grid-margin-x > .small-8 {
  width: calc(66.6666666667% - 1rem);
}
.grid-margin-x > .small-9 {
  width: calc(75% - 1rem);
}
.grid-margin-x > .small-10 {
  width: calc(83.3333333333% - 1rem);
}
.grid-margin-x > .small-11 {
  width: calc(91.6666666667% - 1rem);
}
.grid-margin-x > .small-12 {
  width: calc(100% - 1rem);
}
@media print, screen and (min-width: 31.25em) {
  .grid-margin-x > .auto {
    width: auto;
  }
  .grid-margin-x > .shrink {
    width: auto;
  }
  .grid-margin-x > .small-1 {
    width: calc(8.3333333333% - 1.5rem);
  }
  .grid-margin-x > .small-2 {
    width: calc(16.6666666667% - 1.5rem);
  }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.5rem);
  }
  .grid-margin-x > .small-4 {
    width: calc(33.3333333333% - 1.5rem);
  }
  .grid-margin-x > .small-5 {
    width: calc(41.6666666667% - 1.5rem);
  }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.5rem);
  }
  .grid-margin-x > .small-7 {
    width: calc(58.3333333333% - 1.5rem);
  }
  .grid-margin-x > .small-8 {
    width: calc(66.6666666667% - 1.5rem);
  }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.5rem);
  }
  .grid-margin-x > .small-10 {
    width: calc(83.3333333333% - 1.5rem);
  }
  .grid-margin-x > .small-11 {
    width: calc(91.6666666667% - 1.5rem);
  }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.5rem);
  }
  .grid-margin-x > .medium-auto {
    width: auto;
  }
  .grid-margin-x > .medium-shrink {
    width: auto;
  }
  .grid-margin-x > .medium-1 {
    width: calc(8.3333333333% - 1.5rem);
  }
  .grid-margin-x > .medium-2 {
    width: calc(16.6666666667% - 1.5rem);
  }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 1.5rem);
  }
  .grid-margin-x > .medium-4 {
    width: calc(33.3333333333% - 1.5rem);
  }
  .grid-margin-x > .medium-5 {
    width: calc(41.6666666667% - 1.5rem);
  }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 1.5rem);
  }
  .grid-margin-x > .medium-7 {
    width: calc(58.3333333333% - 1.5rem);
  }
  .grid-margin-x > .medium-8 {
    width: calc(66.6666666667% - 1.5rem);
  }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 1.5rem);
  }
  .grid-margin-x > .medium-10 {
    width: calc(83.3333333333% - 1.5rem);
  }
  .grid-margin-x > .medium-11 {
    width: calc(91.6666666667% - 1.5rem);
  }
  .grid-margin-x > .medium-12 {
    width: calc(100% - 1.5rem);
  }
}
@media print, screen and (min-width: 62.5em) {
  .grid-margin-x > .large-auto {
    width: auto;
  }
  .grid-margin-x > .large-shrink {
    width: auto;
  }
  .grid-margin-x > .large-1 {
    width: calc(8.3333333333% - 1.5rem);
  }
  .grid-margin-x > .large-2 {
    width: calc(16.6666666667% - 1.5rem);
  }
  .grid-margin-x > .large-3 {
    width: calc(25% - 1.5rem);
  }
  .grid-margin-x > .large-4 {
    width: calc(33.3333333333% - 1.5rem);
  }
  .grid-margin-x > .large-5 {
    width: calc(41.6666666667% - 1.5rem);
  }
  .grid-margin-x > .large-6 {
    width: calc(50% - 1.5rem);
  }
  .grid-margin-x > .large-7 {
    width: calc(58.3333333333% - 1.5rem);
  }
  .grid-margin-x > .large-8 {
    width: calc(66.6666666667% - 1.5rem);
  }
  .grid-margin-x > .large-9 {
    width: calc(75% - 1.5rem);
  }
  .grid-margin-x > .large-10 {
    width: calc(83.3333333333% - 1.5rem);
  }
  .grid-margin-x > .large-11 {
    width: calc(91.6666666667% - 1.5rem);
  }
  .grid-margin-x > .large-12 {
    width: calc(100% - 1.5rem);
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: - 0.5rem;
  margin-left: - 0.5rem;
}
@media print, screen and (min-width: 31.25em) {
  .grid-padding-x .grid-padding-x {
    margin-right: - 0.75rem;
    margin-left: - 0.75rem;
  }
}
.grid-padding-x > .cell {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

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

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

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

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

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

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

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

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

@media print, screen and (min-width: 31.25em) {
  .medium-up-1 > .cell {
    width: 100%;
  }
  .medium-up-2 > .cell {
    width: 50%;
  }
  .medium-up-3 > .cell {
    width: 33.3333333333%;
  }
  .medium-up-4 > .cell {
    width: 25%;
  }
  .medium-up-5 > .cell {
    width: 20%;
  }
  .medium-up-6 > .cell {
    width: 16.6666666667%;
  }
  .medium-up-7 > .cell {
    width: 14.2857142857%;
  }
  .medium-up-8 > .cell {
    width: 12.5%;
  }
}
@media print, screen and (min-width: 62.5em) {
  .large-up-1 > .cell {
    width: 100%;
  }
  .large-up-2 > .cell {
    width: 50%;
  }
  .large-up-3 > .cell {
    width: 33.3333333333%;
  }
  .large-up-4 > .cell {
    width: 25%;
  }
  .large-up-5 > .cell {
    width: 20%;
  }
  .large-up-6 > .cell {
    width: 16.6666666667%;
  }
  .large-up-7 > .cell {
    width: 14.2857142857%;
  }
  .large-up-8 > .cell {
    width: 12.5%;
  }
}
.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1rem);
}

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

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

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

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

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

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

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

@media print, screen and (min-width: 31.25em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.5rem);
  }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.5rem);
  }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.3333333333% - 1.5rem);
  }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.5rem);
  }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.5rem);
  }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.6666666667% - 1.5rem);
  }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 1.5rem);
  }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.5rem);
  }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.5rem);
  }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.5rem);
  }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.3333333333% - 1.5rem);
  }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.5rem);
  }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.5rem);
  }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.6666666667% - 1.5rem);
  }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.2857142857% - 1.5rem);
  }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.5rem);
  }
}
@media print, screen and (min-width: 62.5em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.5rem);
  }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.5rem);
  }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.3333333333% - 1.5rem);
  }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.5rem);
  }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.5rem);
  }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.6666666667% - 1.5rem);
  }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.2857142857% - 1.5rem);
  }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.5rem);
  }
}
.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.3333333333%;
}
.small-margin-collapse > .small-2 {
  width: 16.6666666667%;
}
.small-margin-collapse > .small-3 {
  width: 25%;
}
.small-margin-collapse > .small-4 {
  width: 33.3333333333%;
}
.small-margin-collapse > .small-5 {
  width: 41.6666666667%;
}
.small-margin-collapse > .small-6 {
  width: 50%;
}
.small-margin-collapse > .small-7 {
  width: 58.3333333333%;
}
.small-margin-collapse > .small-8 {
  width: 66.6666666667%;
}
.small-margin-collapse > .small-9 {
  width: 75%;
}
.small-margin-collapse > .small-10 {
  width: 83.3333333333%;
}
.small-margin-collapse > .small-11 {
  width: 91.6666666667%;
}
.small-margin-collapse > .small-12 {
  width: 100%;
}
.small-margin-collapse > .medium-1 {
  width: 8.3333333333%;
}
.small-margin-collapse > .medium-2 {
  width: 16.6666666667%;
}
.small-margin-collapse > .medium-3 {
  width: 25%;
}
.small-margin-collapse > .medium-4 {
  width: 33.3333333333%;
}
.small-margin-collapse > .medium-5 {
  width: 41.6666666667%;
}
.small-margin-collapse > .medium-6 {
  width: 50%;
}
.small-margin-collapse > .medium-7 {
  width: 58.3333333333%;
}
.small-margin-collapse > .medium-8 {
  width: 66.6666666667%;
}
.small-margin-collapse > .medium-9 {
  width: 75%;
}
.small-margin-collapse > .medium-10 {
  width: 83.3333333333%;
}
.small-margin-collapse > .medium-11 {
  width: 91.6666666667%;
}
.small-margin-collapse > .medium-12 {
  width: 100%;
}
.small-margin-collapse > .large-1 {
  width: 8.3333333333%;
}
.small-margin-collapse > .large-2 {
  width: 16.6666666667%;
}
.small-margin-collapse > .large-3 {
  width: 25%;
}
.small-margin-collapse > .large-4 {
  width: 33.3333333333%;
}
.small-margin-collapse > .large-5 {
  width: 41.6666666667%;
}
.small-margin-collapse > .large-6 {
  width: 50%;
}
.small-margin-collapse > .large-7 {
  width: 58.3333333333%;
}
.small-margin-collapse > .large-8 {
  width: 66.6666666667%;
}
.small-margin-collapse > .large-9 {
  width: 75%;
}
.small-margin-collapse > .large-10 {
  width: 83.3333333333%;
}
.small-margin-collapse > .large-11 {
  width: 91.6666666667%;
}
.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: 31.25em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .small-3 {
    width: 25%;
  }
  .medium-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .small-6 {
    width: 50%;
  }
  .medium-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .small-9 {
    width: 75%;
  }
  .medium-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .small-12 {
    width: 100%;
  }
  .medium-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }
  .medium-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }
  .medium-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }
  .medium-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
  .medium-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .large-3 {
    width: 25%;
  }
  .medium-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .large-6 {
    width: 50%;
  }
  .medium-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .large-9 {
    width: 75%;
  }
  .medium-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .large-12 {
    width: 100%;
  }
  .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: 62.5em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
  .large-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .small-3 {
    width: 25%;
  }
  .large-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .small-6 {
    width: 50%;
  }
  .large-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .small-9 {
    width: 75%;
  }
  .large-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .small-12 {
    width: 100%;
  }
  .large-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .medium-3 {
    width: 25%;
  }
  .large-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .medium-6 {
    width: 50%;
  }
  .large-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .medium-9 {
    width: 75%;
  }
  .large-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .medium-12 {
    width: 100%;
  }
  .large-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .large-3 {
    width: 25%;
  }
  .large-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .large-6 {
    width: 50%;
  }
  .large-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .large-9 {
    width: 75%;
  }
  .large-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .large-12 {
    width: 100%;
  }
  .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.5rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print, screen and (min-width: 31.25em) {
  .medium-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.75rem);
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.3333333333% + 0.75rem);
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.6666666667% + 0.75rem);
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.75rem);
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.3333333333% + 0.75rem);
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.6666666667% + 0.75rem);
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.75rem);
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.3333333333% + 0.75rem);
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.6666666667% + 0.75rem);
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.75rem);
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.3333333333% + 0.75rem);
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.6666666667% + 0.75rem);
  }
}
@media print, screen and (min-width: 62.5em) {
  .large-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.75rem);
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.3333333333% + 0.75rem);
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.6666666667% + 0.75rem);
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 0.75rem);
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.3333333333% + 0.75rem);
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.6666666667% + 0.75rem);
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 0.75rem);
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.3333333333% + 0.75rem);
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.6666666667% + 0.75rem);
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 0.75rem);
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.3333333333% + 0.75rem);
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.6666666667% + 0.75rem);
  }
}
.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: 31.25em) {
  .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: 62.5em) {
  .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.3333333333%;
}
.grid-y > .small-2 {
  height: 16.6666666667%;
}
.grid-y > .small-3 {
  height: 25%;
}
.grid-y > .small-4 {
  height: 33.3333333333%;
}
.grid-y > .small-5 {
  height: 41.6666666667%;
}
.grid-y > .small-6 {
  height: 50%;
}
.grid-y > .small-7 {
  height: 58.3333333333%;
}
.grid-y > .small-8 {
  height: 66.6666666667%;
}
.grid-y > .small-9 {
  height: 75%;
}
.grid-y > .small-10 {
  height: 83.3333333333%;
}
.grid-y > .small-11 {
  height: 91.6666666667%;
}
.grid-y > .small-12 {
  height: 100%;
}
@media print, screen and (min-width: 31.25em) {
  .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.3333333333%;
  }
  .grid-y > .medium-2 {
    height: 16.6666666667%;
  }
  .grid-y > .medium-3 {
    height: 25%;
  }
  .grid-y > .medium-4 {
    height: 33.3333333333%;
  }
  .grid-y > .medium-5 {
    height: 41.6666666667%;
  }
  .grid-y > .medium-6 {
    height: 50%;
  }
  .grid-y > .medium-7 {
    height: 58.3333333333%;
  }
  .grid-y > .medium-8 {
    height: 66.6666666667%;
  }
  .grid-y > .medium-9 {
    height: 75%;
  }
  .grid-y > .medium-10 {
    height: 83.3333333333%;
  }
  .grid-y > .medium-11 {
    height: 91.6666666667%;
  }
  .grid-y > .medium-12 {
    height: 100%;
  }
}
@media print, screen and (min-width: 62.5em) {
  .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.3333333333%;
  }
  .grid-y > .large-2 {
    height: 16.6666666667%;
  }
  .grid-y > .large-3 {
    height: 25%;
  }
  .grid-y > .large-4 {
    height: 33.3333333333%;
  }
  .grid-y > .large-5 {
    height: 41.6666666667%;
  }
  .grid-y > .large-6 {
    height: 50%;
  }
  .grid-y > .large-7 {
    height: 58.3333333333%;
  }
  .grid-y > .large-8 {
    height: 66.6666666667%;
  }
  .grid-y > .large-9 {
    height: 75%;
  }
  .grid-y > .large-10 {
    height: 83.3333333333%;
  }
  .grid-y > .large-11 {
    height: 91.6666666667%;
  }
  .grid-y > .large-12 {
    height: 100%;
  }
}

.grid-padding-y .grid-padding-y {
  margin-top: - 0.5rem;
  margin-bottom: - 0.5rem;
}
@media print, screen and (min-width: 31.25em) {
  .grid-padding-y .grid-padding-y {
    margin-top: - 0.75rem;
    margin-bottom: - 0.75rem;
  }
}
.grid-padding-y > .cell {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.grid-margin-y {
  margin-top: - 0.5rem;
  margin-bottom: - 0.5rem;
}
@media print, screen and (min-width: 31.25em) {
  .grid-margin-y {
    margin-top: - 0.75rem;
    margin-bottom: - 0.75rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1rem);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 31.25em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.5rem);
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1rem);
}
@media print, screen and (min-width: 31.25em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.5rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.5rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.5rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.5rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.5rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.5rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.5rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.5rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.5rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.5rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.5rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.5rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1.5rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1.5rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.5rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1.5rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1.5rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.5rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1.5rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1.5rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.5rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1.5rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1.5rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.5rem);
  }
}
@media print, screen and (min-width: 62.5em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 1.5rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1.5rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.5rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1.5rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1.5rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.5rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1.5rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1.5rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.5rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1.5rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1.5rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.5rem);
  }
}

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

.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: 31.25em) {
  .medium-grid-frame {
    width: 100vw;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .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: 62.5em) {
  .large-grid-frame {
    width: 100vw;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .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;
  height: 100vh;
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media print, screen and (min-width: 31.25em) {
  .grid-y.medium-grid-frame {
    width: auto;
    height: 100vh;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media print, screen and (min-width: 62.5em) {
  .grid-y.large-grid-frame {
    width: auto;
    height: 100vh;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

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

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.5;
  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,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #3a3a3a;
  text-rendering: optimizeLegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  line-height: 0;
  color: #a4a4a4;
}

h1 {
  font-size: 1.2rem;
  line-height: 1.4;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

h2 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

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

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

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

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

@media print, screen and (min-width: 31.25em) {
  h1 {
    font-size: 1.3rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  h2 {
    font-size: 1.1rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  h3 {
    font-size: 1rem;
  }
  h4 {
    font-size: 0.95rem;
  }
  h5 {
    font-size: 0.9rem;
  }
  h6 {
    font-size: 0.85rem;
  }
}
a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: #1468a0;
}
a img {
  border: 0;
}

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

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

li {
  font-size: inherit;
}

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

ol {
  margin-left: 1.25rem;
}

ul ul, ul ol, ol ul, 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.45rem 1rem 0 0.95rem;
  border-left: 1px solid #a4a4a4;
}
blockquote, blockquote p {
  line-height: 1.5;
  color: #3a3a3a;
}

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

abbr, abbr[title] {
  border-bottom: 1px dotted #222222;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

code {
  padding: inherit;
  border: inherit;
  background-color: inherit;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: inherit;
}

kbd {
  margin: 0;
  padding: 0.1rem 0.2rem 0;
  background-color: #ebebeb;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #222222;
}

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

.lead {
  font-size: 25px;
  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: 31.25em) {
  .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: 62.5em) {
  .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 #3a3a3a;
    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: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  -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: #1779ba;
  color: #fdfdfd;
}
[data-whatinput=mouse] .button {
  outline: 0;
}
.button:hover, .button:focus {
  background-color: #14679e;
  color: #fdfdfd;
}
.button.tiny {
  font-size: 0.6rem;
}
.button.small {
  font-size: 0.75rem;
}
.button.large {
  font-size: 1.25rem;
}
.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.button.primary {
  background-color: #1779ba;
  color: #fdfdfd;
}
.button.primary:hover, .button.primary:focus {
  background-color: #126195;
  color: #fdfdfd;
}
.button.secondary {
  background-color: #767676;
  color: #fdfdfd;
}
.button.secondary:hover, .button.secondary:focus {
  background-color: #5e5e5e;
  color: #fdfdfd;
}
.button.success {
  background-color: #3adb76;
  color: #222222;
}
.button.success:hover, .button.success:focus {
  background-color: #22bb5b;
  color: #222222;
}
.button.warning {
  background-color: #ffae00;
  color: #222222;
}
.button.warning:hover, .button.warning:focus {
  background-color: #cc8b00;
  color: #222222;
}
.button.alert {
  background-color: #cc4b37;
  color: #fdfdfd;
}
.button.alert:hover, .button.alert:focus {
  background-color: #a53b2a;
  color: #fdfdfd;
}
.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: #1779ba;
  color: #fdfdfd;
}
.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: #1779ba;
  color: #fdfdfd;
}
.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: #767676;
  color: #fdfdfd;
}
.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: #3adb76;
  color: #222222;
}
.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: #ffae00;
  color: #222222;
}
.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: #cc4b37;
  color: #fdfdfd;
}
.button.hollow {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.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: #0c3d5d;
  color: #0c3d5d;
}
.button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.button.hollow.primary {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}
.button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.button.hollow.secondary {
  border: 1px solid #767676;
  color: #767676;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}
.button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
  border: 1px solid #767676;
  color: #767676;
}
.button.hollow.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #157539;
  color: #157539;
}
.button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button.hollow.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}
.button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button.hollow.alert {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #67251a;
  color: #67251a;
}
.button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}
.button.clear {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.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: #0c3d5d;
  color: #0c3d5d;
}
.button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.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 #1779ba;
  color: #1779ba;
}
.button.clear.primary:hover, .button.clear.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}
.button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.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 #767676;
  color: #767676;
}
.button.clear.secondary:hover, .button.clear.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}
.button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
  border: 1px solid #767676;
  color: #767676;
}
.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 #3adb76;
  color: #3adb76;
}
.button.clear.success:hover, .button.clear.success:focus {
  border-color: #157539;
  color: #157539;
}
.button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.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 #ffae00;
  color: #ffae00;
}
.button.clear.warning:hover, .button.clear.warning:focus {
  border-color: #805700;
  color: #805700;
}
.button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.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 #cc4b37;
  color: #cc4b37;
}
.button.clear.alert:hover, .button.clear.alert:focus {
  border-color: #67251a;
  color: #67251a;
}
.button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}
.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: #fdfdfd transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}
.button.dropdown.hollow::after {
  border-top-color: #1779ba;
}
.button.dropdown.hollow.primary::after {
  border-top-color: #1779ba;
}
.button.dropdown.hollow.secondary::after {
  border-top-color: #767676;
}
.button.dropdown.hollow.success::after {
  border-top-color: #3adb76;
}
.button.dropdown.hollow.warning::after {
  border-top-color: #ffae00;
}
.button.dropdown.hollow.alert::after {
  border-top-color: #cc4b37;
}
.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

.accordion {
  margin-left: 0;
  background: #fdfdfd;
  list-style-type: none;
}
.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #455455;
  border-bottom: 0;
  font-size: 1rem;
  line-height: 1;
  color: #455455;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #455455;
  border-radius: 0 0 0 0;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #ebebeb;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #455455;
  border-bottom: 0;
  background-color: #fdfdfd;
  color: #222222;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #455455;
}

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: none;
  border-radius: 0;
  background-color: white;
  color: #222222;
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout.primary {
  background-color: #d7ecfa;
  color: #222222;
}
.callout.secondary {
  background-color: #eaeaea;
  color: #222222;
}
.callout.success {
  background-color: #e1faea;
  color: #222222;
}
.callout.warning {
  background-color: #fff3d9;
  color: #222222;
}
.callout.alert {
  background-color: #f7e4e1;
  color: #222222;
}
.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.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;
  white-space: nowrap;
  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: 31.25em) {
  .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: 62.5em) {
  .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-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: #1779ba;
  color: #fdfdfd;
}
.menu .active > a {
  background: #1779ba;
  color: #fdfdfd;
}
.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: #fdfdfd;
  -webkit-box-shadow: 0 7px 0 #fdfdfd, 0 14px 0 #fdfdfd;
          box-shadow: 0 7px 0 #fdfdfd, 0 14px 0 #fdfdfd;
  content: "";
}
.menu-icon:hover::after {
  background: #a4a4a4;
  -webkit-box-shadow: 0 7px 0 #a4a4a4, 0 14px 0 #a4a4a4;
          box-shadow: 0 7px 0 #a4a4a4, 0 14px 0 #a4a4a4;
}

.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: #222222;
  -webkit-box-shadow: 0 7px 0 #222222, 0 14px 0 #222222;
          box-shadow: 0 7px 0 #222222, 0 14px 0 #222222;
  content: "";
}
.menu-icon.dark:hover::after {
  background: #3a3a3a;
  -webkit-box-shadow: 0 7px 0 #3a3a3a, 0 14px 0 #3a3a3a;
          box-shadow: 0 7px 0 #3a3a3a, 0 14px 0 #3a3a3a;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  display: none;
  border: 1px solid #a4a4a4;
  border-radius: 0;
  background-color: #fdfdfd;
  font-size: 1rem;
}
.dropdown-pane.is-opening {
  display: block;
}
.dropdown-pane.is-open {
  visibility: visible;
  display: block;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

.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 a {
  padding: 0.7rem 1rem;
}
[data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}
.dropdown.menu .is-active > a {
  background: transparent;
  color: #1779ba;
}
.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%;
}
@media print, screen and (min-width: 31.25em) {
  .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-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%;
  }
}
@media print, screen and (min-width: 62.5em) {
  .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-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.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;
  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 #a4a4a4;
  background: #fdfdfd;
}
.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem;
}
.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: 0.8rem;
  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%;
}

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(34, 34, 34, 0.45);
  overflow-y: scroll;
}

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #a4a4a4;
  border-radius: 0;
  background-color: #fdfdfd;
  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: 31.25em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 31.25em) {
  .reveal {
    width: 600px;
    max-width: 45rem;
  }
}
.reveal.collapse {
  padding: 0;
}
@media print, screen and (min-width: 31.25em) {
  .reveal.tiny {
    width: 30%;
    max-width: 45rem;
  }
}
@media print, screen and (min-width: 31.25em) {
  .reveal.small {
    width: 50%;
    max-width: 45rem;
  }
}
@media print, screen and (min-width: 31.25em) {
  .reveal.large {
    width: 90%;
    max-width: 45rem;
  }
}
.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: 31.1875em) {
  .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;
}

.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: #ebebeb;
}
.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: 31.25em) {
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    width: auto;
  }
}
@media screen and (max-width: 62.4375em) {
  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .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: 31.1875em) {
  .hide-for-small-only {
    display: none !important;
  }
}

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

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

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

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

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

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

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

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

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

.show-for-sr, #mainMenu a.complete:before, #mainMenu a.active:before,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  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;
  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;
  }
}

.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;
}

body {
  overflow-x: hidden;
  position: relative;
  min-height: 100vh;
}

.l-fullBleed {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
}
.l-fullBleed img {
  width: 100%;
}

.l-maxWidth {
  position: relative;
  max-width: 1020px;
}
.l-maxWidth img {
  width: 100%;
}

.l-pullout {
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 31.25em) {
  .l-pullout {
    display: block;
    float: none;
    width: 50%;
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 62.5em) {
  .l-pullout {
    width: 24rem;
  }
}
.l-pullout img {
  width: 100%;
  border: 3px solid;
}
.l-pullout.noBorder img {
  border: none;
}

.l-pullout-right {
  float: right;
  margin-left: 1rem;
}
@media print, screen and (min-width: 62.5em) {
  .l-pullout-right {
    margin-right: -2.5rem;
  }
}

.mainHeader {
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
}
.mainHeader .row {
  max-width: 45rem;
  margin-right: auto;
  margin-left: auto;
}

.mainHeader--pinned {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.mainHeader--unpinned {
  -webkit-transform: translateY(-60px);
          transform: translateY(-60px);
}

.top-bar-right {
  position: relative;
}

a:link {
  color: #336666;
}

a:visited {
  color: #336666;
}

a:hover {
  color: #336666;
}

a:active {
  color: #336666;
}

sup {
  font-size: 60%;
  padding-right: 3px;
  padding-left: 2px;
}

sup:last-child {
  padding-right: 5px;
}

sup.note a {
  color: red;
}

.center {
  text-align: center;
}

.pageWrapper {
  border-top: 8px solid #455455;
}

.mainContent {
  min-height: 300px;
  padding-bottom: 0px;
  /*ol.icons li { list-style-type:none;}
  span.icon-star-full {font-size:15px;   }*/
}
.mainContent::before, .mainContent::after {
  display: table;
  content: " ";
}
.mainContent::after {
  clear: both;
}
.mainContent a {
  -webkit-transition: 200ms color linear;
  transition: 200ms color linear;
}
.mainContent p {
  margin: 0px 3rem 20px 3rem;
}
.mainContent ul, .mainContent ol {
  margin: -0.5rem 3rem 20px 5rem;
}
.mainContent ul ul {
  list-style-type: circle;
}
.mainContent li {
  margin-bottom: 0.3rem;
}
.mainContent table {
  width: 90%;
  margin: 0px auto 10px auto;
  border-collapse: collapse;
}
.mainContent td,
.mainContent th {
  border: 1px solid;
  padding: 10px;
}
.mainContent td {
  vertical-align: top;
}
.mainContent dl {
  margin: 0px 3rem 20px 3rem;
}
.mainContent dt {
  line-height: 1em;
  margin-top: 1em;
}
.mainContent dd:before {
  content: "– ";
}

/*----replacement bullets----*/
.nicebullets div {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 0.5rem;
  position: relative;
  margin-left: 3rem;
}

.nicebullets div p {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -25px;
  font-size: 1.5em;
  color: white;
}

/*-----images----*/
figure img {
  border-bottom: 0;
  -webkit-box-shadow: 1px 1px 10px #CCC;
          box-shadow: 1px 1px 10px #CCC;
}
figure img.full {
  max-width: 90%;
}
figure img.iconic {
  max-width: 15%;
  -webkit-box-shadow: 0px 0px 0px transparent;
          box-shadow: 0px 0px 0px transparent;
}
figure img.iconic-big {
  max-width: 35%;
  -webkit-box-shadow: 0px 0px 0px transparent;
          box-shadow: 0px 0px 0px transparent;
}
figure img.big {
  max-width: 50%;
}
figure img.small {
  max-width: 33%;
}
figure img.tiny {
  max-width: 20%;
}
.flat-bottom img {
  width: 100%;
  -webkit-box-shadow: 1px 1px 10px transparent;
          box-shadow: 1px 1px 10px transparent;
}

/*409*/
.mtss {
  width: 60%;
  float: left;
  margin-left: -2rem;
}

/*702*/
.clamshell {
  width: 40%;
  float: right;
  margin-right: 1rem;
  margin-left: 1rem;
}

/*402*/
.venn {
  width: 50%;
  float: right;
  margin-right: 1rem;
  margin-left: 1rem;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .venn svg {
    height: 400px;
  }
}
/*103*/
.fla {
  width: 40%;
  float: right;
  margin-right: 1rem;
  margin-left: 1rem;
}

figure.float-right img {
  float: right;
  margin: 10px 40px 0px 20px;
}

figure.float-left img {
  float: left;
  margin: 10px 1rem 0px 40px;
}

figure.float-none {
  text-align: center;
}

figure.float-none img {
  margin: 1rem auto 1rem auto;
}

/*-------accordion------- */
.accordion {
  margin: 0px 20px 10px 40px;
  width: 90%;
}
.accordion p {
  margin: 0px;
  padding: 0px;
}
.accordion a {
  background-image: none;
  text-shadow: none;
}
.accordion a:hover {
  background-color: #E7F3F2;
}
.accordion a:hover {
  background-color: #E7F3F2;
}
.accordion a:active {
  background-color: #E7F3F2;
}
.accordion a:visited {
  background-color: #E7F3F2;
}
.accordion ul {
  padding-left: 1rem;
}
.accordion .accordion-title a:link {
  color: rgba(69, 84, 85, 0.8);
}
.accordion .accordion-content {
  padding: 1rem;
}
.accordion .accordion-content ul, .accordion .accordion-content ol {
  margin-top: 0px;
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.accordion .accordion-content p {
  margin-bottom: 1rem;
}

/*-------workbook------- */
.workbook-box {
  margin: 0rem 2rem 0rem 0rem;
  padding: 0.8rem;
  background-color: rgba(69, 84, 85, 0.3); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(69, 84, 85, 0.5)), color-stop(22%, rgba(69, 84, 85, 0.3)), to(rgba(69, 84, 85, 0)));
  background: linear-gradient(to right, rgba(69, 84, 85, 0.5) 0%, rgba(69, 84, 85, 0.3) 22%, rgba(69, 84, 85, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#80455455", endColorstr="#00455455",GradientType=1 ); /* IE6-9 */
}
.workbook-box .workbook {
  float: left;
  width: 22%;
  margin-left: 0rem;
}
.workbook-box .workbook a {
  background-image: none;
  text-shadow: none;
}
.workbook-box .workout {
  float: left;
  width: 78%;
}
.workbook-box .workout a {
  background-image: none;
  text-shadow: none;
  color: #336666;
  border-bottom: 1px solid #336666;
}
.workbook-box .workout .video-small {
  width: 50.5%;
}
.workbook-box .workout .color-box a {
  background-image: none;
  text-shadow: none;
  color: #fdfdfd;
  border-bottom: 1px solid #fdfdfd;
}
.workbook-box p, .workbook-box h2, .workbook-box ul, .workbook-box ol {
  color: #455455;
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.workbook-box ul, .workbook-box ol {
  padding-left: 2rem;
}
.workbook-box h2 {
  margin: 0.5rem 0.5rem -10px 0.5rem;
}
.workbook-box .accordion {
  margin: 0px 20px 10px 0.5rem;
}
.workbook-box .accordion p, .workbook-box .accordion h2, .workbook-box .accordion ul {
  color: #455455;
  margin: 0rem 0rem 1rem 0rem;
}

.workbook-box + p, .workbook-box + h2, .workbook-box + .accordion {
  padding-top: 1rem;
}

.no-underline a {
  background-image: none;
  text-shadow: none;
  color: #336666;
  border-bottom: 1px solid transparent;
}

/*-------video styling--- */
.reveal {
  background-color: rgb(255, 255, 255);
}

.close-button {
  float: right;
}

.close-button:after {
  content: "CLOSE";
  font-size: 80%;
}

.video-small {
  float: right;
  width: 33.5%;
  margin: 10px 2.6rem 30px 1rem;
}

.video-small a {
  color: #666;
}

.video-small p {
  font-size: 70%;
  width: 100%;
  margin-left: 0px;
  padding: 5px 10px 0px 10px;
  line-height: 1.1em;
}

.video-small img {
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 10px #CCC;
          box-shadow: 1px 1px 10px #CCC;
}

.video-small-duo {
  width: 90%;
  margin: 10px auto 20px auto;
  text-align: center;
  clear: both;
}

.video-small-duo img {
  float: left;
  width: 46%;
  margin: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 10px #CCC;
          box-shadow: 1px 1px 10px #CCC;
}

/*-----goal---------*/
.goal {
  padding: 2rem 3rem 1rem 3rem;
  background: url(../images/sliver.png) top left repeat-x;
}
.goal h2 {
  margin: 0px;
}
.goal p {
  margin: 0px 3rem 20px 0rem;
}
.goal ul, .goal ol {
  margin: -10px 3rem 20px 2rem;
}
.goal li {
  line-height: 1.2rem;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0 0px;
}

/*-------objectives--- */
.objectives {
  width: 100%;
  margin: 0rem auto 0px auto;
  padding: 1rem 3rem 2rem 3rem;
}
.objectives h2 {
  margin: 0px;
  color: #FFF;
}
.objectives p {
  margin: 0px 3rem 20px 0rem;
}
.objectives ul,
.objectives ol {
  margin: -10px 3rem 20px 2rem;
}
.objectives li {
  line-height: 1.2rem;
  margin: 0px 0px 0.5rem 0px;
  padding: 0px 0px 0px 0px;
}

/*-------callouts and (2) block quotes  with bars--- */
.callout {
  font-style: italic;
  width: 50%;
  width: 50%;
  float: right;
  margin: 0rem 1rem 0rem 1rem;
  padding: 0.5rem 2rem 1rem 2rem;
}
.callout p {
  line-height: 2rem;
  margin: 0px 0px 1rem 0px;
}
.callout ul {
  margin-left: 1rem;
}

.blockquote {
  font-style: italic;
  margin: 1rem 4rem 1rem 3rem;
  padding: 1rem 2rem 1rem 2rem;
}
.blockquote p {
  line-height: 1.8rem;
  margin: 0px 0px 1rem 0px;
}
.blockquote ul {
  margin-left: 1rem;
}

/*---with quotes, no bars---*/
.quoteblock {
  font-style: italic;
  margin: 0rem 4rem 1rem 3rem;
  padding: 0rem 2rem 1rem 2rem;
  line-height: 1.8rem;
  clear: both;
}
.quoteblock p {
  margin: 0px;
}
.quoteblock p:before {
  content: "“";
  top: 0.4em;
  left: -10px;
  position: relative;
  font-weight: bold;
  font-family: serif;
  line-height: 1.8rem;
  font-size: 3.75em;
}
.quoteblock p:after {
  content: "”";
  top: 0.4em;
  left: 0px;
  position: relative;
  font-weight: bold;
  font-family: serif;
  line-height: 0.4rem;
  font-size: 3.75em;
}
.quoteblock ul {
  margin-left: 1rem;
}

/*---just inset, no decora;tion-----*/
.blankblock {
  width: 90%;
  margin: 1rem auto 1rem auto;
  padding: 1rem 2rem 0.5rem 2rem;
}

.blankblock p {
  margin: 0px 0px 1rem 0px;
}

/*---attribution--*/
.attribution:before {
  content: "~";
}

.attribution {
  text-align: right;
  font-size: 80%;
  margin: 1rem 1rem 0px 1rem;
  padding-right: 30px;
}

/*--------color box------*/
.color-box {
  width: 90%;
  color: #FFF;
  margin: 1rem auto 1rem auto;
  padding: 0.5rem;
  -webkit-box-shadow: 1px 1px 10px #CCC;
          box-shadow: 1px 1px 10px #CCC;
}
.color-box a {
  text-decoration: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: center bottom 6%;
  background-origin: padding-box;
  background-size: 100% 1.5px;
  text-shadow: 0.09em 0 transparent, 0.06em 0 transparent, 0.03em 0 transparent, -0.09em 0 transparent, -0.06em 0 transparent, -0.03em 0 transparent;
}
.color-box a.whitelink {
  color: #FFF;
  background-image: none;
  text-shadow: none;
}
.color-box p, .color-box h2 {
  margin-left: 1rem;
}
.color-box ul, .color-box ol {
  margin: -0.8rem 1rem 0 3rem;
}
.color-box ul ul, .color-box ol ol {
  margin: 0rem 1rem 0 3rem;
}
.color-box h3 {
  margin: 0rem 1rem 0rem 1rem;
}

.cb-narrow {
  width: 50%;
}

.cb-tight {
  padding-top: 1rem;
}

.listicle div {
  line-height: 1.1em;
  margin-bottom: 1em;
}

/*----acknowledgement ----*/
.acknowledge {
  padding: 1em 1em 1em 0em;
  text-align: center;
}

.acknowledge img {
  height: 200px;
  margin: 1em;
}

.acknowledge a {
  background-image: none;
  text-shadow: none;
}

/*--------footnotes------*/
.hang {
  font-size: 80%;
  padding-left: 10%;
  text-indent: -85px;
  word-wrap: break-word;
}

.returnto {
  width: 100px;
  position: relative;
  top: -90px;
  left: 1vw;
}

.returnto:before {
  content: "↩";
  color: #455455;
}

.returnto a {
  background-image: none;
  text-shadow: none;
}

/*----IDEA 13 definitions----*/
.disability-box {
  background-color: rgba(66, 80, 108, 0.3);
  padding: 20px 10px 10px 10px;
  margin-bottom: 1em;
  /* table {border-collapse: collapse; line-height:1.2em; }
   tr { }
   td {width:20%;}*/
  text-align: center;
}
.disability-box p {
  text-align: left;
  margin-top: 10px;
  font-size: 80%;
}
.disability-box a {
  background-image: none;
  text-shadow: none;
  border-bottom: 1px solid #336666;
}
.disability-box .button {
  margin-bottom: 4px;
  background-color: #42506c;
  border-radius: 10px;
}
.disability-box .button:hover, .disability-box button:focus, .disability-box button:active {
  background-color: #455455;
}
.disability-box .button:visited {
  background-color: #4f4f4f;
}

.IDEAdefinitions .close-button {
  float: right;
}
.IDEAdefinitions .close-button:after {
  content: "CLOSE";
  font-size: 80%;
}

.def13 h3 {
  font-size: 1.2em;
}

.def13 h3 span {
  float: right;
  font-size: 80%;
  padding-top: 5px;
}

.IDEArelated {
  font-size: 80%;
  background-color: rgba(66, 80, 108, 0.3);
  padding: 10px;
}
.IDEArelated p {
  margin-bottom: 5px;
  line-height: 1.1em;
}
.IDEArelated a {
  background-image: none;
  text-shadow: none;
  border-bottom: 1px solid #336666;
}

/*-----------pyramid container------------------------*/
.pyramidContainer {
  width: 50%;
}
.pyramidContainer .altNav {
  display: none;
}
.pyramidContainer .altNav .item {
  display: block;
  width: 60%;
  margin: 0.5em auto;
  padding: 0.5em;
  text-decoration: none;
  color: #000;
}
.pyramidContainer .altNav .item-1 {
  background-color: #f3842d;
}
.pyramidContainer .altNav .item-2 {
  background-color: #dbe23d;
}
.pyramidContainer .altNav .item-3 {
  background-color: #777;
}
.pyramidContainer .altNav .item-4 {
  background-color: #3ab54a;
}
.pyramidContainer .svgContainer {
  position: relative;
  display: inline-block;
  overflow: hidden;
  float: left;
  width: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .pyramidContainer .svgContainer svg {
    height: 400px;
  }
}
.pyramidContainer .svgContent {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}

.pyramid-content {
  font-size: 0.9em;
  overflow: hidden;
  height: 0;
  opacity: 0;
  float: left;
  width: 50%;
}
.pyramid-content .text {
  padding: 10px 1em 1em 1em;
  border: 2px solid;
}
.pyramid-content .text ul {
  padding-left: 1em;
  margin-left: 0em;
}
.pyramid-content .title {
  font-size: 1.1em;
  margin: 0px 0px 20px 0px;
  padding: 0px;
}
.pyramid-content p:last-child {
  margin-bottom: 0;
}

.content1 .text {
  border-color: #f3842d;
}
.content2 .text {
  border-color: #dbe23d;
}
.content3 .text {
  border-color: #000;
}
.content4 .text {
  border-color: #3ab54a;
}
.show {
  height: auto;
  -webkit-transition: opacity 600ms, height 1ms 600ms;
  transition: opacity 600ms, height 1ms 600ms;
  opacity: 1;
}

.tier1 { /*color:#3ab54a;*/
  text-transform: uppercase;
  padding-right: 0px;
  font-weight: bold;
  text-shad0ow: 2px 1px #BBB;
}

.tier2 { /*color: #dbe23d;*/
  text-transform: uppercase;
  text-shadow: 2px 1px #BBB;
  padding-right: px;
  font-weight: bold;
}

.tier3 { /*color: #f3842d ;*/
  text-transform: uppercase;
  text-shadow: 2px 1px #BBB;
  padding-right: 0px;
  font-weight: bold;
}

@media (max-width: 500px) {
  .pyramidContainer {
    width: 100%;
    float: none;
  }
  .pyramid-content {
    width: 100%;
    float: none;
  }
}
/*----^^end pyramid container^^----*/
/*---------Activities-------------------------------------------------------------*/
/*--------------------MQMC-----------------------*/
.beginQuiz {
  font-weight: bold;
  color: #FFF;
  background-color: rgba(90, 80, 98, 0.8);
  margin: 50px auto 2rem auto;
  padding: 20px 0px 5px 0px;
  border-bottom: 5px solid #5a5062;
  width: 300px;
  cursor: pointer;
  text-align: center;
}
.beginQuiz .bgColor {
  border-bottom: 0px;
}

.showQuiz h2 {
  color: rgba(90, 80, 98, 0.8);
  text-align: center;
  padding-right: 2rem;
}

.MQMC ol, .MQMC ul {
  margin-top: 10px;
}
.MQMC li.answer input[type=radio] {
  opacity: 0;
}
.MQMC li.answer input[type=radio] + label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -1px 10px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.88);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.88);
  background-repeat: no-repeat;
  background-position: center;
}
.MQMC li.answer input[type=radio]:checked + label:before {
  background-color: rgba(90, 80, 98, 0.8);
}
.MQMC li.answerlabel span {
  background-color: rgba(69, 84, 85, 0.8);
}
.MQMC li.answer:checked + label span img {
  opacity: 1;
}
.MQMC ul {
  list-style-type: none;
}
.MQMC .submitActivity {
  margin: 40px auto 40px auto;
  padding: 20px;
  text-align: center;
  background-color: rgba(90, 80, 98, 0.8);
  border-bottom: 5px solid #5a5062;
  width: 300px;
  cursor: pointer;
}
.MQMC .submitActivity a {
  text-shadow: none;
  color: white;
  text-decoration: none !important;
}
.MQMC a {
  text-shadow: none;
  color: white;
  text-decoration: none;
}
.MQMC p.score {
  text-align: center;
  font-weight: bold;
}
.MQMC p.review {
  text-align: center;
}
.MQMC .answer-incorrect i {
  font-weight: bold;
}

/*-------------------------FLIP CARDS--------------------------*/
.twoCards {
  padding: 0px 6% 0px 12%;
}

.card {
  max-width: 300px;
  height: 300px;
}
.card a {
  text-shadow: none;
  color: white;
}
.card a:hover {
  color: white;
}

.card-text {
  line-height: 1.3em;
}
.card-text strong {
  font-size: 120%;
}
.card-text span {
  font-size: 80%;
}

.face-0 {
  padding: 20px;
  border-radius: 10px;
}

.face-1 {
  padding: 20px;
  border-radius: 10px;
}

.card-1 {
  float: left;
  margin: 20px;
}

.card-1 .face-0 {
  background: rgba(69, 84, 85, 0.8) url(../images/card-corner6.png) top right no-repeat;
  text-align: center;
}

.card-1 .face-1 {
  background: rgba(69, 84, 85, 0.6);
}

.card-2 {
  float: left;
  margin: 20px;
}

.card-2 .face-0 {
  background: rgba(69, 84, 85, 0.8) url(../images/card-corner6.png) top right no-repeat;
  text-align: center;
}

.card-2 .face-1 {
  background: rgba(69, 84, 85, 0.6);
}

.activityAPI-flipCardAdv .face.is-hidden {
  display: block !important;
}

/*------------------SQMC-----------------------------------------*/
.activityAPI-singleQuestion {
  -webkit-box-shadow: 1px 1px 10px #CCC;
          box-shadow: 1px 1px 10px #CCC;
  width: 90%;
  margin: 0px auto 0px auto;
  background-color: rgba(69, 84, 85, 0.3);
  padding: 20px;
}
.activityAPI-singleQuestion .questionNum:before {
  content: "";
}
.activityAPI-singleQuestion .questionNum {
  text-align: center;
  text-transform: uppercase;
  font-size: 70%;
}
.activityAPI-singleQuestion li.answer input[type=radio] {
  opacity: 0;
}
.activityAPI-singleQuestion li.answer input[type=radio] + label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -5px 10px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.88);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.88);
  background-repeat: no-repeat;
  background-position: center;
}
.activityAPI-singleQuestion li.answer input[type=radio]:checked + label:before {
  background-color: rgba(90, 80, 98, 0.8);
}
.activityAPI-singleQuestion li.answerlabel span {
  background-color: rgba(69, 84, 85, 0.8);
}
.activityAPI-singleQuestion li.answer:checked + label span img {
  opacity: 1;
}
.activityAPI-singleQuestion .reveal {
  height: 60vh;
  min-height: 60vh;
  overfill: scroll;
}
.activityAPI-singleQuestion button {
  vertical-align: top;
  background-color: rgba(69, 84, 85, 0.8);
  padding: 5px;
  margin: 0px;
}
.activityAPI-singleQuestion button:hover, .activityAPI-singleQuestion button:active, .activityAPI-singleQuestion button:visited, .activityAPI-singleQuestion button:focus {
  background-color: #455455;
}
.activityAPI-singleQuestion .nextContainer a {
  background-image: none;
  text-shadow: none;
  background-color: #FFF;
  padding: 0.5rem;
  -webkit-box-shadow: 1px 1px 10px #CCC;
          box-shadow: 1px 1px 10px #CCC;
}
.activityAPI-singleQuestion .info.correct:before {
  font-size: 1.5rem;
  color: #455455;
  font-style: italic;
}
.activityAPI-singleQuestion .info.incorrect:before {
  font-size: 1.5rem;
  color: #455455;
  font-style: italic;
}
.activityAPI-singleQuestion .complete:before {
  font-size: 1.2rem;
  color: #455455;
  font-style: italic;
}

.feedback p.review {
  text-align: center;
  font-weight: bold;
  margin-top: 1rem;
}

.sqmc-hints {
  padding: 20px;
}
.sqmc-hints .accordion {
  margin: 0px auto 10px auto;
  background-color: rgba(69, 84, 85, 0.3);
  -webkit-box-shadow: 1px 1px 10px #CCC;
          box-shadow: 1px 1px 10px #CCC;
  width: 95%;
  border: 0px transparent;
}
.sqmc-hints .accordion p {
  margin: 0px;
  padding: 0px;
}
.sqmc-hints .accordion a {
  background-image: none;
  text-shadow: none;
  color: #222222;
}
.sqmc-hints .accordion a:link {
  background-color: rgba(69, 84, 85, 0.3);
}
.sqmc-hints .accordion a:hover {
  background-color: rgba(69, 84, 85, 0.3);
}
.sqmc-hints .accordion a:active {
  background-color: rgba(69, 84, 85, 0.6);
}
.sqmc-hints .accordion a:visited {
  background-color: rgba(69, 84, 85, 0.6);
}
.sqmc-hints .accordion ul {
  padding-left: 1rem;
}
.sqmc-hints .accordion .accordion-title {
  border: 0px;
}
.sqmc-hints .accordion .accordion-title a:link {
  color: rgba(69, 84, 85, 0.8);
}
.sqmc-hints .accordion .accordion-content {
  border: 0px;
  padding: 1rem;
}
.sqmc-hints .accordion .accordion-content a:link {
  background-color: transparent;
  text-decoration: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: center bottom 6%;
  background-origin: padding-box;
  background-size: 100% 1.5px;
  text-shadow: 0.09em 0 transparent, 0.06em 0 transparent, 0.03em 0 transparent, -0.09em 0 transparent, -0.06em 0 transparent, -0.03em 0 transparent;
  color: #455455;
}
.sqmc-hints .accordion .accordion-content ul, .sqmc-hints .accordion .accordion-content ol {
  margin-top: 0px;
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.sqmc-hints .accordion .accordion-content p {
  margin-bottom: 1rem;
}

.pageTitle {
  text-align: center;
  margin: 2rem 2rem 1rem 2rem;
}

h2 {
  margin: 1rem 3rem 0rem 3rem;
}

.pageTitle-unitPrefix {
  display: block;
}

.pageTitle-unitTitle {
  display: block;
}

.menu-head .menu {
  position: absolute;
  background-color: #FFF;
  background-color: white;
  -webkit-box-shadow: 0px 4px 10px rgba(59, 60, 59, 0.5);
          box-shadow: 0px 4px 10px rgba(59, 60, 59, 0.5);
}
@media (min-width: 918px) {
  .menu-head .menu {
    left: 41rem;
    top: 15px;
    padding: 8px 15px 8px 15px;
    border-radius: 50%;
  }
}
@media (max-width: 918px) {
  .menu-head .menu {
    right: 0rem;
    top: 0vw;
    border-bottom-left-radius: 50%;
    padding: 10px 15px 15px 20px;
  }
}
@media (max-width: 500px) {
  .menu-head .menu {
    right: 0rem;
    top: 0vw;
    border-bottom-left-radius: 20px;
    padding: 5px 10px 5px 10px;
  }
}

.menuButton {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
  background-color: white;
}
.menuButton::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #222222;
  -webkit-box-shadow: 0 7px 0 #222222, 0 14px 0 #222222;
          box-shadow: 0 7px 0 #222222, 0 14px 0 #222222;
  content: "";
}
.menuButton:hover::after {
  background: #3a3a3a;
  -webkit-box-shadow: 0 7px 0 #3a3a3a, 0 14px 0 #3a3a3a;
          box-shadow: 0 7px 0 #3a3a3a, 0 14px 0 #3a3a3a;
}
@media (max-width: 500px) {
  .menuButton {
    vertical-align: top;
    top: 5px;
  }
}
.menuButton:before {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
  content: "Menu";
}

#mainMenu {
  width: 450px;
  border-radius: 0%;
}
#mainMenu a {
  white-space: normal;
  display: block;
  padding-top: 0.6666666667rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 2.25rem;
  position: relative;
  line-height: 1.1;
}
#mainMenu a.active:before {
  content: "Current Unit: ";
}
#mainMenu a.complete:before {
  content: "Unit Complete: ";
}
#mainMenu a.complete.active:before {
  content: "Unit Complete and Current Unit: ";
}

.statusBall, .gateKeeper .status:before, #mainMenu a .status:before, #mainMenu a.complete .status:before {
  content: "";
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 1rem;
  position: absolute;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: -1.75rem;
  border: 2px solid;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.35);
}

.dropdown.menu .mainHeader-returnLink a {
  background-image: none;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
  padding-top: 0.3em;
  padding-right: 0;
  padding-bottom: 0.3em;
  padding-left: 0;
}

.mainHeader-returnLink a:before {
  background: url("../images/arrow_curve.svg") center center no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 1em;
  width: 1.6em;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  -ms-filter: "FlipH";
  -webkit-filter: FlipH;
          filter: FlipH;
}

@media screen and (min-width: 480px) {
  .mainHeader-returnLink a:after {
    content: "";
    display: inline-block;
  }
}
#main .cell {
  padding-right: 0rem;
  padding-left: 0rem;
}

.pageNav {
  border-top: 1px solid black;
  margin-top: 0em;
  padding: 20px 40px 20px 40px;
}
.pageNav a {
  background-image: none;
  text-shadow: none;
}

.pageNav-pageNum {
  font-size: 0.85rem;
}

.pageNav-back,
.pageNav-next {
  font-weight: bold;
}

.backButton:before,
.nextButton:before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  top: -0.2rem;
}

.backButton {
  padding-left: 1.25rem;
  position: relative;
}
.backButton:before {
  left: -0.4rem;
  top: -0.2rem;
}

.nextButton {
  padding-right: 1.25rem;
  position: relative;
}
.nextButton:before {
  right: -0.4rem;
}

.mainFooter {
  bottom: 0;
  width: 100%;
}

.mainFooter-body {
  text-align: center;
  font-size: 0.75rem;
}
.mainFooter-body p:last-child {
  margin-bottom: 0;
}
.mainFooter-body a, .mainFooter-body button {
  color: currentColor;
  text-decoration: underline;
  cursor: pointer;
  background-image: none;
  text-shadow: none;
}

.gateKeeper.is-notComplete .gateKeeper-completedText {
  display: none;
}
.gateKeeper.is-complete .gateKeeper-notCompletedText {
  display: none;
}
.gateKeeper.is-complete .gateKeeperItemParent {
  display: none;
}
.gateKeeper ul {
  margin-right: 3rem;
  margin-left: 5rem;
  margin-top: 1rem;
  margin-bttom: 1rem;
}
.gateKeeper li {
  line-height: 1.6;
}
.gateKeeper a {
  position: relative;
}
/* Scss Document */
.clearboth {
  clear: both;
}

.splash, .first, .standard {
  position: relative;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
.splash .hero img, .first .hero img, .standard .hero img {
  width: 100%;
  max-width: 1020px;
  vertical-align: middle;
}

.sectionTitle {
  text-shadow: -1px 2px #000;
  color: #FFF;
  width: 100%;
  border-color: transparent;
  line-height: 115%;
  z-index: 5;
}

.txt {
  width: 100%;
  position: absolute;
}

.splash, .first {
  /* how the thing looks basket woven */
  /* where the color boar in the TOC sits */
  /* big title on First Page Layouts - each unit */
  /* home page only*/
}
.splash .overlay00, .first .overlay00 {
  background: url(../images/headers/splash00A.png) no-repeat bottom right;
  bottom: 0px;
  right: 0%;
  width: 53%;
}
.splash .overlay01, .first .overlay01 {
  background: url(../images/headers/splash01A.png) no-repeat top left;
  top: 0px;
  left: 0%;
  width: 41.17%;
}
.splash .overlay02, .first .overlay02 {
  background: url(../images/headers/splash02A.png) no-repeat top left;
  top: 0px;
  left: 0%;
  width: 34.21%;
}
.splash .overlay03, .first .overlay03 {
  background: url(../images/headers/splash03A.png) no-repeat top left;
  top: 0px;
  left: 0%;
  width: 35.62%;
}
.splash .overlay04, .first .overlay04 {
  background: url(../images/headers/splash04A.png) no-repeat top left;
  top: 0px;
  left: 0%;
  width: 25.93%;
}
.splash .overlay05, .first .overlay05 {
  background: url(../images/headers/splash05A.png) no-repeat top left;
  top: 0px;
  left: 0%;
  width: 36.4%;
}
.splash .overlay06, .first .overlay06 {
  background: url(../images/headers/splash06A.png) no-repeat top left;
  top: 0px;
  left: 0%;
  width: 38.35%;
}
.splash .overlay07, .first .overlay07 {
  background: url(../images/headers/splash07A.png) no-repeat top left;
  top: 0px;
  left: 0%;
  width: 22.84%;
}
.splash .overlay08, .first .overlay08 {
  background: url(../images/headers/splash08A.png) no-repeat top left;
}
.splash .overlay09, .first .overlay09 {
  background: url(../images/headers/splash09A.png) no-repeat top left;
}
.splash .overlay, .first .overlay {
  position: absolute;
  z-index: 10;
  background-size: cover;
  max-width: 1020px;
  padding-top: 56.25%;
}
.splash .txt, .first .txt {
  top: 40px;
}
.splash .sectionTitle, .first .sectionTitle {
  padding: 2% 0% 1% 2%;
}
@media (min-width: 965px) {
  .splash .sectionTitle, .first .sectionTitle {
    font-size: 1.8em;
  }
}
@media (max-width: 965px) {
  .splash .sectionTitle, .first .sectionTitle {
    font-size: 4vw;
  }
}
.splash .sect01 .sectionTitle, .first .sect01 .sectionTitle {
  padding-left: 40%;
}
.splash .sect02 .sectionTitle, .first .sect02 .sectionTitle {
  padding-left: 30%;
}
.splash .sect03 .sectionTitle, .first .sect03 .sectionTitle {
  padding-left: 39%;
  padding-right: 12vw;
}
.splash .sect04 .sectionTitle, .first .sect04 .sectionTitle {
  padding-left: 28.7%;
}
.splash .sect05 .sectionTitle, .first .sect05 .sectionTitle {
  padding-left: 35%;
}
.splash .sect06 .sectionTitle, .first .sect06 .sectionTitle {
  padding-left: 32%;
}
.splash .sect07 .sectionTitle, .first .sect07 .sectionTitle {
  padding-left: 25%;
}
.splash .blurb, .first .blurb {
  text-shadow: -1px 2px #000;
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 1025px;
  padding: 0.5% 38% 1% 2%;
  line-height: 1.3em;
}
@media (max-width: 800px) {
  .splash .blurb, .first .blurb {
    text-shadow: -1px 1px #000;
  }
}
@media (min-width: 900px) {
  .splash .blurb, .first .blurb {
    font-size: 1.3em;
  }
}
@media (max-width: 900px) {
  .splash .blurb, .first .blurb {
    font-size: 2.7vw;
    top: -0.5vw;
  }
}
.splash .toc, .first .toc {
  width: 100%;
  max-width: 1025px;
  position: relative;
  z-index: 6;
}
@media (min-width: 900px) {
  .splash .toc, .first .toc {
    font-size: 1.1em;
  }
}
@media (max-width: 900px) {
  .splash .toc, .first .toc {
    font-size: 2.5vw;
  }
}
.splash .toc .item, .first .toc .item {
  max-width: 1025px;
  clear: both;
}
.splash .toc .item:first-child, .first .toc .item:first-child {
  padding-top: 0em;
}
.splash .toc .item:last-child, .first .toc .item:last-child {
  padding-bottom: 0.9em;
}
.splash .toc .pageNums, .first .toc .pageNums {
  float: right;
  text-shadow: -1px 1px #000;
}
@media (min-width: 900px) {
  .splash .toc .pageNums, .first .toc .pageNums {
    padding-top: 3px;
    font-size: 0.75em;
  }
}
@media (max-width: 900px) {
  .splash .toc .pageNums, .first .toc .pageNums {
    padding-top: 3px;
    font-size: 2.5vw;
  }
}
.splash .toc .title, .first .toc .title {
  line-height: 0.9em;
  padding: 0.3em 0 0.3em 0;
}
@media (min-width: 900px) {
  .splash .toc .title, .first .toc .title {
    font-size: 1em;
  }
}
@media (max-width: 900px) {
  .splash .toc .title, .first .toc .title {
    font-size: 2.5vw;
  }
}
.splash .toc .title a, .first .toc .title a {
  width: 100%;
  text-shadow: -1px 1px #000;
  text-decoration: none !important;
  background-size: 100% 0px;
}
.splash .toc .title a:hover, .first .toc .title a:hover {
  text-decoration: underline;
}
.splash .sect00 .sectionTitle, .first .sect00 .sectionTitle {
  padding-left: 2%;
}
@media (min-width: 900px) {
  .splash .sect00 .sectionTitle, .first .sect00 .sectionTitle {
    font-size: 2.5em;
    padding-right: 25%;
  }
}
@media (max-width: 900px) {
  .splash .sect00 .sectionTitle, .first .sect00 .sectionTitle {
    font-size: 5.3vw;
    padding-right: 35%;
  }
}
.splash .sect00 .toc .item .title, .first .sect00 .toc .item .title {
  padding-left: 2%;
  line-height: 0.8em;
}
.splash .sect00 .toc .item .pageNums, .first .sect00 .toc .item .pageNums {
  padding-right: 54%;
}
@media (max-width: 400px) {
  .splash .sect00 .toc .item .pageNums, .first .sect00 .toc .item .pageNums {
    padding-right: 55%;
  }
}
@media (min-width: 900px) {
  .splash .sect00 .toc .item, .first .sect00 .toc .item {
    font-size: 1em;
  }
}
@media (max-width: 900px) {
  .splash .sect00 .toc .item, .first .sect00 .toc .item {
    font-size: 2vw;
  }
}
.splash .sect01 .title, .first .sect01 .title {
  padding-left: 43%;
}
.splash .sect01 .pageNums, .first .sect01 .pageNums {
  padding-right: 7%;
}
.splash .sect02 .title, .first .sect02 .title {
  padding-left: 40%;
}
.splash .sect02 .pageNums, .first .sect02 .pageNums {
  padding-right: 7%;
}
.splash .sect03 .title, .first .sect03 .title {
  padding-left: 39.5%;
}
.splash .sect03 .pageNums, .first .sect03 .pageNums {
  padding-right: 7%;
}
.splash .sect04 .title, .first .sect04 .title {
  padding-left: 29%;
}
.splash .sect04 .pageNums, .first .sect04 .pageNums {
  padding-right: 7%;
}
.splash .sect05 .title, .first .sect05 .title {
  padding-left: 35%;
}
.splash .sect05 .pageNums, .first .sect05 .pageNums {
  padding-right: 7%;
}
.splash .sect06 .title, .first .sect06 .title {
  padding-left: 38%;
}
.splash .sect06 .pageNums, .first .sect06 .pageNums {
  padding-right: 7%;
}
.splash .sect07 .title, .first .sect07 .title {
  padding-left: 25%;
}
.splash .sect07 .pageNums, .first .sect07 .pageNums {
  padding-right: 7%;
}

.splash .toc .item:first-child {
  padding-top: 0.5em;
}

@media (max-width: 900px) {
  .first .sect08 .txt, .first .sect09 .txt {
    top: 4.6vw;
  }
}
.first .sect08 .sectionTitle {
  padding: 2.7% 0% 4.1% 2%;
  text-align: center;
}
.first .sect09 .sectionTitle {
  padding: 2.7% 0% 1.1% 2%;
  text-align: center;
}
.first .sect09 .toc {
  bottom: 10px;
  width: 220px;
  margin: 0px auto 0px auto;
}
.first .sect09 .toc .item {
  width: 30px;
  clear: none;
  float: left;
  text-align: center;
}
.first .sect09 .toc .item:last-child {
  padding-bottom: 0px;
}
.first .sect09 .toc .title {
  clear: both;
}
.first .sect09 .toc .pageNums {
  display: none;
}
.first .sect09 h1 {
  clear: both;
}

.standard .bgColor {
  z-index: 10;
}
@media (min-width: 900px) {
  .standard .txt {
    top: 24px;
  }
}
@media (max-width: 900px) {
  .standard .txt {
    top: 2.4vw;
  }
}
.standard .txt .sectionTitle {
  padding: 1% 0% 1% 2%;
}
@media (min-width: 900px) {
  .standard .txt .sectionTitle {
    font-size: 1em;
  }
}
@media (max-width: 900px) {
  .standard .txt .sectionTitle {
    font-size: 3vw;
  }
}

/* Reflection Checkboxes */
.checklist {
  width: 80%;
  margin: 0px auto 2rem auto;
  border: 1px solid transparent;
  -webkit-box-shadow: 1px 1px 10px #CCC;
          box-shadow: 1px 1px 10px #CCC;
  padding: 1rem 2rem 2rem 2rem;
}

.checklist h2 {
  margin: 25px 0px 5px 0px;
}

.checklist div {
  margin: 0px 0px 5px 0px;
}

label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type=checkbox].css-checkbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type=checkbox].css-checkbox + label.css-label {
  padding-left: 20px;
  height: 15px;
  display: inline-block;
  line-height: 15px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -15px;
}

.css-label {
  background-image: url(../images/checkbox/lite-gray-check.png);
}

/*specific classes related to Checkbox skins*/
/*.lite-green-check{background-image:url(http://csscheckbox.com/checkboxes/lite-green-check.png);}
.lite-blue-check{background-image:url(http://csscheckbox.com/checkboxes/lite-blue-check.png);}

.lite-cyan-check{background-image:url(http://csscheckbox.com/checkboxes/lite-cyan-check.png);}
.lite-orange-check{background-image:url(http://csscheckbox.com/checkboxes/lite-orange-check.png);}
.lite-red-check{background-image:url(http://csscheckbox.com/checkboxes/lite-red-check.png);}

.lite-x-cyan{background-image:url(http://csscheckbox.com/checkboxes/lite-x-cyan.png);}
.lite-x-gray{background-image:url(http://csscheckbox.com/checkboxes/lite-x-gray.png);}
.lite-x-blue{background-image:url(http://csscheckbox.com/checkboxes/lite-x-blue.png);}
.lite-x-orange{background-image:url(http://csscheckbox.com/checkboxes/lite-x-orange.png);}
.lite-x-red{background-image:url(http://csscheckbox.com/checkboxes/lite-x-red.png);}
.lite-x-green{background-image:url(http://csscheckbox.com/checkboxes/lite-x-green.png);}

.mac-style{background-image:url(http://csscheckbox.com/checkboxes/mac-style.png);}
.mario-style{background-image:url(http://csscheckbox.com/checkboxes/mario-style.png);}
.alert-style{background-image:url(http://csscheckbox.com/checkboxes/alert-style.png);}
.lite-plus{background-image:url(http://csscheckbox.com/checkboxes/lite-plus.png);}
.dark-plus{background-image:url(http://csscheckbox.com/checkboxes/dark-plus.png);}
.dark-plus-cyan{background-image:url(http://csscheckbox.com/checkboxes/dark-plus-cyan.png);}
.dark-plus-orange{background-image:url(http://csscheckbox.com/checkboxes/dark-plus-orange.png);}

.dark-check-green{background-image:url(http://csscheckbox.com/checkboxes/dark-check-green.png);}
.dark-check-orange{background-image:url(http://csscheckbox.com/checkboxes/dark-check-orange.png);}


.depressed-lite-small{background-image:url(http://csscheckbox.com/checkboxes/depressed-lite-small.png);}
.elegant{background-image:url(http://csscheckbox.com/checkboxes/elegant.png);}
.depressed{background-image:url(http://csscheckbox.com/checkboxes/depressed.png);}
.chrome-style{background-image:url(http://csscheckbox.com/checkboxes/chrome-style.png);}
.web-two-style{background-image:url(http://csscheckbox.com/checkboxes/web-two-style.png);}

.klaus{background-image:url(http://csscheckbox.com/checkboxes/klaus.png);}
.dark-check-cyan{background-image:url(../images/dark-check-cyan.png);}
.vlad{background-image:url(../images/checkbox/vlad.png);}

.web-two-style{background-image:url(../images/checkbox/web-two-style.png);}*/
.lite-gray-check {
  background-image: url(../images/checkbox/lite-gray-check.png);
}

input[type=checkbox].css-checkbox.med + label.css-label.med {
  padding-left: 22px;
  height: 17px;
  display: inline-block;
  line-height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 15px;
  vertical-align: middle;
  cursor: pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {
  background-position: 0 -17px;
}

input[type=checkbox].css-checkbox.sme + label.css-label.sme {
  padding-left: 22px;
  height: 16px;
  display: inline-block;
  line-height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 15px;
  vertical-align: middle;
  cursor: pointer;
}

input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme {
  background-position: 0 -16px;
}

input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
  padding-left: 22px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 15px;
  vertical-align: middle;
  cursor: pointer;
}

input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg {
  background-position: 0 -20px;
}

/*   


*/
.ds_list li {
  margin-bottom: 0.5em;
}

.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.disabled a {
  background-image: none;
  text-shadow: none;
}

html {
  background-color: #fdfdfd;
}

a {
  text-decoration: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: center bottom 6%;
  background-origin: padding-box;
  background-size: 100% 1.5px;
  text-shadow: 0.09em 0 #fdfdfd, 0.06em 0 #fdfdfd, 0.03em 0 #fdfdfd, -0.09em 0 #fdfdfd, -0.06em 0 #fdfdfd, -0.03em 0 #fdfdfd;
}

#mainMenu a {
  color: #3a3a3a;
  background-image: none;
  text-shadow: none;
}
#mainMenu a .status:before {
  background-color: #a4a4a4;
}
#mainMenu a.active {
  background-color: #a4a4a4;
  color: #222222;
}
#mainMenu a.complete .status:before {
  background-color: #3adb76;
  background-image: url("../images/checkWhite.svg");
  background-position: 0 1px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}

.statusBall, #mainMenu a .status:before, #mainMenu a.complete .status:before, .gateKeeper .status:before {
  border-color: #fdfdfd;
}

.pageNav-back a,
.pageNav-next a {
  color: #3a3a3a;
}

.backButton:before {
  background-image: url("../images/arrow_left.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

.nextButton:before {
  background-image: url("../images/arrow_right.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

.gateKeeper .statusBall, .gateKeeper #mainMenu a .status:before, #mainMenu a .gateKeeper .status:before, .gateKeeper .status:before {
  border-color: #fdfdfd;
}
.gateKeeper a .status:before {
  background-color: #a4a4a4;
}
.gateKeeper a.complete .status:before {
  background-color: #6ba973;
  background-image: url("../images/checkWhite.svg");
  background-position: 0 1px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}

/* Scss Document */
.note {
  color: red;
}

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

.txtMain {
  color: #455455;
}

body {
  background-color: #283535;
}

.mainContent {
  background-color: #fdfdfd;
}

#pPageNav {
  background-color: #fdfdfd;
}

.sect00 .blurb {
  color: white;
}

h1,
h2 {
  color: #455455;
}

.toc {
  color: white;
  text-shadow: -1px 1px #000000;
}
.toc a {
  color: white;
  text-shadow: none;
}
.toc a:hover {
  color: white;
}

.sect00 .bgColor {
  background-color: rgba(69, 84, 85, 0.8);
}

.sect01 .bgColor {
  background-color: rgba(66, 80, 108, 0.8);
}

.sect02 .bgColor {
  background-color: rgba(79, 83, 70, 0.8);
}

.sect03 .bgColor {
  background-color: rgba(71, 78, 92, 0.8);
}

.sect04 .bgColor {
  background-color: rgba(86, 78, 78, 0.8);
}

.sect05 .bgColor {
  background-color: rgba(64, 84, 68, 0.8);
}

.sect06 .bgColor {
  background-color: rgba(64, 89, 89, 0.8);
}

.sect07 .bgColor {
  background-color: rgba(79, 79, 79, 0.8);
}

.sect08 .bgColor {
  background-color: rgba(69, 84, 85, 0.8);
}

.sect09 .bgColor {
  background-color: rgba(69, 84, 85, 0.8);
}

.sect00 .bgColor-o {
  background-color: rgba(69, 84, 85, 0.6);
}

.sect01 .bgColor-o {
  background-color: rgba(66, 80, 108, 0.5);
}

.sect02 .bgColor-o {
  background-color: rgba(79, 83, 70, 0.5);
}

.sect03 .bgColor-o {
  background-color: rgba(71, 78, 92, 0.5);
}

.sect04 .bgColor-o {
  background-color: rgba(86, 78, 78, 0.5);
}

.sect05 .bgColor-o {
  background-color: rgba(64, 84, 68, 0.5);
}

.sect06 .bgColor-o {
  background-color: rgba(64, 89, 89, 0.5);
}

.sect07 .bgColor-o {
  background-color: rgba(79, 79, 79, 0.5);
}

.sect08 .bgColor-o {
  background-color: rgba(69, 84, 85, 0.6);
}

.sect09 .bgColor-o {
  background-color: rgba(69, 84, 85, 0.6);
}

.sect00 .bgColor-oo {
  background-color: rgba(69, 84, 85, 0.3);
}

.sect01 .bgColor-oo {
  background-color: rgba(66, 80, 108, 0.3);
}

.sect02 .bgColor-oo {
  background-color: rgba(79, 83, 70, 0.3);
}

.sect03 .bgColor-oo {
  background-color: rgba(71, 78, 92, 0.3);
}

.sect04 .bgColor-oo {
  background-color: rgba(86, 78, 78, 0.3);
}

.sect05 .bgColor-oo {
  background-color: rgba(64, 84, 68, 0.3);
}

.sect06 .bgColor-oo {
  background-color: rgba(64, 89, 89, 0.3);
}

.sect07 .bgColor-oo {
  background-color: rgba(79, 79, 79, 0.3);
}

.sect08 .bgColor-oo {
  background-color: rgba(69, 84, 85, 0.3);
}

.sect09 .bgColor-oo {
  background-color: rgba(69, 84, 85, 0.3);
}

.sect00 .txtColor {
  color: #455455;
}

.sect01 .txtColor {
  color: #42506c;
}

.sect02 .txtColor {
  color: #4f5346;
}

.sect03 .txtColor {
  color: #474e5c;
}

.sect04 .txtColor {
  color: #564e4e;
}

.sect05 .txtColor {
  color: #405444;
}

.sect06 .txtColor {
  color: #405959;
}

.sect07 .txtColor {
  color: #4f4f4f;
}

.sect08 .txtColor {
  color: #455455;
}

.sect09 .txtColor {
  color: #455455;
}

.splash .sect00 .hero img,
.first .sect00 .hero img {
  border-bottom: 5px solid #283535;
}
.splash .sect01 .hero img,
.first .sect01 .hero img {
  border-bottom: 5px solid rgb(66, 80, 108);
}
.splash .sect02 .hero img,
.first .sect02 .hero img {
  border-bottom: 5px solid rgb(79, 83, 70);
}
.splash .sect03 .hero img,
.first .sect03 .hero img {
  border-bottom: 5px solid rgb(71, 78, 92);
}
.splash .sect04 .hero img,
.first .sect04 .hero img {
  border-bottom: 5px solid rgb(86, 78, 78);
}
.splash .sect05 .hero img,
.first .sect05 .hero img {
  border-bottom: 5px solid rgb(64, 84, 68);
}
.splash .sect06 .hero img,
.first .sect06 .hero img {
  border-bottom: 5px solid rgb(64, 89, 89);
}
.splash .sect07 .hero img,
.first .sect07 .hero img {
  border-bottom: 5px solid rgb(79, 79, 79);
}
.splash .sect08 .hero img,
.first .sect08 .hero img {
  border-bottom: 5px solid #283535;
}
.splash .sect09 .hero img,
.first .sect09 .hero img {
  border-bottom: 5px solid #283535;
}

.standard .sect00 .txt {
  border-bottom: 5px solid #283535;
}
.standard .sect01 .txt {
  border-bottom: 5px solid rgb(66, 80, 108);
}
.standard .sect02 .txt {
  border-bottom: 5px solid rgb(79, 83, 70);
}
.standard .sect03 .txt {
  border-bottom: 5px solid rgb(71, 78, 92);
}
.standard .sect04 .txt {
  border-bottom: 5px solid rgb(86, 78, 78);
}
.standard .sect05 .txt {
  border-bottom: 5px solid rgb(64, 84, 68);
}
.standard .sect06 .txt {
  border-bottom: 5px solid rgb(64, 89, 89);
}
.standard .sect07 .txt {
  border-bottom: 5px solid rgb(79, 79, 79);
}
.standard .sect08 .txt {
  border-bottom: 5px solid #283535;
}
.standard .sect09 .txt {
  border-bottom: 5px solid #283535;
}
.standard .sect00 .callout {
  border-left: 3px solid rgba(69, 84, 85, 0.3);
}
.standard .sect01 .callout {
  border-left: 3px solid rgba(66, 80, 108, 0.3);
}
.standard .sect02 .callout {
  border-left: 3px solid rgba(79, 83, 70, 0.3);
}
.standard .sect03 .callout {
  border-left: 3px solid rgba(71, 78, 92, 0.3);
}
.standard .sect04 .callout {
  border-left: 3px solid rgba(86, 78, 78, 0.3);
}
.standard .sect05 .callout {
  border-left: 3px solid rgba(64, 84, 68, 0.3);
}
.standard .sect06 .callout {
  border-left: 3px solid rgba(64, 89, 89, 0.3);
}
.standard .sect07 .callout {
  border-left: 3px solid rgba(79, 79, 79, 0.3);
}
.standard .sect08 .callout {
  border-left: 3px solid rgba(69, 84, 85, 0.3);
}
.standard .sect09 .callout {
  border-left: 3px solid rgba(69, 84, 85, 0.3);
}
.standard .sect00 .blockquote {
  border-top: 3px solid rgba(69, 84, 85, 0.3);
  border-bottom: 3px solid rgba(69, 84, 85, 0.3);
}
.standard .sect01 .blockquote {
  border-top: 3px solid rgba(66, 80, 108, 0.3);
  border-bottom: 3px solid rgba(66, 80, 108, 0.3);
}
.standard .sect02 .blockquote {
  border-top: 3px solid rgba(79, 83, 70, 0.3);
  border-bottom: 3px solid rgba(79, 83, 70, 0.3);
}
.standard .sect03 .blockquote {
  border-top: 3px solid rgba(71, 78, 92, 0.3);
  border-bottom: 3px solid rgba(71, 78, 92, 0.3);
}
.standard .sect04 .blockquote {
  border-top: 3px solid rgba(86, 78, 78, 0.3);
  border-bottom: 3px solid rgba(86, 78, 78, 0.3);
}
.standard .sect05 .blockquote {
  border-top: 3px solid rgba(64, 84, 68, 0.3);
  border-bottom: 3px solid rgba(64, 84, 68, 0.3);
}
.standard .sect06 .blockquote {
  border-top: 3px solid rgba(64, 89, 89, 0.3);
  border-bottom: 3px solid rgba(64, 89, 89, 0.3);
}
.standard .sect07 .blockquote {
  border-top: 3px solid rgba(79, 79, 79, 0.3);
  border-bottom: 3px solid rgba(79, 79, 79, 0.3);
}
.standard .sect08 .blockquote {
  border-top: 3px solid rgba(69, 84, 85, 0.3);
  border-bottom: 3px solid rgba(69, 84, 85, 0.3);
}
.standard .sect09 .blockquote {
  border-top: 3px solid rgba(69, 84, 85, 0.3);
  border-bottom: 3px solid rgba(69, 84, 85, 0.3);
}

.objectives {
  color: #ffffff;
}

.mainFooter {
  border-top: 3px double #455455;
  background-color: #6a7677;
  color: #fdfdfd;
}
.mainFooter a {
  color: #fdfdfd;
}
.mainFooter a:hover {
  text-decoration: underline;
}

.debug *[style] {
  -webkit-box-shadow: 0 0 0 5px rgba(255, 0, 0, 0.5);
          box-shadow: 0 0 0 5px rgba(255, 0, 0, 0.5);
}

.debug a:not([href]),
.debug a[href="#"],
.debug a[href=""],
.debug a[href*="javascript:void(0)"] {
  -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 255, 0.5);
          box-shadow: 0 0 0 5px rgba(0, 0, 255, 0.5);
}

.debug img:not([alt]),
.debug img[alt=""] {
  -webkit-box-shadow: 0 0 0 5px rgba(255, 165, 0, 0.5);
          box-shadow: 0 0 0 5px rgba(255, 165, 0, 0.5);
}

.debug:not([lang]),
.debug[lang=""] {
  -webkit-box-shadow: 0 0 0 5px rgba(255, 127, 80, 0.5);
          box-shadow: 0 0 0 5px rgba(255, 127, 80, 0.5);
}

.debug meta[charset]:not([charset=UTF-8]) {
  -webkit-box-shadow: 0 0 0 5px rgba(220, 20, 60, 0.5);
          box-shadow: 0 0 0 5px rgba(220, 20, 60, 0.5);
}

.debug meta[charset=UTF-8]:not(:first-child) {
  -webkit-box-shadow: 0 0 0 5px rgba(220, 20, 60, 0.5);
          box-shadow: 0 0 0 5px rgba(220, 20, 60, 0.5);
}

.debug meta[name=viewport][content*="user-scalable=no"],
.debug meta[name=viewport][content*=maximum-scale],
.debug meta[name=viewport][content*=minimum-scale] {
  -webkit-box-shadow: 0 0 0 5px rgba(255, 0, 255, 0.5);
          box-shadow: 0 0 0 5px rgba(255, 0, 255, 0.5);
}

.debug input:not([id]),
.debug select:not([id]),
.debug textarea:not([id]) {
  -webkit-box-shadow: 0 0 0 5px rgba(218, 112, 214, 0.5);
          box-shadow: 0 0 0 5px rgba(218, 112, 214, 0.5);
}

.debug label:not([for]) {
  -webkit-box-shadow: 0 0 0 5px rgba(218, 112, 214, 0.5);
          box-shadow: 0 0 0 5px rgba(218, 112, 214, 0.5);
}

.debug input:not([name]),
.debug select:not([name]),
.debug textarea:not([name]),
.debug form:not([name]):not([id]) {
  -webkit-box-shadow: 0 0 0 5px rgba(128, 0, 128, 0.5);
          box-shadow: 0 0 0 5px rgba(128, 0, 128, 0.5);
}

.debug button:empty,
.debug a:empty {
  -webkit-box-shadow: 0 0 0 5px rgba(100, 149, 237, 0.5);
          box-shadow: 0 0 0 5px rgba(100, 149, 237, 0.5);
}

.debug script[type="text/javascript"],
.debug link[rel=stylesheet][type="text/css"] {
  -webkit-box-shadow: 0 0 0 5px rgba(0, 128, 128, 0.5);
          box-shadow: 0 0 0 5px rgba(0, 128, 128, 0.5);
}

/* Scss Document */
/*---flip cards----*/
@media (max-width: 831px) {
  .twoCards {
    padding: 0px auto 0px auto;
  }
  .card {
    max-width: 48%;
    margin: 1%;
  }
}
@media (max-width: 600px) {
  .card {
    max-width: 46%;
    height: 400px;
    margin: 1%;
  }
}
/*--------*/
@media (max-width: 600px) {
  /*402*/
  .venn {
    width: 100%;
    float: none;
    margin: 0px auto 0px auto;
  }
}
/*---Mobile styling----*/
@media (max-width: 500px) {
  .menu-head .menu {
    font-size: 14px;
    padding: 5px 10px 15px 15px;
  }
  #mainMenu {
    width: 275px;
    padding: 5px 10px 15px 10px;
  }
  #mainMenu a {
    padding-top: 0.5rem;
    padding-right: 0.4rem;
    padding-bottom: 0.5rem;
    padding-left: 2rem;
  }
  .mainContent {
    min-height: 65vw;
  }
  .mainContent h2 {
    margin: 1rem 1rem 0rem 0.5rem;
  }
  .mainContent p {
    margin: 0px 10px 20px 10px;
  }
  .mainContent ul, .mainContent ol {
    margin: -0.8rem 10px 20px 30px;
  }
  .mainContent .pageTitle {
    text-align: left;
  }
  .mainContent .objectives {
    padding: 10px;
  }
  .mainContent .objectives p {
    margin-left: 0px;
  }
  .mainContent .objectives h2 {
    margin-left: 0px;
    margin-top: 10px;
  }
  .mainContent .blockquote {
    margin: 0px 0px 1rem 0px;
    padding: 1rem 0.2rem 0.5rem 1rem;
    width: 96%;
  }
  .mainContent .blockquote p {
    line-height: 1.8em;
  }
  .mainContent .callout {
    width: 90%;
    float: none;
    padding: 15px;
    margin-bottom: 10px;
  }
  .mainContent .quoteblock {
    margin: 0.5rem;
    padding: 0.5rem;
  }
  .mainContent .checklist {
    width: 92%;
    margin: 0px 0.5rem 0.5rem 0.5rem;
    padding: 0px 0.5rem 0.5rem 1rem;
  }
  .mainContent .checklist h2 {
    margin-top: 1rem;
  }
  .mainContent dl {
    margin: 0px 0.5rem 20px 0.5rem;
  }
  .acknowledge {
    padding-top: 0px;
  }
  .acknowledge img {
    height: 100px;
    margin: 0px;
  }
  .goal {
    padding: 2rem 0.5rem 0.2rem 0.5rem;
  }
  .goal h2 {
    margin: 0rem 1rem 0rem 0.5rem;
  }
  .color-box {
    width: 96%;
    padding: 0.6rem;
  }
  .color-box p {
    margin: 0px 0rem 1rem 0rem;
  }
  .color-box h2 {
    margin: 0px 0.2rem 0rem 0rem;
  }
  figure { /*003*/
    /*611*/
  }
  figure img {
    border-bottom: 0;
  }
  figure img.workbook {
    max-width: 90px;
  }
  figure img.full {
    max-width: 100%;
    margin: 0.5rem auto 1rem auto;
    float: none;
  }
  figure img.big {
    max-width: 100%;
    margin: 0.5rem auto 1rem auto;
    float: none;
  }
  figure img.small {
    max-width: 100%;
    margin: 0.5rem auto 1rem auto;
    float: none;
  }
  figure img.tiny {
    max-width: 50%;
    width: 50%;
    margin: 0px 0.5rem 0px 0.5rem;
  }
  figure img.iconic {
    float: none;
    max-width: 80%;
  }
  figure img.iconic-big {
    float: none;
    max-width: 80%;
  }
  figure .float-right img {
    float: none;
    margin: 10px;
  }
  figure .float-left img {
    float: none;
    margin: 10px;
  }
  .flat-bottom img {
    max-width: 200%;
    width: 200%;
    margin-left: -20px;
  }
  /*409*/
  .mtss {
    width: 130%;
    float: none;
    margin-left: -1rem;
  }
  /*702*/
  .clamshell {
    width: 40%;
    float: right;
    margin-right: 1rem;
    margin-left: 1rem;
  }
  /*103*/
  .fla {
    width: 100%;
    float: none;
    margin: 0px auto 0px auto;
  }
  .checklist {
    width: 90%;
  }
  .checklist h2 {
    margin-left: 0px;
  }
  .checklist input[type=checkbox].css-checkbox + label.css-label {
    line-height: 1em;
    vertical-align: inherit;
  }
  .workbook-box {
    margin: 0rem 0rem 0rem 0rem;
    padding: 1rem 0.4rem 0.4rem 0.4rem;
  }
  .workbook-box .workbook {
    float: right;
    margin-right: 0rem;
    width: 40%;
    padding: 0.5rem;
  }
  .workbook-box .workout {
    float: none;
    width: 100%;
  }
  .workbook-box .workout .accordion {
    width: 96%;
    margin: 4px;
  }
  .workbook-box ul, .workbook-box ol {
    padding-left: 1rem;
    margin-left: 1rem;
  }
  .workbook-box h2 {
    margin-bottom: 0.2rem;
    margin-top: 0rem;
  }
  .video-small {
    float: none;
    width: 90%;
    margin: 0px auto 10px auto;
    padding: 0px;
  }
  .video-small-duo {
    float: none;
  }
  .video-small-duo img {
    width: 90%;
    margin: 0px auto 10px auto;
    padding: 0px;
  }
  .reveal {
    height: 40vh;
    min-height: 40vh;
  }
  .IDEA {
    min-height: 70vh;
  }
  .disability-box button {
    width: 100%;
  }
  .IDEAdefinitions .reveal {
    background-color: rgb(255, 255, 255);
  }
  .IDEAdefinitions .close-button {
    float: right;
  }
  .IDEAdefinitions .close-button:after {
    content: "CLOSE";
    font-size: 80%;
  }
  .def13 h3 {
    font-size: 1.2em;
  }
  .def13 h3 span {
    float: right;
    font-size: 80%;
    padding-top: 5px;
  }
  .nicebullets div {
    margin-left: 0.5rem;
  }
  .accordion {
    width: 96%;
    margin: 4px;
  }
  .accordion .accordion-title {
    padding-right: 30px;
  }
  .accordion .accordion-content {
    padding: 10px;
  }
  .accordion .accordion-content ul {
    padding-left: 1rem;
    margin-top: -20px;
  }
  .pageNav {
    padding: 20px 10px 10px 10px;
    border-top: 0px;
  }
  .mainFooter-body {
    font-size: 0.5rem;
  }
  .splash h1, .first h1 {
    margin: 1rem 0.5rem 0.5rem 0.5rem;
  }
  .splash h2, .first h2 {
    margin-left: 10px;
    margin-bottom: 5px;
  }
  .splash .sect01, .first .sect01 {
    background: url(../images/headers/mobile01.jpg) no-repeat top right;
    background-size: contain;
  }
  .splash .sect02, .first .sect02 {
    background: url(../images/headers/mobile02.jpg) no-repeat top right;
    background-size: contain;
  }
  .splash .sect03, .first .sect03 {
    background: url(../images/headers/mobile03.jpg) no-repeat top right;
    background-size: contain;
  }
  .splash .sect04, .first .sect04 {
    background: url(../images/headers/mobile04.jpg) no-repeat top right;
    background-size: contain;
  }
  .splash .sect05, .first .sect05 {
    background: url(../images/headers/mobile05.jpg) no-repeat top right;
    background-size: contain;
  }
  .splash .sect06, .first .sect06 {
    background: url(../images/headers/mobile06.jpg) no-repeat top right;
    background-size: contain;
  }
  .splash .sect07, .first .sect07 {
    background: url(../images/headers/mobile07.jpg) no-repeat top right;
    background-size: contain;
  }
  .splash .sect08, .first .sect08 {
    background: url(../images/headers/mobile08.jpg) no-repeat top right;
    background-size: contain;
  }
  .splash .sect09, .first .sect09 {
    background: url(../images/headers/mobile09.jpg) no-repeat top right;
    background-size: contain;
  }
  .splash .sect01 img,
  .splash .sect02 img,
  .splash .sect03 img,
  .splash .sect04 img,
  .splash .sect05 img,
  .splash .sect06 img,
  .splash .sect07 img,
  .splash .sect08 img,
  .splash .sect09 img, .first .sect01 img,
  .first .sect02 img,
  .first .sect03 img,
  .first .sect04 img,
  .first .sect05 img,
  .first .sect06 img,
  .first .sect07 img,
  .first .sect08 img,
  .first .sect09 img {
    display: none;
  }
  .splash .overlay01,
  .splash .overlay02,
  .splash .overlay03,
  .splash .overlay04,
  .splash .overlay05,
  .splash .overlay06,
  .splash .overlay07, .first .overlay01,
  .first .overlay02,
  .first .overlay03,
  .first .overlay04,
  .first .overlay05,
  .first .overlay06,
  .first .overlay07 {
    display: none;
  }
  .splash .sect01 .txt,
  .splash .sect02 .txt,
  .splash .sect03 .txt,
  .splash .sect04 .txt,
  .splash .sect05 .txt,
  .splash .sect06 .txt,
  .splash .sect07 .txt,
  .splash .sect08 .txt,
  .splash .sect09 .txt, .first .sect01 .txt,
  .first .sect02 .txt,
  .first .sect03 .txt,
  .first .sect04 .txt,
  .first .sect05 .txt,
  .first .sect06 .txt,
  .first .sect07 .txt,
  .first .sect08 .txt,
  .first .sect09 .txt {
    position: relative;
  }
  .splash .txt .sectionTitle, .first .txt .sectionTitle {
    line-height: 1.3em;
    padding-top: 20px;
    padding-right: 10vw;
    padding-left: 5%;
    font-size: 5.2vw;
    text-transform: uppercase;
  }
  .splash .sect08 .sectionTitle, .first .sect08 .sectionTitle {
    margin-left: 5px;
  }
  .splash .sect09 .sectionTitle, .first .sect09 .sectionTitle {
    margin-left: 5px;
  }
  .splash .toc .item, .first .toc .item {
    padding-top: 20px;
  }
  .splash .toc .item:first-child, .first .toc .item:first-child {
    padding-top: 20px;
  }
  .splash .toc .item:last-child, .first .toc .item:last-child {
    padding-bottom: 25px;
  }
  .splash .sect01 .toc,
  .splash .sect02 .toc,
  .splash .sect03 .toc,
  .splash .sect04 .toc,
  .splash .sect05 .toc,
  .splash .sect06 .toc,
  .splash .sect07 .toc, .first .sect01 .toc,
  .first .sect02 .toc,
  .first .sect03 .toc,
  .first .sect04 .toc,
  .first .sect05 .toc,
  .first .sect06 .toc,
  .first .sect07 .toc {
    top: 0vw;
  }
  .splash .txt .title, .first .txt .title {
    line-height: 1.2em !important;
    font-size: 4.2vw;
    padding-top: 0px;
    padding-left: 5%;
    padding-right: 10vw;
  }
  .splash .sect01 .pageNums,
  .splash .sect02 .pageNums,
  .splash .sect03 .pageNums,
  .splash .sect04 .pageNums,
  .splash .sect05 .pageNums,
  .splash .sect06 .pageNums,
  .splash .sect07 .pageNums, .first .sect01 .pageNums,
  .first .sect02 .pageNums,
  .first .sect03 .pageNums,
  .first .sect04 .pageNums,
  .first .sect05 .pageNums,
  .first .sect06 .pageNums,
  .first .sect07 .pageNums {
    line-height: 1em;
    font-size: 3vw;
    padding-top: 7px;
    padding-right: 5%;
  }
  .splash .bgColor, .first .bgColor { /*border-bottom:3px solid $green;*/ }
  .splash .sect01 .bgColor,
  .splash .sect02 .bgColor,
  .splash .sect03 .bgColor,
  .splash .sect04 .bgColor,
  .splash .sect05 .bgColor,
  .splash .sect06 .bgColor,
  .splash .sect07 .bgColor,
  .splash .sect08 .bgColor,
  .splash .sect09 .bgColor, .first .sect01 .bgColor,
  .first .sect02 .bgColor,
  .first .sect03 .bgColor,
  .first .sect04 .bgColor,
  .first .sect05 .bgColor,
  .first .sect06 .bgColor,
  .first .sect07 .bgColor,
  .first .sect08 .bgColor,
  .first .sect09 .bgColor {
    top: 0px;
  }
  .splash .sect00 {
    background: url(../images/headers/mobile00.jpg) no-repeat top right;
    background-size: cover;
    height: 60vw;
  }
  .splash .sect00 img {
    display: none;
  }
  .splash .overlay00 {
    display: none;
  }
  .splash .sect00 .bgColor {
    top: 0vw;
    border-bottom: 5px solid #455455;
  }
  .splash .sect00 .sectionTitle {
    padding-right: 15%;
    font-size: 6.6vw;
  }
  .splash .sect00 .blurb {
    font-size: 4.5vw;
    padding: 2% 15% 1% 5%;
    line-height: 1.2em;
  }
  .splash .sect00 .pageNums {
    line-height: 1em;
    font-size: 3vw;
    padding-top: 0px;
    padding: 0px 20% 0px 0px !important;
  }
  .splash .sect00 .title {
    margin-left: 1%;
    font-size: 3.5vw;
  }
  .splash .sect00 .item:first-child {
    padding-top: 20px;
  }
  .splash .sect00 .item:last-child {
    padding-bottom: 25px;
  }
  .splash .sect00 .toc {
    padding-left: 2%;
  }
  .splash .splash-mobile-support {
    height: 275px;
  }
  .first .sect09 .toc {
    height: 60px;
  }
  .standard h1 {
    margin: 2rem 0.5rem 0.5rem 0.5rem;
  }
  .standard .bgColor {
    border-bottom: 0px !important;
    top: 0;
  }
  .standard .hero img {
    display: none;
  }
  .standard .hero .txt .sectionTitle {
    padding: 1% 0% 2% 2%;
    font-size: 4vw;
  }
  .standard .returnto {
    font-size: 80%;
    width: 100px;
    position: absolute;
    top: 35px;
    left: 75vw;
  }
  .hang {
    padding-left: 40px;
    text-indent: -40px;
  }
  /*------------------Activities--------------------*/
  /*---cards----*/
  .twoCards {
    padding: 1%;
  }
  .card {
    float: none;
    max-width: 100%;
    width: 100%;
    height: 300px;
  }
  /*--------------------MQMC-----------------------*/
  .MQMC .answers {
    margin: 10px 0px 0px 0px;
    padding: 0px 0xp 0px 0px;
  }
}
/*# sourceMappingURL=main.css.map */