@font-face {
  font-family: "Avenir";
  font-weight: 300;
  font-style: normal;
  src: url("/public/fonts/Avenir-Book.eot");
  src: url("/public/fonts/Avenir-Book.eot?") format("embedded-opentype"), url("/public/fonts/Avenir-Book.ttf") format("truetype"), url("/public/fonts/Avenir-Book.woff") format("woff"), url("/public/fonts/Avenir-Book.svg#font") format("svg"); }

@font-face {
  font-family: "Avenir";
  font-weight: 500;
  font-style: normal;
  src: url("/public/fonts/Avenir-Medium.eot");
  src: url("/public/fonts/Avenir-Medium.eot?") format("embedded-opentype"), url("/public/fonts/Avenir-Medium.ttf") format("truetype"), url("/public/fonts/Avenir-Medium.woff") format("woff"), url("/public/fonts/Avenir-Medium.svg#font") format("svg"); }

@font-face {
  font-family: "Avenir";
  font-weight: 700;
  font-style: normal;
  src: url("/public/fonts/Avenir-Heavy.eot");
  src: url("/public/fonts/Avenir-Heavy.eot?") format("embedded-opentype"), url("/public/fonts/Avenir-Heavy.ttf") format("truetype"), url("/public/fonts/Avenir-Heavy.woff") format("woff"), url("/public/fonts/Avenir-Heavy.svg#font") format("svg"); }

@font-face {
  font-family: "Avenir";
  font-weight: 900;
  font-style: normal;
  src: url("/public/fonts/Avenir-Black.eot");
  src: url("/public/fonts/Avenir-Black.eot?") format("embedded-opentype"), url("/public/fonts/Avenir-Black.ttf") format("truetype"), url("/public/fonts/Avenir-Black.woff") format("woff"), url("/public/fonts/Avenir-Black.svg#font") format("svg"); }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  font-family: sans-serif; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none; }

button,
a {
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  vertical-align: middle; }

*:focus {
  outline: none; }

.credit-card {
  width: 20pt;
  height: 14pt;
  display: inline-block; }
  .credit-card.visa {
    background: url("https://diy-static.s3.amazonaws.com/nimbus/cc-visa@3x.png") no-repeat;
    background-size: 20pt 14pt; }
  .credit-card.discover {
    background: url("https://diy-static.s3.amazonaws.com/nimbus/cc-discover@3x.png") no-repeat;
    background-size: 20pt 14pt; }
  .credit-card.amex {
    background: url("https://diy-static.s3.amazonaws.com/nimbus/cc-amex@3x.png") no-repeat;
    background-size: 20pt 14pt; }
  .credit-card.mastercard {
    background: url("https://diy-static.s3.amazonaws.com/nimbus/cc-mastercard@3x.png") no-repeat;
    background-size: 20pt 14pt; }

.blur {
  -webkit-filter: blur(3px);
  filter: blur(3px); }

.grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.stuck {
  position: fixed;
  top: 0;
  z-index: 1000; }

.logo {
  width: 33px;
  height: 66px;
  background-size: 33px 66px;
  background-image: url("/public/svg/brand/logo-jam.svg");
  background-clip: content-box;
  margin: 0px   ;
  background-clip: content-box; }

.logo.small {
  width: 22px;
  height: 44px;
  background-size: 22px 44px; }

.logo.tiny {
  width: 16.5px;
  height: 33px;
  background-size: 16.5px 33px; }

.logo.black {
  background-image: url("/public/svg/brand/logo-jam-inverse.svg"); }

.hidden {
  opacity: 0; }

.uppercase {
  text-transform: uppercase; }

.underline,
.underline a {
  text-decoration: underline; }

.highlight {
  padding: 22px   ;
  background-color: #4F7FF8;
  border-radius: 6px;
  color: #FFFFFF; }

.inner-wrapper {
  width: 100%;
  max-width: 1023px;
  margin-left: auto;
  margin-right: auto; }

.card {
  background: white;
  padding: 22px;
  border-radius: 6px;
  color: #39464E; }

.static-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 44px   ; }
  @media (max-width: 770px) {
    .static-container {
      padding: 0; } }
  .static-container .card {
    padding: 44px   ; }
    @media (max-width: 770px) {
      .static-container .card {
        border-radius: 0; } }
  .static-container .inner-wrapper > :nth-child(n) {
    margin-bottom: 22px; }
  .static-container .inner-wrapper > :last-child {
    margin-bottom: 0; }
  .static-container h2, .static-container h3 {
    padding-top: 33px; }
  .static-container ul,
  .static-container ol {
    margin-left: 22px; }
    .static-container ul > :nth-child(n),
    .static-container ol > :nth-child(n) {
      margin-bottom: 11px; }
    .static-container ul > :last-child,
    .static-container ol > :last-child {
      margin-bottom: 0; }
  .static-container li {
    line-height: 1.5em;
    padding-left: 11px; }
  .static-container ol li {
    list-style: decimal; }
  .static-container ul li {
    list-style: circle; }

.fade-enter {
  opacity: 0; }

.fade-enter.fade-enter-active {
  opacity: 1;
  transition: opacity 0.2s ease-in; }

.fade-leave {
  opacity: 1; }

.fade-leave.fade-leave-active {
  opacity: 0;
  transition: opacity 0.2s ease-in; }

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: transparent; }

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: transparent; }

input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent; }

a.svg,
button.svg {
  padding: 0px   ;
  border: none; }

.em {
  background: url("/public/svg/emojis/apple_sprite.png") top left no-repeat;
  width: 20px;
  height: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  -webkit-transform: scale(0.8) translateY(5.5px);
  -ms-transform: scale(0.8) translateY(5.5px);
  transform: scale(0.8) translateY(5.5px); }

/* CSS for high-resolution devices (HiDPI), you can add this if you want it */
/*
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
  .em {
        background-image: url(../img/apple_sprite@2x.png);
        background-size: 120px 5440px;
  }
}
*/
.emj1359 {
  background-position: 0 0; }

.emj1403 {
  background-position: -20px 0; }

.emj1360 {
  background-position: -40px 0; }

.emj1361 {
  background-position: -60px 0; }

.emj1362 {
  background-position: -80px 0; }

.emj1363 {
  background-position: -100px 0; }

.emj1364 {
  background-position: 0 -20px; }

.emj1365 {
  background-position: -20px -20px; }

.emj1366 {
  background-position: -40px -20px; }

.emj1368 {
  background-position: -60px -20px; }

.emj1369 {
  background-position: -80px -20px; }

.emj1425 {
  background-position: -100px -20px; }

.emj1426 {
  background-position: 0 -40px; }

.emj78 {
  background-position: -20px -40px; }

.emj1370 {
  background-position: -40px -40px; }

.emj1371 {
  background-position: -60px -40px; }

.emj1372 {
  background-position: -80px -40px; }

.emj1383 {
  background-position: -100px -40px; }

.emj1382 {
  background-position: 0 -60px; }

.emj1384 {
  background-position: -20px -60px; }

.emj1385 {
  background-position: -40px -60px; }

.emj1387 {
  background-position: -60px -60px; }

.emj1388 {
  background-position: -80px -60px; }

.emj1386 {
  background-position: -100px -60px; }

.emj1592 {
  background-position: 0 -80px; }

.emj1594 {
  background-position: -20px -80px; }

.emj1373 {
  background-position: -40px -80px; }

.emj1598 {
  background-position: -60px -80px; }

.emj1374 {
  background-position: -80px -80px; }

.emj1413 {
  background-position: -100px -80px; }

.emj1375 {
  background-position: 0 -100px; }

.emj1376 {
  background-position: -20px -100px; }

.emj1377 {
  background-position: -40px -100px; }

.emj1427 {
  background-position: -60px -100px; }

.emj1595 {
  background-position: -80px -100px; }

.emj1410 {
  background-position: -100px -100px; }

.emj1389 {
  background-position: 0 -120px; }

.emj1390 {
  background-position: -20px -120px; }

.emj1391 {
  background-position: -40px -120px; }

.emj1392 {
  background-position: -60px -120px; }

.emj1379 {
  background-position: -80px -120px; }

.emj1380 {
  background-position: -100px -120px; }

.emj1424 {
  background-position: 0 -140px; }

.emj77 {
  background-position: -20px -140px; }

.emj1394 {
  background-position: -40px -140px; }

.emj1381 {
  background-position: -60px -140px; }

.emj1402 {
  background-position: -80px -140px; }

.emj1400 {
  background-position: -100px -140px; }

.emj1395 {
  background-position: 0 -160px; }

.emj1405 {
  background-position: -20px -160px; }

.emj1408 {
  background-position: -40px -160px; }

.emj1399 {
  background-position: -60px -160px; }

.emj1407 {
  background-position: -80px -160px; }

.emj1406 {
  background-position: -100px -160px; }

.emj1397 {
  background-position: 0 -180px; }

.emj1398 {
  background-position: -20px -180px; }

.emj1393 {
  background-position: -40px -180px; }

.emj1396 {
  background-position: -60px -180px; }

.emj1401 {
  background-position: -80px -180px; }

.emj1378 {
  background-position: -100px -180px; }

.emj1404 {
  background-position: 0 -200px; }

.emj1409 {
  background-position: -20px -200px; }

.emj1412 {
  background-position: -40px -200px; }

.emj1591 {
  background-position: -60px -200px; }

.emj1414 {
  background-position: -80px -200px; }

.emj1593 {
  background-position: -100px -200px; }

.emj1596 {
  background-position: 0 -220px; }

.emj1411 {
  background-position: -20px -220px; }

.emj1114 {
  background-position: -40px -220px; }

.emj1119 {
  background-position: -60px -220px; }

.emj1367 {
  background-position: -80px -220px; }

.emj1043 {
  background-position: -100px -220px; }

.emj1032 {
  background-position: 0 -240px; }

.emj1033 {
  background-position: -20px -240px; }

.emj1044 {
  background-position: -40px -240px; }

.emj1034 {
  background-position: -60px -240px; }

.emj1041 {
  background-position: -80px -240px; }

.emj1597 {
  background-position: -100px -240px; }

.emj1417 {
  background-position: 0 -260px; }

.emj1415 {
  background-position: -20px -260px; }

.emj1416 {
  background-position: -40px -260px; }

.emj1418 {
  background-position: -60px -260px; }

.emj1419 {
  background-position: -80px -260px; }

.emj1420 {
  background-position: -100px -260px; }

.emj1423 {
  background-position: 0 -280px; }

.emj1422 {
  background-position: -20px -280px; }

.emj1421 {
  background-position: -40px -280px; }

.emj1455 {
  background-position: -60px -280px; }

.emj1456 {
  background-position: -80px -280px; }

.emj1457 {
  background-position: -100px -280px; }

.emj1458 {
  background-position: 0 -300px; }

.emj1459 {
  background-position: -20px -300px; }

.emj1460 {
  background-position: -40px -300px; }

.emj896 {
  background-position: -60px -300px; }

.emj897 {
  background-position: -80px -300px; }

.emj898 {
  background-position: -100px -300px; }

.emj899 {
  background-position: 0 -320px; }

.emj900 {
  background-position: -20px -320px; }

.emj901 {
  background-position: -40px -320px; }

.emj872 {
  background-position: -60px -320px; }

.emj873 {
  background-position: -80px -320px; }

.emj874 {
  background-position: -100px -320px; }

.emj875 {
  background-position: 0 -340px; }

.emj876 {
  background-position: -20px -340px; }

.emj877 {
  background-position: -40px -340px; }

.emj884 {
  background-position: -60px -340px; }

.emj885 {
  background-position: -80px -340px; }

.emj886 {
  background-position: -100px -340px; }

.emj887 {
  background-position: 0 -360px; }

.emj888 {
  background-position: -20px -360px; }

.emj889 {
  background-position: -40px -360px; }

.emj890 {
  background-position: -60px -360px; }

.emj891 {
  background-position: -80px -360px; }

.emj892 {
  background-position: -100px -360px; }

.emj893 {
  background-position: 0 -380px; }

.emj894 {
  background-position: -20px -380px; }

.emj895 {
  background-position: -40px -380px; }

.emj866 {
  background-position: -60px -380px; }

.emj867 {
  background-position: -80px -380px; }

.emj868 {
  background-position: -100px -380px; }

.emj869 {
  background-position: 0 -400px; }

.emj870 {
  background-position: -20px -400px; }

.emj871 {
  background-position: -40px -400px; }

.emj144 {
  background-position: -60px -400px; }

.emj145 {
  background-position: -80px -400px; }

.emj146 {
  background-position: -100px -400px; }

.emj147 {
  background-position: 0 -420px; }

.emj148 {
  background-position: -20px -420px; }

.emj149 {
  background-position: -40px -420px; }

.emj156 {
  background-position: -60px -420px; }

.emj157 {
  background-position: -80px -420px; }

.emj158 {
  background-position: -100px -420px; }

.emj159 {
  background-position: 0 -440px; }

.emj160 {
  background-position: -20px -440px; }

.emj161 {
  background-position: -40px -440px; }

.emj878 {
  background-position: -60px -440px; }

.emj879 {
  background-position: -80px -440px; }

.emj880 {
  background-position: -100px -440px; }

.emj881 {
  background-position: 0 -460px; }

.emj882 {
  background-position: -20px -460px; }

.emj883 {
  background-position: -40px -460px; }

.emj150 {
  background-position: -60px -460px; }

.emj151 {
  background-position: -80px -460px; }

.emj152 {
  background-position: -100px -460px; }

.emj153 {
  background-position: 0 -480px; }

.emj154 {
  background-position: -20px -480px; }

.emj155 {
  background-position: -40px -480px; }

.emj902 {
  background-position: -60px -480px; }

.emj903 {
  background-position: -80px -480px; }

.emj904 {
  background-position: -100px -480px; }

.emj905 {
  background-position: 0 -500px; }

.emj906 {
  background-position: -20px -500px; }

.emj907 {
  background-position: -40px -500px; }

.emj1120 {
  background-position: -60px -500px; }

.emj1121 {
  background-position: -80px -500px; }

.emj1122 {
  background-position: -100px -500px; }

.emj1123 {
  background-position: 0 -520px; }

.emj1124 {
  background-position: -20px -520px; }

.emj1125 {
  background-position: -40px -520px; }

.emj1473 {
  background-position: -60px -520px; }

.emj1474 {
  background-position: -80px -520px; }

.emj1475 {
  background-position: -100px -520px; }

.emj1476 {
  background-position: 0 -540px; }

.emj1477 {
  background-position: -20px -540px; }

.emj1478 {
  background-position: -40px -540px; }

.emj63 {
  background-position: -60px -540px; }

.emj64 {
  background-position: -80px -540px; }

.emj65 {
  background-position: -100px -540px; }

.emj66 {
  background-position: 0 -560px; }

.emj67 {
  background-position: -20px -560px; }

.emj68 {
  background-position: -40px -560px; }

.emj842 {
  background-position: -60px -560px; }

.emj843 {
  background-position: -80px -560px; }

.emj844 {
  background-position: -100px -560px; }

.emj845 {
  background-position: 0 -580px; }

.emj846 {
  background-position: -20px -580px; }

.emj847 {
  background-position: -40px -580px; }

.emj848 {
  background-position: -60px -580px; }

.emj849 {
  background-position: -80px -580px; }

.emj850 {
  background-position: -100px -580px; }

.emj851 {
  background-position: 0 -600px; }

.emj852 {
  background-position: -20px -600px; }

.emj853 {
  background-position: -40px -600px; }

.emj854 {
  background-position: -60px -600px; }

.emj855 {
  background-position: -80px -600px; }

.emj856 {
  background-position: -100px -600px; }

.emj857 {
  background-position: 0 -620px; }

.emj858 {
  background-position: -20px -620px; }

.emj859 {
  background-position: -40px -620px; }

.emj860 {
  background-position: -60px -620px; }

.emj861 {
  background-position: -80px -620px; }

.emj862 {
  background-position: -100px -620px; }

.emj863 {
  background-position: 0 -640px; }

.emj864 {
  background-position: -20px -640px; }

.emj865 {
  background-position: -40px -640px; }

.emj1322 {
  background-position: -60px -640px; }

.emj1323 {
  background-position: -80px -640px; }

.emj1324 {
  background-position: -100px -640px; }

.emj1325 {
  background-position: 0 -660px; }

.emj1326 {
  background-position: -20px -660px; }

.emj1327 {
  background-position: -40px -660px; }

.emj1316 {
  background-position: -60px -660px; }

.emj1317 {
  background-position: -80px -660px; }

.emj1318 {
  background-position: -100px -660px; }

.emj1319 {
  background-position: 0 -680px; }

.emj1320 {
  background-position: -20px -680px; }

.emj1321 {
  background-position: -40px -680px; }

.emj1599 {
  background-position: -60px -680px; }

.emj1600 {
  background-position: -80px -680px; }

.emj1601 {
  background-position: -100px -680px; }

.emj1602 {
  background-position: 0 -700px; }

.emj1603 {
  background-position: -20px -700px; }

.emj1604 {
  background-position: -40px -700px; }

.emj1328 {
  background-position: -60px -700px; }

.emj1329 {
  background-position: -80px -700px; }

.emj1330 {
  background-position: -100px -700px; }

.emj1331 {
  background-position: 0 -720px; }

.emj1332 {
  background-position: -20px -720px; }

.emj1333 {
  background-position: -40px -720px; }

.emj162 {
  background-position: -60px -720px; }

.emj163 {
  background-position: -80px -720px; }

.emj164 {
  background-position: -100px -720px; }

.emj165 {
  background-position: 0 -740px; }

.emj166 {
  background-position: -20px -740px; }

.emj167 {
  background-position: -40px -740px; }

.emj1064 {
  background-position: -60px -740px; }

.emj1065 {
  background-position: -80px -740px; }

.emj1066 {
  background-position: -100px -740px; }

.emj1067 {
  background-position: 0 -760px; }

.emj1068 {
  background-position: -20px -760px; }

.emj1069 {
  background-position: -40px -760px; }

.emj840 {
  background-position: -60px -760px; }

.emj841 {
  background-position: -80px -760px; }

.emj828 {
  background-position: -100px -760px; }

.emj829 {
  background-position: 0 -780px; }

.emj830 {
  background-position: -20px -780px; }

.emj831 {
  background-position: -40px -780px; }

.emj832 {
  background-position: -60px -780px; }

.emj833 {
  background-position: -80px -780px; }

.emj834 {
  background-position: -100px -780px; }

.emj835 {
  background-position: 0 -800px; }

.emj836 {
  background-position: -20px -800px; }

.emj837 {
  background-position: -40px -800px; }

.emj838 {
  background-position: -60px -800px; }

.emj839 {
  background-position: -80px -800px; }

.emj826 {
  background-position: -100px -800px; }

.emj825 {
  background-position: 0 -820px; }

.emj927 {
  background-position: -20px -820px; }

.emj928 {
  background-position: -40px -820px; }

.emj1349 {
  background-position: -60px -820px; }

.emj1014 {
  background-position: -80px -820px; }

.emj1015 {
  background-position: -100px -820px; }

.emj1016 {
  background-position: 0 -840px; }

.emj1017 {
  background-position: -20px -840px; }

.emj1018 {
  background-position: -40px -840px; }

.emj1019 {
  background-position: -60px -840px; }

.emj929 {
  background-position: -80px -840px; }

.emj930 {
  background-position: -100px -840px; }

.emj931 {
  background-position: 0 -860px; }

.emj932 {
  background-position: -20px -860px; }

.emj933 {
  background-position: -40px -860px; }

.emj934 {
  background-position: -60px -860px; }

.emj935 {
  background-position: -80px -860px; }

.emj936 {
  background-position: -100px -860px; }

.emj937 {
  background-position: 0 -880px; }

.emj938 {
  background-position: -20px -880px; }

.emj939 {
  background-position: -40px -880px; }

.emj940 {
  background-position: -60px -880px; }

.emj941 {
  background-position: -80px -880px; }

.emj942 {
  background-position: -100px -880px; }

.emj943 {
  background-position: 0 -900px; }

.emj944 {
  background-position: -20px -900px; }

.emj945 {
  background-position: -40px -900px; }

.emj946 {
  background-position: -60px -900px; }

.emj947 {
  background-position: -80px -900px; }

.emj948 {
  background-position: -100px -900px; }

.emj949 {
  background-position: 0 -920px; }

.emj950 {
  background-position: -20px -920px; }

.emj951 {
  background-position: -40px -920px; }

.emj952 {
  background-position: -60px -920px; }

.emj984 {
  background-position: -80px -920px; }

.emj985 {
  background-position: -100px -920px; }

.emj986 {
  background-position: 0 -940px; }

.emj987 {
  background-position: -20px -940px; }

.emj988 {
  background-position: -40px -940px; }

.emj989 {
  background-position: -60px -940px; }

.emj1002 {
  background-position: -80px -940px; }

.emj1003 {
  background-position: -100px -940px; }

.emj1004 {
  background-position: 0 -960px; }

.emj1005 {
  background-position: -20px -960px; }

.emj1006 {
  background-position: -40px -960px; }

.emj1007 {
  background-position: -60px -960px; }

.emj1008 {
  background-position: -80px -960px; }

.emj1009 {
  background-position: -100px -960px; }

.emj1010 {
  background-position: 0 -980px; }

.emj1011 {
  background-position: -20px -980px; }

.emj1012 {
  background-position: -40px -980px; }

.emj1013 {
  background-position: -60px -980px; }

.emj990 {
  background-position: -80px -980px; }

.emj991 {
  background-position: -100px -980px; }

.emj992 {
  background-position: 0 -1000px; }

.emj993 {
  background-position: -20px -1000px; }

.emj994 {
  background-position: -40px -1000px; }

.emj995 {
  background-position: -60px -1000px; }

.emj996 {
  background-position: -80px -1000px; }

.emj997 {
  background-position: -100px -1000px; }

.emj998 {
  background-position: 0 -1020px; }

.emj999 {
  background-position: -20px -1020px; }

.emj1000 {
  background-position: -40px -1020px; }

.emj1001 {
  background-position: -60px -1020px; }

.emj971 {
  background-position: -80px -1020px; }

.emj972 {
  background-position: -100px -1020px; }

.emj973 {
  background-position: 0 -1040px; }

.emj974 {
  background-position: -20px -1040px; }

.emj975 {
  background-position: -40px -1040px; }

.emj976 {
  background-position: -60px -1040px; }

.emj1020 {
  background-position: -80px -1040px; }

.emj1021 {
  background-position: -100px -1040px; }

.emj1022 {
  background-position: 0 -1060px; }

.emj1023 {
  background-position: -20px -1060px; }

.emj1024 {
  background-position: -40px -1060px; }

.emj1025 {
  background-position: -60px -1060px; }

.emj1051 {
  background-position: -80px -1060px; }

.emj1052 {
  background-position: -100px -1060px; }

.emj1053 {
  background-position: 0 -1080px; }

.emj1054 {
  background-position: -20px -1080px; }

.emj1055 {
  background-position: -40px -1080px; }

.emj1056 {
  background-position: -60px -1080px; }

.emj1306 {
  background-position: -80px -1080px; }

.emj616 {
  background-position: -100px -1080px; }

.emj617 {
  background-position: 0 -1100px; }

.emj618 {
  background-position: -20px -1100px; }

.emj619 {
  background-position: -40px -1100px; }

.emj620 {
  background-position: -60px -1100px; }

.emj621 {
  background-position: -80px -1100px; }

.emj1035 {
  background-position: -100px -1100px; }

.emj1036 {
  background-position: 0 -1120px; }

.emj1037 {
  background-position: -20px -1120px; }

.emj1038 {
  background-position: -40px -1120px; }

.emj1039 {
  background-position: -60px -1120px; }

.emj1040 {
  background-position: -80px -1120px; }

.emj1026 {
  background-position: -100px -1120px; }

.emj1027 {
  background-position: 0 -1140px; }

.emj1028 {
  background-position: -20px -1140px; }

.emj1029 {
  background-position: -40px -1140px; }

.emj1030 {
  background-position: -60px -1140px; }

.emj1031 {
  background-position: -80px -1140px; }

.emj978 {
  background-position: -100px -1140px; }

.emj979 {
  background-position: 0 -1160px; }

.emj980 {
  background-position: -20px -1160px; }

.emj981 {
  background-position: -40px -1160px; }

.emj982 {
  background-position: -60px -1160px; }

.emj983 {
  background-position: -80px -1160px; }

.emj1548 {
  background-position: -100px -1160px; }

.emj1549 {
  background-position: 0 -1180px; }

.emj1550 {
  background-position: -20px -1180px; }

.emj1551 {
  background-position: -40px -1180px; }

.emj1552 {
  background-position: -60px -1180px; }

.emj1553 {
  background-position: -80px -1180px; }

.emj678 {
  background-position: -100px -1180px; }

.emj679 {
  background-position: 0 -1200px; }

.emj680 {
  background-position: -20px -1200px; }

.emj681 {
  background-position: -40px -1200px; }

.emj682 {
  background-position: -60px -1200px; }

.emj683 {
  background-position: -80px -1200px; }

.emj1057 {
  background-position: -100px -1200px; }

.emj1058 {
  background-position: 0 -1220px; }

.emj1059 {
  background-position: -20px -1220px; }

.emj1060 {
  background-position: -40px -1220px; }

.emj1061 {
  background-position: -60px -1220px; }

.emj1062 {
  background-position: -80px -1220px; }

.emj977 {
  background-position: -100px -1220px; }

.emj968 {
  background-position: 0 -1240px; }

.emj969 {
  background-position: -20px -1240px; }

.emj970 {
  background-position: -40px -1240px; }

.emj1440 {
  background-position: -60px -1240px; }

.emj1441 {
  background-position: -80px -1240px; }

.emj1442 {
  background-position: -100px -1240px; }

.emj1443 {
  background-position: 0 -1260px; }

.emj1444 {
  background-position: -20px -1260px; }

.emj1445 {
  background-position: -40px -1260px; }

.emj1045 {
  background-position: -60px -1260px; }

.emj1046 {
  background-position: -80px -1260px; }

.emj1047 {
  background-position: -100px -1260px; }

.emj1048 {
  background-position: 0 -1280px; }

.emj1049 {
  background-position: -20px -1280px; }

.emj1050 {
  background-position: -40px -1280px; }

.emj1428 {
  background-position: -60px -1280px; }

.emj1429 {
  background-position: -80px -1280px; }

.emj1430 {
  background-position: -100px -1280px; }

.emj1431 {
  background-position: 0 -1300px; }

.emj1432 {
  background-position: -20px -1300px; }

.emj1433 {
  background-position: -40px -1300px; }

.emj1434 {
  background-position: -60px -1300px; }

.emj1435 {
  background-position: -80px -1300px; }

.emj1436 {
  background-position: -100px -1300px; }

.emj1437 {
  background-position: 0 -1320px; }

.emj1438 {
  background-position: -20px -1320px; }

.emj1439 {
  background-position: -40px -1320px; }

.emj1449 {
  background-position: -60px -1320px; }

.emj1450 {
  background-position: -80px -1320px; }

.emj1451 {
  background-position: -100px -1320px; }

.emj1452 {
  background-position: 0 -1340px; }

.emj1453 {
  background-position: -20px -1340px; }

.emj1454 {
  background-position: -40px -1340px; }

.emj1467 {
  background-position: -60px -1340px; }

.emj1468 {
  background-position: -80px -1340px; }

.emj1469 {
  background-position: -100px -1340px; }

.emj1470 {
  background-position: 0 -1360px; }

.emj1471 {
  background-position: -20px -1360px; }

.emj1472 {
  background-position: -40px -1360px; }

.emj1461 {
  background-position: -60px -1360px; }

.emj1462 {
  background-position: -80px -1360px; }

.emj1463 {
  background-position: -100px -1360px; }

.emj1464 {
  background-position: 0 -1380px; }

.emj1465 {
  background-position: -20px -1380px; }

.emj1466 {
  background-position: -40px -1380px; }

.emj1076 {
  background-position: -60px -1380px; }

.emj1077 {
  background-position: -80px -1380px; }

.emj1078 {
  background-position: -100px -1380px; }

.emj1079 {
  background-position: 0 -1400px; }

.emj1080 {
  background-position: -20px -1400px; }

.emj1081 {
  background-position: -40px -1400px; }

.emj1070 {
  background-position: -60px -1400px; }

.emj1071 {
  background-position: -80px -1400px; }

.emj1072 {
  background-position: -100px -1400px; }

.emj1073 {
  background-position: 0 -1420px; }

.emj1074 {
  background-position: -20px -1420px; }

.emj1075 {
  background-position: -40px -1420px; }

.emj1093 {
  background-position: -60px -1420px; }

.emj1095 {
  background-position: -80px -1420px; }

.emj1094 {
  background-position: -100px -1420px; }

.emj1089 {
  background-position: 0 -1440px; }

.emj1091 {
  background-position: -20px -1440px; }

.emj1090 {
  background-position: -40px -1440px; }

.emj953 {
  background-position: -60px -1440px; }

.emj960 {
  background-position: -80px -1440px; }

.emj961 {
  background-position: -100px -1440px; }

.emj959 {
  background-position: 0 -1460px; }

.emj962 {
  background-position: -20px -1460px; }

.emj963 {
  background-position: -40px -1460px; }

.emj965 {
  background-position: -60px -1460px; }

.emj966 {
  background-position: -80px -1460px; }

.emj964 {
  background-position: -100px -1460px; }

.emj967 {
  background-position: 0 -1480px; }

.emj954 {
  background-position: -20px -1480px; }

.emj956 {
  background-position: -40px -1480px; }

.emj957 {
  background-position: -60px -1480px; }

.emj955 {
  background-position: -80px -1480px; }

.emj958 {
  background-position: -100px -1480px; }

.emj917 {
  background-position: 0 -1500px; }

.emj912 {
  background-position: -20px -1500px; }

.emj913 {
  background-position: -40px -1500px; }

.emj911 {
  background-position: -60px -1500px; }

.emj914 {
  background-position: -80px -1500px; }

.emj916 {
  background-position: -100px -1500px; }

.emj915 {
  background-position: 0 -1520px; }

.emj1063 {
  background-position: -20px -1520px; }

.emj1085 {
  background-position: -40px -1520px; }

.emj926 {
  background-position: -60px -1520px; }

.emj923 {
  background-position: -80px -1520px; }

.emj924 {
  background-position: -100px -1520px; }

.emj925 {
  background-position: 0 -1540px; }

.emj921 {
  background-position: -20px -1540px; }

.emj922 {
  background-position: -40px -1540px; }

.emj909 {
  background-position: -60px -1540px; }

.emj652 {
  background-position: -80px -1540px; }

.emj635 {
  background-position: -100px -1540px; }

.emj908 {
  background-position: 0 -1560px; }

.emj119 {
  background-position: -20px -1560px; }

.emj634 {
  background-position: -40px -1560px; }

.emj920 {
  background-position: -60px -1560px; }

.emj918 {
  background-position: -80px -1560px; }

.emj919 {
  background-position: -100px -1560px; }

.emj1143 {
  background-position: 0 -1580px; }

.emj910 {
  background-position: -20px -1580px; }

.emj1307 {
  background-position: -40px -1580px; }

.emj1087 {
  background-position: -60px -1580px; }

.emj487 {
  background-position: -80px -1580px; }

.emj815 {
  background-position: 0 -1600px; }

.emj810 {
  background-position: -20px -1600px; }

.emj806 {
  background-position: -40px -1600px; }

.emj818 {
  background-position: -60px -1600px; }

.emj809 {
  background-position: -80px -1600px; }

.emj820 {
  background-position: -100px -1600px; }

.emj821 {
  background-position: 0 -1620px; }

.emj801 {
  background-position: -20px -1620px; }

.emj808 {
  background-position: -40px -1620px; }

.emj1606 {
  background-position: -60px -1620px; }

.emj807 {
  background-position: -80px -1620px; }

.emj816 {
  background-position: -100px -1620px; }

.emj822 {
  background-position: 0 -1640px; }

.emj817 {
  background-position: -20px -1640px; }

.emj786 {
  background-position: -40px -1640px; }

.emj814 {
  background-position: -60px -1640px; }

.emj1446 {
  background-position: -80px -1640px; }

.emj1447 {
  background-position: -100px -1640px; }

.emj1448 {
  background-position: 0 -1660px; }

.emj779 {
  background-position: -20px -1660px; }

.emj781 {
  background-position: -40px -1660px; }

.emj800 {
  background-position: -60px -1660px; }

.emj799 {
  background-position: -80px -1660px; }

.emj797 {
  background-position: -100px -1660px; }

.emj796 {
  background-position: 0 -1680px; }

.emj798 {
  background-position: -20px -1680px; }

.emj819 {
  background-position: -40px -1680px; }

.emj784 {
  background-position: -60px -1680px; }

.emj813 {
  background-position: -80px -1680px; }

.emj1609 {
  background-position: -100px -1680px; }

.emj790 {
  background-position: 0 -1700px; }

.emj788 {
  background-position: -20px -1700px; }

.emj773 {
  background-position: -40px -1700px; }

.emj791 {
  background-position: -60px -1700px; }

.emj789 {
  background-position: -80px -1700px; }

.emj1308 {
  background-position: -100px -1700px; }

.emj1607 {
  background-position: 0 -1720px; }

.emj1605 {
  background-position: -20px -1720px; }

.emj774 {
  background-position: -40px -1720px; }

.emj795 {
  background-position: -60px -1720px; }

.emj793 {
  background-position: -80px -1720px; }

.emj792 {
  background-position: -100px -1720px; }

.emj794 {
  background-position: 0 -1740px; }

.emj805 {
  background-position: -20px -1740px; }

.emj812 {
  background-position: -40px -1740px; }

.emj772 {
  background-position: -60px -1740px; }

.emj771 {
  background-position: -80px -1740px; }

.emj767 {
  background-position: -100px -1740px; }

.emj766 {
  background-position: 0 -1760px; }

.emj764 {
  background-position: -20px -1760px; }

.emj763 {
  background-position: -40px -1760px; }

.emj765 {
  background-position: -60px -1760px; }

.emj803 {
  background-position: -80px -1760px; }

.emj804 {
  background-position: -100px -1760px; }

.emj785 {
  background-position: 0 -1780px; }

.emj777 {
  background-position: -20px -1780px; }

.emj776 {
  background-position: -40px -1780px; }

.emj778 {
  background-position: -60px -1780px; }

.emj775 {
  background-position: -80px -1780px; }

.emj783 {
  background-position: -100px -1780px; }

.emj761 {
  background-position: 0 -1800px; }

.emj762 {
  background-position: -20px -1800px; }

.emj780 {
  background-position: -40px -1800px; }

.emj1608 {
  background-position: -60px -1800px; }

.emj1273 {
  background-position: -80px -1800px; }

.emj782 {
  background-position: -100px -1800px; }

.emj802 {
  background-position: 0 -1820px; }

.emj769 {
  background-position: -20px -1820px; }

.emj768 {
  background-position: -40px -1820px; }

.emj824 {
  background-position: -60px -1820px; }

.emj823 {
  background-position: -80px -1820px; }

.emj770 {
  background-position: -100px -1820px; }

.emj811 {
  background-position: 0 -1840px; }

.emj536 {
  background-position: -20px -1840px; }

.emj615 {
  background-position: -40px -1840px; }

.emj533 {
  background-position: -60px -1840px; }

.emj534 {
  background-position: -80px -1840px; }

.emj535 {
  background-position: -100px -1840px; }

.emj532 {
  background-position: 0 -1860px; }

.emj546 {
  background-position: -20px -1860px; }

.emj62 {
  background-position: -40px -1860px; }

.emj547 {
  background-position: -60px -1860px; }

.emj629 {
  background-position: -80px -1860px; }

.emj627 {
  background-position: -100px -1860px; }

.emj550 {
  background-position: 0 -1880px; }

.emj549 {
  background-position: -20px -1880px; }

.emj548 {
  background-position: -40px -1880px; }

.emj545 {
  background-position: -60px -1880px; }

.emj541 {
  background-position: -80px -1880px; }

.emj542 {
  background-position: -100px -1880px; }

.emj540 {
  background-position: 0 -1900px; }

.emj538 {
  background-position: -20px -1900px; }

.emj543 {
  background-position: -40px -1900px; }

.emj539 {
  background-position: -60px -1900px; }

.emj1092 {
  background-position: -80px -1900px; }

.emj551 {
  background-position: -100px -1900px; }

.emj531 {
  background-position: 0 -1920px; }

.emj614 {
  background-position: -20px -1920px; }

.emj787 {
  background-position: -40px -1920px; }

.emj1309 {
  background-position: -60px -1920px; }

.emj499 {
  background-position: -80px -1920px; }

.emj498 {
  background-position: -100px -1920px; }

.emj500 {
  background-position: 0 -1940px; }

.emj506 {
  background-position: -20px -1940px; }

.emj507 {
  background-position: -40px -1940px; }

.emj508 {
  background-position: -60px -1940px; }

.emj509 {
  background-position: -80px -1940px; }

.emj502 {
  background-position: -100px -1940px; }

.emj503 {
  background-position: 0 -1960px; }

.emj504 {
  background-position: -20px -1960px; }

.emj505 {
  background-position: -40px -1960px; }

.emj511 {
  background-position: -60px -1960px; }

.emj514 {
  background-position: -80px -1960px; }

.emj512 {
  background-position: -100px -1960px; }

.emj513 {
  background-position: 0 -1980px; }

.emj515 {
  background-position: -20px -1980px; }

.emj510 {
  background-position: -40px -1980px; }

.emj200 {
  background-position: -60px -1980px; }

.emj516 {
  background-position: -80px -1980px; }

.emj1126 {
  background-position: -100px -1980px; }

.emj174 {
  background-position: 0 -2000px; }

.emj57 {
  background-position: -20px -2000px; }

.emj53 {
  background-position: -40px -2000px; }

.emj519 {
  background-position: -60px -2000px; }

.emj115 {
  background-position: -80px -2000px; }

.emj520 {
  background-position: -100px -2000px; }

.emj521 {
  background-position: 0 -2020px; }

.emj54 {
  background-position: -20px -2020px; }

.emj522 {
  background-position: -40px -2020px; }

.emj116 {
  background-position: -60px -2020px; }

.emj524 {
  background-position: -80px -2020px; }

.emj107 {
  background-position: -100px -2020px; }

.emj1247 {
  background-position: 0 -2040px; }

.emj1115 {
  background-position: -20px -2040px; }

.emj177 {
  background-position: -40px -2040px; }

.emj523 {
  background-position: -60px -2040px; }

.emj56 {
  background-position: -80px -2040px; }

.emj114 {
  background-position: -100px -2040px; }

.emj527 {
  background-position: 0 -2060px; }

.emj1118 {
  background-position: -20px -2060px; }

.emj525 {
  background-position: -40px -2060px; }

.emj526 {
  background-position: -60px -2060px; }

.emj55 {
  background-position: -80px -2060px; }

.emj60 {
  background-position: -100px -2060px; }

.emj1117 {
  background-position: 0 -2080px; }

.emj1116 {
  background-position: -20px -2080px; }

.emj495 {
  background-position: -40px -2080px; }

.emj562 {
  background-position: 0 -2100px; }

.emj561 {
  background-position: -20px -2100px; }

.emj563 {
  background-position: -40px -2100px; }

.emj557 {
  background-position: -60px -2100px; }

.emj558 {
  background-position: -80px -2100px; }

.emj559 {
  background-position: -100px -2100px; }

.emj556 {
  background-position: 0 -2120px; }

.emj554 {
  background-position: -20px -2120px; }

.emj566 {
  background-position: -40px -2120px; }

.emj555 {
  background-position: -60px -2120px; }

.emj565 {
  background-position: -80px -2120px; }

.emj564 {
  background-position: -100px -2120px; }

.emj560 {
  background-position: 0 -2140px; }

.emj552 {
  background-position: -20px -2140px; }

.emj553 {
  background-position: -40px -2140px; }

.emj537 {
  background-position: -60px -2140px; }

.emj544 {
  background-position: -80px -2140px; }

.emj579 {
  background-position: -100px -2140px; }

.emj594 {
  background-position: 0 -2160px; }

.emj577 {
  background-position: -20px -2160px; }

.emj1610 {
  background-position: -40px -2160px; }

.emj570 {
  background-position: -60px -2160px; }

.emj569 {
  background-position: -80px -2160px; }

.emj583 {
  background-position: -100px -2160px; }

.emj598 {
  background-position: 0 -2180px; }

.emj567 {
  background-position: -20px -2180px; }

.emj578 {
  background-position: -40px -2180px; }

.emj528 {
  background-position: -60px -2180px; }

.emj568 {
  background-position: -80px -2180px; }

.emj576 {
  background-position: -100px -2180px; }

.emj529 {
  background-position: 0 -2200px; }

.emj530 {
  background-position: -20px -2200px; }

.emj575 {
  background-position: -40px -2200px; }

.emj597 {
  background-position: -60px -2200px; }

.emj584 {
  background-position: -80px -2200px; }

.emj582 {
  background-position: -100px -2200px; }

.emj596 {
  background-position: 0 -2220px; }

.emj574 {
  background-position: -20px -2220px; }

.emj572 {
  background-position: -40px -2220px; }

.emj573 {
  background-position: -60px -2220px; }

.emj571 {
  background-position: -80px -2220px; }

.emj581 {
  background-position: -100px -2220px; }

.emj580 {
  background-position: 0 -2240px; }

.emj586 {
  background-position: -20px -2240px; }

.emj587 {
  background-position: -40px -2240px; }

.emj585 {
  background-position: -60px -2240px; }

.emj595 {
  background-position: -80px -2240px; }

.emj613 {
  background-position: -100px -2240px; }

.emj593 {
  background-position: 0 -2260px; }

.emj591 {
  background-position: -20px -2260px; }

.emj592 {
  background-position: -40px -2260px; }

.emj590 {
  background-position: -60px -2260px; }

.emj610 {
  background-position: -80px -2260px; }

.emj588 {
  background-position: -100px -2260px; }

.emj589 {
  background-position: 0 -2280px; }

.emj605 {
  background-position: -20px -2280px; }

.emj606 {
  background-position: -40px -2280px; }

.emj602 {
  background-position: -60px -2280px; }

.emj603 {
  background-position: -80px -2280px; }

.emj604 {
  background-position: -100px -2280px; }

.emj609 {
  background-position: 0 -2300px; }

.emj601 {
  background-position: -20px -2300px; }

.emj600 {
  background-position: -40px -2300px; }

.emj61 {
  background-position: -60px -2300px; }

.emj607 {
  background-position: -80px -2300px; }

.emj599 {
  background-position: -100px -2300px; }

.emj608 {
  background-position: 0 -2320px; }

.emj112 {
  background-position: 0 -2340px; }

.emj675 {
  background-position: -20px -2340px; }

.emj698 {
  background-position: -40px -2340px; }

.emj113 {
  background-position: -60px -2340px; }

.emj673 {
  background-position: -80px -2340px; }

.emj716 {
  background-position: -100px -2340px; }

.emj699 {
  background-position: 0 -2360px; }

.emj660 {
  background-position: -20px -2360px; }

.emj127 {
  background-position: -40px -2360px; }

.emj712 {
  background-position: -60px -2360px; }

.emj719 {
  background-position: -80px -2360px; }

.emj753 {
  background-position: -100px -2360px; }

.emj718 {
  background-position: 0 -2380px; }

.emj717 {
  background-position: -20px -2380px; }

.emj715 {
  background-position: -40px -2380px; }

.emj674 {
  background-position: -60px -2380px; }

.emj130 {
  background-position: -80px -2380px; }

.emj677 {
  background-position: -100px -2380px; }

.emj131 {
  background-position: 0 -2400px; }

.emj754 {
  background-position: -20px -2400px; }

.emj646 {
  background-position: -40px -2400px; }

.emj1514 {
  background-position: -60px -2400px; }

.emj1515 {
  background-position: -80px -2400px; }

.emj1516 {
  background-position: -100px -2400px; }

.emj1517 {
  background-position: 0 -2420px; }

.emj1518 {
  background-position: -20px -2420px; }

.emj1519 {
  background-position: -40px -2420px; }

.emj700 {
  background-position: -60px -2420px; }

.emj701 {
  background-position: -80px -2420px; }

.emj702 {
  background-position: -100px -2420px; }

.emj703 {
  background-position: 0 -2440px; }

.emj704 {
  background-position: -20px -2440px; }

.emj705 {
  background-position: -40px -2440px; }

.emj684 {
  background-position: -60px -2440px; }

.emj685 {
  background-position: -80px -2440px; }

.emj686 {
  background-position: -100px -2440px; }

.emj687 {
  background-position: 0 -2460px; }

.emj688 {
  background-position: -20px -2460px; }

.emj689 {
  background-position: -40px -2460px; }

.emj1563 {
  background-position: -60px -2460px; }

.emj1564 {
  background-position: -80px -2460px; }

.emj1565 {
  background-position: -100px -2460px; }

.emj1566 {
  background-position: 0 -2480px; }

.emj1567 {
  background-position: -20px -2480px; }

.emj1568 {
  background-position: -40px -2480px; }

.emj132 {
  background-position: -60px -2480px; }

.emj133 {
  background-position: -80px -2480px; }

.emj134 {
  background-position: -100px -2480px; }

.emj135 {
  background-position: 0 -2500px; }

.emj136 {
  background-position: -20px -2500px; }

.emj137 {
  background-position: -40px -2500px; }

.emj706 {
  background-position: -60px -2500px; }

.emj707 {
  background-position: -80px -2500px; }

.emj708 {
  background-position: -100px -2500px; }

.emj709 {
  background-position: 0 -2520px; }

.emj710 {
  background-position: -20px -2520px; }

.emj711 {
  background-position: -40px -2520px; }

.emj1536 {
  background-position: -60px -2520px; }

.emj1537 {
  background-position: -80px -2520px; }

.emj1538 {
  background-position: -100px -2520px; }

.emj1539 {
  background-position: 0 -2540px; }

.emj1540 {
  background-position: -20px -2540px; }

.emj1541 {
  background-position: -40px -2540px; }

.emj1542 {
  background-position: -60px -2540px; }

.emj1543 {
  background-position: -80px -2540px; }

.emj1544 {
  background-position: -100px -2540px; }

.emj1545 {
  background-position: 0 -2560px; }

.emj1546 {
  background-position: -20px -2560px; }

.emj1547 {
  background-position: -40px -2560px; }

.emj692 {
  background-position: -60px -2560px; }

.emj693 {
  background-position: -80px -2560px; }

.emj694 {
  background-position: -100px -2560px; }

.emj695 {
  background-position: 0 -2580px; }

.emj696 {
  background-position: -20px -2580px; }

.emj697 {
  background-position: -40px -2580px; }

.emj1305 {
  background-position: -60px -2580px; }

.emj691 {
  background-position: -80px -2580px; }

.emj672 {
  background-position: -100px -2580px; }

.emj690 {
  background-position: 0 -2600px; }

.emj636 {
  background-position: -20px -2600px; }

.emj637 {
  background-position: -40px -2600px; }

.emj751 {
  background-position: -60px -2600px; }

.emj654 {
  background-position: -80px -2600px; }

.emj642 {
  background-position: -100px -2600px; }

.emj656 {
  background-position: 0 -2620px; }

.emj651 {
  background-position: -20px -2620px; }

.emj653 {
  background-position: -40px -2620px; }

.emj647 {
  background-position: -60px -2620px; }

.emj650 {
  background-position: -80px -2620px; }

.emj671 {
  background-position: -100px -2620px; }

.emj668 {
  background-position: 0 -2640px; }

.emj666 {
  background-position: -20px -2640px; }

.emj669 {
  background-position: -40px -2640px; }

.emj667 {
  background-position: -60px -2640px; }

.emj670 {
  background-position: -80px -2640px; }

.emj655 {
  background-position: -100px -2640px; }

.emj657 {
  background-position: 0 -2660px; }

.emj1042 {
  background-position: -20px -2660px; }

.emj658 {
  background-position: -40px -2660px; }

.emj661 {
  background-position: -60px -2660px; }

.emj659 {
  background-position: -80px -2660px; }

.emj662 {
  background-position: -100px -2660px; }

.emj1502 {
  background-position: 0 -2680px; }

.emj1500 {
  background-position: -20px -2680px; }

.emj1504 {
  background-position: -40px -2680px; }

.emj1491 {
  background-position: -60px -2680px; }

.emj1493 {
  background-position: -80px -2680px; }

.emj714 {
  background-position: -100px -2680px; }

.emj1498 {
  background-position: 0 -2700px; }

.emj1496 {
  background-position: -20px -2700px; }

.emj1497 {
  background-position: -40px -2700px; }

.emj1495 {
  background-position: -60px -2700px; }

.emj1505 {
  background-position: -80px -2700px; }

.emj1506 {
  background-position: -100px -2700px; }

.emj1507 {
  background-position: 0 -2720px; }

.emj713 {
  background-position: -20px -2720px; }

.emj1534 {
  background-position: -40px -2720px; }

.emj1524 {
  background-position: -60px -2720px; }

.emj1499 {
  background-position: -80px -2720px; }

.emj1492 {
  background-position: -100px -2720px; }

.emj1503 {
  background-position: 0 -2740px; }

.emj1501 {
  background-position: -20px -2740px; }

.emj1512 {
  background-position: -40px -2740px; }

.emj1511 {
  background-position: -60px -2740px; }

.emj1510 {
  background-position: -80px -2740px; }

.emj1482 {
  background-position: -100px -2740px; }

.emj1490 {
  background-position: 0 -2760px; }

.emj1508 {
  background-position: -20px -2760px; }

.emj1483 {
  background-position: -40px -2760px; }

.emj1484 {
  background-position: -60px -2760px; }

.emj1487 {
  background-position: -80px -2760px; }

.emj1509 {
  background-position: -100px -2760px; }

.emj1481 {
  background-position: 0 -2780px; }

.emj1485 {
  background-position: -20px -2780px; }

.emj1486 {
  background-position: -40px -2780px; }

.emj1489 {
  background-position: -60px -2780px; }

.emj1488 {
  background-position: -80px -2780px; }

.emj1480 {
  background-position: -100px -2780px; }

.emj1586 {
  background-position: 0 -2800px; }

.emj142 {
  background-position: -20px -2800px; }

.emj1587 {
  background-position: -40px -2800px; }

.emj1588 {
  background-position: -60px -2800px; }

.emj129 {
  background-position: -80px -2800px; }

.emj1585 {
  background-position: -100px -2800px; }

.emj1520 {
  background-position: 0 -2820px; }

.emj128 {
  background-position: -20px -2820px; }

.emj1590 {
  background-position: -40px -2820px; }

.emj1479 {
  background-position: -60px -2820px; }

.emj1589 {
  background-position: -80px -2820px; }

.emj1141 {
  background-position: -100px -2820px; }

.emj99 {
  background-position: 0 -2840px; }

.emj1523 {
  background-position: -20px -2840px; }

.emj139 {
  background-position: -40px -2840px; }

.emj1494 {
  background-position: -60px -2840px; }

.emj1521 {
  background-position: -80px -2840px; }

.emj1522 {
  background-position: -100px -2840px; }

.emj676 {
  background-position: 0 -2860px; }

.emj1513 {
  background-position: -20px -2860px; }

.emj644 {
  background-position: -40px -2860px; }

.emj645 {
  background-position: -60px -2860px; }

.emj643 {
  background-position: -80px -2860px; }

.emj723 {
  background-position: -100px -2860px; }

.emj486 {
  background-position: 0 -2880px; }

.emj1355 {
  background-position: -20px -2880px; }

.emj745 {
  background-position: -40px -2880px; }

.emj126 {
  background-position: -60px -2880px; }

.emj633 {
  background-position: -80px -2880px; }

.emj124 {
  background-position: -100px -2880px; }

.emj720 {
  background-position: 0 -2900px; }

.emj1354 {
  background-position: -20px -2900px; }

.emj496 {
  background-position: -40px -2900px; }

.emj1357 {
  background-position: -60px -2900px; }

.emj721 {
  background-position: -80px -2900px; }

.emj138 {
  background-position: -100px -2900px; }

.emj730 {
  background-position: 0 -2920px; }

.emj1583 {
  background-position: -20px -2920px; }

.emj1584 {
  background-position: -40px -2920px; }

.emj490 {
  background-position: -60px -2920px; }

.emj489 {
  background-position: -80px -2920px; }

.emj728 {
  background-position: -100px -2920px; }

.emj722 {
  background-position: 0 -2940px; }

.emj729 {
  background-position: -20px -2940px; }

.emj492 {
  background-position: -40px -2940px; }

.emj491 {
  background-position: -60px -2940px; }

.emj725 {
  background-position: -80px -2940px; }

.emj488 {
  background-position: -100px -2940px; }

.emj494 {
  background-position: 0 -2960px; }

.emj497 {
  background-position: -20px -2960px; }

.emj517 {
  background-position: -40px -2960px; }

.emj623 {
  background-position: -60px -2960px; }

.emj622 {
  background-position: -80px -2960px; }

.emj493 {
  background-position: -100px -2960px; }

.emj724 {
  background-position: 0 -2980px; }

.emj748 {
  background-position: -20px -2980px; }

.emj747 {
  background-position: -40px -2980px; }

.emj731 {
  background-position: -60px -2980px; }

.emj1356 {
  background-position: -80px -2980px; }

.emj732 {
  background-position: -100px -2980px; }

.emj733 {
  background-position: 0 -3000px; }

.emj726 {
  background-position: -20px -3000px; }

.emj734 {
  background-position: -40px -3000px; }

.emj744 {
  background-position: -60px -3000px; }

.emj735 {
  background-position: -80px -3000px; }

.emj736 {
  background-position: -100px -3000px; }

.emj737 {
  background-position: 0 -3020px; }

.emj738 {
  background-position: -20px -3020px; }

.emj740 {
  background-position: -40px -3020px; }

.emj742 {
  background-position: -60px -3020px; }

.emj743 {
  background-position: -80px -3020px; }

.emj741 {
  background-position: -100px -3020px; }

.emj1096 {
  background-position: 0 -3040px; }

.emj727 {
  background-position: -20px -3040px; }

.emj123 {
  background-position: -40px -3040px; }

.emj1275 {
  background-position: -60px -3040px; }

.emj1276 {
  background-position: -80px -3040px; }

.emj1274 {
  background-position: -100px -3040px; }

.emj122 {
  background-position: 0 -3060px; }

.emj27 {
  background-position: 0 -3080px; }

.emj1196 {
  background-position: -20px -3080px; }

.emj1197 {
  background-position: -40px -3080px; }

.emj1142 {
  background-position: -60px -3080px; }

.emj29 {
  background-position: -80px -3080px; }

.emj1334 {
  background-position: -100px -3080px; }

.emj1335 {
  background-position: 0 -3100px; }

.emj1336 {
  background-position: -20px -3100px; }

.emj1337 {
  background-position: -40px -3100px; }

.emj1310 {
  background-position: -60px -3100px; }

.emj1345 {
  background-position: -80px -3100px; }

.emj1144 {
  background-position: -100px -3100px; }

.emj1145 {
  background-position: 0 -3120px; }

.emj1146 {
  background-position: -20px -3120px; }

.emj1147 {
  background-position: -40px -3120px; }

.emj1207 {
  background-position: -60px -3120px; }

.emj1202 {
  background-position: -80px -3120px; }

.emj1203 {
  background-position: -100px -3120px; }

.emj1204 {
  background-position: 0 -3140px; }

.emj648 {
  background-position: -20px -3140px; }

.emj1208 {
  background-position: -40px -3140px; }

.emj641 {
  background-position: -60px -3140px; }

.emj1177 {
  background-position: -80px -3140px; }

.emj58 {
  background-position: -100px -3140px; }

.emj1178 {
  background-position: 0 -3160px; }

.emj1179 {
  background-position: -20px -3160px; }

.emj1205 {
  background-position: -40px -3160px; }

.emj1206 {
  background-position: -60px -3160px; }

.emj638 {
  background-position: -80px -3160px; }

.emj639 {
  background-position: -100px -3160px; }

.emj640 {
  background-position: 0 -3180px; }

.emj38 {
  background-position: -20px -3180px; }

.emj39 {
  background-position: -40px -3180px; }

.emj37 {
  background-position: -60px -3180px; }

.emj1303 {
  background-position: -80px -3180px; }

.emj40 {
  background-position: -100px -3180px; }

.emj28 {
  background-position: 0 -3200px; }

.emj1180 {
  background-position: -20px -3200px; }

.emj1221 {
  background-position: -40px -3200px; }

.emj1222 {
  background-position: -60px -3200px; }

.emj1111 {
  background-position: -80px -3200px; }

.emj1248 {
  background-position: -100px -3200px; }

.emj1302 {
  background-position: 0 -3220px; }

.emj1342 {
  background-position: -20px -3220px; }

.emj1582 {
  background-position: -40px -3220px; }

.emj1139 {
  background-position: -60px -3220px; }

.emj1136 {
  background-position: -80px -3220px; }

.emj1135 {
  background-position: -100px -3220px; }

.emj1137 {
  background-position: 0 -3240px; }

.emj1138 {
  background-position: -20px -3240px; }

.emj1131 {
  background-position: -40px -3240px; }

.emj1134 {
  background-position: -60px -3240px; }

.emj1088 {
  background-position: -80px -3240px; }

.emj101 {
  background-position: -100px -3240px; }

.emj1249 {
  background-position: 0 -3260px; }

.emj1250 {
  background-position: -20px -3260px; }

.emj98 {
  background-position: -40px -3260px; }

.emj1580 {
  background-position: -60px -3260px; }

.emj118 {
  background-position: -80px -3260px; }

.emj1251 {
  background-position: -100px -3260px; }

.emj103 {
  background-position: 0 -3280px; }

.emj120 {
  background-position: -20px -3280px; }

.emj1253 {
  background-position: -40px -3280px; }

.emj1113 {
  background-position: -60px -3280px; }

.emj1252 {
  background-position: -80px -3280px; }

.emj1348 {
  background-position: -100px -3280px; }

.emj100 {
  background-position: 0 -3300px; }

.emj1581 {
  background-position: -20px -3300px; }

.emj1528 {
  background-position: -40px -3300px; }

.emj69 {
  background-position: -60px -3300px; }

.emj110 {
  background-position: -80px -3300px; }

.emj111 {
  background-position: -100px -3300px; }

.emj755 {
  background-position: 0 -3320px; }

.emj1256 {
  background-position: -20px -3320px; }

.emj1209 {
  background-position: -40px -3320px; }

.emj1082 {
  background-position: -60px -3320px; }

.emj102 {
  background-position: -80px -3320px; }

.emj1255 {
  background-position: -100px -3320px; }

.emj1254 {
  background-position: 0 -3340px; }

.emj1304 {
  background-position: -20px -3340px; }

.emj1084 {
  background-position: -40px -3340px; }

.emj1083 {
  background-position: -60px -3340px; }

.emj518 {
  background-position: -80px -3340px; }

.emj752 {
  background-position: -100px -3340px; }

.emj1232 {
  background-position: 0 -3360px; }

.emj1560 {
  background-position: -20px -3360px; }

.emj1562 {
  background-position: -40px -3360px; }

.emj1569 {
  background-position: -60px -3360px; }

.emj1227 {
  background-position: -80px -3360px; }

.emj1346 {
  background-position: -100px -3360px; }

.emj1574 {
  background-position: 0 -3380px; }

.emj1575 {
  background-position: -20px -3380px; }

.emj1578 {
  background-position: -40px -3380px; }

.emj1526 {
  background-position: -60px -3380px; }

.emj1577 {
  background-position: -80px -3380px; }

.emj1338 {
  background-position: -100px -3380px; }

.emj1353 {
  background-position: 0 -3400px; }

.emj125 {
  background-position: -20px -3400px; }

.emj1358 {
  background-position: -40px -3400px; }

.emj1576 {
  background-position: -60px -3400px; }

.emj624 {
  background-position: -80px -3400px; }

.emj631 {
  background-position: -100px -3400px; }

.emj611 {
  background-position: 0 -3420px; }

.emj612 {
  background-position: -20px -3420px; }

.emj626 {
  background-position: -40px -3420px; }

.emj625 {
  background-position: -60px -3420px; }

.emj630 {
  background-position: -80px -3420px; }

.emj632 {
  background-position: -100px -3420px; }

.emj628 {
  background-position: 0 -3440px; }

.emj746 {
  background-position: -20px -3440px; }

.emj143 {
  background-position: -40px -3440px; }

.emj1188 {
  background-position: -60px -3440px; }

.emj1187 {
  background-position: -80px -3440px; }

.emj1186 {
  background-position: -100px -3440px; }

.emj1086 {
  background-position: 0 -3460px; }

.emj1193 {
  background-position: -20px -3460px; }

.emj1189 {
  background-position: -40px -3460px; }

.emj1190 {
  background-position: -60px -3460px; }

.emj1191 {
  background-position: -80px -3460px; }

.emj1192 {
  background-position: -100px -3460px; }

.emj1185 {
  background-position: 0 -3480px; }

.emj1194 {
  background-position: -20px -3480px; }

.emj1184 {
  background-position: -40px -3480px; }

.emj1183 {
  background-position: -60px -3480px; }

.emj1175 {
  background-position: -80px -3480px; }

.emj1150 {
  background-position: -100px -3480px; }

.emj1164 {
  background-position: 0 -3500px; }

.emj1157 {
  background-position: -20px -3500px; }

.emj1155 {
  background-position: -40px -3500px; }

.emj1156 {
  background-position: -60px -3500px; }

.emj1151 {
  background-position: -80px -3500px; }

.emj1152 {
  background-position: -100px -3500px; }

.emj1153 {
  background-position: 0 -3520px; }

.emj1344 {
  background-position: -20px -3520px; }

.emj1154 {
  background-position: -40px -3520px; }

.emj1340 {
  background-position: -60px -3520px; }

.emj1352 {
  background-position: -80px -3520px; }

.emj1341 {
  background-position: -100px -3520px; }

.emj1158 {
  background-position: 0 -3540px; }

.emj1343 {
  background-position: -20px -3540px; }

.emj1148 {
  background-position: -40px -3540px; }

.emj1149 {
  background-position: -60px -3540px; }

.emj1339 {
  background-position: -80px -3540px; }

.emj1347 {
  background-position: -100px -3540px; }

.emj1195 {
  background-position: 0 -3560px; }

.emj1166 {
  background-position: -20px -3560px; }

.emj1168 {
  background-position: -40px -3560px; }

.emj1170 {
  background-position: -60px -3560px; }

.emj1171 {
  background-position: -80px -3560px; }

.emj1172 {
  background-position: -100px -3560px; }

.emj1167 {
  background-position: 0 -3580px; }

.emj1165 {
  background-position: -20px -3580px; }

.emj1173 {
  background-position: -40px -3580px; }

.emj1169 {
  background-position: -60px -3580px; }

.emj1233 {
  background-position: -80px -3580px; }

.emj1161 {
  background-position: -100px -3580px; }

.emj1311 {
  background-position: 0 -3600px; }

.emj140 {
  background-position: -20px -3600px; }

.emj1163 {
  background-position: -40px -3600px; }

.emj1162 {
  background-position: -60px -3600px; }

.emj1159 {
  background-position: -80px -3600px; }

.emj1160 {
  background-position: -100px -3600px; }

.emj1525 {
  background-position: 0 -3620px; }

.emj749 {
  background-position: -20px -3620px; }

.emj750 {
  background-position: -40px -3620px; }

.emj1226 {
  background-position: -60px -3620px; }

.emj1228 {
  background-position: -80px -3620px; }

.emj1229 {
  background-position: -100px -3620px; }

.emj1225 {
  background-position: 0 -3640px; }

.emj1312 {
  background-position: -20px -3640px; }

.emj1313 {
  background-position: -40px -3640px; }

.emj169 {
  background-position: -60px -3640px; }

.emj1176 {
  background-position: -80px -3640px; }

.emj168 {
  background-position: -100px -3640px; }

.emj1315 {
  background-position: 0 -3660px; }

.emj1314 {
  background-position: -20px -3660px; }

.emj1223 {
  background-position: -40px -3660px; }

.emj1224 {
  background-position: -60px -3660px; }

.emj186 {
  background-position: 0 -3680px; }

.emj1105 {
  background-position: -20px -3680px; }

.emj1104 {
  background-position: -40px -3680px; }

.emj1103 {
  background-position: -60px -3680px; }

.emj1106 {
  background-position: -80px -3680px; }

.emj1098 {
  background-position: -100px -3680px; }

.emj185 {
  background-position: 0 -3700px; }

.emj1099 {
  background-position: -20px -3700px; }

.emj1108 {
  background-position: -40px -3700px; }

.emj1097 {
  background-position: -60px -3700px; }

.emj1101 {
  background-position: -80px -3700px; }

.emj1100 {
  background-position: -100px -3700px; }

.emj1102 {
  background-position: 0 -3720px; }

.emj1107 {
  background-position: -20px -3720px; }

.emj1109 {
  background-position: -40px -3720px; }

.emj74 {
  background-position: -60px -3720px; }

.emj172 {
  background-position: -80px -3720px; }

.emj73 {
  background-position: -100px -3720px; }

.emj1272 {
  background-position: 0 -3740px; }

.emj76 {
  background-position: -20px -3740px; }

.emj173 {
  background-position: -40px -3740px; }

.emj1257 {
  background-position: -60px -3740px; }

.emj1277 {
  background-position: -80px -3740px; }

.emj75 {
  background-position: -100px -3740px; }

.emj72 {
  background-position: 0 -3760px; }

.emj1579 {
  background-position: -20px -3760px; }

.emj117 {
  background-position: -40px -3760px; }

.emj79 {
  background-position: -60px -3760px; }

.emj80 {
  background-position: -80px -3760px; }

.emj81 {
  background-position: -100px -3760px; }

.emj82 {
  background-position: 0 -3780px; }

.emj83 {
  background-position: -20px -3780px; }

.emj84 {
  background-position: -40px -3780px; }

.emj85 {
  background-position: -60px -3780px; }

.emj86 {
  background-position: -80px -3780px; }

.emj87 {
  background-position: -100px -3780px; }

.emj88 {
  background-position: 0 -3800px; }

.emj89 {
  background-position: -20px -3800px; }

.emj90 {
  background-position: -40px -3800px; }

.emj216 {
  background-position: -60px -3800px; }

.emj104 {
  background-position: -80px -3800px; }

.emj475 {
  background-position: -100px -3800px; }

.emj481 {
  background-position: 0 -3820px; }

.emj70 {
  background-position: -20px -3820px; }

.emj71 {
  background-position: -40px -3820px; }

.emj1199 {
  background-position: -60px -3820px; }

.emj1198 {
  background-position: -80px -3820px; }

.emj478 {
  background-position: -100px -3820px; }

.emj472 {
  background-position: 0 -3840px; }

.emj480 {
  background-position: -20px -3840px; }

.emj482 {
  background-position: -40px -3840px; }

.emj479 {
  background-position: -60px -3840px; }

.emj176 {
  background-position: -80px -3840px; }

.emj222 {
  background-position: -100px -3840px; }

.emj484 {
  background-position: 0 -3860px; }

.emj1129 {
  background-position: -20px -3860px; }

.emj483 {
  background-position: -40px -3860px; }

.emj205 {
  background-position: -60px -3860px; }

.emj204 {
  background-position: -80px -3860px; }

.emj476 {
  background-position: -100px -3860px; }

.emj477 {
  background-position: 0 -3880px; }

.emj474 {
  background-position: -20px -3880px; }

.emj208 {
  background-position: -40px -3880px; }

.emj209 {
  background-position: -60px -3880px; }

.emj212 {
  background-position: -80px -3880px; }

.emj213 {
  background-position: -100px -3880px; }

.emj210 {
  background-position: 0 -3900px; }

.emj220 {
  background-position: -20px -3900px; }

.emj121 {
  background-position: -40px -3900px; }

.emj1174 {
  background-position: -60px -3900px; }

.emj1527 {
  background-position: -80px -3900px; }

.emj179 {
  background-position: -100px -3900px; }

.emj201 {
  background-position: 0 -3920px; }

.emj1112 {
  background-position: -20px -3920px; }

.emj95 {
  background-position: -40px -3920px; }

.emj1554 {
  background-position: -60px -3920px; }

.emj1531 {
  background-position: -80px -3920px; }

.emj1535 {
  background-position: -100px -3920px; }

.emj1533 {
  background-position: 0 -3940px; }

.emj1240 {
  background-position: -20px -3940px; }

.emj1200 {
  background-position: -40px -3940px; }

.emj184 {
  background-position: -60px -3940px; }

.emj183 {
  background-position: -80px -3940px; }

.emj181 {
  background-position: -100px -3940px; }

.emj182 {
  background-position: 0 -3960px; }

.emj15 {
  background-position: -20px -3960px; }

.emj16 {
  background-position: -40px -3960px; }

.emj1130 {
  background-position: -60px -3960px; }

.emj1215 {
  background-position: -80px -3960px; }

.emj1216 {
  background-position: -100px -3960px; }

.emj1259 {
  background-position: 0 -3980px; }

.emj105 {
  background-position: -20px -3980px; }

.emj203 {
  background-position: -40px -3980px; }

.emj106 {
  background-position: -60px -3980px; }

.emj1555 {
  background-position: -80px -3980px; }

.emj1258 {
  background-position: -100px -3980px; }

.emj96 {
  background-position: 0 -4000px; }

.emj473 {
  background-position: -20px -4000px; }

.emj1140 {
  background-position: -40px -4000px; }

.emj178 {
  background-position: -60px -4000px; }

.emj175 {
  background-position: -80px -4000px; }

.emj180 {
  background-position: -100px -4000px; }

.emj141 {
  background-position: 0 -4020px; }

.emj1110 {
  background-position: -20px -4020px; }

.emj485 {
  background-position: -40px -4020px; }

.emj192 {
  background-position: -60px -4020px; }

.emj501 {
  background-position: -80px -4020px; }

.emj44 {
  background-position: -100px -4020px; }

.emj739 {
  background-position: 0 -4040px; }

.emj471 {
  background-position: -20px -4040px; }

.emj1570 {
  background-position: -40px -4040px; }

.emj1571 {
  background-position: -60px -4040px; }

.emj1572 {
  background-position: -80px -4040px; }

.emj1573 {
  background-position: -100px -4040px; }

.emj97 {
  background-position: 0 -4060px; }

.emj1529 {
  background-position: -20px -4060px; }

.emj1561 {
  background-position: -40px -4060px; }

.emj211 {
  background-position: -60px -4060px; }

.emj1532 {
  background-position: -80px -4060px; }

.emj1556 {
  background-position: -100px -4060px; }

.emj1557 {
  background-position: 0 -4080px; }

.emj1559 {
  background-position: -20px -4080px; }

.emj1558 {
  background-position: -40px -4080px; }

.emj1530 {
  background-position: -60px -4080px; }

.emj649 {
  background-position: -80px -4080px; }

.emj1201 {
  background-position: -100px -4080px; }

.emj470 {
  background-position: 0 -4100px; }

.emj218 {
  background-position: -20px -4100px; }

.emj219 {
  background-position: -40px -4100px; }

.emj221 {
  background-position: -60px -4100px; }

.emj214 {
  background-position: -80px -4100px; }

.emj217 {
  background-position: -100px -4100px; }

.emj215 {
  background-position: 0 -4120px; }

.emj3 {
  background-position: -20px -4120px; }

.emj4 {
  background-position: -40px -4120px; }

.emj5 {
  background-position: -60px -4120px; }

.emj6 {
  background-position: -80px -4120px; }

.emj7 {
  background-position: -100px -4120px; }

.emj8 {
  background-position: 0 -4140px; }

.emj9 {
  background-position: -20px -4140px; }

.emj10 {
  background-position: -40px -4140px; }

.emj11 {
  background-position: -60px -4140px; }

.emj12 {
  background-position: -80px -4140px; }

.emj1241 {
  background-position: -100px -4140px; }

.emj1244 {
  background-position: 0 -4160px; }

.emj47 {
  background-position: -20px -4160px; }

.emj41 {
  background-position: -40px -4160px; }

.emj36 {
  background-position: -60px -4160px; }

.emj42 {
  background-position: -80px -4160px; }

.emj43 {
  background-position: -100px -4160px; }

.emj34 {
  background-position: 0 -4180px; }

.emj35 {
  background-position: -20px -4180px; }

.emj30 {
  background-position: -40px -4180px; }

.emj31 {
  background-position: -60px -4180px; }

.emj1210 {
  background-position: -80px -4180px; }

.emj1211 {
  background-position: -100px -4180px; }

.emj1212 {
  background-position: 0 -4200px; }

.emj48 {
  background-position: -20px -4200px; }

.emj1270 {
  background-position: -40px -4200px; }

.emj1271 {
  background-position: -60px -4200px; }

.emj32 {
  background-position: -80px -4200px; }

.emj33 {
  background-position: -100px -4200px; }

.emj190 {
  background-position: 0 -4220px; }

.emj195 {
  background-position: -20px -4220px; }

.emj196 {
  background-position: -40px -4220px; }

.emj197 {
  background-position: -60px -4220px; }

.emj22 {
  background-position: -80px -4220px; }

.emj23 {
  background-position: -100px -4220px; }

.emj24 {
  background-position: 0 -4240px; }

.emj21 {
  background-position: -20px -4240px; }

.emj20 {
  background-position: -40px -4240px; }

.emj19 {
  background-position: -60px -4240px; }

.emj1214 {
  background-position: -80px -4240px; }

.emj26 {
  background-position: -100px -4240px; }

.emj25 {
  background-position: 0 -4260px; }

.emj193 {
  background-position: -20px -4260px; }

.emj194 {
  background-position: -40px -4260px; }

.emj1 {
  background-position: -60px -4260px; }

.emj2 {
  background-position: -80px -4260px; }

.emj18 {
  background-position: -100px -4260px; }

.emj1246 {
  background-position: 0 -4280px; }

.emj1243 {
  background-position: -20px -4280px; }

.emj1242 {
  background-position: -40px -4280px; }

.emj1245 {
  background-position: -60px -4280px; }

.emj664 {
  background-position: -80px -4280px; }

.emj665 {
  background-position: -100px -4280px; }

.emj202 {
  background-position: 0 -4300px; }

.emj191 {
  background-position: -20px -4300px; }

.emj170 {
  background-position: -40px -4300px; }

.emj1213 {
  background-position: -60px -4300px; }

.emj187 {
  background-position: -80px -4300px; }

.emj188 {
  background-position: -100px -4300px; }

.emj189 {
  background-position: 0 -4320px; }

.emj171 {
  background-position: -20px -4320px; }

.emj1133 {
  background-position: -40px -4320px; }

.emj1132 {
  background-position: -60px -4320px; }

.emj13 {
  background-position: -80px -4320px; }

.emj14 {
  background-position: -100px -4320px; }

.emj17 {
  background-position: 0 -4340px; }

.emj1236 {
  background-position: -20px -4340px; }

.emj1235 {
  background-position: -40px -4340px; }

.emj1237 {
  background-position: -60px -4340px; }

.emj1239 {
  background-position: -80px -4340px; }

.emj1238 {
  background-position: -100px -4340px; }

.emj59 {
  background-position: 0 -4360px; }

.emj1234 {
  background-position: -20px -4360px; }

.emj108 {
  background-position: -40px -4360px; }

.emj109 {
  background-position: -60px -4360px; }

.emj1262 {
  background-position: -80px -4360px; }

.emj1263 {
  background-position: -100px -4360px; }

.emj1266 {
  background-position: 0 -4380px; }

.emj1267 {
  background-position: -20px -4380px; }

.emj1264 {
  background-position: -40px -4380px; }

.emj1265 {
  background-position: -60px -4380px; }

.emj1268 {
  background-position: -80px -4380px; }

.emj45 {
  background-position: -100px -4380px; }

.emj46 {
  background-position: 0 -4400px; }

.emj198 {
  background-position: -20px -4400px; }

.emj199 {
  background-position: -40px -4400px; }

.emj1269 {
  background-position: -60px -4400px; }

.emj50 {
  background-position: -80px -4400px; }

.emj49 {
  background-position: -100px -4400px; }

.emj52 {
  background-position: 0 -4420px; }

.emj51 {
  background-position: -20px -4420px; }

.emj1260 {
  background-position: -40px -4420px; }

.emj1261 {
  background-position: -60px -4420px; }

.emj1218 {
  background-position: -80px -4420px; }

.emj1219 {
  background-position: -100px -4420px; }

.emj1220 {
  background-position: 0 -4440px; }

.emj1217 {
  background-position: -20px -4440px; }

.emj1182 {
  background-position: -40px -4440px; }

.emj1181 {
  background-position: -60px -4440px; }

.emj1230 {
  background-position: -80px -4440px; }

.emj1231 {
  background-position: -100px -4440px; }

.emj207 {
  background-position: 0 -4460px; }

.emj206 {
  background-position: -20px -4460px; }

.emj91 {
  background-position: -40px -4460px; }

.emj92 {
  background-position: -60px -4460px; }

.emj93 {
  background-position: -80px -4460px; }

.emj94 {
  background-position: -100px -4460px; }

.emj663 {
  background-position: 0 -4480px; }

.emj827 {
  background-position: -20px -4480px; }

.emj1128 {
  background-position: -40px -4480px; }

.emj1351 {
  background-position: -60px -4480px; }

.emj1127 {
  background-position: -80px -4480px; }

.emj1278 {
  background-position: -100px -4480px; }

.emj1279 {
  background-position: 0 -4500px; }

.emj1280 {
  background-position: -20px -4500px; }

.emj1281 {
  background-position: -40px -4500px; }

.emj1282 {
  background-position: -60px -4500px; }

.emj1283 {
  background-position: -80px -4500px; }

.emj1284 {
  background-position: -100px -4500px; }

.emj1285 {
  background-position: 0 -4520px; }

.emj1286 {
  background-position: -20px -4520px; }

.emj1287 {
  background-position: -40px -4520px; }

.emj1288 {
  background-position: -60px -4520px; }

.emj1289 {
  background-position: -80px -4520px; }

.emj1290 {
  background-position: -100px -4520px; }

.emj1291 {
  background-position: 0 -4540px; }

.emj1292 {
  background-position: -20px -4540px; }

.emj1293 {
  background-position: -40px -4540px; }

.emj1294 {
  background-position: -60px -4540px; }

.emj1295 {
  background-position: -80px -4540px; }

.emj1296 {
  background-position: -100px -4540px; }

.emj1297 {
  background-position: 0 -4560px; }

.emj1298 {
  background-position: -20px -4560px; }

.emj1299 {
  background-position: -40px -4560px; }

.emj1300 {
  background-position: -60px -4560px; }

.emj1301 {
  background-position: -80px -4560px; }

.emj225 {
  background-position: 0 -4580px; }

.emj237 {
  background-position: -20px -4580px; }

.emj228 {
  background-position: -40px -4580px; }

.emj283 {
  background-position: -60px -4580px; }

.emj233 {
  background-position: -80px -4580px; }

.emj223 {
  background-position: -100px -4580px; }

.emj230 {
  background-position: 0 -4600px; }

.emj227 {
  background-position: -20px -4600px; }

.emj231 {
  background-position: -40px -4600px; }

.emj226 {
  background-position: -60px -4600px; }

.emj232 {
  background-position: -80px -4600px; }

.emj229 {
  background-position: -100px -4600px; }

.emj236 {
  background-position: 0 -4620px; }

.emj235 {
  background-position: -20px -4620px; }

.emj234 {
  background-position: -40px -4620px; }

.emj238 {
  background-position: -60px -4620px; }

.emj254 {
  background-position: -80px -4620px; }

.emj245 {
  background-position: -100px -4620px; }

.emj241 {
  background-position: 0 -4640px; }

.emj240 {
  background-position: -20px -4640px; }

.emj257 {
  background-position: -40px -4640px; }

.emj242 {
  background-position: -60px -4640px; }

.emj258 {
  background-position: -80px -4640px; }

.emj247 {
  background-position: -100px -4640px; }

.emj249 {
  background-position: 0 -4660px; }

.emj255 {
  background-position: -20px -4660px; }

.emj251 {
  background-position: -40px -4660px; }

.emj239 {
  background-position: -60px -4660px; }

.emj256 {
  background-position: -80px -4660px; }

.emj253 {
  background-position: -100px -4660px; }

.emj328 {
  background-position: 0 -4680px; }

.emj458 {
  background-position: -20px -4680px; }

.emj250 {
  background-position: -40px -4680px; }

.emj244 {
  background-position: -60px -4680px; }

.emj243 {
  background-position: -80px -4680px; }

.emj246 {
  background-position: -100px -4680px; }

.emj339 {
  background-position: 0 -4700px; }

.emj268 {
  background-position: -20px -4700px; }

.emj259 {
  background-position: -40px -4700px; }

.emj322 {
  background-position: -60px -4700px; }

.emj273 {
  background-position: -80px -4700px; }

.emj252 {
  background-position: -100px -4700px; }

.emj346 {
  background-position: 0 -4720px; }

.emj262 {
  background-position: -20px -4720px; }

.emj435 {
  background-position: -40px -4720px; }

.emj267 {
  background-position: -60px -4720px; }

.emj269 {
  background-position: -80px -4720px; }

.emj275 {
  background-position: -100px -4720px; }

.emj260 {
  background-position: 0 -4740px; }

.emj270 {
  background-position: -20px -4740px; }

.emj341 {
  background-position: -40px -4740px; }

.emj263 {
  background-position: -60px -4740px; }

.emj261 {
  background-position: -80px -4740px; }

.emj266 {
  background-position: -100px -4740px; }

.emj271 {
  background-position: 0 -4760px; }

.emj265 {
  background-position: -20px -4760px; }

.emj319 {
  background-position: -40px -4760px; }

.emj272 {
  background-position: -60px -4760px; }

.emj274 {
  background-position: -80px -4760px; }

.emj276 {
  background-position: -100px -4760px; }

.emj277 {
  background-position: 0 -4780px; }

.emj280 {
  background-position: -20px -4780px; }

.emj279 {
  background-position: -40px -4780px; }

.emj281 {
  background-position: -60px -4780px; }

.emj282 {
  background-position: -80px -4780px; }

.emj284 {
  background-position: -100px -4780px; }

.emj286 {
  background-position: 0 -4800px; }

.emj430 {
  background-position: -20px -4800px; }

.emj310 {
  background-position: -40px -4800px; }

.emj288 {
  background-position: -60px -4800px; }

.emj285 {
  background-position: -80px -4800px; }

.emj290 {
  background-position: -100px -4800px; }

.emj291 {
  background-position: 0 -4820px; }

.emj294 {
  background-position: -20px -4820px; }

.emj296 {
  background-position: -40px -4820px; }

.emj293 {
  background-position: -60px -4820px; }

.emj292 {
  background-position: -80px -4820px; }

.emj297 {
  background-position: -100px -4820px; }

.emj302 {
  background-position: 0 -4840px; }

.emj396 {
  background-position: -20px -4840px; }

.emj436 {
  background-position: -40px -4840px; }

.emj298 {
  background-position: -60px -4840px; }

.emj307 {
  background-position: -80px -4840px; }

.emj301 {
  background-position: -100px -4840px; }

.emj278 {
  background-position: 0 -4860px; }

.emj304 {
  background-position: -20px -4860px; }

.emj305 {
  background-position: -40px -4860px; }

.emj311 {
  background-position: -60px -4860px; }

.emj306 {
  background-position: -80px -4860px; }

.emj300 {
  background-position: -100px -4860px; }

.emj309 {
  background-position: 0 -4880px; }

.emj314 {
  background-position: -20px -4880px; }

.emj313 {
  background-position: -40px -4880px; }

.emj303 {
  background-position: -60px -4880px; }

.emj308 {
  background-position: -80px -4880px; }

.emj315 {
  background-position: -100px -4880px; }

.emj316 {
  background-position: 0 -4900px; }

.emj320 {
  background-position: -20px -4900px; }

.emj318 {
  background-position: -40px -4900px; }

.emj317 {
  background-position: -60px -4900px; }

.emj321 {
  background-position: -80px -4900px; }

.emj331 {
  background-position: -100px -4900px; }

.emj327 {
  background-position: 0 -4920px; }

.emj323 {
  background-position: -20px -4920px; }

.emj330 {
  background-position: -40px -4920px; }

.emj329 {
  background-position: -60px -4920px; }

.emj324 {
  background-position: -80px -4920px; }

.emj326 {
  background-position: -100px -4920px; }

.emj325 {
  background-position: 0 -4940px; }

.emj332 {
  background-position: -20px -4940px; }

.emj334 {
  background-position: -40px -4940px; }

.emj336 {
  background-position: -60px -4940px; }

.emj333 {
  background-position: -80px -4940px; }

.emj335 {
  background-position: -100px -4940px; }

.emj347 {
  background-position: 0 -4960px; }

.emj337 {
  background-position: -20px -4960px; }

.emj340 {
  background-position: -40px -4960px; }

.emj464 {
  background-position: -60px -4960px; }

.emj345 {
  background-position: -80px -4960px; }

.emj338 {
  background-position: -100px -4960px; }

.emj348 {
  background-position: 0 -4980px; }

.emj357 {
  background-position: -20px -4980px; }

.emj349 {
  background-position: -40px -4980px; }

.emj354 {
  background-position: -60px -4980px; }

.emj353 {
  background-position: -80px -4980px; }

.emj358 {
  background-position: -100px -4980px; }

.emj351 {
  background-position: 0 -5000px; }

.emj355 {
  background-position: -20px -5000px; }

.emj356 {
  background-position: -40px -5000px; }

.emj369 {
  background-position: -60px -5000px; }

.emj365 {
  background-position: -80px -5000px; }

.emj363 {
  background-position: -100px -5000px; }

.emj377 {
  background-position: 0 -5020px; }

.emj379 {
  background-position: -20px -5020px; }

.emj376 {
  background-position: -40px -5020px; }

.emj366 {
  background-position: -60px -5020px; }

.emj374 {
  background-position: -80px -5020px; }

.emj364 {
  background-position: -100px -5020px; }

.emj371 {
  background-position: 0 -5040px; }

.emj372 {
  background-position: -20px -5040px; }

.emj375 {
  background-position: -40px -5040px; }

.emj466 {
  background-position: -60px -5040px; }

.emj378 {
  background-position: -80px -5040px; }

.emj295 {
  background-position: -100px -5040px; }

.emj361 {
  background-position: 0 -5060px; }

.emj360 {
  background-position: -20px -5060px; }

.emj368 {
  background-position: -40px -5060px; }

.emj362 {
  background-position: -60px -5060px; }

.emj373 {
  background-position: -80px -5060px; }

.emj359 {
  background-position: -100px -5060px; }

.emj380 {
  background-position: 0 -5080px; }

.emj367 {
  background-position: -20px -5080px; }

.emj381 {
  background-position: -40px -5080px; }

.emj390 {
  background-position: -60px -5080px; }

.emj389 {
  background-position: -80px -5080px; }

.emj387 {
  background-position: -100px -5080px; }

.emj382 {
  background-position: 0 -5100px; }

.emj392 {
  background-position: -20px -5100px; }

.emj386 {
  background-position: -40px -5100px; }

.emj383 {
  background-position: -60px -5100px; }

.emj385 {
  background-position: -80px -5100px; }

.emj391 {
  background-position: -100px -5100px; }

.emj384 {
  background-position: 0 -5120px; }

.emj343 {
  background-position: -20px -5120px; }

.emj370 {
  background-position: -40px -5120px; }

.emj388 {
  background-position: -60px -5120px; }

.emj393 {
  background-position: -80px -5120px; }

.emj399 {
  background-position: -100px -5120px; }

.emj406 {
  background-position: 0 -5140px; }

.emj404 {
  background-position: -20px -5140px; }

.emj394 {
  background-position: -40px -5140px; }

.emj397 {
  background-position: -60px -5140px; }

.emj407 {
  background-position: -80px -5140px; }

.emj395 {
  background-position: -100px -5140px; }

.emj398 {
  background-position: 0 -5160px; }

.emj402 {
  background-position: -20px -5160px; }

.emj400 {
  background-position: -40px -5160px; }

.emj405 {
  background-position: -60px -5160px; }

.emj403 {
  background-position: -80px -5160px; }

.emj408 {
  background-position: -100px -5160px; }

.emj409 {
  background-position: 0 -5180px; }

.emj410 {
  background-position: -20px -5180px; }

.emj412 {
  background-position: -40px -5180px; }

.emj413 {
  background-position: -60px -5180px; }

.emj463 {
  background-position: -80px -5180px; }

.emj424 {
  background-position: -100px -5180px; }

.emj429 {
  background-position: 0 -5200px; }

.emj414 {
  background-position: -20px -5200px; }

.emj425 {
  background-position: -40px -5200px; }

.emj411 {
  background-position: -60px -5200px; }

.emj416 {
  background-position: -80px -5200px; }

.emj423 {
  background-position: -100px -5200px; }

.emj419 {
  background-position: 0 -5220px; }

.emj431 {
  background-position: -20px -5220px; }

.emj422 {
  background-position: -40px -5220px; }

.emj421 {
  background-position: -60px -5220px; }

.emj312 {
  background-position: -80px -5220px; }

.emj415 {
  background-position: -100px -5220px; }

.emj426 {
  background-position: 0 -5240px; }

.emj467 {
  background-position: -20px -5240px; }

.emj344 {
  background-position: -40px -5240px; }

.emj428 {
  background-position: -60px -5240px; }

.emj289 {
  background-position: -80px -5240px; }

.emj352 {
  background-position: -100px -5240px; }

.emj248 {
  background-position: 0 -5260px; }

.emj420 {
  background-position: -20px -5260px; }

.emj342 {
  background-position: -40px -5260px; }

.emj350 {
  background-position: -60px -5260px; }

.emj401 {
  background-position: -80px -5260px; }

.emj456 {
  background-position: -100px -5260px; }

.emj417 {
  background-position: 0 -5280px; }

.emj427 {
  background-position: -20px -5280px; }

.emj433 {
  background-position: -40px -5280px; }

.emj418 {
  background-position: -60px -5280px; }

.emj264 {
  background-position: -80px -5280px; }

.emj432 {
  background-position: -100px -5280px; }

.emj448 {
  background-position: 0 -5300px; }

.emj439 {
  background-position: -20px -5300px; }

.emj449 {
  background-position: -40px -5300px; }

.emj438 {
  background-position: -60px -5300px; }

.emj441 {
  background-position: -80px -5300px; }

.emj437 {
  background-position: -100px -5300px; }

.emj440 {
  background-position: 0 -5320px; }

.emj444 {
  background-position: -20px -5320px; }

.emj446 {
  background-position: -40px -5320px; }

.emj443 {
  background-position: -60px -5320px; }

.emj445 {
  background-position: -80px -5320px; }

.emj442 {
  background-position: -100px -5320px; }

.emj434 {
  background-position: 0 -5340px; }

.emj447 {
  background-position: -20px -5340px; }

.emj459 {
  background-position: -40px -5340px; }

.emj451 {
  background-position: -60px -5340px; }

.emj450 {
  background-position: -80px -5340px; }

.emj224 {
  background-position: -100px -5340px; }

.emj299 {
  background-position: 0 -5360px; }

.emj452 {
  background-position: -20px -5360px; }

.emj453 {
  background-position: -40px -5360px; }

.emj454 {
  background-position: -60px -5360px; }

.emj461 {
  background-position: -80px -5360px; }

.emj455 {
  background-position: -100px -5360px; }

.emj457 {
  background-position: 0 -5380px; }

.emj460 {
  background-position: -20px -5380px; }

.emj462 {
  background-position: -40px -5380px; }

.emj287 {
  background-position: -60px -5380px; }

.emj465 {
  background-position: -80px -5380px; }

.emj468 {
  background-position: -100px -5380px; }

.emj469 {
  background-position: 0 -5400px; }

.emj756 {
  background-position: 0 -5420px; }

.emj757 {
  background-position: -20px -5420px; }

.emj758 {
  background-position: -40px -5420px; }

.emj759 {
  background-position: -60px -5420px; }

.emj760 {
  background-position: -80px -5420px; }

.emj1350 {
  background-position: -100px -5420px; }

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  margin: 0px auto  ;
  max-width: 440px;
  max-height: 440px; }

.ReactCrop:focus {
  outline: none; }

.ReactCrop__image {
  display: block;
  max-width: 440px;
  max-height: 440px; }

.ReactCrop__image-copy {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 440px;
  max-height: 440px; }

.ReactCrop__crop-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6); }

.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  cursor: move;
  background-image: linear-gradient(to right, #4F7FF8 50%, #4F7FF8 50%), linear-gradient(to right, #4F7FF8 50%, #4F7FF8 50%), linear-gradient(to bottom, #4F7FF8 50%, #4F7FF8 50%), linear-gradient(to bottom, #4F7FF8 50%, #4F7FF8 50%);
  padding: 1px;
  background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  -webkit-animation: marching-ants 2s;
  animation: marching-ants 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

@-webkit-keyframes marching-ants {
  0% {
    background-position: 0 0,  0 100%,  0 0,  100% 0; }
  100% {
    background-position: 40px 0, -40px 100%, 0 -40px, 100% 40px; } }

@keyframes marching-ants {
  0% {
    background-position: 0 0,  0 100%,  0 0,  100% 0; }
  100% {
    background-position: 40px 0, -40px 100%, 0 -40px, 100% 40px; } }

.ReactCrop__drag-handle {
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: #4F7FF8;
  border: #4F7FF8;
  box-sizing: border-box;
  outline: 1px solid transparent; }

.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -4px;
  margin-left: -4px;
  cursor: nw-resize; }

.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -4px;
  margin-left: -4px;
  cursor: n-resize; }

.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -4px;
  margin-right: -4px;
  cursor: ne-resize; }

.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -4px;
  margin-right: -4px;
  cursor: e-resize; }

.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  cursor: se-resize; }

.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
  cursor: s-resize; }

.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
  cursor: sw-resize; }

.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -4px;
  margin-left: -4px;
  cursor: w-resize; }

.ReactCrop__drag-bar {
  position: absolute; }

.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -4px; }

.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -4px; }

.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -4px; }

.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -4px; }

.ReactCrop-new-crop .ReactCrop__drag-bar,
.ReactCrop-new-crop .ReactCrop__drag-handle {
  display: none; }

.ReactCrop-fixed-aspect .ReactCrop__drag-handle.ord-n,
.ReactCrop-fixed-aspect .ReactCrop__drag-handle.ord-e,
.ReactCrop-fixed-aspect .ReactCrop__drag-handle.ord-s,
.ReactCrop-fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none; }

.ReactCrop-fixed-aspect .ReactCrop__drag-bar {
  display: none; }

@media (max-width: 768px) {
  .ReactCrop__drag-handle {
    width: 17px;
    height: 17px; }
  .ReactCrop .ord-nw {
    margin-top: -8px;
    margin-left: -8px; }
  .ReactCrop .ord-n {
    margin-top: -8px;
    margin-left: -8px; }
  .ReactCrop .ord-ne {
    margin-top: -8px;
    margin-right: -8px; }
  .ReactCrop .ord-e {
    margin-top: -8px;
    margin-right: -8px; }
  .ReactCrop .ord-se {
    margin-bottom: -8px;
    margin-right: -8px; }
  .ReactCrop .ord-s {
    margin-bottom: -8px;
    margin-left: -8px; }
  .ReactCrop .ord-sw {
    margin-bottom: -8px;
    margin-left: -8px; }
  .ReactCrop .ord-w {
    margin-top: -8px;
    margin-left: -8px; }
  .ReactCrop__drag-bar.ord-n {
    height: 14px;
    margin-top: -12px; }
  .ReactCrop__drag-bar.ord-e {
    width: 14px;
    margin-right: -12px; }
  .ReactCrop__drag-bar.ord-s {
    height: 14px;
    margin-bottom: -12px; }
  .ReactCrop__drag-bar.ord-w {
    width: 14px;
    margin-left: -12px; } }

#Intercom {
  cursor: pointer;
  position: fixed;
  right: 22px;
  bottom: 22px;
  height: 55px;
  width: 55px;
  border-radius: 50%;
  background-color: rgba(57, 70, 78, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 0 0 3px rgba(57, 70, 78, 0.8); }
  #Intercom:after {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    background-size: 33px;
    background-image: url("/public/svg/other/intercom-bubble.png"); }

#intercom-container {
  z-index: 1; }
  #intercom-container .intercom-launcher-button,
  #intercom-container .intercom-launcher-badge {
    -webkit-transform: translateX(-5px) translateY(-5px) scale(1.2);
    -ms-transform: translateX(-5px) translateY(-5px) scale(1.2);
    transform: translateX(-5px) translateY(-5px) scale(1.2); }
  #intercom-container .intercom-launcher-preview {
    display: none; }

.react-grid-Container {
  clear: both;
  margin-top: 0;
  padding: 0; }

.react-grid-Toolbar {
  background-color: #ffffff;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 4px 1px 1px 1px;
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  height: 48px; }

.react-grid-Toolbar .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  color: inherit;
  background: white;
  border: 1px solid #e7eaec; }

.react-grid-Toolbar .btn:hover {
  color: inherit;
  border: 1px solid #d2d2d2; }

.react-grid-Toolbar .grouped-col-btn {
  background-color: #428bca;
  color: white; }

.react-grid-Toolbar .grouped-col-btn:hover {
  color: white; }

.react-grid-Toolbar .tools {
  display: inline-block;
  float: right;
  margin-top: 0;
  position: relative;
  padding: 0;
  margin-top: -6px; }

.react-grid-Main {
  background-color: #ffffff;
  color: inherit;
  padding: 0px;
  outline: 1px solid #e7eaec;
  clear: both; }

.react-grid-Grid {
  background-color: #ffffff;
  border: 1px solid #dddddd; }

.react-grid-Canvas {
  background-color: #ffffff; }

.react-grid-Cell {
  background-color: #ffffff;
  padding-left: 8px;
  padding-right: 8px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #dddddd; }

.react-grid-Cell:not(.editing) .react-grid-Cell__value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.react-grid-Canvas.opaque .react-grid-Cell:not(.editing) {
  opacity: 0.4;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out; }

.react-grid-Cell__value ul {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block; }

.react-grid-Cell__value .btn-sm {
  padding: 0; }

.react-grid-Cell.copied {
  background: rgba(0, 0, 255, 0.2) !important;
  -webkit-transition: 0.5s background; }

.react-grid-Row:hover .react-grid-Cell,
.react-grid-Row.row-context-menu .react-grid-Cell {
  background-color: #f2f2f2; }

.react-grid-Row:hover .rdg-row-index {
  display: none; }

.rdg-row-index {
  display: block;
  text-align: center; }

.rdg-row-actions-cell {
  padding: 0px; }

.rdg-actions-checkbox {
  display: none;
  text-align: center; }

.rdg-actions-checkbox.selected {
  display: block; }

.react-grid-Row:hover .rdg-actions-checkbox {
  display: block; }

.react-grid-Row:hover .rdg-drag-row-handle {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -webkit-grab;
  width: 12px;
  height: 30px;
  margin-left: 3px;
  background-image: url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjlweCIgaGVpZ2h0PSIyOXB4IiB2aWV3Qm94PSIwIDAgOSAyOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMzkgKDMxNjY3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5kcmFnIGljb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iQWN0dWFsaXNhdGlvbi12MiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkRlc2t0b3AiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNS4wMDAwMDAsIC0yNjIuMDAwMDAwKSIgZmlsbD0iI0Q4RDhEOCI+CiAgICAgICAgICAgIDxnIGlkPSJJbnRlcmFjdGlvbnMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjAwMDAwMCwgMjU4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJvdy1Db250cm9scyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImRyYWctaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMzAiIGN4PSIyIiBjeT0iMiIgcj0iMiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMzAiIGN4PSI3IiBjeT0iMiIgcj0iMiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMzAiIGN4PSIyIiBjeT0iNyIgcj0iMiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMzAiIGN4PSI3IiBjeT0iNyIgcj0iMiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMzAiIGN4PSIyIiBjeT0iMTIiIHI9IjIiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTMwIiBjeD0iNyIgY3k9IjEyIiByPSIyIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0zMCIgY3g9IjIiIGN5PSIxNyIgcj0iMiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMzAiIGN4PSI3IiBjeT0iMTciIHI9IjIiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTMwIiBjeD0iMiIgY3k9IjIyIiByPSIyIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0zMCIgY3g9IjciIGN5PSIyMiIgcj0iMiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMzAiIGN4PSIyIiBjeT0iMjciIHI9IjIiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTMwIiBjeD0iNyIgY3k9IjI3IiByPSIyIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
  background-repeat: no-repeat; }

.rdg-dragging {
  /*cursor: url(http://www.google.com/intl/en_ALL/mapfiles/closedhand.cur);*/
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.rdg-dragged-row {
  border-bottom: 1px solid #000000; }

@-webkit-keyframes pulse {
  0% {
    background-color: #ff0; }
  50% {
    background-color: #fff; }
  100% {
    background-color: #ff0; } }

@keyframes pulse {
  0% {
    background-color: #ff0; }
  50% {
    background-color: #fff; }
  100% {
    background-color: #ff0; } }

.react-grid-Cell.editing {
  padding: 0;
  overflow: visible !important; }

.react-grid-Cell.editing .has-error input {
  border: 2px red solid !important;
  border-radius: 2px !important; }

.react-grid-Cell input.editor-main,
select.editor-main {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.react-grid-Cell input.editor-main:focus,
select.editor-main:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.react-grid-Cell input.editor-main::-moz-placeholder,
select.editor-main::-moz-placeholder {
  color: #999999;
  opacity: 1; }

.react-grid-Cell input.editor-main:-ms-input-placeholder,
select.editor-main:-ms-input-placeholder {
  color: #999999; }

.react-grid-Cell input.editor-main::-webkit-input-placeholder,
select.editor-main::-webkit-input-placeholder {
  color: #999999; }

.react-grid-Cell input.editor-main[disabled],
select.editor-main[disabled],
.react-grid-Cell input.editor-main[readonly],
select.editor-main[readonly],
fieldset[disabled] .react-grid-Cell input.editor-main,
fieldset[disabled] select.editor-main {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1; }

textarea.react-grid-Cell input.editor-main,
textareaselect.editor-main {
  height: auto; }

.react-grid-checkbox,
.radio-custom {
  opacity: 0;
  position: absolute; }

.react-grid-checkbox,
.react-grid-checkbox-label,
.radio-custom,
.radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
  cursor: pointer; }

.react-grid-checkbox-label,
.radio-custom-label {
  position: relative; }

.react-grid-checkbox + .react-grid-checkbox-label:before,
.radio-custom + .radio-custom-label:before {
  content: '';
  background: #fff;
  border: 2px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  text-align: center; }

.react-grid-checkbox:checked + .react-grid-checkbox-label:before {
  background: rebeccapurple;
  box-shadow: inset 0px 0px 0px 4px #fff; }

.radio-custom + .radio-custom-label:before {
  border-radius: 50%; }

.radio-custom:checked + .radio-custom-label:before {
  background: #ccc;
  box-shadow: inset 0px 0px 0px 4px #fff; }

.react-grid-checkbox:focus + .react-grid-checkbox-label,
.radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd;
  /* focus style */ }

.react-grid-HeaderCell input[type='checkbox'] {
  z-index: 99999; }

.react-grid-HeaderCell > .react-grid-checkbox-container {
  padding: 0px 10px; }

.react-grid-HeaderCell > .react-grid-checkbox-container > .react-grid-checkbox-label {
  margin: 0; }

.react-grid-Header {
  box-shadow: 0px 0px 4px 0px #dddddd;
  background: #f9f9f9; }

.react-grid-Header--resizing {
  cursor: ew-resize; }

.react-grid-HeaderRow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.react-grid-HeaderCell {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #f9f9f9;
  padding: 8px;
  font-weight: bold;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd; }

.react-grid-HeaderCell__value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.react-grid-HeaderCell__resizeHandle:hover {
  cursor: ew-resize;
  background: #dddddd; }

.react-grid-HeaderCell--locked:last-of-type {
  box-shadow: none; }

.react-grid-HeaderCell--resizing .react-grid-HeaderCell__resizeHandle {
  background: #dddddd; }

.react-grid-HeaderCell__draggable {
  cursor: col-resize; }

.react-grid-ScrollShim {
  z-index: 10002; }

.react-grid-Cell.selected-draggable {
  border: 1px solid #66afe9;
  background: #eee; }

.react-grid-cell .form-control-feedback {
  color: #a94442;
  position: absolute;
  top: 0px;
  right: 10px;
  z-index: 1000000;
  display: block;
  width: 34px;
  height: 34px; }

.react-grid-Cell.was-dragged-over {
  border-right: 1px dashed black;
  border-left: 1px dashed black; }

.react-grid-Cell.active-drag-cell {
  overflow: visible !important; }

.react-grid-Cell.active-drag-cell .drag-handle {
  position: absolute;
  bottom: -5px;
  right: -4px;
  background: #66afe9;
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  border-right: 0px;
  border-bottom: 0px;
  z-index: 8;
  cursor: crosshair;
  cursor: -webkit-grab; }

.react-grid-Cell.active-drag-cell:hover .drag-handle {
  position: absolute;
  bottom: -8px;
  right: -7px;
  background: white;
  width: 16px;
  height: 16px;
  border: 1px solid #66afe9;
  /* border-right: 0px; */
  /* border-bottom: 0px; */
  z-index: 8;
  cursor: crosshair;
  cursor: -webkit-grab; }

.react-grid-Cell.active-drag-cell:hover .drag-handle .glyphicon-arrow-down {
  display: 'block'; }

.react-grid-Cell.is-dragged-over-down {
  border-right: 1px dashed black;
  border-left: 1px dashed black;
  border-bottom: 1px dashed black; }

.react-grid-Cell.is-dragged-over-up {
  border-right: 1px dashed black;
  border-left: 1px dashed black;
  border-top: 1px dashed black; }

.react-grid-Cell.is-dragged-over-up .drag-handle {
  top: -5px; }

.react-grid-Cell:hover {
  background: #eee; }

.react-grid-Cell.selected {
  border: 2px solid #66afe9;
  background: #eee;
  border-radius: 4px; }

.react-grid-Cell:focus {
  outline: none; }

.react-grid-Row.row-selected .react-grid-Cell {
  background-color: #DBECFA; }

.react-grid-Row.row-selected {
  background-color: #DBECFA; }

.react-grid-Row .row-selected {
  background-color: #DBECFA; }

.react-grid-row-group .row-expand-icon:hover {
  color: #777777; }

.react-grid-row-index {
  padding: 0 18px; }

.react-grid-Cell--locked:last-of-type {
  border-right: 1px solid #dddddd;
  box-shadow: none; }

.react-grid-image {
  background: #efefef;
  background-size: 100%;
  display: inline-block;
  height: 40px;
  width: 40px; }

.react-autocomplete-Autocomplete__search {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.6;
  color: #555555;
  background-color: white;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.react-autocomplete-Autocomplete__search:focus {
  border-color: #a21618;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(162, 22, 24, 0.6); }

.react-autocomplete-Autocomplete__search::-moz-placeholder {
  color: #777777;
  opacity: 1; }

.react-autocomplete-Autocomplete__search:-ms-input-placeholder {
  color: #777777; }

.react-autocomplete-Autocomplete__search::-webkit-input-placeholder {
  color: #777777; }

.react-autocomplete-Autocomplete__search[disabled],
.react-autocomplete-Autocomplete__search[readonly],
fieldset[disabled] .react-autocomplete-Autocomplete__search {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1; }

textarea.react-autocomplete-Autocomplete__search {
  height: auto; }

.react-autocomplete-Autocomplete__results {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: white;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  min-width: 250px;
  width: 100%;
  max-height: 200px;
  overflow: auto; }

.react-autocomplete-Autocomplete__results.pull-right {
  right: 0;
  left: auto; }

.react-autocomplete-Autocomplete__results .divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.react-autocomplete-Autocomplete__results > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.6;
  color: #333333;
  white-space: nowrap; }

.react-autocomplete-Autocomplete__results div.action-button {
  display: block !important;
  padding: 4px; }

.react-autocomplete-Result {
  cursor: pointer; }

.react-autocomplete-Result > a {
  text-decoration: none; }

.react-autocomplete-Result--active {
  color: #262626;
  background-color: whitesmoke; }

.react-grid-Cell.readonly {
  background-color: black; }

.react-grid-Viewport {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    not supported by any browser */ }

h1 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-size: 2.5em;
  text-align: center; }

h2 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-size: 2em; }

h3 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-size: 1.5em;
  line-height: 1.5em; }

h4 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-size: 1.25em; }

p,
span,
button {
  font-size: 1em;
  line-height: 1.5em; }

input,
label {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-size: 1.25em; }

label {
  color: rgba(57, 70, 78, 0.35); }

strong {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline;
  font-size: 1em; }

button {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased; }

a {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  color: #4F7FF8; }
  a:focus, a:visited, a:active {
    color: #4F7FF8; }
  a:hover {
    color: #1e5bf6; }
  a.icon:before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat; }

* {
  box-sizing: border-box; }

body {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  background-color: #39464E;
  -webkit-overflow-scrolling: touch; }

form {
  background-color: #FFFFFF;
  border-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ; }
  @media (max-width: 374px) {
    form {
      padding: 33px 22px  ; } }
  form button {
    font-size: 1.25em; }
.loading-container {
  position: fixed;
  width: auto;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  background-color: rgba(57, 70, 78, 0.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .loading-container .loading-spin {
    border: 4px solid;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-name: loading;
    animation-name: loading;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 5px;
    border-color: #4F7FF8;
    width: 77px;
    height: 77px; }
  33% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-radius: 18px;
    border-color: #5EDBBB;
    width: 54.67px;
    height: 54.67px; }
  66% {
    -webkit-transform: rotate(650deg);
    transform: rotate(650deg);
    border-radius: 100px;
    border-color: #8CDFB1;
    width: 43.89px;
    height: 21.56px; }
  100% {
    -webkit-transform: rotate(800deg);
    transform: rotate(800deg);
    border-radius: 50%;
    border-color: #EBCE5C;
    width: 21.56px;
    height: 21.56px; } }

@keyframes loading {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 5px;
    border-color: #4F7FF8;
    width: 77px;
    height: 77px; }
  33% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-radius: 18px;
    border-color: #5EDBBB;
    width: 54.67px;
    height: 54.67px; }
  66% {
    -webkit-transform: rotate(650deg);
    transform: rotate(650deg);
    border-radius: 100px;
    border-color: #8CDFB1;
    width: 43.89px;
    height: 21.56px; }
  100% {
    -webkit-transform: rotate(800deg);
    transform: rotate(800deg);
    border-radius: 50%;
    border-color: #EBCE5C;
    width: 21.56px;
    height: 21.56px; } }

.loading-mini-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .loading-mini-container .loading-spin {
    border: 4px solid;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-name: mini-loader;
    animation-name: mini-loader;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-color: #4F7FF8;
    width: 27.5px;
    height: 27.5px;
    border-radius: 5px; }

@-webkit-keyframes mini-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes mini-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.overlay-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  z-index: 1000;
  background-color: rgba(57, 70, 78, 0.9);
  cursor: pointer;
  overflow-y: auto; }
  .overlay-container .overlay-close {
    position: absolute;
    top: 33px;
    left: 33px;
    z-index: 1; }
    @media (max-width: 429px) {
      .overlay-container .overlay-close {
        display: none; } }
  .overlay-container .overlay-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    margin: 0px auto  ;
    height: 100%;
    width: 100%;
    cursor: default; }
    @media (min-width: 770px) {
      .overlay-container .overlay-content {
        border-radius: 6px; } }
.error-page-container {
  width: 100%;
  height: 100vh;
  background-image: url("/public/svg/other/cry-doge.gif");
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  color: #FFFFFF;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .error-page-container .logo {
    position: absolute;
    top: 33px;
    left: 33px; }
  .error-page-container h2 {
    font-size: 4em;
    text-transform: uppercase; }
  .error-page-container .error-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.125em;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
    .error-page-container .error-page-content > :nth-child(n) {
      margin-right: 11px; }
    .error-page-container .error-page-content > :last-child {
      margin-right: 0; }
.alert-container {
  position: fixed;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 33px   ;
  color: #FFFFFF;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.25em;
  z-index: 3000; }
  .alert-container > :nth-child(n) {
    margin-right: 11px; }
  .alert-container > :last-child {
    margin-right: 0; }
  .alert-container button {
    position: absolute;
    left: 33px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-position: 0 33px; }

.alert-container.error {
  background-color: #FF7063; }

.alert-container.success {
  background-color: #4F7FF8; }

.alert-enter,
.alert-appear {
  opacity: 0.01;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0); }

.alert-enter.alert-enter-active,
.alert-appear.alert-appear-active {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  transition: opacity 500ms ease-in; }

.alert-leave {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1); }

.alert-leave.alert-leave-active {
  opacity: 0.01;
  transition: opacity 500ms ease-in;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0); }
.tooltip-container {
  border-radius: 6px;
  background-color: #39464E;
  color: #FFFFFF;
  position: fixed;
  text-align: center;
  z-index: 1001;
  transition: -webkit-animation 0.3s ease;
  transition: animation 0.3s ease;
  transition: animation 0.3s ease, -webkit-animation 0.3s ease;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }

.tooltip-container.show {
  padding: 11px   ;
  -webkit-animation: heartbeat 0.2s;
  animation: heartbeat 0.2s; }

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartbeat {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
  .tooltip-container.show:before {
    border-top: 5.5px solid #39464E;
    border-right: 5.5px solid transparent;
    border-left: 5.5px solid transparent;
    bottom: -5px;
    content: '';
    display: block;
    left: 22px;
    margin-left: -5.5px;
    position: absolute; }
  .tooltip-container.show button {
    width: 16.5px;
    height: 16.5px;
    background-size: 16.5px; }
  .tooltip-container.show .em {
    -webkit-transform: scale(0.8) translateY(5.5px);
    -ms-transform: scale(0.8) translateY(5.5px);
    transform: scale(0.8) translateY(5.5px); }
.list-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  height: 100%; }
  .list-container .list-items {
    height: auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .list-container .list-items-enter {
    opacity: 0; }
  .list-container .list-items-enter.list-items-enter-active {
    opacity: 1;
    transition: opacity 0.2s ease-in; }
  .list-container .list-items-leave {
    opacity: 1; }
  .list-container .list-items-leave.list-items-leave-active {
    opacity: 0;
    transition: opacity 0.2s ease-in; }
  .list-container .list-page-nav {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%; }
  .list-container .list-page-nav-position {
    padding: 0px 0px 11px 0px;
    color: #F3F5F6;
    text-align: center; }
  .list-container .list-page-nav-loading {
    text-align: center;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: #4F7FF8; }

.list-container.masonry > .list-load-more {
  background-color: transparent;
  color: #4F7FF8;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.list-container.masonry > .list-items {
  height: 100%;
  position: relative; }
  .list-container.masonry > .list-items > :nth-child(n) {
    margin-bottom: 33px; }
  .list-container.masonry > .list-items > :last-child {
    margin-bottom: 0; }

.list-container.masonry > div {
  margin-bottom: 22px; }
button {
  background-color: transparent;
  padding: 16.5px 0px  ;
  border-radius: 6px;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.5); }

button.primary {
  background-color: #4F7FF8;
  border-color: transparent;
  color: #FFFFFF; }
  button.primary:hover {
    background-color: #366df7; }
  button.primary:disabled {
    border-color: transparent;
    background-color: rgba(57, 70, 78, 0.15); }

button.danger {
  background-color: #FF7063;
  border-color: transparent;
  color: #FFFFFF; }
  button.danger:hover {
    background-color: #ff594a; }
  button.danger:disabled {
    border-color: transparent;
    background-color: rgba(57, 70, 78, 0.15); }

button.small {
  padding: 5.5px 16.5px  ; }

button.icon {
  border: none;
  border-radius: 0;
  width: 33px;
  height: 33px;
  padding: 0px   ;
  background-size: 33px;
  background-clip: content-box; }

.button-wrapper-split {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 11px 0px  ;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .button-wrapper-split > :nth-child(1) {
    width: 50%; }
    @media screen and (max-width: 374px) {
      .button-wrapper-split > :nth-child(1) {
        width: 100%; } }
  .button-wrapper-split > :nth-child(2) {
    width: 50%; }
    @media screen and (max-width: 374px) {
      .button-wrapper-split > :nth-child(2) {
        width: 100%; } }
  .button-wrapper-split > :nth-child(n) {
    margin-right: 11px; }
  .button-wrapper-split > :last-child {
    margin-right: 0; }
.notifications-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 22px   ;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  overflow-y: hidden;
  z-index: 1000;
  width: 374px;
  background-color: #FFFFFF;
  -webkit-transform: translateX(-374px);
  -ms-transform: translateX(-374px);
  transform: translateX(-374px);
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s; }
  .notifications-container .notifications-empty-message {
    padding: 22px 0px  ;
    color: #39464E; }
  .notifications-container .notifications-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .notifications-container .notifications-header-back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .notifications-container .notifications-header-back > :nth-child(n) {
      margin-right: 11px; }
    .notifications-container .notifications-header-back > :last-child {
      margin-right: 0; }
  .notifications-container .notifications-icon {
    color: #4F7FF8; }
  .notifications-container .notifications-title {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 1.125em;
    color: #39464E; }
  .notifications-container .list-container {
    height: 100%;
    overflow-y: auto;
    margin-top: 22px; }
  .notifications-container .list-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    color: #39464E;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .notifications-container .list-items > :nth-child(n) {
      margin-bottom: 11px; }
    .notifications-container .list-items > :last-child {
      margin-bottom: 0; }
  .notifications-container .list-load-more {
    margin-top: 11px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .notifications-container .notification {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: #FFFFFF;
    border-radius: 6px;
    overflow: hidden;
    height: 66px; }
  .notifications-container .notification.read {
    opacity: 0.4; }
  .notifications-container .notification-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #F3F5F6; }
  .notifications-container .notification-meta-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 11px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .notifications-container .notification-meta-wrapper > :nth-child(n) {
      margin-right: 11px; }
    .notifications-container .notification-meta-wrapper > :last-child {
      margin-right: 0; }
  .notifications-container .notification-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #39464E; }
    .notifications-container .notification-meta > :nth-child(n) {
      margin-bottom: 5.5px; }
    .notifications-container .notification-meta > :last-child {
      margin-bottom: 0; }
  .notifications-container .notification-message {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 0.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1em;
    max-height: 2em;
    font-weight: normal; }
  .notifications-container .notification-timestamp {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    font-size: 0.75em; }
  .notifications-container .notification-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .notifications-container .notification-details > :nth-child(n) {
      margin-right: 11px; }
    .notifications-container .notification-details > :last-child {
      margin-right: 0; }
  .notifications-container .notification-preview-image {
    height: 66px;
    width: 66px; }
  .notifications-container .notification-preview-image .video-play-button {
    display: none; }
  .notifications-container .notification-favorite,
  .notifications-container .notification-mention,
  .notifications-container .notification-commented,
  .notifications-container .notification-thanked {
    width: 22px;
    height: 22px;
    background-size: 22px;
    background-position: 0 88px; }
  .notifications-container .notification-thanked {
    background-position: 0 44px; }
  .notifications-container .notification-avatar-wrapper {
    position: relative; }
  .notifications-container .notification-avatar-icon {
    position: absolute;
    bottom: 0;
    right: -3.3px; }

.notifications-container.open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }
.avatar-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  border-radius: 50%;
  background-size: cover;
  background-position: center; }

.avatar-container.little {
  width: 22px;
  height: 22px; }

.avatar-container.tiny {
  width: 33px;
  height: 33px; }

.avatar-container.mini {
  width: 44px;
  height: 44px; }

.avatar-container.small {
  width: 55px;
  height: 55px; }

.avatar-container.medium {
  width: 66px;
  height: 66px; }

.avatar-container.large {
  width: 77px;
  height: 77px; }

.avatar-container.huge {
  width: 99px;
  height: 99px; }

.avatar-container.mentor {
  border: 2px solid #4F7FF8; }

.avatar-container.mod {
  border: 2px solid #8CDFB1; }

.avatar-container.jr-mod {
  border: 2px solid #EACF40; }
.media-container {
  height: 100%;
  position: relative;
  overflow: hidden; }
  .media-container .media-image {
    background-size: cover;
    background-position: center;
    min-width: 100%;
    min-height: 100%; }
  .media-container .media-placeholder {
    text-align: center;
    position: absolute;
    margin: auto;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: #FFFFFF; }
  .media-container .media-placeholder.processing {
    background: #4F7FF8; }
  .media-container .media-placeholder.failed {
    background: #F64F7F; }

.media-container.filter:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(57, 70, 78, 0.4), transparent, rgba(57, 70, 78, 0.4)); }
.video-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center center; }
  .video-container .video-wrapper {
    width: 100%;
    height: 100%;
    position: relative; }
  .video-container .video-play-toggle {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    width: 33px;
    height: 33px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer; }
  .video-container .video-play-toggle button {
    width: 11px;
    height: 11px;
    background-size: 11px; }
  .video-container video {
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: black;
    display: block; }
  .video-container video::-webkit-media-controls-start-playback-button {
    display: none; }
  .video-container .media-image {
    width: 100%; }
  .video-container .video-controls-container {
    position: absolute;
    bottom: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.2s ease; }
  .video-container:hover .video-controls-container {
    transition-delay: 2s;
    opacity: 1;
    transition: opacity 0.2s ease; }

.video-container.playing .video-play-toggle {
  opacity: 0; }

.video-container.playing .video-controls-container {
  transition-delay: 2s;
  opacity: 0;
  transition: opacity 0.2s ease; }

.video-container.playing:hover .video-controls-container {
  transition-delay: 2s;
  opacity: 1;
  transition: opacity 0.2s ease; }

.video-container.full-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(57, 70, 78, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .video-container.full-screen .video-wrapper {
    width: 50%;
    padding-bottom: 50%;
    height: auto; }
    @media (max-width: 1024px) {
      .video-container.full-screen .video-wrapper {
        width: 80%;
        padding-bottom: 80%; } }
    @media (max-width: 429px) {
      .video-container.full-screen .video-wrapper {
        width: 95%;
        padding-bottom: 95%; } }
  .video-container.full-screen video {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 6px;
    background-color: transparent; }
.video-controls-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 11px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  cursor: pointer; }
  .video-controls-container > :nth-child(n) {
    margin-right: 11px; }
  .video-controls-container > :last-child {
    margin-right: 0; }
  .video-controls-container .video-controls-play-toggle {
    width: 33px;
    height: 33px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .video-controls-container .video-controls-play-toggle button {
    width: 11px;
    height: 11px;
    background-size: 11px; }
  .video-controls-container .video-controls-timeline {
    width: 100%;
    height: 33px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    padding: 0px 16.5px  ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .video-controls-container .video-controls-scrubber {
    width: 100%;
    height: 3px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 100px;
    position: relative; }
  .video-controls-container .video-controls-elapsed {
    position: absolute;
    height: 3px;
    border-radius: 100px;
    top: 0;
    background-color: #4F7FF8; }
  .video-controls-container .video-controls-node {
    position: absolute;
    z-index: 1;
    width: 16.5px;
    height: 16.5px;
    border-radius: 50%;
    background-color: #FFFFFF;
    top: -5.5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    margin-left: -11px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
    .video-controls-container .video-controls-node:hover {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      transition: -webkit-transform 0.2s ease;
      transition: transform 0.2s ease;
      transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
  .video-controls-container .video-controls-full-screen {
    width: 33px;
    height: 33px;
    transition: 0.25s;
    background-color: #FFFFFF;
    border-radius: 50%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
.notification-icon {
  margin: 0;
  padding: 0;
  border: none;
  color: #FFFFFF;
  border-radius: 50%;
  background-color: #4F7FF8;
  width: 44px;
  height: 44px; }
.auth-container {
  width: 374px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  margin: 33px auto  ;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .auth-container form {
    background: none;
    padding: 0;
    width: 100%; }
  .auth-container .auth-title {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: #FFFFFF;
    font-size: 1.25em;
    padding: 22px   ; }
  .auth-container .form-container {
    position: relative;
    background-color: #FFFFFF;
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 22px   ;
    min-height: 550px; }
  .auth-container .auth-create-account {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 22px   ;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center; }
  .auth-container .auth-forgot-password {
    text-align: right; }
.input-container {
  position: relative;
  margin-bottom: 22px;
  border: 2px solid rgba(57, 70, 78, 0.2);
  height: 66px;
  border-radius: 12px;
  background-color: #F3F5F6; }
  .input-container input {
    width: 100%;
    border: none;
    height: 44px;
    color: #39464E;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px 66px 0px 22px;
    border-radius: 12px;
    z-index: 1; }
    @media (max-width: 429px) {
      .input-container input {
        padding: 0px 11px  ; } }
  .input-container .read-only-input-label {
    color: rgba(57, 70, 78, 0.35);
    z-index: 0; }
  .input-container input:-webkit-autofill {
    background-color: transparent; }
  .input-container label {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    pointer-events: none;
    left: 22px;
    bottom: 11px;
    transition: all 0.2s ease;
    color: rgba(57, 70, 78, 0.35); }
    @media (max-width: 429px) {
      .input-container label {
        font-size: 1em;
        left: 11px; } }
  .input-container label .input-subtext {
    font-size: 0.75em; }
    @media (max-width: 429px) {
      .input-container label .input-subtext {
        font-size: 1em; } }
  .input-container input:focus ~ label,
  .input-container input.value ~ label {
    bottom: 38.5px;
    font-size: 0.75em; }
  .input-container input[type="checkbox"] ~ label {
    margin-left: 27.5px;
    bottom: 27.5px;
    font-size: 1em;
    line-height: 1.25em;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing: antialiased; }
  .input-container .input-valid,
  .input-container .input-invalid,
  .input-container .input-loading {
    position: absolute;
    right: 22px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1; }
    @media (max-width: 429px) {
      .input-container .input-valid,
      .input-container .input-invalid,
      .input-container .input-loading {
        right: 11px; } }
  .input-container .input-valid,
  .input-container .input-invalid {
    border-radius: 50%; }
  .input-container .input-clear {
    opacity: 0.2; }
  .input-container .input-error {
    font-size: 0.75em;
    position: absolute;
    right: 22px;
    bottom: -22px;
    color: #FF7063; }
    @media (max-width: 429px) {
      .input-container .input-error {
        right: 11px; } }

.input-container.valid {
  background-color: #FFFFFF;
  border: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
  .input-container.valid input {
    box-shadow: 0 0 0 22px #FFFFFF inset; }
.user-password-container {
  width: 374px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  margin: 22px auto  ;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .user-password-container .user-password-back {
    top: 22px;
    left: 22px;
    position: absolute;
    background-position: 0 -33px; }
  .user-password-container .user-password-title {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: #FFFFFF;
    font-size: 1.25em;
    padding: 22px   ;
    text-align: center;
    line-height: 1.5em; }
  .user-password-container form {
    width: 100%;
    position: relative;
    background-color: #FFFFFF;
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 22px   ; }
.user-password-container {
  width: 374px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  margin: 22px auto  ;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .user-password-container .user-password-back {
    top: 22px;
    left: 22px;
    position: absolute;
    background-position: 0 -33px; }
  .user-password-container .user-password-title {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: #FFFFFF;
    font-size: 1.25em;
    padding: 22px   ;
    text-align: center;
    line-height: 1.5em; }
  .user-password-container form {
    width: 100%;
    position: relative;
    background-color: #FFFFFF;
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 22px   ; }
.user-account-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  padding-bottom: 44px;
  background-color: #F3F5F6;
  color: #39464E;
  min-height: 100vh; }
  .user-account-container > :nth-child(n) {
    margin-bottom: 33px; }
  .user-account-container > :last-child {
    margin-bottom: 0; }
  .user-account-container .user-account-header .logo {
    background-repeat: no-repeat;
    background-position: 19.8px center;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background-color: #4F7FF8;
    position: absolute;
    left: 44px;
    top: 44px; }
  .user-account-container .user-account-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 44px 44px 0px 44px;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .user-account-container .collapsible-section {
    max-height: 0;
    transition: max-height 0.5s;
    overflow: hidden; }
  .user-account-container .collapsible-section.open {
    max-height: 11000px; }
  .user-account-container .user-account-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center; }
    .user-account-container .user-account-info > :nth-child(n) {
      margin-bottom: 11px; }
    .user-account-container .user-account-info > :last-child {
      margin-bottom: 0; }
  .user-account-container .user-account-label {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .user-account-container .user-account-label hr {
    position: absolute;
    z-index: 0;
    width: 100%;
    top: 16.5px;
    border-color: rgba(243, 245, 246, 0.15); }
  .user-account-container .user-account-label-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 264px;
    height: 55px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background-color: #FFFFFF;
    border-radius: 6px;
    z-index: 1;
    box-shadow: 0 2px 6px rgba(57, 70, 78, 0.1);
    text-align: center; }
    .user-account-container .user-account-label-button > :nth-child(n) {
      margin-right: 5.5px; }
    .user-account-container .user-account-label-button > :last-child {
      margin-right: 0; }
  .user-account-container .user-account-label-button div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .user-account-container .user-account-label-button span {
    width: 55px;
    height: 55px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(57, 70, 78, 0.03); }
  .user-account-container .user-account-label-button svg {
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s; }
  .user-account-container .user-account-label-button.open {
    color: #FFFFFF;
    background-color: #4F7FF8; }
  .user-account-container .user-account-manage-courses,
  .user-account-container .user-account-change-password,
  .user-account-container .user-account-opt-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ; }
    .user-account-container .user-account-manage-courses > :nth-child(n),
    .user-account-container .user-account-change-password > :nth-child(n),
    .user-account-container .user-account-opt-in > :nth-child(n) {
      margin-bottom: 33px; }
    .user-account-container .user-account-manage-courses > :last-child,
    .user-account-container .user-account-change-password > :last-child,
    .user-account-container .user-account-opt-in > :last-child {
      margin-bottom: 0; }
  .user-account-container .user-account-courses {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    max-width: 1200px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (min-width: 770px) {
      .user-account-container .user-account-courses {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    @media (max-width: 770px) {
      .user-account-container .user-account-courses {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; } }
  .user-account-container .course-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 770px) {
      .user-account-container .course-wrapper {
        width: 100%; } }
  .user-account-container .user-account-cancel-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    text-align: center; }
    .user-account-container .user-account-cancel-wrapper > :nth-child(n) {
      margin-bottom: 11px; }
    .user-account-container .user-account-cancel-wrapper > :last-child {
      margin-bottom: 0; }
  .user-account-container .user-account-cancel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 11px;
    height: 55px;
    border: none;
    border-radius: 6px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
  .user-account-container .user-account-cancel span {
    padding: 16.5px   ;
    height: 55px; }
  .user-account-container .user-account-cancel svg {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 55px;
    width: 55px;
    padding: 11px   ;
    background-color: rgba(57, 70, 78, 0.08); }
  .user-account-container .course-billing {
    text-align: center; }
    .user-account-container .course-billing > :nth-child(n) {
      margin-bottom: 11px; }
    .user-account-container .course-billing > :last-child {
      margin-bottom: 0; }
  .user-account-container .user-account-cancel-subscription-button {
    background-color: #4F7FF8; }
    .user-account-container .user-account-cancel-subscription-button:hover {
      background-color: #1e5bf6; }
  .user-account-container .user-account-cancel-trial-button {
    background-color: #4FC8F8; }
    .user-account-container .user-account-cancel-trial-button:hover {
      background-color: #1eb9f6; }
  .user-account-container .course-billing {
    width: 253px; }
  .user-account-container .user-account-change-password .inner-wrapper {
    padding: 0px 11px  ; }
    @media (min-width: 770px) {
      .user-account-container .user-account-change-password .inner-wrapper {
        width: 594px; } }
  .user-account-container .user-account-opt-in .slider-box {
    position: relative;
    width: 66px;
    height: 33px; }
  .user-account-container .user-account-opt-in .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(57, 70, 78, 0.5);
    transition: all 0.2s;
    border-radius: 100px; }
    .user-account-container .user-account-opt-in .slider:before {
      position: absolute;
      content: "";
      height: 27.5px;
      width: 27.5px;
      left: 5.5px;
      bottom: 2.75px;
      transition: all 0.2s;
      background-color: #FFFFFF;
      border-radius: 50%; }
  .user-account-container .user-account-opt-in .user-account-privacy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .user-account-container .user-account-opt-in .user-account-privacy > :nth-child(n) {
      margin-right: 22px; }
    .user-account-container .user-account-opt-in .user-account-privacy > :last-child {
      margin-right: 0; }
  .user-account-container .user-account-opt-in input {
    display: none; }
  .user-account-container .user-account-opt-in .user-account-privacy.checked .slider {
    background-color: #4F7FF8; }
    .user-account-container .user-account-opt-in .user-account-privacy.checked .slider:before {
      -webkit-transform: translateX(27.5px);
      -ms-transform: translateX(27.5px);
      transform: translateX(27.5px); }
  .user-account-container .user-account-opt-in .user-account-privacy.checked span {
    color: #4F7FF8; }
  .user-account-container .user-update-password-form {
    padding: 33px   ; }
.course-card-container {
  cursor: pointer;
  width: 600px;
  height: 449px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: -11px 0px  ;
  position: relative;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s; }
  .course-card-container:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; }
  @media (min-width: 1024px) and (max-width: 1144px) {
    .course-card-container {
      width: 567px; } }
  @media (max-width: 429px) {
    .course-card-container {
      width: 100%;
      background-size: 115%;
      margin: 0px   ;
      height: 383px; } }
  @media (max-width: 374px) {
    .course-card-container {
      height: 295px; } }

.course-card-container.is-transparent {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: -webkit-filter 0.5s;
  transition: filter 0.5s;
  transition: filter 0.5s, -webkit-filter 0.5s; }
  .course-card-container.is-transparent:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0); }
.confirmation-overlay-container {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .confirmation-overlay-container .overlay-content {
    background-color: #FFFFFF;
    width: 352px;
    height: auto; }
  .confirmation-overlay-container .confirmation-overlay-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 33px   ;
    font-size: 2em;
    line-height: 1.25em;
    text-align: center;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased; }
  .confirmation-overlay-container .confirmation-overlay-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 33px   ; }
  .confirmation-overlay-container .overlay-confirmation-button {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 55px;
    border: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: #FFFFFF;
    border-radius: 6px; }
  .confirmation-overlay-container .overlay-confirmation-button svg {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 55px;
    width: 55px;
    padding: 11px   ;
    background-color: rgba(57, 70, 78, 0.08); }
  .confirmation-overlay-container .overlay-confirmation-button span {
    padding: 16.5px   ;
    width: 100%; }
  .confirmation-overlay-container hr {
    width: 100%;
    border-color: rgba(243, 245, 246, 0.15); }
.user-portfolio-container {
  color: #39464E;
  background-color: #F3F5F6; }
  .user-portfolio-container .user-portfolio-caption,
  .user-portfolio-container .user-portfolio-edit-bio {
    line-height: 1.5em; }
.user-portfolio-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  padding: 33px 33px 22px 33px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }
  .user-portfolio-header .user-portfolio-info,
  .user-portfolio-header .user-update-form {
    text-align: center; }
  .user-portfolio-header .user-portfolio-avatar {
    margin: 0px auto 22px auto; }
  .user-portfolio-header .user-portfolio-name {
    margin: 0px 0px 11px 0px; }
  .user-portfolio-header .user-portfolio-caption {
    max-width: 330px;
    padding: 11px; }
.user-update-form {
  background-color: inherit;
  margin: 0px   ;
  padding: 0px   ; }
  .user-update-form .user-portfolio-edit-bio {
    min-width: 440px; }
  .user-update-form #user-change-avatar {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
  .user-update-form textarea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 22px   ;
    border: 1px solid #39464E;
    border-radius: 6px;
    color: #39464E;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    text-align: center; }
  .user-update-form .button-wrapper-split button {
    height: 55px; }
  .user-update-form .user-portfolio-edit-cancel-button {
    color: #39464E;
    border-color: #39464E; }
  .user-update-form .user-portfolio-name {
    text-align: center; }
  .user-update-form .user-portfolio-change-avatar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ; }
  .user-update-form .user-portfolio-avatar {
    position: relative;
    cursor: pointer; }
    .user-update-form .user-portfolio-avatar:hover:before, .user-update-form .user-portfolio-avatar:hover:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .user-update-form .user-portfolio-avatar:hover:before {
      background-color: rgba(57, 70, 78, 0.5);
      border-radius: 50%; }
    .user-update-form .user-portfolio-avatar:hover:after {
      background: url("/public/svg/icons/camera.svg");
      background-size: 60%;
      background-repeat: no-repeat;
      background-position: 50%;
      opacity: 0.9; }
  .user-update-form .user-portfolio-caption {
    cursor: pointer; }
    .user-update-form .user-portfolio-caption:hover {
      border-radius: 6px;
      background: #FFFFFF; }
.user-portfolio-header-buttons {
  position: relative; }
  .user-portfolio-header-buttons .user-portfolio-actions-tray {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    background: #FFFFFF;
    border-radius: 6px;
    width: 275px;
    position: absolute;
    top: 77px;
    right: 0;
    z-index: 1; }
  .user-portfolio-header-buttons .user-portfolio-actions-tray button,
  .user-portfolio-header-buttons .user-portfolio-actions-tray a {
    border: none;
    color: #39464E;
    text-align: left;
    font-size: 1.25em;
    padding: 22px   ; }
    .user-portfolio-header-buttons .user-portfolio-actions-tray button:not(:last-child),
    .user-portfolio-header-buttons .user-portfolio-actions-tray a:not(:last-child) {
      border-bottom: 2px solid rgba(57, 70, 78, 0.05); }
  .user-portfolio-header-buttons .user-portfolio-more {
    width: 44px;
    height: 44px;
    background-color: #FFFFFF;
    border-radius: 50%;
    box-shadow: rgba(57, 70, 78, 0.75) 0 1px 10px; }
  .user-portfolio-header-buttons .user-portfolio-more svg {
    margin-top: 8.25px;
    opacity: 0.3; }
.user-portfolio-courses-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  margin: 0px auto  ; }
  @media (min-width: 1562px) {
    .user-portfolio-courses-container {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center; } }
  @media (max-width: 1562px) {
    .user-portfolio-courses-container .user-portfolio-label {
      padding-left: 33px; } }
  .user-portfolio-courses-container .user-portfolio-courses-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    overflow-x: auto;
    overflow-y: hidden; }
  .user-portfolio-courses-container .user-portfolio-courses {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0px 33px  ;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: auto; }
  .user-portfolio-courses-container .user-portfolio-course {
    margin-left: -55px;
    margin-right: 55px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .user-portfolio-courses-container .user-portfolio-course-progress {
    color: #39464E;
    margin: 11px 0px 0px 0px;
    text-align: center;
    font-size: 0.8em;
    font-weight: normal; }
.user-portfolio-posts-container {
  max-width: 1562px;
  padding: 0px 33px  ;
  margin: 0px auto  ; }
  @media (min-width: 1562px) {
    .user-portfolio-posts-container {
      text-align: center; } }
  .user-portfolio-posts-container .user-portfolio-posts {
    padding: 22px 0px  ; }
  .user-portfolio-posts-container .user-portfolio-posts .list-items,
  .user-portfolio-posts-container .user-portfolio-posts-placeholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .user-portfolio-posts-container .user-portfolio-post,
  .user-portfolio-posts-container .user-portfolio-post-placeholder {
    width: 275px;
    height: 275px;
    margin: 11px   ; }
  .user-portfolio-posts-container .user-portfolio-post-placeholder {
    opacity: 0.2;
    border-style: dashed;
    border-width: 2px;
    border-color: #39464E; }
  .user-portfolio-posts-container .user-portfolio-post,
  .user-portfolio-posts-container .user-portfolio-post .media-container,
  .user-portfolio-posts-container .user-portfolio-post-placeholder {
    border-radius: 6px; }
  .user-portfolio-posts-container .list-load-more {
    width: 275px;
    margin: 11px auto 22px auto; }
  .user-portfolio-posts-container .user-portfolio-no-posts-label {
    margin: 22px auto  ; }
  .user-portfolio-posts-container .user-portfolio-no-posts {
    padding: 0px 33px 22px 33px; }
.public-post-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  height: 100vh;
  overflow-y: auto; }
  .public-post-container .brochure-sticky-header-container {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .public-post-container .brochure-sticky-header-discount {
    display: none; }
  .public-post-container .inner-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 22px   ;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (min-width: 770px) {
      .public-post-container .inner-wrapper > :nth-child(n) {
        margin-bottom: 22px; }
      .public-post-container .inner-wrapper > :last-child {
        margin-bottom: 0; } }
    @media (max-width: 429px) {
      .public-post-container .inner-wrapper {
        padding: 0; } }
  .public-post-container .public-post-gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    z-index: -3; }
  .public-post-container .public-post-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    color: #FFFFFF;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    padding: 22px 0px  ;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media (max-width: 770px) {
      .public-post-container .public-post-header > :nth-child(n) {
        margin-bottom: 44px; }
      .public-post-container .public-post-header > :last-child {
        margin-bottom: 0; } }
    @media (min-width: 770px) {
      .public-post-container .public-post-header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; } }
  .public-post-container .public-post-header-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 770px) {
      .public-post-container .public-post-header-detail > :nth-child(n) {
        margin-bottom: 22px; }
      .public-post-container .public-post-header-detail > :last-child {
        margin-bottom: 0; } }
    @media (min-width: 770px) {
      .public-post-container .public-post-header-detail {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; }
        .public-post-container .public-post-header-detail > :nth-child(n) {
          margin-right: 22px; }
        .public-post-container .public-post-header-detail > :last-child {
          margin-right: 0; } }
  .public-post-container .public-post-header-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ; }
    @media (max-width: 770px) {
      .public-post-container .public-post-header-meta {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        .public-post-container .public-post-header-meta > :nth-child(n) {
          margin-bottom: 11px; }
        .public-post-container .public-post-header-meta > :last-child {
          margin-bottom: 0; } }
  .public-post-container .public-post-course-title {
    color: #FFFFFF;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 1.75em;
    text-align: center;
    cursor: pointer; }
    @media (max-width: 429px) {
      .public-post-container .public-post-course-title {
        padding: 0px 22px  ; } }
  .public-post-container .public-post-course-creator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .public-post-container .public-post-creator-with {
    font-size: 0.75em;
    margin-left: 11px;
    margin-right: 5.5px; }
  .public-post-container .public-post-user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ; }
    .public-post-container .public-post-user > :nth-child(n) {
      margin-bottom: 11px; }
    .public-post-container .public-post-user > :last-child {
      margin-bottom: 0; }
    @media (max-width: 770px) {
      .public-post-container .public-post-user {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2; } }
  .public-post-container .public-post-user-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .public-post-container .public-post-user-wrapper > :nth-child(n) {
      margin-bottom: 11px; }
    .public-post-container .public-post-user-wrapper > :last-child {
      margin-bottom: 0; }
    @media (min-width: 770px) {
      .public-post-container .public-post-user-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; }
        .public-post-container .public-post-user-wrapper > :nth-child(n) {
          margin-right: 11px; }
        .public-post-container .public-post-user-wrapper > :last-child {
          margin-right: 0; } }
  .public-post-container .public-post-user-nickname {
    font-size: 1.25em;
    text-align: right; }
    @media (max-width: 770px) {
      .public-post-container .public-post-user-nickname {
        text-align: center; } }
  .public-post-container .bar-graph-container {
    min-width: 220px; }
  .public-post-container .bar-graph-total {
    background-color: rgba(57, 70, 78, 0.1); }
  .public-post-container .public-post-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    @media (min-width: 770px) {
      .public-post-container .public-post-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; }
        .public-post-container .public-post-content > :nth-child(n) {
          margin-right: 22px; }
        .public-post-container .public-post-content > :last-child {
          margin-right: 0; } }
    @media (max-width: 770px) and (min-width: 429px) {
      .public-post-container .public-post-content {
        width: 495px; }
        .public-post-container .public-post-content > :nth-child(n) {
          margin-bottom: 22px; }
        .public-post-container .public-post-content > :last-child {
          margin-bottom: 0; } }
    @media (max-width: 429px) {
      .public-post-container .public-post-content {
        width: 100%; } }
  .public-post-container .public-post-media-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    @media (min-width: 429px) {
      .public-post-container .public-post-media-wrapper > :nth-child(n) {
        margin-bottom: 22px; }
      .public-post-container .public-post-media-wrapper > :last-child {
        margin-bottom: 0; } }
    @media (max-width: 429px) {
      .public-post-container .public-post-media-wrapper {
        width: 100%; } }
  .public-post-container .public-post-social-media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 22px;
    right: 22px;
    z-index: 1;
    height: 33px; }
    .public-post-container .public-post-social-media > :nth-child(n) {
      margin-right: 11px; }
    .public-post-container .public-post-social-media > :last-child {
      margin-right: 0; }
    @media (max-width: 374px) {
      .public-post-container .public-post-social-media {
        top: 11px;
        right: 0;
        left: 0;
        margin: auto; } }
  .public-post-container .public-post-button {
    background-color: #FFFFFF;
    color: #4F7FF8;
    border: none;
    text-transform: uppercase; }
    .public-post-container .public-post-button:hover {
      background-color: #4F7FF8;
      color: #FFFFFF; }
    @media (max-width: 429px) {
      .public-post-container .public-post-button {
        border-radius: 0; } }
  .public-post-container .public-post-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    background-color: #FFFFFF;
    border-radius: 6px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    overflow: hidden;
    max-width: 484px; }
    .public-post-container .public-post-meta > :nth-child(n) {
      margin-bottom: 22px; }
    .public-post-container .public-post-meta > :last-child {
      margin-bottom: 0; }
    @media (max-width: 429px) {
      .public-post-container .public-post-meta {
        border-radius: 0; } }
  .public-post-container .public-post-quest {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0px 11px  ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 22px; }
    .public-post-container .public-post-quest > :nth-child(n) {
      margin-right: 11px; }
    .public-post-container .public-post-quest > :last-child {
      margin-right: 0; }
  .public-post-container .public-post-quest-name,
  .public-post-container .public-post-comments-title {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 1.5em;
    color: #39464E; }
  .public-post-container .public-post-comments-title {
    padding: 0px 22px  ;
    font-size: 1.25em; }
  .public-post-container .post-media-container {
    border-radius: 6px;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 495px;
    height: 495px; }
    @media (max-width: 429px) {
      .public-post-container .post-media-container {
        width: 100%;
        border-radius: 0; } }
    @media (max-width: 374px) {
      .public-post-container .post-media-container {
        height: 352px; } }
  .public-post-container .comment-meta:nth-child(1) {
    border: none; }
  .public-post-container .public-post-comments .list-load-more {
    background-color: transparent;
    color: #4F7FF8;
    text-align: left;
    font-size: 0.75em;
    margin-left: 22px;
    border-radius: 0;
    border: 0; }
.post-media-container {
  cursor: pointer;
  position: relative; }
  .post-media-container .quest-step-tags-container {
    position: absolute;
    top: 11px;
    left: 11px;
    z-index: 1;
    opacity: 1;
    transition: opacity 0.2s ease; }
  .post-media-container .video-container,
  .post-media-container .media-image {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }

.post-media-container.error {
  height: 352px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #39464E;
  background-color: #F3F5F6;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  line-height: 1.5em;
  padding: 22px   ; }
.quest-step-tags-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  line-height: 1em;
  background-color: #4F7FF8;
  overflow: hidden;
  border-radius: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .quest-step-tags-container .quest-display-number-container,
  .quest-step-tags-container .step-tag-container {
    box-shadow: none;
    border-radius: 0; }
  .quest-step-tags-container .step-tag-container {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 7px 11px 5px 11px; }
  .quest-step-tags-container .quest-step-tags-quest-name {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: #FFFFFF;
    padding-right: 11px; }
.step-tag-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0px 11px  ;
  background-color: #4F7FF8;
  color: #FFFFFF;
  border-radius: 6px;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  height: 33px; }
.quest-display-number-container {
  color: #FFFFFF;
  background-color: #4F7FF8;
  z-index: 1;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  border-radius: 6px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  position: static;
  cursor: pointer;
  height: 33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  padding: 0px 11px  ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: default; }
  .quest-display-number-container > :nth-child(n) {
    margin-right: 5.5px; }
  .quest-display-number-container > :last-child {
    margin-right: 0; }

.quest-display-number-container.inverted {
  color: #4F7FF8;
  background-color: #FFFFFF; }
.comments-container .list-container {
  background-color: #FFFFFF; }

.comments-container .see-all-comments {
  padding: 22px 55px  ;
  font-size: 0.75em;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  color: #4F7FF8;
  cursor: pointer;
  background: none;
  text-align: left;
  border-top: 2px solid rgba(57, 70, 78, 0.1);
  border-radius: 0; }
  .comments-container .see-all-comments:hover {
    background: none; }
.comment-input-container {
  position: relative;
  padding: 22px 0px  ;
  border-top: 2px solid rgba(57, 70, 78, 0.1);
  border-radius: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }
  .comment-input-container a {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .comment-input-container .comment-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0px 11px  ;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .comment-input-container .comment-input > :nth-child(n) {
      margin-right: 11px; }
    .comment-input-container .comment-input > :last-child {
      margin-right: 0; }
  .comment-input-container textarea {
    color: #4F7FF8;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 0.8125em;
    border: none;
    transition: all 0.2s ease;
    width: 100%;
    resize: none;
    padding: 0;
    line-height: 2em; }
  .comment-input-container textarea::-webkit-input-placeholder {
    transition: opacity 0.2s;
    color: #4F7FF8;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
  .comment-input-container textarea::-moz-placeholder {
    transition: opacity 0.2s;
    color: #4F7FF8;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
  .comment-input-container textarea:-ms-input-placeholder {
    transition: opacity 0.2s;
    color: #4F7FF8;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
  .comment-input-container textarea::placeholder {
    transition: opacity 0.2s;
    color: #4F7FF8;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
  .comment-input-container textarea:focus::-webkit-input-placeholder {
    opacity: 0; }
  .comment-input-container textarea:focus::-moz-placeholder {
    opacity: 0; }
  .comment-input-container textarea:focus:-ms-input-placeholder {
    opacity: 0; }
  .comment-input-container textarea:focus::placeholder {
    opacity: 0; }
  .comment-input-container .comment-input-send {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    background-size: 22px;
    opacity: 0.2; }
  .comment-input-container .comment-input-send.active {
    opacity: 1;
    background-position: 0 -22px; }
  .comment-input-container .comment-input-suggestions-wrapper {
    position: absolute;
    height: 110px;
    bottom: -110px;
    width: 100%;
    z-index: -1; }
  .comment-input-container .comment-input-suggestions-wrapper.show {
    -webkit-animation: expand 0.2s forwards;
    animation: expand 0.2s forwards;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    z-index: 1; }

@-webkit-keyframes expand {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@keyframes expand {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }
  .comment-input-container .comment-input-suggestions {
    width: 100%;
    max-height: 110px;
    box-shadow: 0 1px 3px rgba(57, 70, 78, 0.1);
    overflow-y: auto;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #FFFFFF; }
  .comment-input-container .comment-input-suggestion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    padding: 16.5px 22px  ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: pointer; }
    .comment-input-container .comment-input-suggestion > :nth-child(n) {
      margin-right: 11px; }
    .comment-input-container .comment-input-suggestion > :last-child {
      margin-right: 0; }
  .comment-input-container .comment-input-suggestion.selected {
    background-color: #F3F5F6; }
  .comment-input-container .comment-input-user-url {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: #39464E;
    font-size: 0.8125em; }

.comment-input-container.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.comment-container {
  margin-bottom: 0;
  border-top: 2px solid rgba(57, 70, 78, 0.1);
  overflow: hidden; }
  .comment-container .comment-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 22px 11px  ;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; }
    .comment-container .comment-wrapper > :nth-child(n) {
      margin-right: 66px; }
    .comment-container .comment-wrapper > :last-child {
      margin-right: 0; }
  .comment-container .comment-wrapper.open {
    -webkit-transform: translateX(-187px);
    -ms-transform: translateX(-187px);
    transform: translateX(-187px); }
  .comment-container .comment-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%; }
    .comment-container .comment-details > :nth-child(n) {
      margin-right: 11px; }
    .comment-container .comment-details > :last-child {
      margin-right: 0; }
  .comment-container .comment-nickname {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 0.8125em;
    color: #39464E; }
  .comment-container .comment-text {
    color: rgba(57, 70, 78, 0.8); }
  .comment-container .comment-user {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: #39464E; }
  .comment-container .user-role-label-container {
    margin-right: 5.5px; }
  .comment-container .comment-timestamp {
    color: rgba(57, 70, 78, 0.3);
    font-size: 0.75em; }
  .comment-container .comment-avatar img {
    box-shadow: none; }
  .comment-container .comment-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    width: 100%; }
    .comment-container .comment-content > :nth-child(n) {
      margin-bottom: 11px; }
    .comment-container .comment-content > :last-child {
      margin-bottom: 0; }
  .comment-container .comment-tools-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; }
  .comment-container .comment-text-content {
    overflow-wrap: break-word; }
    .comment-container .comment-text-content a {
      word-break: break-all;
      word-wrap: break-word;
      overflow-wrap: break-word; }

.comment-container.mentor {
  background-color: rgba(79, 127, 248, 0.1); }

.comment-container.mod {
  background-color: rgba(140, 223, 177, 0.1); }

.comment-container.jr-mod {
  background-color: rgba(234, 207, 64, 0.1); }
.user-role-label-container {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 5.5px   ;
  padding-bottom: 4px;
  vertical-align: text-top;
  font-size: 0.5em;
  border-radius: 4px; }

.user-role-label-container.mentor {
  background-color: #4F7FF8; }

.user-role-label-container.mod {
  background-color: #8CDFB1; }

.user-role-label-container.jr-mod {
  background-color: #EACF40; }
.comment-tools-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }
  .comment-tools-container > :nth-child(n) {
    margin-right: 16.5px; }
  .comment-tools-container > :last-child {
    margin-right: 0; }
  .comment-tools-container .comment-more,
  .comment-tools-container .comment-reply {
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .comment-tools-container .comment-close {
    width: 19.25px;
    height: 19.25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .comment-tools-container .comment-close,
  .comment-tools-container .comment-more,
  .comment-tools-container .comment-reply,
  .comment-tools-container .comment-thanks {
    opacity: 0.2;
    transition: opacity 0.1s ease;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end; }
    .comment-tools-container .comment-close:hover,
    .comment-tools-container .comment-more:hover,
    .comment-tools-container .comment-reply:hover,
    .comment-tools-container .comment-thanks:hover {
      transition: opacity 0.1s ease;
      opacity: 0.6; }
  .comment-tools-container .comment-thanks {
    color: #39464E;
    font-size: 0.75em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .comment-tools-container .comment-thanks > :nth-child(n) {
      margin-right: 11px; }
    .comment-tools-container .comment-thanks > :last-child {
      margin-right: 0; }
  .comment-tools-container .comment-thanks.thanked {
    color: #FF7063;
    opacity: 0.6;
    -webkit-animation: heartbeat 0.2s;
    animation: heartbeat 0.2s; }

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartbeat {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
  .comment-tools-container .comment-num-thanks {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
  .comment-tools-container .comment-thank {
    text-transform: uppercase;
    color: #39464E;
    border-color: #39464E;
    border-radius: 100px;
    padding: 0px 8.25px  ;
    padding-top: 1px;
    height: 22px; }
  .comment-tools-container .comment-thank svg {
    margin-top: 2px;
    margin-right: 5.5px; }
  .comment-tools-container .comment-thank.thanked {
    color: #FF7063;
    border-color: #FF7063; }
  .comment-tools-container .comment-thanked {
    color: #39464E;
    text-transform: uppercase;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
.comment-actions-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .comment-actions-container > :nth-child(n) {
    margin-right: 11px; }
  .comment-actions-container > :last-child {
    margin-right: 0; }
  .comment-actions-container .comment-action {
    padding: 11px   ;
    height: 44px;
    width: 44px;
    background-color: rgba(57, 70, 78, 0.05); }
  .comment-actions-container .comment-action .em {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
.brochure-sticky-header-container {
  background-color: #39464E;
  width: 100%;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 11px 22px  ;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (max-width: 429px) {
    .brochure-sticky-header-container {
      padding: 11px   ; } }
  @media (min-width: 429px) {
    .brochure-sticky-header-container > :nth-child(n) {
      margin-right: 11px; }
    .brochure-sticky-header-container > :last-child {
      margin-right: 0; } }
  .brochure-sticky-header-container .brochure-sticky-header-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (min-width: 770px) {
      .brochure-sticky-header-container .brochure-sticky-header-navigation > :nth-child(n) {
        margin-right: 11px; }
      .brochure-sticky-header-container .brochure-sticky-header-navigation > :last-child {
        margin-right: 0; } }
  .brochure-sticky-header-container .brochure-sticky-header-navigation a {
    margin-top: 3px;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    color: #FFFFFF; }
    @media (max-width: 770px) {
      .brochure-sticky-header-container .brochure-sticky-header-navigation a {
        display: none; } }
  .brochure-sticky-header-container .brochure-sticky-header-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    @media (min-width: 770px) {
      .brochure-sticky-header-container .brochure-sticky-header-actions > :nth-child(n) {
        margin-right: 22px; }
      .brochure-sticky-header-container .brochure-sticky-header-actions > :last-child {
        margin-right: 0; } }
    @media (max-width: 374px) {
      .brochure-sticky-header-container .brochure-sticky-header-actions {
        font-size: 0.75em; } }
  .brochure-sticky-header-container .brochure-sticky-header-secret {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer; }
    .brochure-sticky-header-container .brochure-sticky-header-secret:hover {
      color: #FFFFFF; }
  .brochure-sticky-header-container .brochure-sticky-header-actions button {
    padding: 11px 16.5px  ; }
    @media (max-width: 770px) {
      .brochure-sticky-header-container .brochure-sticky-header-actions button {
        margin-left: 11px;
        margin-right: 0; } }
    @media (max-width: 374px) {
      .brochure-sticky-header-container .brochure-sticky-header-actions button {
        padding: 11px   ; } }
  .brochure-sticky-header-container .brochure-sticky-header-login {
    color: rgba(255, 255, 255, 0.5); }
    .brochure-sticky-header-container .brochure-sticky-header-login:hover {
      border-color: #FFFFFF;
      color: #FFFFFF; }
    @media (max-width: 770px) {
      .brochure-sticky-header-container .brochure-sticky-header-login {
        display: none; } }

.brochure-sticky-header-container.show {
  top: 0;
  position: fixed;
  -webkit-animation: slidedown 0.2s;
  animation: slidedown 0.2s; }

@-webkit-keyframes slidedown {
  from {
    -webkit-transform: translateY(-77px);
    transform: translateY(-77px); }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slidedown {
  from {
    -webkit-transform: translateY(-77px);
    transform: translateY(-77px); }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.post-container {
  border-radius: 6px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-color: #FFFFFF;
  position: relative; }
  .post-container.help-post .quest-step-tags-container,
  .post-container.help-post .quest-display-number-container {
    background-color: #FFA936; }
  .post-container .post-media-container {
    height: 352px; }
  .post-container .media-container.filter:after,
  .post-container .media-placeholder {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
  .post-container .post-content {
    border-radius: 6px;
    background-color: #FFFFFF; }
  .post-container .post-content.comments {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.post-container.open:before {
  content: '';
  background-color: rgba(57, 70, 78, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  border-radius: 6px; }
.post-meta-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  padding: 33px 0px 22px 0px;
  margin: 0px 11px  ;
  color: #39464E;
  line-height: 1.25em;
  position: relative;
  transition: padding-top 0.2s ease; }
  .post-meta-container > :nth-child(n) {
    margin-bottom: 11px; }
  .post-meta-container > :last-child {
    margin-bottom: 0; }
  .post-meta-container .post-toggles-container {
    transition: top 0.2s ease;
    position: absolute;
    z-index: 1;
    top: -27.5px; }
  .post-meta-container .post-meta-user {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
  .post-meta-container .post-meta-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .post-meta-container .post-meta-details.no-users {
    margin-bottom: 0; }
  .post-meta-container .post-meta-timestamp {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    opacity: 0.6;
    font-size: 0.75em; }
  .post-meta-container .post-meta-count {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .post-meta-container .post-meta-count > :nth-child(n) {
      margin-right: 11px; }
    .post-meta-container .post-meta-count > :last-child {
      margin-right: 0; }
  .post-meta-container .post-likes,
  .post-meta-container .post-num-comments {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    width: 55px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .post-meta-container .post-likes {
    color: #F64F7F; }
.post-actions-tray-container {
  margin: auto;
  position: absolute;
  color: #39464E;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: hidden;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(66px) scaleX(0);
  -ms-transform: translateY(66px) scaleX(0);
  transform: translateY(66px) scaleX(0);
  z-index: -1;
  box-shadow: 0 1px 3px rgba(57, 70, 78, 0.5);
  border-radius: 6px; }
  .post-actions-tray-container .post-action {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    padding: 16.5px   ;
    background-color: #FFFFFF;
    font-size: 1em;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    color: #39464E;
    width: 100%;
    border-top: 2px solid rgba(57, 70, 78, 0.1); }
    .post-actions-tray-container .post-action:first-child {
      border-top: none;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px; }
    .post-actions-tray-container .post-action:last-child {
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; }

.post-actions-tray-container.open {
  opacity: 1;
  -webkit-transform: translateY(-11px) scaleX(1);
  -ms-transform: translateY(-11px) scaleX(1);
  transform: translateY(-11px) scaleX(1);
  transition: all 0.1s ease-out;
  z-index: 1; }

.post-actions-tray-container.mini .post-action {
  font-size: 0.875em;
  padding: 11px   ; }
.post-toggles-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .post-toggles-container .post-toggles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .post-toggles-container .post-toggles > :nth-child(n) {
      margin-right: 11px; }
    .post-toggles-container .post-toggles > :last-child {
      margin-right: 0; }
  .post-toggles-container .post-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #FFFFFF;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    position: relative;
    cursor: pointer; }
  .post-toggles-container .post-toggle.small {
    width: 33px;
    height: 33px; }
  .post-toggles-container .post-more {
    width: 16.5px;
    height: 16.5px;
    background-size: 16.5px; }
  .post-toggles-container .post-toggle.liked {
    -webkit-animation: heartbeat 0.2s;
    animation: heartbeat 0.2s; }

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartbeat {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.post-inspired-users-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  height: 33px;
  transition: height 0.2s ease; }
  .post-inspired-users-container .post-inspired-user-wrapper {
    position: absolute; }
  .post-inspired-users-container .post-inspired-user-wrapper svg {
    position: absolute;
    bottom: -2.75px;
    left: -2.75px; }

.post-inspired-users-container.no-users {
  height: 0;
  margin-bottom: 0;
  transition: height 0.2s ease; }
.admin-post-context-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 495px;
  z-index: 1; }
  .admin-post-context-container > :nth-child(n) {
    margin-bottom: 11px; }
  .admin-post-context-container > :last-child {
    margin-bottom: 0; }
  .admin-post-context-container .admin-post-context-edit {
    position: absolute;
    top: -16.5px;
    left: 231px;
    width: 33px;
    height: 33px;
    background-color: #FFFFFF;
    border-radius: 50%;
    padding: 0px   ;
    box-shadow: 0 0 6px rgba(57, 70, 78, 0.5);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
    .admin-post-context-container .admin-post-context-edit:hover {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }
  .admin-post-context-container .admin-post-context-edit .em {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  .admin-post-context-container .post-admin-context {
    position: absolute;
    top: 27.5px;
    border-radius: 6px;
    width: 495px;
    background-color: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    padding: 22px;
    box-shadow: 0 0 6px rgba(57, 70, 78, 0.5); }
    .admin-post-context-container .post-admin-context > :nth-child(n) {
      margin-bottom: 11px; }
    .admin-post-context-container .post-admin-context > :last-child {
      margin-bottom: 0; }
  .admin-post-context-container .media-container {
    width: 451px;
    height: 451px; }
.post-detail-container {
  margin: 33px auto  ;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ; }
  .post-detail-container .post-detail-back {
    top: 33px;
    left: 33px;
    position: absolute; }
  .post-detail-container .post-detail-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .post-detail-container .post-detail-content > :nth-child(n) {
      margin-left: 33px; }
    .post-detail-container .post-detail-content > :last-child {
      margin-left: 0; }
  .post-detail-container .post-container {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left; }
  .post-detail-container .comments-container,
  .post-detail-container .post-detail-post-wrapper,
  .post-detail-container .post-detail-comments-wrapper,
  .post-detail-container .post-container {
    width: 495px; }
  .post-detail-container .post-detail-comments-wrapper {
    background-color: #FFFFFF;
    border-radius: 6px; }
  .post-detail-container .media-container.image {
    cursor: default; }
  .post-detail-container .post-media-container {
    width: 495px;
    height: 495px; }
  .post-detail-container .post-meta-container.playing {
    transition: padding-top 0.2s ease;
    padding-top: 71.5px; }
    .post-detail-container .post-meta-container.playing .post-toggles-container {
      transition: top 0.2s ease;
      top: 11px; }
  .post-detail-container .post-media-container.playing .quest-step-tags-container {
    opacity: 0;
    z-index: -1;
    transition: opacity 0.2s ease; }
.secret-key-container {
  background-color: #FFFFFF;
  min-height: 100vh;
  color: #39464E;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 22px 0px  ;
  position: relative; }
  .secret-key-container .secret-key-back {
    position: absolute;
    top: 33px;
    left: 33px; }
  .secret-key-container .inner-wrapper {
    padding: 0px 22px  ;
    max-width: 770px; }
    .secret-key-container .inner-wrapper > :nth-child(n) {
      margin-bottom: 22px; }
    .secret-key-container .inner-wrapper > :last-child {
      margin-bottom: 0; }
    @media (max-width: 374px) {
      .secret-key-container .inner-wrapper {
        padding: 0px 11px  ; } }
  .secret-key-container .secret-key-wrapper > :nth-child(n) {
    margin-bottom: 22px; }
  .secret-key-container .secret-key-wrapper > :last-child {
    margin-bottom: 0; }
  .secret-key-container form {
    padding: 0; }
  .secret-key-container .secret-key-header > :nth-child(n) {
    margin-bottom: 11px; }
  .secret-key-container .secret-key-header > :last-child {
    margin-bottom: 0; }
  .secret-key-container .secret-key-title {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 2em;
    line-height: 1.25em; }
    @media (max-width: 429px) {
      .secret-key-container .secret-key-title {
        font-size: 1.5em; } }
  .secret-key-container .secret-key-description {
    font-size: 1.25em;
    line-height: 1.5em; }
    @media (max-width: 429px) {
      .secret-key-container .secret-key-description {
        font-size: 1em; } }
  .secret-key-container .secret-key-confirmation-wrapper {
    text-align: center; }
    .secret-key-container .secret-key-confirmation-wrapper > :nth-child(n) {
      margin-bottom: 11px; }
    .secret-key-container .secret-key-confirmation-wrapper > :last-child {
      margin-bottom: 0; }
  .secret-key-container .secret-key-accept {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 3em; }
  .secret-key-container .secret-keys {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px; }
    @media (max-width: 429px) {
      .secret-key-container .secret-keys > :nth-child(n) {
        margin-bottom: 11px; }
      .secret-key-container .secret-keys > :last-child {
        margin-bottom: 0; } }
    @media (min-width: 429px) {
      .secret-key-container .secret-keys {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; }
        .secret-key-container .secret-keys > :nth-child(n) {
          margin-right: 11px; }
        .secret-key-container .secret-keys > :last-child {
          margin-right: 0; } }
  .secret-key-container .secret-key-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    @media (max-width: 429px) {
      .secret-key-container .secret-key-wrapper {
        width: 100%; } }
  .secret-key-container .secret-keys input {
    position: absolute;
    visibility: hidden; }
  .secret-key-container .secret-key-wrapper label {
    font-size: 1em; }
  .secret-key-container .secret-key {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 22px   ;
    text-align: center;
    cursor: pointer;
    color: #39464E;
    border-radius: 12px;
    border: 4px solid #39464E;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; }
    .secret-key-container .secret-key:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
      transition: -webkit-transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s; }
    @media (max-width: 429px) {
      .secret-key-container .secret-key {
        padding: 22px 11px  ; } }
  .secret-key-container .secret-key-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left; }
  .secret-key-container .secret-key-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .secret-key-container .secret-key-content > :nth-child(n) {
      margin-right: 11px; }
    .secret-key-container .secret-key-content > :last-child {
      margin-right: 0; }
  .secret-key-container .secret-key-check {
    border-radius: 50%;
    border: 2px solid #39464E;
    height: 44px;
    width: 44px; }
  .secret-key-container .secret-key-check svg {
    opacity: 0; }
  .secret-key-container input:checked ~ label .secret-key {
    background-color: #FFFFFF;
    color: #4F7FF8;
    border: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
  .secret-key-container input:checked ~ label .secret-key-check {
    border: none; }
  .secret-key-container input:checked ~ label .secret-key-check svg {
    opacity: 1; }
  .secret-key-container .secret-key-label,
  .secret-key-container .secret-key-log-out {
    font-size: 1.25em;
    line-height: 1.25em; }
    @media (max-width: 429px) {
      .secret-key-container .secret-key-label,
      .secret-key-container .secret-key-log-out {
        font-size: 1em; } }
  .secret-key-container .secret-key-log-out {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: #4F7FF8;
    cursor: pointer; }
    .secret-key-container .secret-key-log-out:hover {
      color: #1e5bf6; }
.expectations-wrapper-container {
  color: #39464E;
  height: 100%; }
  .expectations-wrapper-container > :nth-child(n) {
    margin-bottom: 22px; }
  .expectations-wrapper-container > :last-child {
    margin-bottom: 0; }
  .expectations-wrapper-container .form-flow-header-title {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 2em;
    line-height: 1.25em;
    margin-bottom: 11px; }
    @media (max-width: 429px) {
      .expectations-wrapper-container .form-flow-header-title {
        font-size: 1.5em; } }
  .expectations-wrapper-container .form-flow-header-description {
    font-size: 1.25em;
    line-height: 1.5em;
    margin-bottom: 22px; }
    @media (max-width: 429px) {
      .expectations-wrapper-container .form-flow-header-description {
        font-size: 1em; } }
  .expectations-wrapper-container .expectations-wrapper-course {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 45vh;
    background-size: cover;
    background-position: center;
    z-index: -1;
    background-color: #4F7FF8; }
    @media (max-width: 429px) {
      .expectations-wrapper-container .expectations-wrapper-course {
        height: 15vh; } }
  .expectations-wrapper-container .expectations-wrapper-course .inner-wrapper {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px 22px  ;
    color: #FFFFFF; }
    @media (min-width: 429px) {
      .expectations-wrapper-container .expectations-wrapper-course .inner-wrapper > :nth-child(n) {
        margin-bottom: 22px; }
      .expectations-wrapper-container .expectations-wrapper-course .inner-wrapper > :last-child {
        margin-bottom: 0; } }
    @media (max-width: 374px) {
      .expectations-wrapper-container .expectations-wrapper-course .inner-wrapper {
        padding: 0px 11px  ; } }
  .expectations-wrapper-container .expectations-wrapper-description {
    font-size: 1.75em; }
    @media (min-width: 770px) {
      .expectations-wrapper-container .expectations-wrapper-description {
        font-size: 2.5em; } }
  @media (max-width: 429px) {
    .expectations-wrapper-container .logo {
      display: none; } }
  .expectations-wrapper-container .expectations-wrapper-title {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 3em;
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
    width: 65%; }
    @media (max-width: 429px) {
      .expectations-wrapper-container .expectations-wrapper-title {
        font-size: 2em;
        text-align: center;
        width: 100%; } }
  .expectations-wrapper-container .expectations-wrapper-description {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    font-size: 1.75em;
    line-height: 1.25em;
    width: 85%; }
    @media (max-width: 429px) {
      .expectations-wrapper-container .expectations-wrapper-description {
        display: none; } }
  .expectations-wrapper-container .expectations-form-wrapper {
    margin-top: 45vh;
    padding-top: 44px; }
    @media (max-width: 429px) {
      .expectations-wrapper-container .expectations-form-wrapper {
        margin-top: 15vh; } }
    @media (max-width: 374px) {
      .expectations-wrapper-container .expectations-form-wrapper {
        padding-top: 22px; } }
.kid-identity-form-container .kid-identity-form-avatar-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 44px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.kid-identity-form-container .kid-identity-form-avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 33px; }
  .kid-identity-form-container .kid-identity-form-avatar > :nth-child(n) {
    margin-right: 33px; }
  .kid-identity-form-container .kid-identity-form-avatar > :last-child {
    margin-right: 0; }
  @media (max-width: 374px) {
    .kid-identity-form-container .kid-identity-form-avatar > :nth-child(n) {
      margin-right: 11px; }
    .kid-identity-form-container .kid-identity-form-avatar > :last-child {
      margin-right: 0; } }

.kid-identity-form-container .kid-identity-avatar-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ; }
  .kid-identity-form-container .kid-identity-avatar-buttons > :nth-child(n) {
    margin-bottom: 11px; }
  .kid-identity-form-container .kid-identity-avatar-buttons > :last-child {
    margin-bottom: 0; }

.kid-identity-form-container #kid-identity-avatar {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.kid-identity-form-container .kid-identity-avatar-empty {
  width: 99px;
  height: 99px;
  background-color: #39464E;
  border-radius: 50%; }

.kid-identity-form-container .kid-identity-avatar {
  position: relative;
  cursor: pointer; }
  .kid-identity-form-container .kid-identity-avatar:hover:before, .kid-identity-form-container .kid-identity-avatar:hover:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .kid-identity-form-container .kid-identity-avatar:hover:before {
    background-color: rgba(57, 70, 78, 0.5);
    border-radius: 50%; }
  .kid-identity-form-container .kid-identity-avatar:hover:after {
    background: url("/public/svg/icons/camera.svg");
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 0.9; }

.kid-identity-form-container .kid-identity-nickname {
  position: relative;
  margin-bottom: 11px; }

.kid-identity-form-container .kid-nickname-button,
.kid-identity-form-container .kid-avatar-button {
  color: #4F7FF8;
  font-size: 1em; }

.kid-identity-form-container .kid-nickname-button {
  padding: 0;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  bottom: -11px;
  left: 11px; }
  .kid-identity-form-container .kid-nickname-button:hover {
    color: #1e5bf6; }

.kid-identity-form-container .kid-avatar-button {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  padding: 11px 16.5px  ;
  padding-top: 8.25px;
  border: 2px solid #4F7FF8;
  border-radius: 100px;
  height: 44px;
  width: 198px;
  background-color: #FFFFFF;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s; }
  .kid-identity-form-container .kid-avatar-button:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; }
  .kid-identity-form-container .kid-avatar-button svg {
    margin-right: 5.5px; }

.kid-identity-form-container label.kid-avatar-button {
  padding-top: 13.75px; }

.kid-identity-form-container.valid .kid-nickname-button,
.kid-identity-form-container.valid .kid-avatar-button {
  color: #FFFFFF; }

.kid-identity-form-container.valid .kid-nickname-button {
  border: none; }

.kid-identity-form-container.valid .kid-avatar-button {
  border-color: #FFFFFF;
  background-color: transparent; }
.create-user-from-secret-key-flow-container .form-flow-content:first-child.show {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.create-user-from-secret-key-flow-container .form-flow-content.valid .expectations-form-course {
  background-color: transparent; }
.form-flow-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  background-color: #FFFFFF; }
  .form-flow-container .form-flow-content-wrapper {
    width: 100%; }
  .form-flow-container .form-flow-content {
    display: none;
    position: relative;
    color: #39464E; }
  .form-flow-container .form-flow-content.show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 22px;
    padding-bottom: 148.5px;
    min-height: 100vh; }
    .form-flow-container .form-flow-content.show:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-color: #5EDBBB;
      opacity: 0;
      transition: opacity 1.5s; }
  .form-flow-container .form-flow-content.valid {
    color: #FFFFFF; }
    .form-flow-container .form-flow-content.valid .form-flow-header-title,
    .form-flow-container .form-flow-content.valid .form-flow-header-description {
      color: #FFFFFF; }
    .form-flow-container .form-flow-content.valid:before {
      opacity: 1;
      transition: opacity 1.5s; }
    .form-flow-container .form-flow-content.valid .form-flow-submit-details {
      background-color: transparent;
      color: #FFFFFF; }
  .form-flow-container .inner-wrapper {
    z-index: 1;
    max-width: 770px; }
  .form-flow-container .form-flow-submit-details {
    text-align: center;
    margin-bottom: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #39464E;
    border-radius: 6px;
    padding: 22px   ;
    background-color: #FFCA36; }
    .form-flow-container .form-flow-submit-details > :nth-child(n) {
      margin-bottom: 5.5px; }
    .form-flow-container .form-flow-submit-details > :last-child {
      margin-bottom: 0; }
  .form-flow-container form {
    width: 100%;
    padding: 0px 22px  ;
    background-color: transparent; }
    @media (max-width: 374px) {
      .form-flow-container form {
        padding: 0px 11px  ; } }
.form-flow-header-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  padding: 0px 22px 22px 22px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .form-flow-header-container > :nth-child(n) {
    margin-bottom: 11px; }
  .form-flow-header-container > :last-child {
    margin-bottom: 0; }
  @media (max-width: 374px) {
    .form-flow-header-container {
      padding: 0px 11px 22px 11px; } }
  .form-flow-header-container .form-flow-header-title {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 2em;
    line-height: 1.25em; }
    @media (max-width: 429px) {
      .form-flow-header-container .form-flow-header-title {
        font-size: 1.5em; } }
  .form-flow-header-container .form-flow-header-description {
    font-size: 1.25em;
    line-height: 1.5em;
    color: #39464E; }
    @media (max-width: 429px) {
      .form-flow-header-container .form-flow-header-description {
        font-size: 1em; } }
.form-flow-actions-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
  z-index: 2; }
  .form-flow-actions-container .inner-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    padding: 11px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 126.5px; }
  .form-flow-actions-container .form-flow-button-wrapper,
  .form-flow-actions-container .form-flow-actions-progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #39464E; }
    .form-flow-actions-container .form-flow-button-wrapper > :nth-child(n),
    .form-flow-actions-container .form-flow-actions-progress > :nth-child(n) {
      margin-bottom: 11px; }
    .form-flow-actions-container .form-flow-button-wrapper > :last-child,
    .form-flow-actions-container .form-flow-actions-progress > :last-child {
      margin-bottom: 0; }
  .form-flow-actions-container .form-flow-progress-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 55px; }
  .form-flow-actions-container .form-flow-actions-button {
    background-color: #FFFFFF;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    padding: 16.5px   ;
    border: none;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15); }
  .form-flow-actions-container .form-flow-actions-button svg {
    margin-top: 2px; }
  .form-flow-actions-container .form-flow-submit {
    background-color: #4F7FF8; }
  .form-flow-actions-container .form-flow-submit ~ .form-flow-submit-label {
    color: #4F7FF8; }
  .form-flow-actions-container .form-flow-submit:disabled {
    background-color: rgba(57, 70, 78, 0.15); }
  .form-flow-actions-container .form-flow-submit:disabled ~ .form-flow-submit-label {
    color: rgba(57, 70, 78, 0.15); }
  .form-flow-actions-container .form-flow-actions-progress {
    padding: 0px 22px  ;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .form-flow-actions-container .bar-graph-total {
    background-color: rgba(57, 70, 78, 0.15); }
.bar-graph-container {
  text-align: center;
  z-index: 1;
  position: relative;
  width: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .bar-graph-container .bar-graph-total {
    border-radius: 100px;
    width: 100%;
    height: 11px;
    overflow-x: hidden;
    background-color: rgba(255, 255, 255, 0.1); }
  .bar-graph-container .bar-graph-progress {
    border-radius: 100px;
    height: 11px;
    background-color: #4F7FF8;
    transition: width 0.2s;
    transition-delay: 0.5s; }
  .bar-graph-container .avatar-container {
    position: absolute;
    margin: -22px -11px  ; }
.celebration-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #5EDBBB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 1s;
  z-index: -1; }
  .celebration-container svg {
    border-radius: 50%;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
    -webkit-animation: heartbeat 0.2s;
    animation: heartbeat 0.2s; }

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartbeat {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.celebration-container.show {
  opacity: 1;
  z-index: 3;
  transition: opacity 1s; }
.purchase-confirmation-container {
  background-color: #FFFFFF;
  min-height: 100vh;
  color: #39464E;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .purchase-confirmation-container .inner-wrapper {
    padding: 0px 22px  ;
    max-width: 770px; }
    .purchase-confirmation-container .inner-wrapper > :nth-child(n) {
      margin-bottom: 22px; }
    .purchase-confirmation-container .inner-wrapper > :last-child {
      margin-bottom: 0; }
    @media (max-width: 374px) {
      .purchase-confirmation-container .inner-wrapper {
        padding: 0px 11px  ; } }
  .purchase-confirmation-container .purchase-confirmation-header > :nth-child(n) {
    margin-bottom: 11px; }
  .purchase-confirmation-container .purchase-confirmation-header > :last-child {
    margin-bottom: 0; }
  .purchase-confirmation-container .purchase-confirmation-title {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 2em;
    line-height: 1.25em; }
    @media (max-width: 429px) {
      .purchase-confirmation-container .purchase-confirmation-title {
        font-size: 1.5em; } }
  .purchase-confirmation-container .purchase-confirmation-description {
    font-size: 1.25em;
    line-height: 1.5em; }
    @media (max-width: 429px) {
      .purchase-confirmation-container .purchase-confirmation-description {
        font-size: 1em; } }
  .purchase-confirmation-container .purchase-confirmation-redirect {
    text-align: center; }
.device-picker-container > :nth-child(n) {
  margin-bottom: 22px; }

.device-picker-container > :last-child {
  margin-bottom: 0; }

.device-picker-container .device-picker-devices {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .device-picker-container .device-picker-devices > :nth-child(n) {
    margin-bottom: 11px; }
  .device-picker-container .device-picker-devices > :last-child {
    margin-bottom: 0; }

.device-picker-container .device-picker-device {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 22px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  text-align: center;
  border-radius: 12px;
  border: 4px solid #39464E;
  color: #39464E;
  font-size: 1.5em;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s; }
  .device-picker-container .device-picker-device:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; }

.device-picker-container .device-picker-device svg {
  margin-right: 11px; }
.pricing-plan-form-container {
  padding: 0px 33px  ;
  text-align: center; }
  .pricing-plan-form-container > :nth-child(n) {
    margin-bottom: 22px; }
  .pricing-plan-form-container > :last-child {
    margin-bottom: 0; }
  .pricing-plan-form-container .pricing-plans {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .pricing-plan-form-container .pricing-plans > :nth-child(n) {
      margin-bottom: 11px; }
    .pricing-plan-form-container .pricing-plans > :last-child {
      margin-bottom: 0; }
  .pricing-plan-form-container .pricing-plan-wrapper {
    width: 100%; }
  .pricing-plan-form-container .pricing-plan-wrapper input {
    position: absolute;
    visibility: hidden; }
  .pricing-plan-form-container .pricing-plan-wrapper label {
    font-size: 1em; }
  .pricing-plan-form-container .pricing-plan {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 22px   ;
    text-align: center;
    cursor: pointer;
    color: #39464E;
    border-radius: 12px;
    border: 4px solid #39464E;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; }
    .pricing-plan-form-container .pricing-plan:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
      transition: -webkit-transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s; }
    @media (max-width: 429px) {
      .pricing-plan-form-container .pricing-plan {
        padding: 22px 11px  ; } }
  .pricing-plan-form-container .pricing-plan-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left; }
  .pricing-plan-form-container .pricing-plan-discount {
    font-size: 0.75em;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end; }
    @media (min-width: 429px) {
      .pricing-plan-form-container .pricing-plan-discount {
        font-size: 1em; } }
  .pricing-plan-form-container .pricing-plan-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .pricing-plan-form-container .pricing-plan-content > :nth-child(n) {
      margin-right: 11px; }
    .pricing-plan-form-container .pricing-plan-content > :last-child {
      margin-right: 0; }
  .pricing-plan-form-container .pricing-plan-check {
    border-radius: 50%;
    border: 2px solid #39464E;
    height: 44px;
    width: 44px; }
  .pricing-plan-form-container .pricing-plan-check svg {
    opacity: 0; }
  .pricing-plan-form-container input:checked ~ label .pricing-plan {
    background-color: #FFFFFF;
    color: #4F7FF8;
    border: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
  .pricing-plan-form-container input:checked ~ label .pricing-plan-base.coupon {
    color: #39464E; }
  .pricing-plan-form-container input:checked ~ label .pricing-plan-check {
    border: none; }
  .pricing-plan-form-container input:checked ~ label .pricing-plan-check svg {
    opacity: 1; }
  .pricing-plan-form-container .pricing-plan-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    text-align: right;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end; }
  .pricing-plan-form-container .pricing-plan-base.coupon {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing: antialiased; }
    .pricing-plan-form-container .pricing-plan-base.coupon .pricing-plan-price {
      text-decoration: line-through;
      font-size: 1em; }
      @media (max-width: 429px) {
        .pricing-plan-form-container .pricing-plan-base.coupon .pricing-plan-price {
          font-size: 0.75em; } }
    @media (max-width: 429px) {
      .pricing-plan-form-container .pricing-plan-base.coupon {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end; } }
  .pricing-plan-form-container .pricing-plan-price {
    font-size: 2.5em;
    line-height: 1em; }
    @media (max-width: 429px) {
      .pricing-plan-form-container .pricing-plan-price {
        font-size: 1.5em; } }
  @media (max-width: 429px) {
    .pricing-plan-form-container .pricing-plan-interval {
      font-size: 0.75em; } }
  .pricing-plan-form-container .pricing-plan-header > :nth-child(n) {
    margin-bottom: 5.5px; }
  .pricing-plan-form-container .pricing-plan-header > :last-child {
    margin-bottom: 0; }
  .pricing-plan-form-container .pricing-plan-title {
    font-size: 1.25em; }
    @media (max-width: 429px) {
      .pricing-plan-form-container .pricing-plan-title {
        font-size: 1em; } }
  .pricing-plan-form-container .pricing-plan-description {
    font-size: 1em;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing: antialiased; }
    @media (max-width: 429px) {
      .pricing-plan-form-container .pricing-plan-description {
        font-size: 0.75em; } }
  .pricing-plan-form-container .pricing-plan-description.year {
    text-decoration: underline; }

.pricing-plan-form-container.valid .pricing-plan {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.5); }

.pricing-plan-form-container.valid .pricing-plan-check {
  border-color: rgba(255, 255, 255, 0.5); }
.scholarship-input-container {
  position: relative;
  height: 11px; }
  .scholarship-input-container .scholarship-button,
  .scholarship-input-container .cancel-button {
    position: absolute;
    text-align: left;
    color: #4F7FF8;
    cursor: pointer;
    transition: opacity 0.2s; }
    .scholarship-input-container .scholarship-button:hover,
    .scholarship-input-container .cancel-button:hover {
      color: #1e5bf6; }
  .scholarship-input-container .scholarship-button {
    top: 0;
    opacity: 1; }
  .scholarship-input-container .cancel-button {
    opacity: 0;
    bottom: 5.5px;
    font-size: 0.75em;
    left: 22px; }
    @media (max-width: 429px) {
      .scholarship-input-container .cancel-button {
        left: 11px; } }
  .scholarship-input-container .form-input-scholarship {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; }

.scholarship-input-container.show {
  height: 88px; }
  .scholarship-input-container.show .scholarship-button {
    opacity: 0; }
  .scholarship-input-container.show .cancel-button {
    opacity: 1; }
  .scholarship-input-container.show .form-input-scholarship {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; }
.payment-form-container .payment-exp-cvc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ; }
  @media (min-width: 429px) {
    .payment-form-container .payment-exp-cvc {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      .payment-form-container .payment-exp-cvc > :nth-child(1) {
        width: 50%; } }
    @media screen and (min-width: 429px) and (max-width: 374px) {
      .payment-form-container .payment-exp-cvc > :nth-child(1) {
        width: 100%; } }
  @media (min-width: 429px) {
      .payment-form-container .payment-exp-cvc > :nth-child(2) {
        width: 50%; } }
    @media screen and (min-width: 429px) and (max-width: 374px) {
      .payment-form-container .payment-exp-cvc > :nth-child(2) {
        width: 100%; } }

@media (min-width: 429px) {
  .payment-form-container .form-input-expDate {
    margin-right: 11px; } }

@media (min-width: 429px) {
  .payment-form-container .form-input-cvc {
    margin-left: 11px; } }

.payment-form-container .payment-form-why-cc {
  margin-bottom: 22px; }

.payment-form-container .payment-form-tos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 22px 0px  ; }
  .payment-form-container .payment-form-tos > :nth-child(n) {
    margin-right: 11px; }
  .payment-form-container .payment-form-tos > :last-child {
    margin-right: 0; }

.payment-form-container .payment-form-tos-description {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  line-height: 1.25em;
  color: #39464E; }

.payment-form-container .payment-form-price-wrapper {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  background-color: #FFCA36;
  padding: 22px   ;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  border-radius: 6px; }

.payment-form-container .payment-form-original-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ; }
  .payment-form-container .payment-form-original-price > :nth-child(n) {
    margin-bottom: 11px; }
  .payment-form-container .payment-form-original-price > :last-child {
    margin-bottom: 0; }

.payment-form-container .payment-form-original-price.coupon {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.payment-form-container .payment-form-original-price.coupon .payment-form-price {
  font-size: 1em;
  text-decoration: line-through; }

.payment-form-container .payment-form-price,
.payment-form-container .payment-form-discount-price {
  font-size: 2em; }
  @media (max-width: 429px) {
    .payment-form-container .payment-form-price,
    .payment-form-container .payment-form-discount-price {
      font-size: 1.5em; } }
.registration-flow-container .form-flow-content:first-child.show {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.registration-flow-container .form-flow-content.valid .expectations-form-course {
  background-color: transparent; }
.purchase-flow-container .form-flow-submit-details {
  display: none; }
.gift-flow-container .form-flow-submit-details {
  display: none; }

.gift-flow-container .form-flow-content.valid .payment-form-price-wrapper,
.gift-flow-container .form-flow-content.valid .expectations-form-course {
  background-color: transparent; }
.brochure-detail-container {
  position: relative;
  overflow-x: hidden;
  color: #39464E;
  background-color: #F3F5F6; }
  .brochure-detail-container .brochure-detail-breakdown > :nth-child(n) {
    margin-bottom: 66px; }
  .brochure-detail-container .brochure-detail-breakdown > :last-child {
    margin-bottom: 0; }
  @media (max-width: 770px) {
    .brochure-detail-container .brochure-detail-breakdown {
      margin-top: 66px; } }
  .brochure-detail-container .brochure-detail-breakdown > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ; }
    @media (min-width: 429px) {
      .brochure-detail-container .brochure-detail-breakdown > div {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; } }
    @media (max-width: 429px) {
      .brochure-detail-container .brochure-detail-breakdown > div {
        padding: 0px 22px  ; }
        .brochure-detail-container .brochure-detail-breakdown > div > :nth-child(n) {
          margin-bottom: 22px; }
        .brochure-detail-container .brochure-detail-breakdown > div > :last-child {
          margin-bottom: 0; } }
  .brochure-detail-container .brochure-detail-breakdown.padding {
    padding: 99px 0px  ;
    margin-top: 0; }
  .brochure-detail-container .brochure-detail-subtitle {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 1.75em;
    line-height: 1.5em; }
    @media (max-width: 770px) {
      .brochure-detail-container .brochure-detail-subtitle {
        font-size: 1.25em; } }
  .brochure-detail-container .brochure-detail-header {
    text-align: center; }
    .brochure-detail-container .brochure-detail-header > :nth-child(n) {
      margin-bottom: 33px; }
    .brochure-detail-container .brochure-detail-header > :last-child {
      margin-bottom: 0; }
    @media (max-width: 429px) {
      .brochure-detail-container .brochure-detail-header > :nth-child(n) {
        margin-bottom: 22px; }
      .brochure-detail-container .brochure-detail-header > :last-child {
        margin-bottom: 0; } }
  .brochure-detail-container .brochure-detail-title {
    font-size: 2em;
    line-height: 1.5em;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
    @media (max-width: 770px) {
      .brochure-detail-container .brochure-detail-title {
        font-size: 1.75em; } }
    @media (max-width: 429px) {
      .brochure-detail-container .brochure-detail-title {
        font-size: 1.5em; } }
  .brochure-detail-container .brochure-detail-description {
    font-size: 1.25em;
    line-height: 1.5em;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased; }
    @media (max-width: 770px) {
      .brochure-detail-container .brochure-detail-description {
        font-size: 1em; } }
  .brochure-detail-container .brochure-detail-description.center {
    padding: 0px 198px  ; }
    @media (max-width: 770px) {
      .brochure-detail-container .brochure-detail-description.center {
        padding: 0px 66px  ; } }
    @media (max-width: 429px) {
      .brochure-detail-container .brochure-detail-description.center {
        padding: 0px 22px  ; } }
  @media (max-width: 1144px) and (min-width: 429px) {
    .brochure-detail-container .brochure-detail-description.left {
      padding-right: 22px; } }
  .brochure-detail-container .brochure-detail-explanation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    width: 220px;
    text-align: right;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 22px;
    margin-right: 99px; }
    .brochure-detail-container .brochure-detail-explanation > :nth-child(n) {
      margin-bottom: 22px; }
    .brochure-detail-container .brochure-detail-explanation > :last-child {
      margin-bottom: 0; }
    @media (max-width: 770px) {
      .brochure-detail-container .brochure-detail-explanation {
        margin-right: 77px; } }
    @media (max-width: 429px) {
      .brochure-detail-container .brochure-detail-explanation {
        text-align: left;
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
  .brochure-detail-container .brochure-detail-explanation-description {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25em;
    line-height: 1.5em; }
    @media (max-width: 770px) {
      .brochure-detail-container .brochure-detail-explanation-description {
        font-size: 1em; } }
  .brochure-detail-container .brochure-testimonial-location {
    opacity: 0.5; }
  .brochure-detail-container .brochure-email-overlay-container .overlay-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .brochure-detail-container .brochure-faq-container {
    background-color: transparent;
    padding: 0px 22px  ; }
  .brochure-detail-container .brochure-faq-container .inner-wrapper {
    width: initial;
    padding: 66px   ;
    background-color: #FFFFFF;
    border-radius: 6px; }
    @media (max-width: 429px) {
      .brochure-detail-container .brochure-faq-container .inner-wrapper {
        padding: 22px   ; } }
  .brochure-detail-container footer {
    border-top: rgba(255, 255, 255, 0.1) solid 4px;
    background: transparent; }
  .brochure-detail-container footer .footer-jammer .footer-name {
    opacity: 0.5; }
  .brochure-detail-container footer .footer-jammer.you .footer-headshot {
    background-color: rgba(57, 70, 78, 0.2); }
  .brochure-detail-container footer .footer-jammer.you .footer-name {
    opacity: 1; }
footer {
  background-color: rgba(255, 255, 255, 0.95);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  padding: 44px 33px  ;
  color: #39464E; }
  footer .footer-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ; }
    @media (max-width: 770px) {
      footer .footer-details {
        text-align: center; }
        footer .footer-details > :nth-child(n) {
          margin-bottom: 44px; }
        footer .footer-details > :last-child {
          margin-bottom: 0; } }
    @media (min-width: 770px) {
      footer .footer-details {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; }
        footer .footer-details > :nth-child(n) {
          margin-right: 44px; }
        footer .footer-details > :last-child {
          margin-right: 0; } }
  footer .inner-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ; }
  @media (max-width: 770px) {
    footer .fb-like {
      margin: auto;
      margin-bottom: 44px; } }
  @media (min-width: 770px) {
    footer .fb-like {
      position: absolute;
      right: 0; } }
  footer .footer-course-link-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  footer .footer-courses {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ; }
    footer .footer-courses > :nth-child(n) {
      margin-bottom: 11px; }
    footer .footer-courses > :last-child {
      margin-bottom: 0; }
  footer .footer-courses a {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased; }
  footer .footer-title {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 22px; }
  @media (max-width: 770px) {
    footer .footer-about-wrapper {
      text-align: center; } }
  footer .footer-about {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ; }
    @media (max-width: 770px) {
      footer .footer-about {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        footer .footer-about > :nth-child(n) {
          margin-bottom: 22px; }
        footer .footer-about > :last-child {
          margin-bottom: 0; } }
    @media (min-width: 770px) {
      footer .footer-about {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; }
        footer .footer-about > :nth-child(n) {
          margin-right: 44px; }
        footer .footer-about > :last-child {
          margin-right: 0; } }
  footer .footer-office {
    border-radius: 6px;
    width: 231px;
    height: 165px;
    background-image: url("/public/svg/other/office.jpg");
    background-size: cover;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  footer .footer-blurb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.5em; }
    footer .footer-blurb > :nth-child(n) {
      margin-bottom: 11px; }
    footer .footer-blurb > :last-child {
      margin-bottom: 0; }
  footer .footer-team {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 44px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    footer .footer-team > :nth-child(n) {
      margin-bottom: 22px; }
    footer .footer-team > :last-child {
      margin-bottom: 0; }
  footer .footer-jammer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 22px   ; }
    footer .footer-jammer > :nth-child(n) {
      margin-bottom: 11px; }
    footer .footer-jammer > :last-child {
      margin-bottom: 0; }
  footer .footer-jammer.you .footer-headshot {
    cursor: pointer;
    background-color: #4F7FF8; }
  footer .footer-jammer.you .footer-name {
    opacity: 1; }
  footer .footer-headshot {
    border-radius: 50%;
    width: 66px;
    height: 66px;
    background-size: cover;
    background-position: center center;
    background-color: #FFFFFF;
    position: relative; }
  footer .footer-headshot .em {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin-left: -8px; }
  footer .footer-name {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 0.75em;
    opacity: 0.2;
    text-transform: uppercase; }
  footer .footer-disclaimer {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    font-size: 0.75em;
    line-height: 1.5em;
    text-align: center;
    opacity: 0.5;
    margin-top: 22px; }
  footer .footer-easter-egg {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    margin-top: 22px;
    opacity: 0.6; }
  footer .footer-downloads {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 66px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (min-width: 374px) {
      footer .footer-downloads > :nth-child(n) {
        margin-right: 22px; }
      footer .footer-downloads > :last-child {
        margin-right: 0; } }
  footer .footer-downloads img {
    height: 44px; }
  footer .footer-links {
    text-align: center;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased; }
  footer .footer-visit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media (max-width: 770px) {
      footer .footer-visit {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; } }
.brochure-testimonial-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  padding: 99px 33px  ;
  width: 100%; }
  @media (max-width: 770px) {
    .brochure-testimonial-container {
      padding: 66px 22px  ; } }
  .brochure-testimonial-container .inner-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .brochure-testimonial-container .inner-wrapper > :nth-child(n) {
      margin-bottom: 44px; }
    .brochure-testimonial-container .inner-wrapper > :last-child {
      margin-bottom: 0; }
  .brochure-testimonial-container .brochure-testimonial-header {
    text-align: center;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 2em; }
  .brochure-testimonial-container .brochure-testimonial-header .em {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5); }
  .brochure-testimonial-container .brochure-testimonials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center; }
    @media (min-width: 770px) {
      .brochure-testimonial-container .brochure-testimonials {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .brochure-testimonial-container .brochure-testimonials > :nth-child(n) {
          width: 50%;
          min-width: 50%; } }
    @media screen and (min-width: 770px) and (max-width: 374px) {
      .brochure-testimonial-container .brochure-testimonials > :nth-child(n) {
        width: 100%; } }
    @media (max-width: 770px) {
      .brochure-testimonial-container .brochure-testimonials > :nth-child(n) {
        margin-bottom: 33px; }
      .brochure-testimonial-container .brochure-testimonials > :last-child {
        margin-bottom: 0; } }
  .brochure-testimonial-container .brochure-testimonial-column > :nth-child(n) {
    margin-bottom: 33px; }
  .brochure-testimonial-container .brochure-testimonial-column > :last-child {
    margin-bottom: 0; }
  .brochure-testimonial-container .brochure-testimonial-content {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    padding: 22px   ;
    background-color: #FFFFFF;
    border-radius: 6px;
    position: relative;
    line-height: 1.5em;
    color: #39464E; }
    @media (min-width: 429px) {
      .brochure-testimonial-container .brochure-testimonial-content {
        margin-right: 11px;
        font-size: 1.25em; } }
    .brochure-testimonial-container .brochure-testimonial-content:before {
      content: '';
      display: block;
      position: absolute;
      left: 33px;
      bottom: -17px;
      width: 22px;
      height: 22px;
      background-size: 22px;
      background-image: url("/public/svg/other/speech-bubble-tail.svg");
      -webkit-transform: scaleX(-1) rotateZ(-90deg);
      -ms-transform: scaleX(-1) rotate(-90deg);
      transform: scaleX(-1) rotateZ(-90deg); }
  .brochure-testimonial-container .brochure-testimonial-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 44px;
    margin-top: 11px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
    .brochure-testimonial-container .brochure-testimonial-details > :nth-child(n) {
      margin-right: 11px; }
    .brochure-testimonial-container .brochure-testimonial-details > :last-child {
      margin-right: 0; }
  .brochure-testimonial-container .brochure-testimonial-avatar {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 66px;
    height: 66px;
    background-size: cover; }
  .brochure-testimonial-container .brochure-testimonial-parent > :nth-child(n) {
    margin-bottom: 11px; }
  .brochure-testimonial-container .brochure-testimonial-parent > :last-child {
    margin-bottom: 0; }
  .brochure-testimonial-container .brochure-testimonial-location {
    font-size: 0.75em;
    opacity: 0.2;
    text-transform: uppercase; }

.brochure-testimonial-container.background {
  padding: 0;
  color: #39464E;
  background-color: rgba(255, 255, 255, 0.95); }
  @media (min-width: 770px) {
    .brochure-testimonial-container.background {
      height: 770px;
      position: relative; } }
  .brochure-testimonial-container.background .brochure-testimonial-content-wrapper {
    padding: 44px   ; }
    @media (min-width: 770px) {
      .brochure-testimonial-container.background .brochure-testimonial-content-wrapper {
        width: 100%;
        padding: 0px   ;
        position: absolute;
        bottom: 66px; } }
  .brochure-testimonial-container.background .brochure-testimonial-background {
    color: #39464E;
    background: url("/public/svg/banners/banner-parent.jpg");
    background-repeat: no-repeat;
    height: 517px;
    background-size: cover;
    background-position: center center; }
    @media (min-width: 770px) {
      .brochure-testimonial-container.background .brochure-testimonial-background {
        background-position: 0 70%; } }
  .brochure-testimonial-container.background .brochure-testimonial-header {
    padding: 16.5px   ;
    background-color: #FFFFFF;
    border-radius: 6px; }
    @media (min-width: 770px) {
      .brochure-testimonial-container.background .brochure-testimonial-header {
        width: 33.33%; } }
  @media (min-width: 770px) {
    .brochure-testimonial-container.background .brochure-testimonials {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .brochure-testimonial-container.background .brochure-testimonials > :nth-child(n) {
        width: 33%;
        min-width: 33%; } }
    @media screen and (min-width: 770px) and (max-width: 374px) {
      .brochure-testimonial-container.background .brochure-testimonials > :nth-child(n) {
        width: 100%; } }
  .brochure-testimonial-container.background .brochure-testimonial-content:last-child {
    margin-right: 0; }
  @media (min-width: 429px) {
    .brochure-testimonial-container.background .brochure-testimonial-content {
      font-size: 1em; } }
  @media (min-width: 770px) {
    .brochure-testimonial-container.background .brochure-testimonial-content {
      margin: 11px   ; } }
@media (max-width: 770px) {
  .brochure-email-overlay-container {
    padding: 0; } }

.brochure-email-overlay-container .overlay-close {
  display: none; }

.brochure-email-overlay-container .brochure-email-overlay-content-wrapper {
  background-color: #4F7FF8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  position: relative; }
  @media (max-width: 770px) {
    .brochure-email-overlay-container .brochure-email-overlay-content-wrapper {
      width: 100%;
      height: 100%; } }
  @media (min-width: 770px) {
    .brochure-email-overlay-container .brochure-email-overlay-content-wrapper {
      width: 715px;
      border-radius: 6px; } }

.brochure-email-overlay-container .brochure-email-overlay-close {
  position: absolute;
  top: 22px;
  left: 22px;
  opacity: 0.5; }

.brochure-email-overlay-container .brochure-email-overlay-content {
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 440px; }
  @media (max-width: 429px) {
    .brochure-email-overlay-container .brochure-email-overlay-content {
      padding: 66px 33px  ; } }
  @media (min-width: 429px) {
    .brochure-email-overlay-container .brochure-email-overlay-content {
      padding: 66px   ; } }

.brochure-email-overlay-container .brochure-email {
  text-align: center;
  margin-bottom: 44px; }

.brochure-email-overlay-container .brochure-email-header > :nth-child(n) {
  margin-bottom: 22px; }

.brochure-email-overlay-container .brochure-email-header > :last-child {
  margin-bottom: 0; }

.brochure-email-overlay-container .brochure-scholarship-content {
  margin-bottom: 22px; }
  .brochure-email-overlay-container .brochure-scholarship-content > :nth-child(n) {
    margin-bottom: 22px; }
  .brochure-email-overlay-container .brochure-scholarship-content > :last-child {
    margin-bottom: 0; }

.brochure-email-overlay-container .brochure-scholarships,
.brochure-email-overlay-container .brochure-email-copied {
  text-align: center; }
  @media (max-width: 770px) {
    .brochure-email-overlay-container .brochure-scholarships,
    .brochure-email-overlay-container .brochure-email-copied {
      font-size: 1.75em;
      line-height: 1.25em; } }
  @media (min-width: 770px) {
    .brochure-email-overlay-container .brochure-scholarships,
    .brochure-email-overlay-container .brochure-email-copied {
      font-size: 2em;
      line-height: 1.25em; } }

.brochure-email-overlay-container .brochure-email-title {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  font-size: 2em; }

.brochure-email-overlay-container .brochure-email-title .em {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.brochure-email-overlay-container .brochure-email-subtitle {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 1.25em; }

.brochure-email-overlay-container .brochure-email-overlay-claim-button {
  text-transform: uppercase;
  background-color: rgba(57, 70, 78, 0.25);
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%; }
  @media (max-width: 319px) {
    .brochure-email-overlay-container .brochure-email-overlay-claim-button {
      padding: 33px   ; } }
  @media (min-width: 319px) {
    .brochure-email-overlay-container .brochure-email-overlay-claim-button {
      padding: 33px 11px  ; } }
  .brochure-email-overlay-container .brochure-email-overlay-claim-button:not(:disabled) {
    color: #4F7FF8;
    background-color: #FFFFFF; }

@media (max-width: 429px) {
  .brochure-email-overlay-container .brochure-scholarships,
  .brochure-email-overlay-container .brochure-scholarships i {
    display: inline-block; } }

.brochure-email-overlay-container .brochure-email-form {
  padding: 0;
  width: 100%; }

.brochure-email-overlay-container .brochure-email-form input {
  border-radius: 6px;
  color: #4F7FF8;
  border: none;
  width: 100%;
  text-align: center; }
  @media (min-width: 374px) {
    .brochure-email-overlay-container .brochure-email-form input {
      padding: 22px   ; } }
  @media (max-width: 374px) {
    .brochure-email-overlay-container .brochure-email-form input {
      padding: 22px 11px  ; } }

.brochure-email-overlay-container .brochure-email-form input:focus::-webkit-input-placeholder {
  color: transparent; }

.brochure-email-overlay-container .brochure-email-form input:focus::-moz-placeholder {
  color: transparent; }

.brochure-email-overlay-container .brochure-email-form input:focus:-ms-input-placeholder {
  color: transparent; }

.brochure-email-overlay-container .brochure-email-form input:focus::placeholder {
  color: transparent; }

.brochure-email-overlay-container .brochure-email-discount {
  margin-bottom: 99px; }

.brochure-email-overlay-container .brochure-email-code {
  text-align: center; }
  .brochure-email-overlay-container .brochure-email-code > :nth-child(n) {
    margin-bottom: 33px; }
  .brochure-email-overlay-container .brochure-email-code > :last-child {
    margin-bottom: 0; }

.brochure-email-overlay-container .brochure-email-copied {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 300;
  -webkit-font-smoothing: antialiased; }

.brochure-email-overlay-container .brochure-email-coupon-code {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased; }
  @media (max-width: 770px) {
    .brochure-email-overlay-container .brochure-email-coupon-code {
      font-size: 1.75em; } }
  @media (min-width: 770px) {
    .brochure-email-overlay-container .brochure-email-coupon-code {
      font-size: 3em; } }

.brochure-email-overlay-container .brochure-scholarship-register {
  text-align: center;
  cursor: pointer;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  line-height: 1.25em;
  text-decoration: underline; }
.brochure-faq-container {
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  padding: 66px 0px  ;
  text-align: center;
  color: #39464E; }
  .brochure-faq-container .inner-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .brochure-faq-container .inner-wrapper > :nth-child(n) {
      margin-bottom: 11px; }
    .brochure-faq-container .inner-wrapper > :last-child {
      margin-bottom: 0; }
    @media (max-width: 484px) {
      .brochure-faq-container .inner-wrapper {
        padding: 0px 33px  ; } }
  .brochure-faq-container .brochure-ask-button {
    width: 484px;
    font-size: 1.25em;
    background-color: #4F7FF8;
    color: #FFFFFF;
    padding: 16.5px   ; }
    @media (max-width: 484px) {
      .brochure-faq-container .brochure-ask-button {
        width: 100%; } }
  .brochure-faq-container .brochure-faq-info {
    line-height: 1.5em;
    margin-top: 11px; }
.brochure-course-container .brochure-course-requirements > :nth-child(n) {
  margin-bottom: 22px; }

.brochure-course-container .brochure-course-requirements > :last-child {
  margin-bottom: 0; }

.brochure-course-container .brochure-course-requirement {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-size: 1.125em; }

.brochure-course-container .em {
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  margin-right: 22px; }
.brochure-quote-container {
  border-top: rgba(255, 255, 255, 0.1) solid 4px;
  padding: 66px 22px  ; }
  @media (max-width: 770px) {
    .brochure-quote-container {
      display: none; } }
  .brochure-quote-container .inner-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .brochure-quote-container .brochure-quote {
    font-size: 3em;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
  .brochure-quote-container .brochure-quotee {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    text-align: right;
    font-size: 1.25em;
    line-height: 1.5em; }
.brochure-quests-container .brochure-quests {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #FFFFFF; }
  .brochure-quests-container .brochure-quests > :nth-child(n) {
    margin-bottom: 22px; }
  .brochure-quests-container .brochure-quests > :last-child {
    margin-bottom: 0; }
  @media (max-width: 429px) {
    .brochure-quests-container .brochure-quests {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }
  @media (min-width: 429px) {
    .brochure-quests-container .brochure-quests > :nth-child(n) {
      margin-right: 22px; }
    .brochure-quests-container .brochure-quests > :last-child {
      margin-right: 0; } }

.brochure-quests-container .brochure-quest {
  position: relative;
  width: 99px;
  height: 132px;
  cursor: pointer;
  color: #FFFFFF; }
  .brochure-quests-container .brochure-quest:hover {
    transition: 0.25s;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  @media (max-width: 429px) {
    .brochure-quests-container .brochure-quest {
      margin: 0px 11px  ; }
      .brochure-quests-container .brochure-quest:nth-child(3n), .brochure-quests-container .brochure-quest:nth-child(3n-2) {
        margin: 0; } }
  @media (max-width: 374px) {
    .brochure-quests-container .brochure-quest {
      width: 82.5px;
      height: 110px; } }
  .brochure-quests-container .brochure-quest:after {
    border-radius: 6px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(57, 70, 78, 0.2); }

.brochure-quests-container .brochure-quest-media {
  width: 100%;
  height: 100%; }

.brochure-quests-container .video-container {
  border-radius: 6px; }

.brochure-quests-container .video-play-toggle {
  display: none;
  cursor: default; }

.brochure-quests-container .brochure-quest-name {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-size: 0.8125em;
  line-height: 1.5em;
  z-index: 1;
  width: 77px;
  position: absolute;
  bottom: 5.5px;
  left: 11px; }

.brochure-quests-container .brochure-quest-number {
  position: absolute;
  top: 5.5px;
  left: 11px;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-size: 0.8125em;
  line-height: 1.5em;
  z-index: 1; }
.brochure-tips-container .brochure-tips {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  width: 100%;
  margin-right: 22px; }
  @media (max-width: 770px) {
    .brochure-tips-container .brochure-tips {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .brochure-tips-container .brochure-tips > :nth-child(n) {
        margin-bottom: 22px; }
      .brochure-tips-container .brochure-tips > :last-child {
        margin-bottom: 0; } }
  @media (min-width: 770px) {
    .brochure-tips-container .brochure-tips {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .brochure-tips-container .brochure-tips > :nth-child(n) {
        margin-right: 22px; }
      .brochure-tips-container .brochure-tips > :last-child {
        margin-right: 0; } }

.brochure-tips-container .video-container {
  border-radius: 6px; }
  @media (max-width: 770px) {
    .brochure-tips-container .video-container {
      width: 209px; } }
  @media (max-width: 429px) {
    .brochure-tips-container .video-container {
      width: auto;
      height: auto;
      margin-left: 0; } }
.brochure-skills-container .brochure-skills {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  width: 100%; }
  .brochure-skills-container .brochure-skills > :nth-child(n) {
    margin-bottom: 5.5px; }
  .brochure-skills-container .brochure-skills > :last-child {
    margin-bottom: 0; }

.brochure-skills-container .brochure-skill {
  text-transform: uppercase;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-size: 1em;
  padding: 16.5px 33px  ;
  background-color: rgba(0, 0, 0, 0.1); }
  @media (max-width: 374px) {
    .brochure-skills-container .brochure-skill {
      padding: 16.5px   ;
      font-size: 0.75em; } }
.brochure-steps-container {
  overflow: hidden; }
  .brochure-steps-container .brochure-steps-hand {
    margin-left: -451px;
    position: relative;
    height: 1122px; }
    @media (max-width: 1024px) {
      .brochure-steps-container .brochure-steps-hand {
        height: 726px;
        margin-left: -286px; } }
    .brochure-steps-container .brochure-steps-hand:after {
      position: absolute;
      width: 384px;
      height: 682px;
      left: 487px;
      top: 119px;
      content: '';
      display: block;
      background-image: url("/public/svg/devices/iPhone-cooking.png");
      background-size: cover; }
      @media (max-width: 1024px) {
        .brochure-steps-container .brochure-steps-hand:after {
          width: 238px;
          height: 425px;
          left: 304px;
          top: 75px; } }
  .brochure-steps-container video {
    position: absolute;
    width: 400px;
    height: 686px;
    left: 479px;
    top: 118px;
    z-index: 1; }
    @media (max-width: 1024px) {
      .brochure-steps-container video {
        width: 238px;
        height: 425px;
        left: 304px;
        top: 75px; } }
  @media (max-width: 1024px) {
    .brochure-steps-container .brochure-steps-hand img {
      height: 924px; } }
.brochure-mentorship-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  padding: 99px 0px  ;
  overflow: hidden;
  position: relative;
  background-color: #bfbfbf;
  color: #FFFFFF; }
  @media (max-width: 770px) {
    .brochure-mentorship-container {
      padding: 66px 0px  ; } }
  .brochure-mentorship-container .brochure-detail-title.mentorship {
    font-size: 4em; }
    @media (max-width: 770px) {
      .brochure-mentorship-container .brochure-detail-title.mentorship {
        font-size: 3em; } }
    @media (max-width: 429px) {
      .brochure-mentorship-container .brochure-detail-title.mentorship {
        font-size: 2em; } }
  .brochure-mentorship-container .brochure-mentorship-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 0.4;
    z-index: 0; }
  .brochure-mentorship-container .inner-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1; }
    .brochure-mentorship-container .inner-wrapper > :nth-child(n) {
      margin-bottom: 99px; }
    .brochure-mentorship-container .inner-wrapper > :last-child {
      margin-bottom: 0; }
    @media (max-width: 770px) {
      .brochure-mentorship-container .inner-wrapper > :nth-child(n) {
        margin-bottom: 66px; }
      .brochure-mentorship-container .inner-wrapper > :last-child {
        margin-bottom: 0; } }
  .brochure-mentorship-container .brochure-mentorship-headshot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: 0px 22px  ; }
    @media (min-width: 770px) {
      .brochure-mentorship-container .brochure-mentorship-headshot {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; } }
    .brochure-mentorship-container .brochure-mentorship-headshot:before {
      position: absolute;
      content: '';
      display: block;
      width: 572px;
      height: 374px;
      background: url("/public/svg//other/confetti-mentorship.svg");
      background-size: cover;
      top: 0;
      bottom: 0;
      left: -143px;
      margin: auto;
      z-index: 0; }
      @media (max-width: 770px) {
        .brochure-mentorship-container .brochure-mentorship-headshot:before {
          display: none; } }
  .brochure-mentorship-container .brochure-mentorship-course-creator-bio {
    position: relative;
    background-color: #FFFFFF;
    color: #39464E;
    font-size: 1.25em;
    line-height: 1.5em;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    border-radius: 6px;
    width: 308px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 33px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 44px; }
    @media (max-width: 770px) {
      .brochure-mentorship-container .brochure-mentorship-course-creator-bio {
        position: static;
        font-size: 1em;
        margin: 0;
        margin-top: 22px;
        height: auto; } }
    .brochure-mentorship-container .brochure-mentorship-course-creator-bio:before {
      content: '';
      display: block;
      position: absolute;
      left: -34px;
      width: 44px;
      height: 44px;
      background-size: 44px;
      top: 0;
      bottom: 0;
      margin: auto;
      background-image: url("/public/svg/other/speech-bubble-tail.svg"); }
      @media (max-width: 770px) {
        .brochure-mentorship-container .brochure-mentorship-course-creator-bio:before {
          display: none; } }
  .brochure-mentorship-container .brochure-mentorship-course-creator .avatar-image-wrapper {
    width: 308px;
    height: 308px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
    @media (max-width: 770px) {
      .brochure-mentorship-container .brochure-mentorship-course-creator .avatar-image-wrapper {
        width: 220px;
        height: 220px; } }
  .brochure-mentorship-container .brochure-mentorship-course-creator {
    border-radius: 50%;
    width: 308px;
    height: 308px;
    border: #4F7FF8 3px solid;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 770px) {
      .brochure-mentorship-container .brochure-mentorship-course-creator {
        width: 220px;
        height: 220px; } }
.brochure-moderation-container .brochure-moderation-headshots > :nth-child(n) {
  margin-bottom: 33px; }

.brochure-moderation-container .brochure-moderation-headshots > :last-child {
  margin-bottom: 0; }

.brochure-moderation-container .brochure-mods {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-bottom: 22px;
  position: relative; }
  @media (min-width: 770px) {
    .brochure-moderation-container .brochure-mods > :nth-child(n) {
      margin-right: 99px; }
    .brochure-moderation-container .brochure-mods > :last-child {
      margin-right: 0; } }
  @media (max-width: 770px) {
    .brochure-moderation-container .brochure-mods {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }

@media (max-width: 770px) {
  .brochure-moderation-container .brochure-mod {
    margin: 0px 33px  ;
    margin-bottom: 66px; } }

@media (max-width: 429px) {
  .brochure-moderation-container .brochure-mod {
    margin-bottom: 44px; } }

.brochure-moderation-container .brochure-mod .avatar-image-wrapper {
  border: #4F7FF8 2px solid; }
.brochure-featured-posts-container .brochure-featured {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  overflow-x: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .brochure-featured-posts-container .brochure-featured > :nth-child(n) {
    margin-bottom: 33px; }
  .brochure-featured-posts-container .brochure-featured > :last-child {
    margin-bottom: 0; }
  @media (max-width: 429px) {
    .brochure-featured-posts-container .brochure-featured > :nth-child(n) {
      margin-bottom: 11px; }
    .brochure-featured-posts-container .brochure-featured > :last-child {
      margin-bottom: 0; } }

.brochure-featured-posts-container .brochure-featured-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .brochure-featured-posts-container .brochure-featured-row > :nth-child(n) {
    margin-right: 33px; }
  .brochure-featured-posts-container .brochure-featured-row > :last-child {
    margin-right: 0; }
  @media (max-width: 429px) {
    .brochure-featured-posts-container .brochure-featured-row {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
      .brochure-featured-posts-container .brochure-featured-row > :nth-child(n) {
        margin-right: 11px; }
      .brochure-featured-posts-container .brochure-featured-row > :last-child {
        margin-right: 0; } }

.brochure-featured-posts-container .brochure-featured-post {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 253px;
  height: 253px;
  background-color: #39464E;
  position: relative;
  overflow: hidden;
  border-radius: 6px; }
  @media (max-width: 429px) {
    .brochure-featured-posts-container .brochure-featured-post {
      width: 154px;
      height: 154px; } }

.brochure-featured-posts-container .brochure-featured-post-user {
  position: absolute;
  bottom: 11px;
  left: 11px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .brochure-featured-posts-container .brochure-featured-post-user > :nth-child(n) {
    margin-right: 11px; }
  .brochure-featured-posts-container .brochure-featured-post-user > :last-child {
    margin-right: 0; }

.brochure-featured-posts-container .brochure-featured-post-nickname {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased; }

@media (max-width: 429px) {
  .brochure-featured-posts-container .avatar-container {
    width: 33px;
    height: 33px; } }

@media (max-width: 429px) {
  .brochure-featured-posts-container .avatar-container .avatar-image-wrapper {
    width: 33px;
    height: 33px; } }
.brochure-promise-container .brochure-promise-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ; }
  .brochure-promise-container .brochure-promise-wrapper > :nth-child(n) {
    margin-bottom: 33px; }
  .brochure-promise-container .brochure-promise-wrapper > :last-child {
    margin-bottom: 0; }

.brochure-promise-container .brochure-promises {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ; }
  .brochure-promise-container .brochure-promises > :nth-child(n) {
    margin-bottom: 22px; }
  .brochure-promise-container .brochure-promises > :last-child {
    margin-bottom: 0; }

.brochure-promise-container .brochure-promise {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-size: 1.125em; }

.brochure-promise-container .em {
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  margin-right: 22px; }
.brochure-pedagogy-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ; }
  @media (max-width: 429px) {
    .brochure-pedagogy-container .inner-wrapper {
      padding: 22px   ;
      width: 100%; } }
  .brochure-pedagogy-container .brochure-detail-hero {
    margin-bottom: 66px; }
    @media (max-width: 770px) {
      .brochure-pedagogy-container .brochure-detail-hero {
        margin-bottom: 33px; } }
  .brochure-pedagogy-container .brochure-detail-subtitle {
    margin-bottom: 33px; }
.brochure-detail-header-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  background-size: cover;
  background-position: center; }
  @media (min-width: 1024px) {
    .brochure-detail-header-container {
      max-height: 814px; } }
  @media (min-width: 1144px) {
    .brochure-detail-header-container {
      max-height: 858px; } }
  @media (min-width: 770px) {
    .brochure-detail-header-container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .brochure-detail-header-container .brochure-detail-subtitle {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 1.75em;
    line-height: 1.25em; }
    @media (max-width: 800px) {
      .brochure-detail-header-container .brochure-detail-subtitle {
        font-size: 1.25em; } }
  .brochure-detail-header-container .brochure-detail-description {
    font-size: 1em;
    line-height: 1.5em;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased; }
  .brochure-detail-header-container .brochure-detail-header-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    padding: 66px 66px 0px 66px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 1024px) {
      .brochure-detail-header-container .brochure-detail-header-title-wrapper {
        padding: 66px 33px 0px 33px; } }
    @media (max-width: 770px) {
      .brochure-detail-header-container .brochure-detail-header-title-wrapper {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        height: 60vh;
        padding: 22px   ; } }
    @media (max-width: 429px) {
      .brochure-detail-header-container .brochure-detail-header-title-wrapper {
        height: 50vh;
        padding: 0; } }
  .brochure-detail-header-container .brochure-detail-header-mobile-image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 115%;
    background-position: center; }
    @media (min-width: 429px) {
      .brochure-detail-header-container .brochure-detail-header-mobile-image {
        display: none; } }
  .brochure-detail-header-container .brochure-detail-header-title {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
    @media (min-width: 770px) {
      .brochure-detail-header-container .brochure-detail-header-title {
        background-position: center 10vh; } }
    @media (min-width: 1144px) {
      .brochure-detail-header-container .brochure-detail-header-title {
        background-position: center; } }
    @media (max-width: 429px) {
      .brochure-detail-header-container .brochure-detail-header-title {
        display: none; } }
  .brochure-detail-header-container .brochure-detail-header-background-image {
    position: absolute;
    z-index: 0;
    height: 70%;
    top: 198px; }
    @media (max-width: 1024px) {
      .brochure-detail-header-container .brochure-detail-header-background-image {
        top: 40%;
        height: 60%; } }
    @media (max-width: 770px) {
      .brochure-detail-header-container .brochure-detail-header-background-image {
        top: 35%;
        left: 0;
        right: 0;
        margin: auto; } }
    @media (max-width: 429px) {
      .brochure-detail-header-container .brochure-detail-header-background-image {
        display: none; } }
  .brochure-detail-header-container .brochure-detail-header-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    padding: 55px 0px  ;
    margin-left: 55px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 374px; }
    .brochure-detail-header-container .brochure-detail-header-content > :nth-child(n) {
      margin-bottom: 22px; }
    .brochure-detail-header-container .brochure-detail-header-content > :last-child {
      margin-bottom: 0; }
    @media (min-width: 770px) and (max-width: 800px) {
      .brochure-detail-header-container .brochure-detail-header-content {
        width: 242px; } }
    @media (max-width: 1024px) {
      .brochure-detail-header-container .brochure-detail-header-content {
        padding: 33px 0px  ;
        margin-left: 33px; } }
    @media (max-width: 770px) {
      .brochure-detail-header-container .brochure-detail-header-content {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 22px   ;
        width: 100%;
        margin: 0; } }
    @media (min-width: 429px) and (max-width: 770px) {
      .brochure-detail-header-container .brochure-detail-header-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; }
        .brochure-detail-header-container .brochure-detail-header-content > :nth-child(n) {
          margin-right: 22px; }
        .brochure-detail-header-container .brochure-detail-header-content > :last-child {
          margin-right: 0; } }
  .brochure-detail-header-container .brochure-course-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .brochure-detail-header-container .brochure-course-actions > :nth-child(n) {
      margin-right: 11px; }
    .brochure-detail-header-container .brochure-course-actions > :last-child {
      margin-right: 0; }
    @media (min-width: 770px) and (max-width: 800px) {
      .brochure-detail-header-container .brochure-course-actions {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .brochure-detail-header-container .brochure-course-actions > :nth-child(n) {
          margin-bottom: 11px; }
        .brochure-detail-header-container .brochure-course-actions > :last-child {
          margin-bottom: 0; } }
  .brochure-detail-header-container .brochure-course-actions button {
    padding: 11px   ;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1.25em; }
    .brochure-detail-header-container .brochure-course-actions button:hover {
      transition: 0.25s;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
      box-shadow: 0 1px 2px rgba(57, 70, 78, 0.5); }
  .brochure-detail-header-container button.brochure-course-gift {
    background-color: transparent; }
  .brochure-detail-header-container .brochure-detail-header-clickables {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ; }
    .brochure-detail-header-container .brochure-detail-header-clickables > :nth-child(n) {
      margin-bottom: 22px; }
    .brochure-detail-header-container .brochure-detail-header-clickables > :last-child {
      margin-bottom: 0; }
    @media (max-width: 429px) {
      .brochure-detail-header-container .brochure-detail-header-clickables {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; } }
  .brochure-detail-header-container .brochure-detail-header-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ; }
    .brochure-detail-header-container .brochure-detail-header-details > :nth-child(n) {
      margin-bottom: 11px; }
    .brochure-detail-header-container .brochure-detail-header-details > :last-child {
      margin-bottom: 0; }
  .brochure-detail-header-container .brochure-detail-header-video {
    width: 374px;
    height: 374px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .brochure-detail-header-container .brochure-detail-header-video .video-container {
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); }
    .brochure-detail-header-container .brochure-detail-header-video video,
    .brochure-detail-header-container .brochure-detail-header-video .video-container {
      border-radius: 6px; }
    .brochure-detail-header-container .brochure-detail-header-video .video-container.playing .video-wrapper:before {
      display: none; }
    .brochure-detail-header-container .brochure-detail-header-video .video-wrapper:before {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;
      content: '';
      width: 33px;
      height: 33px;
      border-radius: 50%;
      border: 1px solid #4F7FF8;
      -webkit-animation: pulsate 2s;
      animation: pulsate 2s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      z-index: 0; }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0.0; } }

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0.0; } }
    .brochure-detail-header-container .brochure-detail-header-video .video-play-toggle {
      -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5);
      box-shadow: 0 1px 3px rgba(57, 70, 78, 0.1);
      z-index: 1;
      transition: 0.25s; }
      .brochure-detail-header-container .brochure-detail-header-video .video-play-toggle:hover {
        -webkit-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);
        transition: 0.25s; }
    @media (max-width: 800px) {
      .brochure-detail-header-container .brochure-detail-header-video {
        width: 242px;
        height: 242px; } }
    @media (max-width: 770px) and (min-width: 429px) {
      .brochure-detail-header-container .brochure-detail-header-video {
        width: 50%;
        height: 50%; } }
    @media (max-width: 429px) {
      .brochure-detail-header-container .brochure-detail-header-video {
        width: 100%;
        height: 100%; } }
  .brochure-detail-header-container .brochure-detail-header-jam-icon {
    position: absolute;
    top: 55px;
    right: 55px;
    z-index: 1; }
    @media (max-width: 1024px) {
      .brochure-detail-header-container .brochure-detail-header-jam-icon {
        top: 33px;
        right: 33px;
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right; } }
    @media (max-width: 429px) {
      .brochure-detail-header-container .brochure-detail-header-jam-icon {
        display: none; } }
  .brochure-detail-header-container .brochure-course-platforms {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .brochure-detail-header-container .brochure-course-platforms > :nth-child(n) {
      margin-right: 33px; }
    .brochure-detail-header-container .brochure-course-platforms > :last-child {
      margin-right: 0; }
  .brochure-detail-header-container .brochure-course-platform {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .brochure-detail-header-container .brochure-course-platform > :nth-child(n) {
      margin-bottom: 8.25px; }
    .brochure-detail-header-container .brochure-course-platform > :last-child {
      margin-bottom: 0; }
    .brochure-detail-header-container .brochure-course-platform:nth-child(1), .brochure-detail-header-container .brochure-course-platform:nth-child(2) {
      cursor: pointer; }
  .brochure-detail-header-container .brochure-course-platform-name {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 0.75em; }

.brochure-detail-header-container.lego .brochure-detail-header-title {
  background-size: 80%;
  background-position: center top; }
  @media (max-width: 1024px) {
    .brochure-detail-header-container.lego .brochure-detail-header-title {
      background-size: 90%;
      background-position: center 66px; } }

.brochure-detail-header-container.lego .brochure-detail-header-background-image {
  left: 0;
  right: 0;
  margin: auto; }

.brochure-detail-header-container.engineering .brochure-detail-header-title {
  background-size: 80%;
  background-position: left top; }
  @media (max-width: 1024px) {
    .brochure-detail-header-container.engineering .brochure-detail-header-title {
      background-size: 100%;
      background-position: left 88px; } }

.brochure-detail-header-container.engineering .brochure-detail-header-background-image {
  left: 0;
  right: 0;
  margin: auto; }

.brochure-detail-header-container.cooking .brochure-detail-header-title {
  background-position: center 22px; }

.brochure-detail-header-container.animation .brochure-detail-header-title {
  background-position: center; }

.brochure-detail-header-container.animation .brochure-detail-header-background-image {
  top: 0;
  bottom: 0;
  margin: auto;
  right: -88px;
  left: inherit;
  height: 75%; }
  @media (max-width: 1024px) {
    .brochure-detail-header-container.animation .brochure-detail-header-background-image {
      height: 60%; } }
  @media (max-width: 770px) {
    .brochure-detail-header-container.animation .brochure-detail-header-background-image {
      height: 100%; } }

.brochure-detail-header-container.animation .brochure-detail-header-mobile-image {
  background-size: 125%; }

@media (min-width: 1144px) {
  .brochure-detail-header-container.drawing .brochure-detail-header-title {
    background-size: 80%; } }

.brochure-detail-header-container.drawing .brochure-detail-header-background-image {
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: auto; }
  @media (max-width: 1024px) {
    .brochure-detail-header-container.drawing .brochure-detail-header-background-image {
      height: auto;
      width: 100%;
      top: 44px; } }
  @media (max-width: 770px) {
    .brochure-detail-header-container.drawing .brochure-detail-header-background-image {
      height: 100%;
      width: auto; } }

@media (min-width: 1144px) {
  .brochure-detail-header-container.performing .brochure-detail-header-title {
    background-size: 80%; } }
.quest-keyboard-container {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .quest-keyboard-container .quest-actions-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 374px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 22px 0px  ; }
    .quest-keyboard-container .quest-actions-wrapper > :nth-child(n) {
      margin-right: 11px; }
    .quest-keyboard-container .quest-actions-wrapper > :last-child {
      margin-right: 0; }
  .quest-keyboard-container .quest-action-button {
    height: 55px;
    padding: 11px 22px  ;
    color: #FFFFFF;
    font-size: 1.25em;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .quest-keyboard-container .quest-action-button,
  .quest-keyboard-container .file-input-container {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .quest-keyboard-container button > span {
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .quest-keyboard-container .em {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    margin-right: 5.5px; }
  .quest-keyboard-container .action-later {
    border: 2px solid rgba(255, 255, 255, 0.2); }
  .quest-keyboard-container .action-now {
    background: #4F7FF8;
    border: 2px solid #4F7FF8; }
.new-post-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  height: 100vh;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .new-post-container .new-post-title {
    text-align: center;
    font-size: 1.25em;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: #FFFFFF;
    padding: 44px 22px 22px 22px; }
  .new-post-container .step-keyboard-wrapper.small-reaction {
    display: none; }
.post-preview-container {
  width: 352px;
  border-radius: 6px;
  overflow-y: auto;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin: 0px auto  ; }
  .post-preview-container .post-preview-content {
    overflow: hidden;
    background-color: white;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: 0 1px 3px rgba(57, 70, 78, 0.5); }
  .post-preview-container .post-preview-media {
    height: 352px; }
  .post-preview-container .post-preview-caption {
    padding: 22px   ;
    width: 100%;
    font-size: 1em;
    border: none;
    color: #4F7FF8; }
  .post-preview-container .post-toggles-container {
    display: none; }
  .post-preview-container input::-webkit-input-placeholder {
    color: #4F7FF8; }
  .post-preview-container input::-moz-placeholder {
    color: #4F7FF8; }
  .post-preview-container input:-ms-input-placeholder {
    color: #4F7FF8; }
  .post-preview-container input::placeholder {
    color: #4F7FF8; }
  .post-preview-container video {
    height: 100%;
    object-fit: cover; }
.video-thumbnail-selector-component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .video-thumbnail-selector-component > :nth-child(n) {
    margin-bottom: 66px; }
  .video-thumbnail-selector-component > :last-child {
    margin-bottom: 0; }
  .video-thumbnail-selector-component .video-thumbnail-selection {
    width: 374px;
    height: 374px;
    border-radius: 6px;
    background-size: cover;
    background-position: center center; }
  .video-thumbnail-selector-component .video-thumbnails {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 374px;
    height: 66px;
    overflow-x: scroll;
    border-radius: 6px; }
  .video-thumbnail-selector-component .video-thumbnail {
    height: 66px;
    width: 66px;
    background-size: cover;
    background-position: center center;
    opacity: 0.9;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .video-thumbnail-selector-component .video-thumbnail.selected {
    opacity: 1;
    border: 5px solid #4F7FF8; }
  .video-thumbnail-selector-component video {
    display: none; }
.course-detail-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100vh;
  overflow-x: hidden; }
  .course-detail-container > div {
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden; }
  .course-detail-container .course-detail-content {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #FFFFFF; }
  .course-detail-container .course-quest-reaction-gif {
    position: relative;
    color: #FFFFFF;
    cursor: pointer;
    height: 100%; }
  .course-detail-container .course-quest-reaction-gif .reaction-wrapper {
    background-color: rgba(255, 202, 54, 0.8);
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 4em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0; }
    .course-detail-container .course-quest-reaction-gif .reaction-wrapper > :nth-child(n) {
      margin-right: 11px; }
    .course-detail-container .course-quest-reaction-gif .reaction-wrapper > :last-child {
      margin-right: 0; }
    .course-detail-container .course-quest-reaction-gif .reaction-wrapper .em {
      -webkit-transform: scale(1.5) translateY(-8px);
      -ms-transform: scale(1.5) translateY(-8px);
      transform: scale(1.5) translateY(-8px); }
  .course-detail-container .course-quest-reaction-gif .reaction-wrapper .reaction-text {
    width: 440px;
    font-size: 0.5em;
    text-align: center; }
.course-detail-sidebar-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  width: 374px;
  padding-bottom: 0; }
  .course-detail-sidebar-container:hover .quest-card-container.watched:after,
  .course-detail-sidebar-container:hover .quest-card-container.started:after,
  .course-detail-sidebar-container:hover .quest-card-container.available:after {
    transition: background-color 1s;
    background-color: rgba(57, 70, 78, 0.1); }
  .course-detail-sidebar-container:hover .quest-card-container.unavailable:after,
  .course-detail-sidebar-container:hover .quest-card-container.completed:after,
  .course-detail-sidebar-container:hover .quest-card-container.active:after,
  .course-detail-sidebar-container:hover .course-detail-quest-header-container:after {
    transition: background-color 1s;
    background-color: transparent; }
  .course-detail-sidebar-container .course-detail-sidebar-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    padding: 22px 11px  ;
    overflow-y: auto; }
    .course-detail-sidebar-container .course-detail-sidebar-content > :nth-child(n) {
      margin-bottom: 22px; }
    .course-detail-sidebar-container .course-detail-sidebar-content > :last-child {
      margin-bottom: 0; }
  .course-detail-sidebar-container .course-detail-sidebar-button-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 22px   ;
    z-index: 1; }
    .course-detail-sidebar-container .course-detail-sidebar-button-wrapper:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 154px;
      width: 100%;
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
      z-index: -1; }
  .course-detail-sidebar-container .course-detail-sidebar-button {
    width: 100%;
    background-color: #39464E;
    border-width: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16.5px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.125em;
    border-radius: 6px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.5);
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
    .course-detail-sidebar-container .course-detail-sidebar-button:hover {
      border-color: #FFFFFF;
      color: #FFFFFF; }
      .course-detail-sidebar-container .course-detail-sidebar-button:hover:before {
        opacity: 1; }
  .course-detail-sidebar-container .course-detail-sidebar-button.stream {
    border-color: #FFFFFF;
    color: #39464E;
    background-color: #FFFFFF; }
    .course-detail-sidebar-container .course-detail-sidebar-button.stream svg {
      margin-right: 11px; }
    .course-detail-sidebar-container .course-detail-sidebar-button.stream:hover {
      border-color: #4F7FF8;
      background-color: #4F7FF8;
      color: #FFFFFF; }
      .course-detail-sidebar-container .course-detail-sidebar-button.stream:hover:before {
        background-position: 0 22px; }
.course-detail-header-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #44535d;
  color: #FFFFFF; }
  .course-detail-header-container:after {
    display: block;
    content: '';
    width: 100%;
    position: absolute;
    top: 66px;
    left: 0;
    right: 0;
    height: 22px;
    opacity: 0.1;
    background: linear-gradient(black, transparent);
    z-index: 1; }
  .course-detail-header-container .course-detail-header-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 66px;
    padding: 16.5px 11px  ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer; }
    .course-detail-header-container .course-detail-header-wrapper > :nth-child(n) {
      margin-right: 11px; }
    .course-detail-header-container .course-detail-header-wrapper > :last-child {
      margin-right: 0; }
  .course-detail-header-container .bar-graph-container {
    padding: 5.5px 22px 22px 22px; }
  .course-detail-header-container .course-detail-header-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ; }
    .course-detail-header-container .course-detail-header-info > :nth-child(n) {
      margin-bottom: 5.5px; }
    .course-detail-header-container .course-detail-header-info > :last-child {
      margin-bottom: 0; }
  .course-detail-header-container .course-detail-header-user-nickname {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
  .course-detail-header-container .course-detail-header-portfolio {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    opacity: 0.6;
    font-size: 0.9em; }

.course-detail-header-container.progress:after {
  top: 104.5px; }
.course-quests-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-bottom: 77px; }
  .course-quests-container > :nth-child(n) {
    width: 50%;
    min-width: 50%; }
    @media screen and (max-width: 374px) {
      .course-quests-container > :nth-child(n) {
        width: 100%; } }
  .course-quests-container > :nth-child(n) {
    margin-bottom: 11px; }
  .course-quests-container > :last-child {
    margin-bottom: 0; }
  .course-quests-container .quest-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ; }
    .course-quests-container .quest-wrapper:nth-child(2n-1) {
      padding-right: 5.5px; }
    .course-quests-container .quest-wrapper:nth-child(2n) {
      padding-left: 5.5px; }
  .course-quests-container .quest-unlock-message {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    margin: 33px 11px  ; }
.quest-card-container {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  height: 132px;
  width: 100%;
  background-size: cover;
  border-radius: 6px;
  transition: box-shadow 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s, -webkit-transform 0.2s;
  opacity: 1;
  cursor: pointer; }
  .quest-card-container:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7); }
  .quest-card-container:after {
    transition: background-color 2s;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(57, 70, 78, 0.75);
    z-index: 2; }
  .quest-card-container:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(57, 70, 78, 0.2), transparent, rgba(57, 70, 78, 0.2)); }
  .quest-card-container .quest-card-media {
    position: relative;
    height: 100%; }
    .quest-card-container .quest-card-media:before, .quest-card-container .quest-card-media:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
  .quest-card-container .quest-display-number-container {
    box-shadow: none;
    position: absolute;
    background-color: transparent;
    z-index: 2;
    top: 2px; }
    .quest-card-container .quest-display-number-container:last-child {
      padding-top: 3px; }
  .quest-card-container .quest-card-name {
    line-height: 1.25em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5.5px 11px  ;
    color: #FFFFFF;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 6px; }

.quest-card-container.completed .quest-card-name,
.quest-card-container.unavailable .quest-card-name {
  background-color: transparent;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.quest-card-container.active {
  transition: box-shadow 2s;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
  border-style: solid;
  border-color: #4F7FF8;
  border-width: 3px;
  -webkit-animation: borderPop 0.7s forwards;
  animation: borderPop 0.7s forwards; }

@-webkit-keyframes borderPop {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-width: 0; }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    border-width: 6px; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-width: 3px; } }

@keyframes borderPop {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-width: 0; }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    border-width: 6px; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-width: 3px; } }
  .quest-card-container.active:after {
    background-color: transparent; }

.quest-card-container.completed:before {
  display: none; }

.quest-card-container.completed .quest-card-name {
  background-color: rgba(79, 127, 248, 0.85); }

.quest-card-container.completed .quest-card-icon {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1; }

.quest-card-container.unavailable {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.4;
  cursor: default; }
  .quest-card-container.unavailable .quest-card-locked {
    padding: 11px   ;
    color: #FFFFFF;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0; }
  .quest-card-container.unavailable .quest-card-media:after {
    width: 16.5px;
    height: 16.5px;
    background-size: 16.5px;
    background-position: 0 16.5px;
    background-image: url("/public/svg/icons/lock.svg"); }
  .quest-card-container.unavailable .quest-card-media:before {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid #FFFFFF; }
.course-detail-course-header-container {
  color: #FFFFFF;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .course-detail-course-header-container > :nth-child(n) {
    margin-bottom: 22px; }
  .course-detail-course-header-container > :last-child {
    margin-bottom: 0; }
  .course-detail-course-header-container .course-detail-course-name {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 2em;
    line-height: 1.25em; }
  .course-detail-course-header-container .course-detail-course-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .course-detail-course-header-container .course-detail-course-info > :nth-child(n) {
      margin-right: 11px; }
    .course-detail-course-header-container .course-detail-course-info > :last-child {
      margin-right: 0; }
  .course-detail-course-header-container .course-detail-course-creator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .course-detail-course-header-container .course-detail-course-creator > :nth-child(n) {
      margin-right: 5.5px; }
    .course-detail-course-header-container .course-detail-course-creator > :last-child {
      margin-right: 0; }
  .course-detail-course-header-container .course-detail-course-creator-with {
    font-size: 0.75em; }
.quest-video-overlay-container .overlay-content {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.quest-video-overlay-container .quest-video-overlay-quest-video {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .quest-video-overlay-container .quest-video-overlay-quest-video > :nth-child(n) {
    margin-bottom: 22px; }
  .quest-video-overlay-container .quest-video-overlay-quest-video > :last-child {
    margin-bottom: 0; }

.quest-video-overlay-container .quest-video-overlay-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  padding: 44px 22px 22px 22px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .quest-video-overlay-container .quest-video-overlay-header > :nth-child(n) {
    margin-right: 11px; }
  .quest-video-overlay-container .quest-video-overlay-header > :last-child {
    margin-right: 0; }

.quest-video-overlay-container .quest-video-overlay-quest-title {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-size: 1.25em;
  color: #FFFFFF; }

.quest-video-overlay-container .video-container {
  width: 440px;
  height: 440px;
  border-radius: 6px;
  overflow: hidden; }

.quest-video-overlay-container .quest-video-overlay-accept {
  width: 440px;
  font-size: 1.25em; }

.quest-video-overlay-container .quest-video-overlay-quest-description {
  color: #FFFFFF;
  line-height: 1.25em;
  text-align: center;
  width: 440px; }
.course-stream-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  z-index: 1;
  position: absolute;
  top: 0;
  background-color: #F3F5F6;
  height: 100%;
  width: 100%;
  overflow-y: hidden;
  overflow-x: hidden; }
  .course-stream-container .course-stream-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0px 22px  ;
    height: 66px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .course-stream-container .course-stream-header.shadow:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
    height: 22px;
    opacity: 0.1;
    background: linear-gradient(black, transparent);
    z-index: 1; }
  .course-stream-container .course-stream-title {
    color: #39464E;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    font-size: 1.125em; }
  .course-stream-container .course-stream-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    height: 100%;
    overflow-y: auto; }
  .course-stream-container .course-stream-content-wrapper {
    width: 352px;
    margin-bottom: 33px;
    box-shadow: 0 1px 3px rgba(57, 70, 78, 0.1);
    border-radius: 6px; }

.course-stream-container.course-transition-enter {
  -webkit-transform: translateX(2497px);
  -ms-transform: translateX(2497px);
  transform: translateX(2497px); }

.course-stream-container.course-transition-enter.course-transition-enter-active {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s; }

.course-stream-container.course-transition-enter-active {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s; }

.course-stream-container.course-transition-leave {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px); }

.course-stream-container.course-transition-leave.course-transition-leave-active {
  -webkit-transform: translateX(2497px);
  -ms-transform: translateX(2497px);
  transform: translateX(2497px);
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s; }

.course-stream-container.course-transition-leave-active {
  -webkit-transform: translateX(2497px);
  -ms-transform: translateX(2497px);
  transform: translateX(2497px);
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s; }
.step-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  position: absolute;
  top: 0;
  z-index: 0;
  background-color: #FFFFFF;
  height: 100%;
  width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  .step-container .step-messages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 22px   ;
    overflow-y: auto;
    height: 100%;
    z-index: 1; }
    .step-container .step-messages > :nth-child(n) {
      margin-bottom: 22px; }
    .step-container .step-messages > :last-child {
      margin-bottom: 0; }

.step-container.course-transition-enter {
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px); }

.step-container.course-transition-enter.course-transition-enter-active {
  -webkit-transform: translateZ(-2497px);
  transform: translateZ(-2497px);
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s; }

.step-container.course-transition-leave {
  -webkit-transform: translateZ(-2497px);
  transform: translateZ(-2497px); }

.step-container.course-transition-leave.course-transition-leave-active {
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s; }
.quest-header-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  background-color: #4F7FF8;
  color: #FFFFFF; }
  .quest-header-container .quest-header-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .quest-header-container .quest-number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 22px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
    .quest-header-container .quest-number > :nth-child(n) {
      margin-right: 5.5px; }
    .quest-header-container .quest-number > :last-child {
      margin-right: 0; }
  .quest-header-container .quest-name {
    padding: 22px   ;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-size: 1.125em;
    text-align: right; }
  .quest-header-container .quest-step-name {
    margin-right: 44px; }

.quest-header-container.shadow:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  bottom: -22px;
  left: 0;
  right: 0;
  height: 22px;
  opacity: 0.1;
  background: linear-gradient(black, transparent); }
.step-header-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 22px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #39464E;
  background-color: rgba(57, 70, 78, 0.05); }
.steps-container {
  z-index: 1; }
  .steps-container .steps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .steps-container .steps > :nth-child(n) {
      margin-right: 5.5px; }
    .steps-container .steps > :last-child {
      margin-right: 0; }
  .steps-container .quest-completed-badge {
    width: 22px;
    height: 22px;
    background-size: 22px; }

.steps-container.timeline {
  position: relative;
  width: 100%;
  padding: 0px 22px  ; }
  .steps-container.timeline:before {
    position: absolute;
    margin: 0px 22px  ;
    content: '';
    display: block;
    top: 50%;
    left: 0;
    right: 0;
    border-bottom: 1px solid rgba(57, 70, 78, 0.2); }
  .steps-container.timeline .steps {
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .steps-container.timeline .step-icon-container {
    width: 22px;
    height: 22px;
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    cursor: pointer;
    background-color: #F3F5F6; }
  .steps-container.timeline .step-icon-container.active,
  .steps-container.timeline .step-icon-container.inactive,
  .steps-container.timeline .step-icon-container.skipped {
    width: 11px;
    height: 11px;
    border: 1px solid rgba(57, 70, 78, 0.2); }
  .steps-container.timeline .step-icon-container.selected {
    background-color: #4F7FF8;
    width: 16.5px;
    height: 16.5px;
    border: 3px solid #F3F5F6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
    .steps-container.timeline .step-icon-container.selected:before, .steps-container.timeline .step-icon-container.selected:after {
      position: absolute;
      top: -4px;
      left: -4px;
      content: '';
      display: block;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 16.5px;
      height: 16.5px;
      border: 1px solid #4F7FF8;
      border-radius: 50%;
      z-index: -1; }
    .steps-container.timeline .step-icon-container.selected:after {
      -webkit-animation: pulsate 2s;
      animation: pulsate 2s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0.0; } }

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0.0; } }
  .steps-container.timeline .step-icon-container.inactive {
    border: none;
    border-radius: 0;
    cursor: default;
    width: 16.5px;
    height: 16.5px; }
    .steps-container.timeline .step-icon-container.inactive:before {
      content: '';
      display: block;
      background-image: url("/public/svg/icons/lock.svg");
      width: 11px;
      height: 11px;
      background-size: 11px;
      margin: auto;
      opacity: 0.2; }
.step-icon-container {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7); }
  .step-icon-container .em {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

.step-icon-container.active {
  border: 2px solid #FFCA36;
  position: relative; }

.step-icon-container.completed {
  border: none;
  position: relative; }
.message-container {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 418px;
  margin: 0 auto; }
  .message-container > :nth-child(n) {
    margin-right: 22px; }
  .message-container > :last-child {
    margin-right: 0; }
  .message-container .message-bubble {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    position: relative;
    max-width: 330px;
    transition: all 0.3s ease;
    transition-delay: 0.5s;
    color: #39464E; }
    .message-container .message-bubble:before {
      content: '';
      display: block;
      position: absolute;
      width: 22px;
      height: 22px;
      background-size: 22px;
      top: 11px;
      left: -16.5px;
      background-position: 0 44px;
      z-index: 0;
      background-image: url("/public/svg/other/speech-bubble-tail.svg"); }
  .message-container .message-bubble.nipple-mask-container:before {
    display: none; }
  .message-container .message-text {
    padding: 22px   ;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5em; }
  .message-container .message-content {
    background-color: #F3F5F6;
    border-radius: 6px; }
  .message-container .message-content-transition-from-typing {
    display: none; }

.message-container.is-author {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  .message-container.is-author .avatar-container {
    margin-right: 0; }
  .message-container.is-author .message-bubble {
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    margin-right: 22px;
    color: #FFFFFF; }
    .message-container.is-author .message-bubble:before {
      -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      transform: scaleX(-1);
      left: initial;
      right: -17px;
      background-position: 0 110px; }
  .message-container.is-author .message-content {
    background-color: #4F7FF8; }
  .message-container.is-author .message-bubble.nipple-mask-container {
    margin-right: 22px; }
  .message-container.is-author .message-bubble.nipple-mask-container .message-content {
    background-color: transparent; }

.message-container.animate {
  transition: all 0.5s ease; }
  .message-container.animate .avatar-container {
    -webkit-animation: heartbeat 0.2s;
    animation: heartbeat 0.2s; }

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartbeat {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
  .message-container.animate .message-bubble {
    -webkit-animation: grow 1s;
    animation: grow 1s;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left; }

@-webkit-keyframes grow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes grow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
  .message-container.animate.is-author .message-bubble {
    -webkit-animation: grow 1s;
    animation: grow 1s;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right; }

@keyframes grow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.message-container.shrink {
  -webkit-animation: height-down 0.5s forwards;
  animation: height-down 0.5s forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

@-webkit-keyframes height-down {
  0% {
    height: 100%; }
  100% {
    height: 0%; } }

@keyframes height-down {
  0% {
    height: 100%; }
  100% {
    height: 0%; } }
  .message-container.shrink .avatar-container {
    -webkit-animation: reversed-heartbeat 0.5s forwards;
    animation: reversed-heartbeat 0.5s forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s; }

@-webkit-keyframes reversed-heartbeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  75% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25); }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); } }

@keyframes reversed-heartbeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  75% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25); }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); } }
  .message-container.shrink .message-bubble {
    -webkit-animation: shrink 0.5s forwards;
    animation: shrink 0.5s forwards;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right; }

@-webkit-keyframes shrink {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); } }

@keyframes shrink {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); } }
  .message-container.shrink.is-author .message-bubble {
    -webkit-animation: shrink 0.5s forwards;
    animation: shrink 0.5s forwards;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right; }

@keyframes shrink {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); } }

.message-container.transition-from-typing .message-content-transition-from-typing {
  display: block;
  position: absolute;
  left: 0;
  -webkit-animation: mockedTypingFadeOut 0.5s forwards;
  animation: mockedTypingFadeOut 0.5s forwards;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left; }

@-webkit-keyframes mockedTypingFadeOut {
  from {
    opacity: 1;
    z-index: 1; }
  to {
    opacity: 0;
    z-index: 0; } }

@keyframes mockedTypingFadeOut {
  from {
    opacity: 1;
    z-index: 1; }
  to {
    opacity: 0;
    z-index: 0; } }

.message-container.transition-from-typing .message-content-real {
  -webkit-animation: messageRealContentGrow 0.5s forwards;
  animation: messageRealContentGrow 0.5s forwards;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left; }

@-webkit-keyframes messageRealContentGrow {
  from {
    -webkit-transform: scale(0);
    transform: scale(0); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes messageRealContentGrow {
  from {
    -webkit-transform: scale(0);
    transform: scale(0); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.message-container.transition-from-typing.is-author .message-content-transition-from-typing {
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  right: 0;
  left: initial; }

.message-container.transition-from-typing.is-author .message-content-real {
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right; }
.step-completed-message-container {
  position: relative; }
  .step-completed-message-container .step-completed-message-indicator {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase; }
  .step-completed-message-container .step-completed-message-indicator span {
    opacity: 0.5; }
  .step-completed-message-container .step-completed-message-overlay {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 330px;
    height: 330px;
    border-radius: 6px; }
  .step-completed-message-container .step-completed-message-overlay.progress {
    background-color: rgba(79, 127, 248, 0.8); }
  .step-completed-message-container .step-completed-message-overlay.error {
    background-color: rgba(246, 79, 127, 0.8); }
  .step-completed-message-container .step-completed-message-overlay-actions {
    position: absolute;
    bottom: 11px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%; }
  .step-completed-message-container .bar-graph-container {
    position: absolute;
    bottom: 11px;
    padding: 11px   ;
    left: 0;
    right: 0; }
  .step-completed-message-container .bar-graph-total {
    border-radius: 0;
    height: 2px; }
  .step-completed-message-container .bar-graph-progress {
    border-radius: 0;
    background-color: #FFFFFF; }
  .step-completed-message-container .step-completed-message-overlay button {
    border-color: #FFFFFF;
    color: #FFFFFF;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing: antialiased; }
  .step-completed-message-container .message-text {
    background-color: #4F7FF8;
    color: #FFFFFF;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
  .step-completed-message-container .svg-inverted-mask {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1); }
  .step-completed-message-container .step-completed-message-preview-error {
    width: 330px;
    height: 330px;
    background-color: #F3F5F6;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: rgba(57, 70, 78, 0.25);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    position: relative;
    right: 11px;
    text-align: center;
    line-height: 1.5em;
    padding: 22px   ; }

.step-completed-message-container.pending {
  width: 330px;
  height: 330px;
  background-color: #F3F5F6;
  color: rgba(57, 70, 78, 0.25);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  border-radius: 6px; }
.message-nipple-mask-container {
  height: 330px; }
  .message-nipple-mask-container .mask-shape {
    fill: white; }
  .message-nipple-mask-container .mask-shape-fill {
    fill: white; }
  .message-nipple-mask-container .mask-shape-transparent {
    fill: transparent; }
  .message-nipple-mask-container .message-nipple-mask-video-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 340px;
    height: 330px;
    overflow: hidden; }
  .message-nipple-mask-container video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 340px;
    height: 340px; }
  .message-nipple-mask-container .svg {
    width: 0;
    height: 0; }
  .message-nipple-mask-container .svg-inverted-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 340px;
    height: 330px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1); }

.message-nipple-mask-container.video {
  width: 330px;
  height: 330px;
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px); }
  .message-nipple-mask-container.video .video-container {
    position: absolute;
    left: 1px;
    top: 1px; }
  .message-nipple-mask-container.video video::-media-controls-enclosure {
    z-index: 1;
    position: absolute;
    left: 11px;
    padding: 0px 11px  ;
    margin-bottom: 11px;
    width: 330px; }
.inspiration-message-container .message-inspiration,
.inspiration-message-container .message-see-more-inspiration {
  width: 95px;
  height: 95px;
  cursor: pointer;
  border-radius: 6px;
  overflow: hidden; }

.inspiration-message-container .message-inspiration-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 11px 11px 0px 11px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .inspiration-message-container .message-inspiration-wrapper > :nth-child(n) {
    margin-right: 11px; }
  .inspiration-message-container .message-inspiration-wrapper > :last-child {
    margin-right: 0; }
  .inspiration-message-container .message-inspiration-wrapper > :nth-child(n) {
    margin-bottom: 11px; }
  .inspiration-message-container .message-inspiration-wrapper > :last-child {
    margin-bottom: 0; }

.inspiration-message-container .message-inspiration:nth-child(3) {
  margin-right: 0; }

.inspiration-message-container .message-inspiration:nth-child(n+4) {
  margin-bottom: 0; }

.inspiration-message-container .message-see-more-inspiration {
  border-radius: 6px;
  background-color: rgba(57, 70, 78, 0.1);
  border: none; }

.inspiration-message-container .message-see-more-inspiration img {
  width: 33px;
  height: 33px; }

.inspiration-message-container .message-see-more-inspiration .em {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5); }

.inspiration-message-container .media-container .media-image,
.inspiration-message-container .media-container:after,
.inspiration-message-container .media-container:before,
.inspiration-message-container .media-container video {
  width: 100%;
  height: 100%; }

.inspiration-message-container .message-inspiration .video-play-button {
  display: none; }
.media-message-container .media-container {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px; }

.media-message-container.no-text .media-container {
  border-radius: 6px; }
.reaction-message-container .media-container.image {
  width: 308px;
  height: 308px;
  margin: 11px 11px 0px 11px; }
.user-typing-message-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 16.5px 11px  ; }
  .user-typing-message-container img {
    height: 8.25px; }
.deleted-post-message-container {
  width: 330px;
  height: 330px;
  border-radius: 6px;
  background-color: #F3F5F6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: rgba(57, 70, 78, 0.25); }
  .deleted-post-message-container:before {
    content: '';
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    background-size: 22px;
    top: 11px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    right: -17px;
    background-position: 0 44px;
    z-index: 0;
    background-image: url("/public/svg/other/speech-bubble-tail.svg"); }
.step-action-keyboard-container {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 16.5px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transform: translateY(297px);
  -ms-transform: translateY(297px);
  transform: translateY(297px);
  transition: all 0.3s ease;
  z-index: 1;
  color: #39464E;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .step-action-keyboard-container .step-action-wrapper {
    width: 50%;
    padding: 5.5px   ; }
  .step-action-keyboard-container .step-action-wrapper:last-child .step-action,
  .step-action-keyboard-container .step-action-wrapper:last-child .step-action label {
    width: 100%;
    color: #FFFFFF;
    background-color: #4F7FF8; }
  .step-action-keyboard-container .step-action-wrapper.primary {
    width: 100%; }
  .step-action-keyboard-container .step-action-wrapper.primary .step-action,
  .step-action-keyboard-container .step-action-wrapper.primary .step-action label {
    color: #FFFFFF;
    background-color: #4F7FF8; }
  .step-action-keyboard-container .step-action {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    font-size: 1em;
    cursor: pointer;
    text-align: center;
    padding: 11px   ;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 6px; }
  .step-action-keyboard-container .step-action label {
    box-shadow: none;
    font-size: 1em;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    border: none;
    color: #39464E; }

.step-action-keyboard-container.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.step-action-keyboard-container.even .step-action-wrapper {
  width: 50%; }

.step-action-keyboard-container.odd .step-action-wrapper:last-child {
  width: 100%; }

.step-action-keyboard-container.one .step-action-wrapper {
  width: 100%; }
.file-input-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ; }
  .file-input-container input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute; }
  .file-input-container label {
    cursor: pointer;
    border: 2px solid rgba(57, 70, 78, 0.1);
    border-radius: 6px; }
.step-small-reaction-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  padding: 22px   ;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #FFCA36;
  color: #FFFFFF;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  height: 99px;
  z-index: 1;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(99px);
  -ms-transform: translateY(99px);
  transform: translateY(99px); }

.step-small-reaction-container.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.quest-step-inspiration-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  margin: 33px 0px  ;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }
  .quest-step-inspiration-container > :nth-child(n) {
    margin-bottom: 33px; }
  .quest-step-inspiration-container > :last-child {
    margin-bottom: 0; }
  .quest-step-inspiration-container .quest-step-inspiration-back {
    top: 33px;
    left: 33px;
    position: absolute; }
  .quest-step-inspiration-container .quest-step-inspiration-step {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .quest-step-inspiration-container .quest-step-inspiration-step > :nth-child(n) {
      margin-bottom: 22px; }
    .quest-step-inspiration-container .quest-step-inspiration-step > :last-child {
      margin-bottom: 0; }
  .quest-step-inspiration-container .quest-step-description {
    width: 352px;
    text-align: center;
    color: #FFFFFF;
    line-height: 1.25em; }
  .quest-step-inspiration-container .quest-step-inspiration-posts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    padding: 0px 11px  ;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .quest-step-inspiration-container .quest-step-inspiration-post-wrapper {
    width: 352px;
    margin-bottom: 33px;
    box-shadow: 0 1px 3px rgba(57, 70, 78, 0.1);
    border-radius: 6px; }
  .quest-step-inspiration-container .list-container > :nth-child(n),
  .quest-step-inspiration-container .list-items > :nth-child(n) {
    margin-bottom: 33px; }
  .quest-step-inspiration-container .list-container > :last-child,
  .quest-step-inspiration-container .list-items > :last-child {
    margin-bottom: 0; }
.brochure-container {
  background-color: #F3F5F6;
  background-image: url("/public/svg/brand/tile-pattern-jam.png");
  background-size: 120%; }
  .brochure-container .brochure-header-container {
    padding-bottom: 0; }
  .brochure-container .brochure-header-display {
    padding-top: 22px;
    text-shadow: none; }
  .brochure-container .brochure-courses {
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    padding: 11px 0px  ; }
  .brochure-container .brochure-courses .inner-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1200px; }
.brochure-header-container {
  padding-bottom: 132px;
  background-size: cover;
  background-position: center top; }
  @media (max-width: 1024px) {
    .brochure-header-container .brochure-header-jam-icon {
      -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
      transform: scale(0.75);
      -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
      transform-origin: top left; } }
  .brochure-header-container .brochure-header-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (min-width: 429px) {
      .brochure-header-container .brochure-header-actions {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 33px   ; } }
    @media (max-width: 429px) {
      .brochure-header-container .brochure-header-actions {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 22px   ; } }
  .brochure-header-container .brochure-header-sign-out,
  .brochure-header-container .brochure-header-sign-in,
  .brochure-header-container .brochure-header-secret {
    border: 2px solid #39464E;
    color: #39464E;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .brochure-header-container .brochure-header-sign-out svg,
    .brochure-header-container .brochure-header-sign-out span,
    .brochure-header-container .brochure-header-sign-in svg,
    .brochure-header-container .brochure-header-sign-in span,
    .brochure-header-container .brochure-header-secret svg,
    .brochure-header-container .brochure-header-secret span {
      height: 44px; }
    .brochure-header-container .brochure-header-sign-out svg,
    .brochure-header-container .brochure-header-sign-in svg,
    .brochure-header-container .brochure-header-secret svg {
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      padding: 5.5px 8.25px  ;
      width: 44px;
      fill: #39464E; }
    .brochure-header-container .brochure-header-sign-out span,
    .brochure-header-container .brochure-header-sign-in span,
    .brochure-header-container .brochure-header-secret span {
      border-left: 2px solid #39464E;
      padding: 11px   ; }
  .brochure-header-container .brochure-header-display {
    text-align: center;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: #39464E;
    padding: 0px 11px  ; }
    .brochure-header-container .brochure-header-display > :nth-child(n) {
      margin-bottom: 11px; }
    .brochure-header-container .brochure-header-display > :last-child {
      margin-bottom: 0; }
  .brochure-header-container .brochure-header-title {
    font-size: 3em;
    line-height: 1.25em; }
    @media (max-width: 429px) {
      .brochure-header-container .brochure-header-title {
        font-size: 1.5em; } }
  .brochure-header-container .brochure-header-subtitle {
    font-size: 1.25em;
    text-transform: capitalize;
    line-height: 1.25em; }
    @media (max-width: 429px) {
      .brochure-header-container .brochure-header-subtitle {
        font-size: 1em; } }
    @media (max-width: 374px) {
      .brochure-header-container .brochure-header-subtitle {
        font-size: 0.75em; } }
  .brochure-header-container .brochure-header-auth-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .brochure-header-container .brochure-header-auth-actions > :nth-child(n) {
      margin-right: 11px; }
    .brochure-header-container .brochure-header-auth-actions > :last-child {
      margin-right: 0; }
  @media (max-width: 429px) {
    .brochure-header-container .brochure-header-actions-right {
      display: none; } }
  .brochure-header-container .brochure-header-actions-mobile {
    margin-top: 22px; }
    @media (min-width: 429px) {
      .brochure-header-container .brochure-header-actions-mobile {
        display: none; } }
.brochure-device-container .brochure-device-banner {
  background: url("/public/svg/banners/banner-device.jpg");
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 726px; }

@media (max-width: 770px) {
  .brochure-device-container .brochure-device-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    padding: 66px 33px  ;
    background-color: #4F7FF8; }
    .brochure-device-container .brochure-device-content > :nth-child(n) {
      margin-bottom: 66px; }
    .brochure-device-container .brochure-device-content > :last-child {
      margin-bottom: 0; } }

@media (min-width: 770px) {
  .brochure-device-container .brochure-device-content {
    height: 660px;
    position: relative;
    background-color: #FFFFFF; } }

.brochure-device-container .brochure-device-title {
  color: #FFFFFF;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-size: 2em;
  text-align: center; }
  @media (min-width: 770px) {
    .brochure-device-container .brochure-device-title {
      background-color: #4F7FF8;
      padding: 66px 0px 308px 0px; } }

.brochure-device-container .brochure-device-ipad {
  width: 100%; }
  @media (min-width: 770px) {
    .brochure-device-container .brochure-device-ipad {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 770px; } }
.mobile-page-container {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 22px   ;
  color: #FFFFFF;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }
  .mobile-page-container > :nth-child(n) {
    margin-bottom: 22px; }
  .mobile-page-container > :last-child {
    margin-bottom: 0; }
  .mobile-page-container .logo {
    position: absolute;
    top: 33px;
    left: 0;
    right: 0;
    margin: auto; }
  .mobile-page-container h2 {
    font-size: 3em; }
  .mobile-page-container .error-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.125em;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased; }
    .mobile-page-container .error-page-content > :nth-child(n) {
      margin-right: 11px; }
    .mobile-page-container .error-page-content > :last-child {
      margin-right: 0; }
@charset "UTF-8";
.emoji-icon-heart:before {
  content: '\2764\FE0F'; }

.emoji-icon-broken-heart:before {
  content: '\1F494'; }

.emoji-icon-poop:before,
.emoji-icon-shit:before,
.emoji-icon-hankey:before {
  content: '\1F4A9   '; }

.emoji-icon-medal:before {
  content: '\1F3C5'; }

.emoji-icon-triangular-flag-on-post:before,
.emoji-icon-flag:before {
  content: '\1F6A9'; }

.emoji-icon-link:before {
  content: '\1F517'; }

.emoji-icon-eyes:before {
  content: '\1F440'; }

.emoji-icon-mag:before {
  content: '\1F50D'; }

.emoji-icon-trash:before {
  content: '\1F5D1\FE0F'; }

.emoji-icon-ban:before,
.emoji-icon-no-entry-sign:before {
  content: '\1F6AB'; }

.emoji-icon-unflag:before,
.emoji-icon-shrug:before {
  content: '\1F937'; }

.emoji-icon-thumbsup:before,
.emoji-icon-thank:before {
  content: '\1F44D'; }

.emoji-icon-thumbsdown:before,
.emoji-icon-unthank:before {
  content: '\1F44E'; }

.emoji-icon-comment:before,
.emoji-icon-speech-balloon:before {
  content: '\1F4AC'; }

.emoji-icon-clipboard:before {
  content: '\1F4CB'; }

.emoji-icon-edit:before,
.emoji-icon-pencil2:before {
  content: '\270F\FE0F'; }

.emoji-icon-gift:before {
  content: '\1F381'; }

.emoji-icon-book:before,
.emoji-icon-open-book:before,
.emoji-icon-open:before {
  content: '\1F4D6'; }

.emoji-icon-closed-book:before,
.emoji-icon-close:before {
  content: '\1F4D5'; }

.admin-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  min-height: 100vh; }
  .admin-container a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    color: #673AB7; }
    .admin-container a:hover {
      color: #512DA8; }
  .admin-container span,
  .admin-container div,
  .admin-container label,
  .admin-container input {
    font-size: 1em;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing: antialiased; }
  .admin-container table,
  .admin-container tbody,
  .admin-container tfoot,
  .admin-container thead,
  .admin-container tr,
  .admin-container th,
  .admin-container td {
    vertical-align: middle; }
  .admin-container > div:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 33px   ;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .admin-container > div:nth-child(2) > :nth-child(n) {
      margin-bottom: 33px; }
    .admin-container > div:nth-child(2) > :last-child {
      margin-bottom: 0; }
  .admin-container .admin-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .admin-container .admin-columns > :nth-child(n) {
      margin-right: 22px; }
    .admin-container .admin-columns > :last-child {
      margin-right: 0; }
  .admin-container .image-form-fields,
  .admin-container .admin-cards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .admin-container .image-form-fields > :nth-child(n),
    .admin-container .admin-cards > :nth-child(n) {
      margin-right: 22px; }
    .admin-container .image-form-fields > :last-child,
    .admin-container .admin-cards > :last-child {
      margin-right: 0; }
    .admin-container .image-form-fields > :nth-child(n),
    .admin-container .admin-cards > :nth-child(n) {
      margin-bottom: 22px; }
  .admin-container .admin-masonry > :nth-child(n) {
    margin-bottom: 22px; }
  .admin-container .admin-masonry > :last-child {
    margin-bottom: 0; }
  .admin-container .admin-post-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px   ;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .admin-container .admin-post-tags > :nth-child(n) {
      margin-right: 11px; }
    .admin-container .admin-post-tags > :last-child {
      margin-right: 0; }
    .admin-container .admin-post-tags > :nth-child(n) {
      margin-bottom: 11px; }
    .admin-container .admin-post-tags > :last-child {
      margin-bottom: 0; }
  .admin-container .admin-card {
    width: 330px; }
    .admin-container .admin-card .media-container,
    .admin-container .admin-card .admin-card-content,
    .admin-container .admin-card img {
      width: 330px;
      height: 330px; }
  .admin-container .admin-wide-table-wrapper > div > div {
    width: 200%; }
  .admin-container .admin-preview-image {
    width: 110px;
    height: 110px; }
  .admin-container .comment-input-container {
    background: transparent; }
    .admin-container .comment-input-container textarea {
      font-size: 1em; }
.admin-nav-component {
  background-color: #FFFFFF;
  width: 66px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  transition: width 0.25s; }
  .admin-nav-component a {
    color: black;
    font-family: "Avenir";
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing: antialiased; }
  .admin-nav-component :not(:first-child) {
    display: none; }

.admin-nav-component.open {
  width: 264px;
  transition: width 0.25s; }
  .admin-nav-component.open :not(:first-child) {
    display: block; }
.video-form-field-component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }
  .video-form-field-component > :nth-child(n) {
    margin-right: 22px; }
  .video-form-field-component > :last-child {
    margin-right: 0; }
  .video-form-field-component .media-container {
    width: 330px;
    height: 330px; }
.MUI-file-input-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px   ; }
  .MUI-file-input-container input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute; }
  .MUI-file-input-container label {
    cursor: pointer;
    border: 2px solid rgba(57, 70, 78, 0.1);
    border-radius: 6px; }
.image-form-field-component {
  width: 330px; }
  .image-form-field-component .media-container {
    width: 330px;
    height: 330px; }
.admin-container .negative-change {
  color: #FF7063; }

.admin-container .positive-change {
  color: #5EDBBB; }

.admin-container .no-change {
  color: #4F7FF8; }

.admin-container .metrics-dashboard-container button {
  padding: 5.5px 11px  ;
  margin: 11px 11px 11px 0px; }
  .admin-container .metrics-dashboard-container button.selected {
    color: #FFFFFF;
    background-color: #4F85F8; }

.admin-container .metrics-dashboard-container select {
  margin: 0px 11px  ; }

.admin-container .metrics-table-filter li {
  float: left;
  color: #FFFFFF;
  padding: 0px 33px 11px 0px; }
  .admin-container .metrics-table-filter li input {
    margin: 0px 11px 0px 0px; }

.admin-container .react-grid-HeaderRow * {
  background-color: #4F85F8;
  color: #FFFFFF; }

.admin-container .react-grid-Row--even * {
  background-color: #F3F5F6; }

.admin-container .metrics-chart {
  padding: 0px 33px 11px 11px; }

.admin-container .metrics-controls-container {
  clear: both;
  margin: 0px 0px 11px 33px;
  border: 1px solid #F3F5F6;
  border-radius: 12px; }

.admin-container .metrics-controls {
  color: #FFFFFF;
  font-weight: bold;
  float: left;
  margin: 0px 44px 0px 0px;
  padding: 11px   ;
  border-left: 1px solid #F3F5F6; }
  .admin-container .metrics-controls:first-child {
    border-left: none; }
  .admin-container .metrics-controls input {
    margin: 11px 11px 0px 0px; }
  .admin-container .metrics-controls li {
    float: left; }
  .admin-container .metrics-controls label {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 1em;
    margin: 0px 11px 0px 11px;
    cursor: pointer; }
  .admin-container .metrics-controls.metrics-course-filter {
    width: 400px; }
    .admin-container .metrics-controls.metrics-course-filter li {
      width: 175px; }
  .admin-container .metrics-controls.metrics-period-selector {
    width: 160px; }

.admin-container .recharts-responsive-container {
  clear: both; }

.admin-container .recharts-legend-item-text {
  margin-right: 20px; }
.bulk-purchase-summary .bulk-purchase-secret-keys {
  background-color: white;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
  table-layout: fixed;
  font-family: Roboto, sans-serif; }
  .bulk-purchase-summary .bulk-purchase-secret-keys thead {
    border-bottom: 1px solid #e0e0e0; }
  .bulk-purchase-summary .bulk-purchase-secret-keys th {
    font-weight: normal;
    font-size: 12px;
    padding-left: 24px;
    padding-right: 24px;
    height: 56px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #9e9e9e;
    position: relative;
    background-color: inherit; }
  .bulk-purchase-summary .bulk-purchase-secret-keys tr {
    border-bottom: 1px solid #e0e0e0;
    color: rgba(0, 0, 0, 0.870588);
    height: 48px; }
  .bulk-purchase-summary .bulk-purchase-secret-keys td {
    padding-left: 24px;
    padding-right: 24px;
    height: 48px;
    text-align: left;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: inherit; }

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