/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device 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/10/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 of focused elements when they are also in an
 * active/hover state.
 */
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.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

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

td,
th {
  padding: 0; }

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

@font-face {
  font-family: 'museo-sans-rounded';
  src: url("/fonts/MuseoSans-500.woff2") format("woff2"), url("/fonts/MuseoSans-500.woff") format("woff");
  font-weight: 500; }

@font-face {
  font-family: 'museo-sans-rounded-bold';
  src: url("/fonts/MuseoSans-700.woff2") format("woff2"), url("/fonts/MuseoSans-700.woff") format("woff");
  font-weight: 700; }

@font-face {
  font-family: 'museo-sans-rounded-heavy';
  src: url("/fonts/MuseoSans-900.woff2") format("woff2"), url("/fonts/MuseoSans-900.woff") format("woff");
  font-weight: 900; }

@font-face {
  font-family: "pt-mono";
  src: url("/fonts/PTMono55.woff") format("woff");
  font-weight: 500; }

@font-face {
  font-family: "pt-mono-bold";
  src: url("/fonts/PTM75.woff") format("woff");
  font-weight: 700; }

html {
  color: #4a4a4a;
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5; }

body {
  background: #fff;
  font-size: 100%;
  min-height: 100vh; }

dl, ol, ul, p {
  margin-bottom: 20px;
  margin-top: 0; }

dd, li {
  margin-bottom: 10px;
  margin-top: 0; }

dd {
  margin-left: 0; }

dt {
  font-weight: 700; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
  font-family: "museo-sans-rounded-bold", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 5px;
  margin-top: 0;
  transition: all 0.25s ease-in-out; }

h1, .h1 {
  font-size: 64px; }

h2, .h2 {
  font-size: 48px; }

h3, .h3 {
  font-size: 36px; }

h4, .h4 {
  font-size: 28px; }

code, pre {
  font-family: "pt-mono", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; }

a {
  color: #4273bf;
  display: inline-block;
  font-weight: 500;
  line-height: 1;
  text-decoration: underline;
  transition: color 0.25s ease-in-out; }
  a:active, a:hover, a:focus {
    color: #355c99; }

img {
  height: auto;
  max-width: 100%; }

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

select::-ms-expand {
  display: none; }

th {
  font-weight: inherit; }

strong, b {
  font-weight: 700; }

em, i {
  font-style: italic; }

small {
  font-size: 14px; }

code {
  font-family: "pt-mono", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; }

::selection {
  background: #3295db;
  color: #fff; }

.accordion.is-open .accordion-icon {
  transform: rotate(180deg); }

.accordion.is-open .accordion-content {
  display: block; }

.accordion-trigger {
  cursor: pointer; }

.accordion-content {
  display: none; }

.accordion-icon {
  fill: currentColor;
  transform: rotate(0deg); }

.animate, .btn--loading:before,
.btn--loading:hover:before, .btn--loading:after,
.btn--loading:hover:after, .btn.is-syncing:after, .dropdown:hover .dropdown-items, .dropdown.is-hover .dropdown-items, .loading:after, .loading--base:before, .loading--text {
  animation-duration: 1s;
  animation-fill-mode: both; }

.animate--d-025, .dropdown:hover .dropdown-items, .dropdown.is-hover .dropdown-items {
  animation-duration: 0.25s; }

.animate--d-05 {
  animation-duration: 0.5s; }

.animate--d-1, .btn--loading:before,
.btn--loading:hover:before, .btn--loading:after,
.btn--loading:hover:after, .btn.is-syncing:after, .loading:after, .loading--base:before, .loading--text {
  animation-duration: 1s; }

.animate--d-2 {
  animation-duration: 2s; }

.animate--d-4 {
  animation-duration: 4s; }

.animate--d-5 {
  animation-duration: 5s; }

.animate--d-10 {
  animation-duration: 10s; }

.animate--d-20 {
  animation-duration: 20s; }

.animate--blink {
  animation-name: blink; }

.animate--btnLoading, .btn--loading:before,
.btn--loading:hover:before, .btn--loading:after,
.btn--loading:hover:after {
  animation-name: btnLoading; }

.animate--dance {
  animation-name: dance; }

.animate--ellipsis, .btn.is-syncing:after {
  animation-name: ellipsis; }

.animate--fadeIn, .dropdown:hover .dropdown-items, .dropdown.is-hover .dropdown-items {
  animation-name: fadeIn; }

.animate--fadeInUp {
  animation-name: fadeInUp; }

.animate--fadeOut {
  animation-name: fadeOut; }

.animate--flash {
  animation-name: flash; }

.animate--loading, .loading:after, .loading--base:before, .loading--text {
  animation-name: loading; }

.animate--loadingError {
  animation-name: loadingError; }

.animate--modal {
  animation-name: modal; }

.animate--modalReverse {
  animation-name: modalReverse; }

.animate--notice {
  animation-name: notice; }

.animate--scale {
  animation-name: scale; }

.animate--zoomIn {
  animation-name: zoomIn; }

.animate--infinite, .btn--loading:before,
.btn--loading:hover:before, .btn--loading:after,
.btn--loading:hover:after, .btn.is-syncing:after, .loading:after, .loading--base:before, .loading--text {
  animation-iteration-count: infinite; }

.animate--h-blink:hover {
  animation-name: blink; }

.animate--h-btnLoading:hover {
  animation-name: btnLoading; }

.animate--h-dance:hover {
  animation-name: dance; }

.animate--h-ellipsis:hover {
  animation-name: ellipsis; }

.animate--h-fadeIn:hover {
  animation-name: fadeIn; }

.animate--h-fadeInUp:hover {
  animation-name: fadeInUp; }

.animate--h-fadeOut:hover {
  animation-name: fadeOut; }

.animate--h-flash:hover {
  animation-name: flash; }

.animate--h-loading:hover {
  animation-name: loading; }

.animate--h-loadingError:hover {
  animation-name: loadingError; }

.animate--h-modal:hover {
  animation-name: modal; }

.animate--h-modalReverse:hover {
  animation-name: modalReverse; }

.animate--h-notice:hover {
  animation-name: notice; }

.animate--h-scale:hover {
  animation-name: scale; }

.animate--h-zoomIn:hover {
  animation-name: zoomIn; }

.animate--1 {
  animation-delay: 0s; }

.animate--2 {
  animation-delay: 1s; }

.animate--3 {
  animation-delay: 2s; }

.animate--4 {
  animation-delay: 3s; }

@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes btnLoading {
  0% {
    border-left-color: rgba(255, 255, 255, 0); }
  20% {
    border-right-color: rgba(255, 255, 255, 0); }
  40% {
    border-left-color: white; }
  60% {
    border-right-color: white; }
  80% {
    border-left-color: rgba(255, 255, 255, 0); }
  100% {
    border-right-color: rgba(255, 255, 255, 0); } }

@keyframes dance {
  0% {
    transform: rotate(0) translateY(0px); }
  25% {
    transform: rotate(1deg) translateY(5px); }
  50% {
    transform: rotate(-1deg) translateY(0px); }
  75% {
    transform: rotate(1deg) translateY(5px); }
  100% {
    transform: rotate(0) translateY(0px); } }

@keyframes ellipsis {
  to {
    width: 1.25em; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30%); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes loading {
  0% {
    border-left-color: rgba(130, 130, 130, 0); }
  20% {
    border-right-color: rgba(130, 130, 130, 0); }
  40% {
    border-left-color: #828282; }
  60% {
    border-right-color: #828282; }
  80% {
    border-left-color: rgba(130, 130, 130, 0); }
  100% {
    border-right-color: rgba(130, 130, 130, 0); } }

@keyframes loadingError {
  0% {
    border-left-color: rgba(214, 47, 67, 0); }
  20% {
    border-right-color: rgba(214, 47, 67, 0); }
  40% {
    border-left-color: #d62f43; }
  60% {
    border-right-color: #d62f43; }
  80% {
    border-left-color: rgba(214, 47, 67, 0); }
  100% {
    border-right-color: rgba(214, 47, 67, 0); } }

@keyframes modal {
  from {
    transform: translateY(25px);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }

@keyframes modalReverse {
  from {
    transform: translateY(0);
    opacity: 1; }
  to {
    transform: translateY(25px);
    opacity: 0; } }

@keyframes notice {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  50% {
    opacity: 1; }
  100% {
    transform: translateY(0); } }

@keyframes zoomIn {
  0% {
    transform: scale(0.2) translateY(5%);
    opacity: 0; }
  80% {
    transform: scale(1.1) translateY(1%); }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1; } }

.benefit-icon {
  background-color: #F2F8FE;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 2px solid transparent;
  border-radius: 50%;
  height: 50px;
  transition: all 0.25s ease-in-out;
  width: 50px; }

.bg--xlt {
  background-color: #eaeaea; }

.bucket {
  display: flex; }

.bucket--c {
  justify-content: center; }

.bucket--flag {
  align-items: center; }

.bucket--start {
  align-items: flex-start; }

.bucket--end {
  align-items: flex-end; }

.bucket--reverse > .bucket-media {
  margin-right: 0;
  margin-left: 20px; }

.bucket--reverse.bucket--f > .bucket-media {
  margin-right: 0;
  margin-left: 0; }

.bucket--reverse.bucket--xxs > .bucket-media {
  margin-right: 0;
  margin-left: 5px; }

.bucket--reverse.bucket--xs > .bucket-media {
  margin-right: 0;
  margin-left: 10px; }

.bucket--reverse.bucket--s > .bucket-media {
  margin-right: 0;
  margin-left: 15px; }

.bucket--reverse.bucket-- > .bucket-media {
  margin-right: 0;
  margin-left: 20px; }

.bucket--reverse.bucket--m > .bucket-media {
  margin-right: 0;
  margin-left: 30px; }

.bucket--reverse.bucket--l > .bucket-media {
  margin-right: 0;
  margin-left: 50px; }

.bucket--reverse.bucket--xl > .bucket-media {
  margin-right: 0;
  margin-left: 80px; }

.bucket--reverse.bucket--xxl > .bucket-media {
  margin-right: 0;
  margin-left: 120px; }

.bucket--reverse.bucket--jumbo > .bucket-media {
  margin-right: 0;
  margin-left: 160px; }

.bucket--shrink .bucket-content {
  flex-grow: 0;
  flex-shrink: 0; }

.bucket--shrinkContent .bucket-media {
  flex-grow: 0;
  flex-shrink: 0; }

.bucket--f > .bucket-media {
  margin-right: 0; }

.bucket--xxs > .bucket-media {
  margin-right: 5px; }

.bucket--xs > .bucket-media {
  margin-right: 10px; }

.bucket--s > .bucket-media {
  margin-right: 15px; }

.bucket-- > .bucket-media {
  margin-right: 20px; }

.bucket--m > .bucket-media {
  margin-right: 30px; }

.bucket--l > .bucket-media {
  margin-right: 50px; }

.bucket--xl > .bucket-media {
  margin-right: 80px; }

.bucket--xxl > .bucket-media {
  margin-right: 120px; }

.bucket--jumbo > .bucket-media {
  margin-right: 160px; }

@media screen and (min-width: 400px) {
  .bucket--f_xs > .bucket-media {
    margin-right: 0; } }

@media screen and (min-width: 400px) {
  .bucket--xxs_xs > .bucket-media {
    margin-right: 5px; } }

@media screen and (min-width: 400px) {
  .bucket--xs_xs > .bucket-media {
    margin-right: 10px; } }

@media screen and (min-width: 400px) {
  .bucket--s_xs > .bucket-media {
    margin-right: 15px; } }

@media screen and (min-width: 400px) {
  .bucket--_xs > .bucket-media {
    margin-right: 20px; } }

@media screen and (min-width: 400px) {
  .bucket--m_xs > .bucket-media {
    margin-right: 30px; } }

@media screen and (min-width: 400px) {
  .bucket--l_xs > .bucket-media {
    margin-right: 50px; } }

@media screen and (min-width: 400px) {
  .bucket--xl_xs > .bucket-media {
    margin-right: 80px; } }

@media screen and (min-width: 400px) {
  .bucket--xxl_xs > .bucket-media {
    margin-right: 120px; } }

@media screen and (min-width: 400px) {
  .bucket--jumbo_xs > .bucket-media {
    margin-right: 160px; } }

@media screen and (min-width: 500px) {
  .bucket--f_s > .bucket-media {
    margin-right: 0; } }

@media screen and (min-width: 500px) {
  .bucket--xxs_s > .bucket-media {
    margin-right: 5px; } }

@media screen and (min-width: 500px) {
  .bucket--xs_s > .bucket-media {
    margin-right: 10px; } }

@media screen and (min-width: 500px) {
  .bucket--s_s > .bucket-media {
    margin-right: 15px; } }

@media screen and (min-width: 500px) {
  .bucket--_s > .bucket-media {
    margin-right: 20px; } }

@media screen and (min-width: 500px) {
  .bucket--m_s > .bucket-media {
    margin-right: 30px; } }

@media screen and (min-width: 500px) {
  .bucket--l_s > .bucket-media {
    margin-right: 50px; } }

@media screen and (min-width: 500px) {
  .bucket--xl_s > .bucket-media {
    margin-right: 80px; } }

@media screen and (min-width: 500px) {
  .bucket--xxl_s > .bucket-media {
    margin-right: 120px; } }

@media screen and (min-width: 500px) {
  .bucket--jumbo_s > .bucket-media {
    margin-right: 160px; } }

@media screen and (min-width: 650px) {
  .bucket--f_m > .bucket-media {
    margin-right: 0; } }

@media screen and (min-width: 650px) {
  .bucket--xxs_m > .bucket-media {
    margin-right: 5px; } }

@media screen and (min-width: 650px) {
  .bucket--xs_m > .bucket-media {
    margin-right: 10px; } }

@media screen and (min-width: 650px) {
  .bucket--s_m > .bucket-media {
    margin-right: 15px; } }

@media screen and (min-width: 650px) {
  .bucket--_m > .bucket-media {
    margin-right: 20px; } }

@media screen and (min-width: 650px) {
  .bucket--m_m > .bucket-media {
    margin-right: 30px; } }

@media screen and (min-width: 650px) {
  .bucket--l_m > .bucket-media {
    margin-right: 50px; } }

@media screen and (min-width: 650px) {
  .bucket--xl_m > .bucket-media {
    margin-right: 80px; } }

@media screen and (min-width: 650px) {
  .bucket--xxl_m > .bucket-media {
    margin-right: 120px; } }

@media screen and (min-width: 650px) {
  .bucket--jumbo_m > .bucket-media {
    margin-right: 160px; } }

@media screen and (min-width: 800px) {
  .bucket--f_l > .bucket-media {
    margin-right: 0; } }

@media screen and (min-width: 800px) {
  .bucket--xxs_l > .bucket-media {
    margin-right: 5px; } }

@media screen and (min-width: 800px) {
  .bucket--xs_l > .bucket-media {
    margin-right: 10px; } }

@media screen and (min-width: 800px) {
  .bucket--s_l > .bucket-media {
    margin-right: 15px; } }

@media screen and (min-width: 800px) {
  .bucket--_l > .bucket-media {
    margin-right: 20px; } }

@media screen and (min-width: 800px) {
  .bucket--m_l > .bucket-media {
    margin-right: 30px; } }

@media screen and (min-width: 800px) {
  .bucket--l_l > .bucket-media {
    margin-right: 50px; } }

@media screen and (min-width: 800px) {
  .bucket--xl_l > .bucket-media {
    margin-right: 80px; } }

@media screen and (min-width: 800px) {
  .bucket--xxl_l > .bucket-media {
    margin-right: 120px; } }

@media screen and (min-width: 800px) {
  .bucket--jumbo_l > .bucket-media {
    margin-right: 160px; } }

@media screen and (min-width: 1024px) {
  .bucket--f_xl > .bucket-media {
    margin-right: 0; } }

@media screen and (min-width: 1024px) {
  .bucket--xxs_xl > .bucket-media {
    margin-right: 5px; } }

@media screen and (min-width: 1024px) {
  .bucket--xs_xl > .bucket-media {
    margin-right: 10px; } }

@media screen and (min-width: 1024px) {
  .bucket--s_xl > .bucket-media {
    margin-right: 15px; } }

@media screen and (min-width: 1024px) {
  .bucket--_xl > .bucket-media {
    margin-right: 20px; } }

@media screen and (min-width: 1024px) {
  .bucket--m_xl > .bucket-media {
    margin-right: 30px; } }

@media screen and (min-width: 1024px) {
  .bucket--l_xl > .bucket-media {
    margin-right: 50px; } }

@media screen and (min-width: 1024px) {
  .bucket--xl_xl > .bucket-media {
    margin-right: 80px; } }

@media screen and (min-width: 1024px) {
  .bucket--xxl_xl > .bucket-media {
    margin-right: 120px; } }

@media screen and (min-width: 1024px) {
  .bucket--jumbo_xl > .bucket-media {
    margin-right: 160px; } }

@media screen and (min-width: 1280px) {
  .bucket--f_xxl > .bucket-media {
    margin-right: 0; } }

@media screen and (min-width: 1280px) {
  .bucket--xxs_xxl > .bucket-media {
    margin-right: 5px; } }

@media screen and (min-width: 1280px) {
  .bucket--xs_xxl > .bucket-media {
    margin-right: 10px; } }

@media screen and (min-width: 1280px) {
  .bucket--s_xxl > .bucket-media {
    margin-right: 15px; } }

@media screen and (min-width: 1280px) {
  .bucket--_xxl > .bucket-media {
    margin-right: 20px; } }

@media screen and (min-width: 1280px) {
  .bucket--m_xxl > .bucket-media {
    margin-right: 30px; } }

@media screen and (min-width: 1280px) {
  .bucket--l_xxl > .bucket-media {
    margin-right: 50px; } }

@media screen and (min-width: 1280px) {
  .bucket--xl_xxl > .bucket-media {
    margin-right: 80px; } }

@media screen and (min-width: 1280px) {
  .bucket--xxl_xxl > .bucket-media {
    margin-right: 120px; } }

@media screen and (min-width: 1280px) {
  .bucket--jumbo_xxl > .bucket-media {
    margin-right: 160px; } }

.bucket-content {
  flex-grow: 1;
  max-width: 100%;
  min-width: 0; }

.bucket-media {
  flex: 0 1 auto;
  margin-right: 20px; }
  .bucket-media > img {
    display: block; }

.btn {
  align-items: center;
  box-sizing: border-box;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 16px;
  justify-content: center;
  letter-spacing: inherit;
  line-height: 2;
  padding: 2px 20px 1px;
  text-align: center;
  text-decoration: none;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border 0.25s ease-in-out;
  white-space: nowrap; }

.btn--a {
  background: #ffcf46;
  border: none;
  border-radius: 10px;
  color: #6d5825; }
  .btn--a:hover, .btn--a:focus, .btn--a:active {
    background: #ffebb1;
    color: #6d5825; }

.btn--b {
  background: #3295db;
  border: 1px solid #3295db;
  border-radius: 10px;
  color: #fff; }
  .btn--b:hover, .btn--b:focus, .btn--b:active {
    background: #fff;
    border: "";
    color: #3295db; }

.btn--c {
  background: #71b16b;
  border: 1px solid #71b16b;
  border-radius: 10px;
  color: #fff; }
  .btn--c:hover, .btn--c:focus, .btn--c:active {
    background: #fff;
    color: #71b16b; }

.btn--error {
  background: #d62f43;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  color: #fff; }
  .btn--error:hover, .btn--error:focus, .btn--error:active {
    background: #d62f43;
    color: #fff; }

.btn--session {
  background: #fff;
  border-radius: 5px;
  color: #71b16b; }
  .btn--session:hover, .btn--session:focus, .btn--session:active {
    background: rgba(255, 255, 255, 0.85);
    color: #71b16b; }

.btn--stroke-i {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 5px;
  color: #fff; }
  .btn--stroke-i:hover, .btn--stroke-i:focus, .btn--stroke-i:active {
    border: 2px solid rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.5); }

.btn--stroke-s {
  background: transparent;
  border: 2px solid #d5d5d5;
  border-radius: 5px;
  color: #d5d5d5; }
  .btn--stroke-s:hover, .btn--stroke-s:focus, .btn--stroke-s:active {
    background: "";
    color: #a2a2a2; }

.btn--loading,
.btn--loading:hover {
  color: transparent;
  position: relative;
  transition: color 0s; }
  .btn--loading:active, .btn--loading:focus,
  .btn--loading:hover:active,
  .btn--loading:hover:focus {
    color: transparent;
    outline: none; }
  .btn--loading:before, .btn--loading:after,
  .btn--loading:hover:before,
  .btn--loading:hover:after {
    background: transparent;
    border-left: 10px solid rgba(255, 255, 255, 0);
    border-right: 10px solid rgba(255, 255, 255, 0);
    content: '';
    position: absolute;
    width: 5px;
    height: 10px;
    top: calc(50% - 5px); }
  .btn--loading.btn--stroke-s:before, .btn--loading.btn--stroke-s:after,
  .btn--loading:hover.btn--stroke-s:before,
  .btn--loading:hover.btn--stroke-s:after {
    border-left-color: #d5d5d5;
    border-right-color: #d5d5d5; }
  .btn--loading:before,
  .btn--loading:hover:before {
    left: calc(50% - 27.5px); }
  .btn--loading:after,
  .btn--loading:hover:after {
    left: calc(50% + 2.5px);
    animation-delay: .5s; }

.btn--service {
  border-width: 2px;
  border-style: solid;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  line-height: 50px;
  justify-content: flex-start;
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 60px;
  position: relative;
  text-align: left;
  transition: all 0.25s ease-in-out; }
  .btn--service:hover, .btn--service:focus, .btn--service:active {
    background-color: #fff;
    color: #4a4a4a; }
  .btn--service:before {
    border-radius: 2px;
    content: "";
    height: 46px;
    left: 2px;
    top: 2px;
    width: 46px;
    position: absolute; }

.btn--service_s {
  border-radius: 10px;
  line-height: 30px;
  padding-left: 50px;
  padding-right: 10px; }
  .btn--service_s:before {
    border-radius: 8px;
    height: 26px;
    width: 26px; }

.btn--service_xs, .btn--service_xs.btn--heading {
  border-radius: 5px;
  font-size: 12px;
  line-height: 26px;
  padding-left: 30px;
  padding-right: 10px; }
  .btn--service_xs:before, .btn--service_xs.btn--heading:before {
    border-radius: 2px;
    height: 22px;
    width: 22px;
    background-size: 80%; }

.btn--clever {
  background-color: #4274F6;
  border-color: #4274F6; }
  .btn--clever:before {
    background: #fff url("/dist/shared/images/service-clever.svg") center no-repeat;
    background-size: 60%; }
  .btn--clever:hover, .btn--clever:focus, .btn--clever:active {
    color: #4274F6; }

.btn--google {
  background-color: #4285F4;
  border-color: #4285F4; }
  .btn--google:before {
    background: #fff url("/dist/shared/images/service-google.svg") center no-repeat;
    background-size: 60%; }
  .btn--google:hover, .btn--google:focus, .btn--google:active {
    color: #4285F4; }

.btn--classlink {
  background-color: #34ABCD;
  border-color: #34ABCD; }
  .btn--classlink:before {
    background: #fff url("/dist/shared/images/service-classlink.svg") center no-repeat;
    background-size: 70%; }
  .btn--classlink:hover, .btn--classlink:focus, .btn--classlink:active {
    color: #34ABCD; }

.btn--cleverLibrary {
  background-color: #4274F6;
  border-color: #4274F6; }
  .btn--cleverLibrary:before {
    background: #fff url("/dist/shared/images/service-cleverLibrary.svg") center no-repeat;
    background-size: 60%; }
  .btn--cleverLibrary:hover, .btn--cleverLibrary:focus, .btn--cleverLibrary:active {
    color: #4274F6; }

.btn--googleClassroom {
  background-color: #21A465;
  border-color: #21A465; }
  .btn--googleClassroom:before {
    background: #fff url("/dist/shared/images/service-googleClassroom.svg") center no-repeat;
    background-size: 60%; }
  .btn--googleClassroom:hover {
    color: #21A465; }

.btn--slack {
  background-color: #611f69;
  border-color: #611f69; }
  .btn--slack:before {
    background: #fff url("/dist/shared/images/service-slack.svg") center no-repeat;
    background-size: 60%; }
  .btn--slack:hover {
    color: #611f69; }

.btn.is-disabled {
  background-color: #d5d5d5;
  border: "";
  color: #4a4a4a;
  cursor: default;
  opacity: 0.5; }
  .btn.is-disabled:hover, .btn.is-disabled:focus, .btn.is-disabled:active {
    background-color: #d5d5d5;
    color: #4a4a4a;
    cursor: default;
    opacity: 0.5; }

.btn.is-syncing:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  content: "\2026";
  width: 0px;
  animation-timing-function: steps(4, end); }

.has-btn {
  display: flex; }
  .has-btn .btn {
    flex-shrink: 0;
    margin-right: 15px; }
    .has-btn .btn:last-child {
      margin-right: 0; }

.has-btn--wrap {
  flex-wrap: wrap; }

.has-btn--r {
  justify-content: flex-end; }

.has-btn--c {
  justify-content: center; }

.card {
  border-radius: 10px;
  box-sizing: border-box;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  transition: all 0.25s ease-in-out; }

.card--clickable {
  cursor: pointer;
  display: inherit;
  text-decoration: none; }
  .card--clickable:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); }
    .card--clickable:hover .card-clickableBtn.btn--a {
      background-color: #ffebb1;
      color: #6d5825; }

.card--rounded {
  border-radius: 10px; }

.card--tip {
  border-top: 10px solid #bcddf8; }
  .card--tip:hover {
    border-color: #a7d2ef; }

.card--g {
  display: flex;
  flex-direction: column; }

.card--o {
  overflow: visible; }

.card-cap {
  padding: 20px;
  margin: -20px; }

.cell {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  position: relative; }

.cell--xs {
  max-width: 400px; }

.cell--s {
  max-width: 512px; }

.cell--m {
  max-width: 675px; }

.cell--l {
  max-width: 970px; }

.cell--xl {
  max-width: 1024px; }

.cell--xxl {
  max-width: 1280px; }

.chart {
  background: #fff; }

.chart--zero canvas[class*='chart'] {
  opacity: 0.5;
  pointer-events: none; }

.chart--zero .chart-list {
  opacity: 0.2;
  pointer-events: none; }

.chart--fw canvas[class*='chart'] {
  width: 100% !important; }

.is-active.chart-tab {
  background-color: rgba(50, 149, 219, 0.1);
  border-color: #3295db !important;
  color: #0b85bb; }

.is-active.chart-tab + .chart-tab {
  border-left: 2px solid #3295db !important; }

.chart-tab {
  border: 2px solid #eaeaea;
  border-right: none;
  color: #828282;
  font-size: 11px;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  min-width: 100px;
  padding: 0 10px;
  text-align: center;
  transition: all 0.25s ease-in-out; }
  .chart-tab:hover {
    background-color: rgba(50, 149, 219, 0.1);
    color: #3295db;
    cursor: pointer; }
  .chart-tab:first-child {
    border-radius: 5px 0 0 5px; }
  .chart-tab:last-child {
    border-right: 2px solid #eaeaea;
    border-radius: 0 5px 5px 0; }
  .chart-tab:only-child {
    border-radius: 5px; }

.chunks {
  display: flex;
  width: 100%; }

.chunk {
  background: #eaeaea;
  flex: 1;
  margin-right: 2px;
  transition: all 0.25s ease-in-out;
  text-align: center;
  width: 100%; }
  .chunk:last-child {
    margin-right: 0; }

.chunks--screen {
  height: 20px; }
  .chunks--screen .chunk {
    align-items: center;
    display: flex;
    justify-content: center; }
  .chunks--screen .chunk-text {
    color: rgba(74, 74, 74, 0.5);
    font-size: 12px; }

.chunk.is-complete {
  background: #4273bf; }
  .chunk.is-complete .chunk-text {
    color: #fff; }

.chunk.is-active {
  background: #ccae02; }
  .chunk.is-active .chunk-text {
    color: #a38b02; }

.has-chunks {
  padding-bottom: 20px; }

.chunk-text {
  display: inline-block; }

.circle {
  border-radius: 50%;
  height: 100px;
  width: 100px; }

.circle--s {
  height: 75px;
  width: 75px; }

.circle--l {
  height: 170px;
  width: 170px; }

.circle--xl {
  height: 240px;
  width: 240px; }

@media screen and (max-width: 800px) {
  .circle--s_l {
    height: 75px;
    width: 75px; } }

.circle--fit_s {
  height: auto;
  padding-bottom: 80%;
  width: 80%;
  margin: auto; }

.circle--c {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto; }

.circle--image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 85%; }

.circle--highlight {
  background-color: #F2F8FE;
  border: 2px solid #a7d2ef; }

.is-disabled.circle {
  cursor: not-allowed; }

.circle-label {
  font-size: 12px;
  line-height: 1.4;
  text-align: center; }

.columns {
  align-items: baseline;
  display: flex; }
  .columns > .column {
    flex-shrink: 0; }

.columns--flag {
  align-items: center; }

.columns--start {
  align-items: flex-start; }

.columns--end {
  align-items: flex-end; }

.columns--center {
  justify-content: center; }

.columns--jcsb {
  justify-content: space-between; }

.columns--r {
  justify-content: flex-end; }

.columns--wrap {
  flex-wrap: wrap; }

.column--grow {
  flex: 1 0; }

.column--gutter-m {
  margin-right: 20px; }

.column--gutter-m-f {
  margin-right: 0; }

.column--gutter-m-xxs {
  margin-right: 5px; }

.column--gutter-m-xs {
  margin-right: 10px; }

.column--gutter-m-s {
  margin-right: 15px; }

.column--gutter-m- {
  margin-right: 20px; }

.column--gutter-m-m {
  margin-right: 30px; }

.column--gutter-m-l {
  margin-right: 50px; }

.column--gutter-m-xl {
  margin-right: 80px; }

.column--gutter-m-xxl {
  margin-right: 120px; }

.column--gutter-m-jumbo {
  margin-right: 160px; }

.column--gutter-p {
  padding-right: 20px; }

.column--gutter-p-f {
  padding-right: 0; }

.column--gutter-p-xxs {
  padding-right: 5px; }

.column--gutter-p-xs {
  padding-right: 10px; }

.column--gutter-p-s {
  padding-right: 15px; }

.column--gutter-p- {
  padding-right: 20px; }

.column--gutter-p-m {
  padding-right: 30px; }

.column--gutter-p-l {
  padding-right: 50px; }

.column--gutter-p-xl {
  padding-right: 80px; }

.column--gutter-p-xxl {
  padding-right: 120px; }

.column--gutter-p-jumbo {
  padding-right: 160px; }

.count {
  border: 2px solid currentColor;
  border-radius: 50%;
  box-sizing: border-box;
  color: currentColor;
  height: 24px;
  position: relative;
  width: 24px; }
  .count:before {
    align-items: center;
    box-sizing: border-box;
    color: currentColor;
    content: attr(data-count);
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    position: absolute;
    text-align: center;
    width: 100%; }

.count--s {
  border-width: 1px;
  height: 15px;
  width: 15px; }
  .count--s:before {
    font-size: 12px; }

.count--l {
  border-width: 3px;
  height: 35px;
  width: 35px; }
  .count--l:before {
    font-size: 16px; }

.count--i {
  border-color: #fff;
  color: #fff; }

.dropdown {
  cursor: pointer;
  position: relative; }

.dropdown--a {
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 5px; }
  .dropdown--a:not(.dropdown--js):hover, .dropdown--a.is-active {
    background: #fff;
    color: #4a4a4a;
    transition: all 0.25s ease-in-out; }
  .dropdown--a .dropdown-trigger {
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%; }
  .dropdown--a .dropdown-items {
    background: #fff;
    border-radius: 0 10px 10px 10px;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);
    width: 200px; }
  .dropdown--a .dropdown-link {
    padding: 10px 30px 10px 10px; }
    .dropdown--a .dropdown-link:hover {
      background: #bcddf8; }
  .dropdown--a.dropdown--r .dropdown-items {
    border-top-right-radius: 0;
    border-top-left-radius: 10px; }

.dropdown--b {
  border-radius: 10px 10px 0 0;
  border: 1px solid transparent;
  color: #4a4a4a;
  padding: 5px; }
  .dropdown--b:not(.dropdown--js):hover, .dropdown--b.is-active {
    border-color: #eaeaea;
    transition: all 0.25s ease-in-out; }
  .dropdown--b .dropdown-items {
    background: #fff;
    border: 2px solid #eaeaea;
    border-radius: 0 10px 10px 10px;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);
    width: 150px; }
  .dropdown--b .dropdown-link {
    padding: 10px 30px 10px 10px; }
    .dropdown--b .dropdown-link:hover {
      background: #bcddf8; }
  .dropdown--b.dropdown--r .dropdown-items {
    border-top-right-radius: 0;
    border-top-left-radius: 10px;
    right: -1px; }

.dropdown--skin .dropdown-items {
  column-count: 2;
  column-gap: 0;
  padding: 3px 0 2px;
  width: 280px; }

.dropdown--skin .dropdown-link {
  padding: 3px 30px 3px 10px; }

.dropdown--scroll .dropdown-items {
  max-height: 90px;
  overflow-y: scroll; }

.dropdown--scroll.dropdown--a .dropdown-item:last-child {
  border-radius: 0 0 10px 10px;
  overflow: hidden; }

.dropdown--r .dropdown-items {
  right: 0; }

.dropdown:hover .dropdown-items, .dropdown.is-hover .dropdown-items {
  display: block;
  opacity: 1;
  z-index: 2; }

.dropdown-items {
  display: none;
  line-height: 1;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  transition: all 0.25s ease-in-out;
  z-index: -1; }

.dropdown-link {
  box-sizing: border-box;
  color: #4a4a4a;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  width: 100%; }
  .dropdown-link:hover {
    color: #4a4a4a; }

.dropdown-item {
  cursor: pointer;
  display: block;
  transition: all 0.25s ease-in-out;
  white-space: nowrap; }

.dotProgress {
  align-items: center;
  display: flex;
  justify-content: center; }

.dotProgress--clickable .dotProgress-dot {
  cursor: pointer; }
  .dotProgress--clickable .dotProgress-dot:hover {
    background-color: rgba(50, 149, 219, 0.8); }

.dotProgress--clickable.dotProgress--i .dotProgress-dot:hover {
  background-color: rgba(255, 255, 255, 0.8); }

.dotProgress--session {
  padding: 10px 0; }
  .dotProgress--session .dotProgress-dot {
    background: #d5d5d5;
    height: 20px;
    width: 20px; }
    @media screen and (min-width: 650px) {
      .dotProgress--session .dotProgress-dot {
        height: 15px;
        width: 15px; } }
  @media screen and (min-width: 650px) {
    .dotProgress--session {
      justify-content: flex-start;
      padding: 0; } }

.dotProgress[data-active="1"] .dotProgress-dot:nth-of-type(1) {
  background-color: #3295db; }

.dotProgress[data-active="1"].dotProgress--i .dotProgress-dot:nth-of-type(1) {
  background-color: #fff; }

.dotProgress[data-active="2"] .dotProgress-dot:nth-of-type(2) {
  background-color: #3295db; }

.dotProgress[data-active="2"].dotProgress--i .dotProgress-dot:nth-of-type(2) {
  background-color: #fff; }

.dotProgress[data-active="3"] .dotProgress-dot:nth-of-type(3) {
  background-color: #3295db; }

.dotProgress[data-active="3"].dotProgress--i .dotProgress-dot:nth-of-type(3) {
  background-color: #fff; }

.dotProgress[data-active="4"] .dotProgress-dot:nth-of-type(4) {
  background-color: #3295db; }

.dotProgress[data-active="4"].dotProgress--i .dotProgress-dot:nth-of-type(4) {
  background-color: #fff; }

.dotProgress[data-active="5"] .dotProgress-dot:nth-of-type(5) {
  background-color: #3295db; }

.dotProgress[data-active="5"].dotProgress--i .dotProgress-dot:nth-of-type(5) {
  background-color: #fff; }

.dotProgress-dot {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: ' ';
  display: inline-block;
  height: 10px;
  margin: 0px 5px;
  width: 10px; }

.flash {
  padding: 15px 20px; }

.flash--s {
  padding: 10px 20px; }

.flash--xxs {
  padding: 5px 10px; }

.flash--dk {
  background: #828282;
  color: #fff; }
  .flash--dk a {
    color: #fff; }
    .flash--dk a:hover {
      color: rgba(255, 255, 255, 0.5); }

.flash--error {
  background: rgba(214, 47, 67, 0.95);
  color: #fff; }
  .flash--error a {
    color: #fff; }
    .flash--error a:hover {
      color: rgba(255, 255, 255, 0.5); }

.flash--standard {
  background: rgba(255, 207, 70, 0.95);
  color: #6d5825; }
  .flash--standard a {
    color: #4d3e15; }
    .flash--standard a:hover {
      color: #6d5825; }

.flash--subdued {
  background: #bcddf8;
  color: #558550; }
  .flash--subdued a {
    color: #558550; }
    .flash--subdued a:hover {
      color: #71b16b; }

.flash--success {
  background: rgba(113, 177, 107, 0.95);
  color: #fff; }
  .flash--success a {
    color: #fff; }
    .flash--success a:hover {
      color: rgba(255, 255, 255, 0.5); }

.flash--fw {
  width: 100%; }

.footer-logo {
  opacity: 0.4;
  transition: all 0.25s ease-in-out; }
  .footer-logo:hover {
    opacity: 1; }

.g {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px; }

.g-b {
  box-sizing: border-box;
  flex-grow: 1;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%; }

.g--c {
  justify-content: center; }

.g--r {
  justify-content: flex-end; }

.g--flag {
  align-items: center; }

.g--end {
  align-items: flex-end; }

.g--card .g-b {
  display: flex; }
  .g--card .g-b > * {
    flex: 1; }

.g--rr {
  flex-direction: row-reverse; }

.g--f {
  margin: 0; }
  .g--f > .g-b {
    padding: 0; }

.g--s {
  margin-left: -10px;
  margin-right: -10px; }
  .g--s .g-b {
    padding-left: 10px;
    padding-right: 10px; }

.g-b--1of12 {
  width: 8.33333%;
  max-width: 8.33333%; }

.g-b--2of12 {
  width: 16.66667%;
  max-width: 16.66667%; }

.g-b--3of12 {
  width: 25%;
  max-width: 25%; }

.g-b--4of12 {
  width: 33.33333%;
  max-width: 33.33333%; }

.g-b--5of12 {
  width: 41.66667%;
  max-width: 41.66667%; }

.g-b--6of12 {
  width: 50%;
  max-width: 50%; }

.g-b--7of12 {
  width: 58.33333%;
  max-width: 58.33333%; }

.g-b--8of12 {
  width: 66.66667%;
  max-width: 66.66667%; }

.g-b--9of12 {
  width: 75%;
  max-width: 75%; }

.g-b--10of12 {
  width: 83.33333%;
  max-width: 83.33333%; }

.g-b--11of12 {
  width: 91.66667%;
  max-width: 91.66667%; }

.g-b--12of12 {
  width: 100%;
  max-width: 100%; }

@media screen and (min-width: 400px) {
  .g-b--1of12_xs {
    width: 8.33333%;
    max-width: 8.33333%; }
  .g-b--2of12_xs {
    width: 16.66667%;
    max-width: 16.66667%; }
  .g-b--3of12_xs {
    width: 25%;
    max-width: 25%; }
  .g-b--4of12_xs {
    width: 33.33333%;
    max-width: 33.33333%; }
  .g-b--5of12_xs {
    width: 41.66667%;
    max-width: 41.66667%; }
  .g-b--6of12_xs {
    width: 50%;
    max-width: 50%; }
  .g-b--7of12_xs {
    width: 58.33333%;
    max-width: 58.33333%; }
  .g-b--8of12_xs {
    width: 66.66667%;
    max-width: 66.66667%; }
  .g-b--9of12_xs {
    width: 75%;
    max-width: 75%; }
  .g-b--10of12_xs {
    width: 83.33333%;
    max-width: 83.33333%; }
  .g-b--11of12_xs {
    width: 91.66667%;
    max-width: 91.66667%; }
  .g-b--12of12_xs {
    width: 100%;
    max-width: 100%; } }

@media screen and (min-width: 500px) {
  .g-b--1of12_s {
    width: 8.33333%;
    max-width: 8.33333%; }
  .g-b--2of12_s {
    width: 16.66667%;
    max-width: 16.66667%; }
  .g-b--3of12_s {
    width: 25%;
    max-width: 25%; }
  .g-b--4of12_s {
    width: 33.33333%;
    max-width: 33.33333%; }
  .g-b--5of12_s {
    width: 41.66667%;
    max-width: 41.66667%; }
  .g-b--6of12_s {
    width: 50%;
    max-width: 50%; }
  .g-b--7of12_s {
    width: 58.33333%;
    max-width: 58.33333%; }
  .g-b--8of12_s {
    width: 66.66667%;
    max-width: 66.66667%; }
  .g-b--9of12_s {
    width: 75%;
    max-width: 75%; }
  .g-b--10of12_s {
    width: 83.33333%;
    max-width: 83.33333%; }
  .g-b--11of12_s {
    width: 91.66667%;
    max-width: 91.66667%; }
  .g-b--12of12_s {
    width: 100%;
    max-width: 100%; } }

@media screen and (min-width: 650px) {
  .g-b--1of12_m {
    width: 8.33333%;
    max-width: 8.33333%; }
  .g-b--2of12_m {
    width: 16.66667%;
    max-width: 16.66667%; }
  .g-b--3of12_m {
    width: 25%;
    max-width: 25%; }
  .g-b--4of12_m {
    width: 33.33333%;
    max-width: 33.33333%; }
  .g-b--5of12_m {
    width: 41.66667%;
    max-width: 41.66667%; }
  .g-b--6of12_m {
    width: 50%;
    max-width: 50%; }
  .g-b--7of12_m {
    width: 58.33333%;
    max-width: 58.33333%; }
  .g-b--8of12_m {
    width: 66.66667%;
    max-width: 66.66667%; }
  .g-b--9of12_m {
    width: 75%;
    max-width: 75%; }
  .g-b--10of12_m {
    width: 83.33333%;
    max-width: 83.33333%; }
  .g-b--11of12_m {
    width: 91.66667%;
    max-width: 91.66667%; }
  .g-b--12of12_m {
    width: 100%;
    max-width: 100%; } }

@media screen and (min-width: 800px) {
  .g-b--1of12_l {
    width: 8.33333%;
    max-width: 8.33333%; }
  .g-b--2of12_l {
    width: 16.66667%;
    max-width: 16.66667%; }
  .g-b--3of12_l {
    width: 25%;
    max-width: 25%; }
  .g-b--4of12_l {
    width: 33.33333%;
    max-width: 33.33333%; }
  .g-b--5of12_l {
    width: 41.66667%;
    max-width: 41.66667%; }
  .g-b--6of12_l {
    width: 50%;
    max-width: 50%; }
  .g-b--7of12_l {
    width: 58.33333%;
    max-width: 58.33333%; }
  .g-b--8of12_l {
    width: 66.66667%;
    max-width: 66.66667%; }
  .g-b--9of12_l {
    width: 75%;
    max-width: 75%; }
  .g-b--10of12_l {
    width: 83.33333%;
    max-width: 83.33333%; }
  .g-b--11of12_l {
    width: 91.66667%;
    max-width: 91.66667%; }
  .g-b--12of12_l {
    width: 100%;
    max-width: 100%; } }

@media screen and (min-width: 1024px) {
  .g-b--1of12_xl {
    width: 8.33333%;
    max-width: 8.33333%; }
  .g-b--2of12_xl {
    width: 16.66667%;
    max-width: 16.66667%; }
  .g-b--3of12_xl {
    width: 25%;
    max-width: 25%; }
  .g-b--4of12_xl {
    width: 33.33333%;
    max-width: 33.33333%; }
  .g-b--5of12_xl {
    width: 41.66667%;
    max-width: 41.66667%; }
  .g-b--6of12_xl {
    width: 50%;
    max-width: 50%; }
  .g-b--7of12_xl {
    width: 58.33333%;
    max-width: 58.33333%; }
  .g-b--8of12_xl {
    width: 66.66667%;
    max-width: 66.66667%; }
  .g-b--9of12_xl {
    width: 75%;
    max-width: 75%; }
  .g-b--10of12_xl {
    width: 83.33333%;
    max-width: 83.33333%; }
  .g-b--11of12_xl {
    width: 91.66667%;
    max-width: 91.66667%; }
  .g-b--12of12_xl {
    width: 100%;
    max-width: 100%; } }

@media screen and (min-width: 1280px) {
  .g-b--1of12_xxl {
    width: 8.33333%;
    max-width: 8.33333%; }
  .g-b--2of12_xxl {
    width: 16.66667%;
    max-width: 16.66667%; }
  .g-b--3of12_xxl {
    width: 25%;
    max-width: 25%; }
  .g-b--4of12_xxl {
    width: 33.33333%;
    max-width: 33.33333%; }
  .g-b--5of12_xxl {
    width: 41.66667%;
    max-width: 41.66667%; }
  .g-b--6of12_xxl {
    width: 50%;
    max-width: 50%; }
  .g-b--7of12_xxl {
    width: 58.33333%;
    max-width: 58.33333%; }
  .g-b--8of12_xxl {
    width: 66.66667%;
    max-width: 66.66667%; }
  .g-b--9of12_xxl {
    width: 75%;
    max-width: 75%; }
  .g-b--10of12_xxl {
    width: 83.33333%;
    max-width: 83.33333%; }
  .g-b--11of12_xxl {
    width: 91.66667%;
    max-width: 91.66667%; }
  .g-b--12of12_xxl {
    width: 100%;
    max-width: 100%; } }

@media screen and (min-width: 800px) {
  .g-b--2of10_l {
    width: 20%;
    max-width: 20%; } }

.hr {
  align-items: center;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  margin: 0 auto;
  width: 50px; }
  .hr:after {
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1; }

.hr--i {
  background: #fff;
  color: #a7d2ef; }
  .hr--i:after {
    background: #fff; }

.hr--g {
  background: #d5d5d5;
  color: #f7f7f7; }
  .hr--g:after {
    background: #d5d5d5; }

.hr--lt {
  background: #eaeaea;
  color: #a9a9a9; }
  .hr--lt:after {
    background: #eaeaea; }

.hr--s {
  font-size: 12px;
  height: 30px;
  width: 30px; }

.hr--vert:after {
  height: 100%;
  left: 50%;
  top: 0;
  width: 1px; }

.has-hr {
  position: relative;
  z-index: 1; }

.has-hr--vert {
  display: flex;
  align-items: center; }

.icon {
  fill: currentColor; }

.icon--n-1 {
  position: relative;
  top: 1px; }

.icon--n-2 {
  position: relative;
  top: 2px; }

.icon--n-3 {
  position: relative;
  top: 3px; }

.icon--n-4 {
  position: relative;
  top: 4px; }

.icon--n-5 {
  position: relative;
  top: 5px; }

.icon--n-6 {
  position: relative;
  top: 6px; }

.icon--n-7 {
  position: relative;
  top: 7px; }

.icon--f {
  height: 0;
  width: 0; }

.icon--xxs {
  height: 5px;
  width: 5px; }

.icon--xs {
  height: 10px;
  width: 10px; }

.icon--s {
  height: 15px;
  width: 15px; }

.icon-- {
  height: 20px;
  width: 20px; }

.icon--m {
  height: 30px;
  width: 30px; }

.icon--l {
  height: 50px;
  width: 50px; }

.icon--xl {
  height: 80px;
  width: 80px; }

.icon--xxl {
  height: 120px;
  width: 120px; }

.icon--jumbo {
  height: 160px;
  width: 160px; }

.icon-announcement {
  height: 24px;
  width: 24px; }

.icon-home {
  height: 14px;
  width: 14px; }

.icon-arrow {
  height: 12px;
  width: 19px; }

.icon-audio {
  height: 20px;
  width: 26px; }

.icon-back {
  width: 21px;
  height: 17px; }

.icon-calendar {
  height: 15px;
  width: 13px; }

.icon-caret {
  height: 15px;
  width: 10px; }

.icon-clear {
  height: 10px;
  width: 10px; }

.icon-clear-s {
  height: 8px;
  width: 8px; }

.icon-check {
  height: 16px;
  width: 17px; }

.icon-close {
  height: 15px;
  width: 15px; }

.icon-info {
  height: 20px;
  width: 20px; }

.icon-keyboard {
  height: 14px;
  width: 23px; }

.icon-keyBasic,
.icon-keyFalling,
.icon-keyNew {
  height: 18px;
  width: 18px; }

.icon-mute {
  height: 20px;
  width: 26px; }

.icon-pause {
  height: 18px;
  width: 18px; }

.icon-play {
  height: 18px;
  width: 20px; }

.icon-redo {
  height: 15px;
  width: 19px; }

.icon-settings {
  height: 20px;
  width: 20px; }

.icon-star {
  height: 38px;
  width: 38px; }

.icon-valid {
  height: 14px;
  width: 14px; }

.icon-warning {
  height: 19px;
  width: 21px; }

.key {
  border-radius: 5px;
  box-sizing: border-box;
  line-height: 1;
  max-height: 40px;
  position: relative;
  text-transform: uppercase; }

.key--a {
  background-color: #fff;
  border-bottom: 1px solid #a9a9a9;
  border-top: 1px solid #fff;
  color: #4a4a4a; }

.key--b {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  color: #4a4a4a; }

.key--detail {
  background-color: #fff;
  background-image: linear-gradient(to bottom, #f2f2f2, transparent);
  border-bottom: 1px solid #a9a9a9;
  border-top: 1px solid #fff; }

.key--rspnsv {
  font-size: 11px; }
  @media screen and (min-width: 500px) {
    .key--rspnsv {
      font-size: 12px; } }
  @media screen and (min-width: 650px) {
    .key--rspnsv {
      font-size: 16px; } }
  .key--rspnsv:after {
    content: '';
    display: block;
    margin-top: 100%; }

.key--twoWords .key-label--1, .key--twoWords .key-label--2 {
  margin-left: 2px; }

.key--twoWords.key-20 .key-label--1 {
  display: none; }
  @media screen and (min-width: 800px) {
    .key--twoWords.key-20 .key-label--1 {
      display: block; } }

.key--duo {
  flex-direction: column;
  font-size: 12px; }
  .key--duo .key-label:first-child {
    height: 0;
    overflow: hidden; }
    @media screen and (min-width: 500px) {
      .key--duo .key-label:first-child {
        height: 50%; } }
  @media screen and (min-width: 500px) {
    .key--duo .key-label:last-child {
      height: 50%;
      top: 50%; } }

.key--special.key {
  text-transform: lowercase; }

.key--special .key-label {
  align-items: flex-end;
  bottom: 5px;
  color: #828282;
  display: none;
  height: calc(100% - 5px);
  font-size: 6px;
  width: calc(100% - 5px); }
  @media screen and (min-width: 500px) {
    .key--special .key-label {
      display: flex; } }
  @media screen and (min-width: 650px) {
    .key--special .key-label {
      color: #4a4a4a;
      font-size: 10px; } }
  @media screen and (min-width: 1024px) {
    .key--special .key-label {
      font-size: 12px; } }

.key--special-l .key-label {
  justify-content: flex-start;
  left: 5px; }

.key--special-r .key-label {
  justify-content: flex-end;
  right: 5px; }

.key--placement {
  height: 32px !important; }

.key-label {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  text-align: center;
  white-space: nowrap;
  width: 100%; }

.keyboard {
  box-sizing: border-box;
  position: relative;
  z-index: 1; }

.keyboard.is-localized .key-16.key--special-l {
  flex-basis: 113px; }

.keyboard.is-localized .key-16.key--special-r {
  flex-basis: 51px; }

.keyboard.is-localized .key-13 {
  flex-basis: 25px; }

.keyboard.is-localized .key-20 {
  flex-basis: 87px; }

.keyboard--a {
  background-color: #D9DADB;
  border: 1px solid rgba(0, 0, 0, 0.07); }

.keyboard--detail {
  background-color: #D9DADB;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background-image: linear-gradient(#cccdce, #e1e1e2 7%, #cdcfcf);
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.26), 0 1px 0 #8b8e90, 0 2px 0 #a6a9ab, 0 3px 0 #919191, 0 4px 5px rgba(0, 0, 0, 0.5); }

.keyboard--full {
  border-radius: 20px;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px; }

.keyboard--c {
  margin-left: auto;
  margin-right: auto; }

.keyboard--placement {
  background-color: #f7f7f7;
  border-radius: 5px;
  cursor: pointer; }
  .keyboard--placement:hover {
    background-color: #eaeaea; }

.keyboard--placement.is-active {
  background-color: #eaeaea; }

.keyboard-row {
  display: flex;
  flex: 1;
  justify-content: space-between;
  margin-bottom: 5px;
  max-height: 50px; }
  .keyboard-row:last-child {
    margin-bottom: 0; }

.keyboard-key {
  flex: 1;
  flex-basis: 40px;
  margin-right: 5px; }
  .keyboard-key:last-child {
    margin-right: 0; }

.keyboard-placementContents {
  padding: 5px 20px; }
  .keyboard-placementContents .keyboard-row {
    margin-bottom: 3px; }

.keyboard-placementKey {
  flex: 1;
  flex-basis: 50px;
  margin-right: 5px; }
  .keyboard-placementKey:last-child {
    margin-right: 0; }

.keyboard-placementTitle {
  font-size: 12px;
  padding: 0 5px 5px;
  text-align: center; }

.link {
  cursor: pointer;
  text-decoration: underline; }

.is-active.link--language {
  background-color: #eaeaea;
  font-weight: 700; }

.link--h {
  color: #3295db; }
  .link--h:active, .link--h:focus, .link--h:hover {
    color: rgba(50, 149, 219, 0.5); }

.link--i {
  color: #fff; }
  .link--i:active, .link--i:focus, .link--i:hover {
    color: rgba(255, 255, 255, 0.5); }

.link--error {
  color: #d62f43; }
  .link--error:active, .link--error:focus, .link--error:hover {
    color: rgba(214, 47, 67, 0.5); }

.link--bare {
  color: inherit;
  text-decoration: none;
  line-height: inherit;
  font-weight: inherit; }

.link--nu {
  text-decoration: none; }
  .link--nu:active, .link--nu:focus, .link--nu:hover {
    text-decoration: none; }

.link--icon svg {
  fill: currentColor; }

.link--language {
  border-radius: 5px;
  color: #4a4a4a;
  font-weight: 500;
  padding: 3px;
  text-decoration: none; }
  .link--language:hover {
    background-color: #f7f7f7; }

.link--xs {
  font-size: 12px; }

.link--s {
  font-size: 14px; }

.link--wrap {
  color: inherit;
  display: flex;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none; }
  .link--wrap > * {
    flex: 0; }
  .link--wrap:hover {
    color: inherit; }

.link--wrapGrow > * {
  flex: 1; }

.link--wrap-c {
  justify-content: center; }

.list {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.list--inline {
  align-items: baseline;
  display: flex; }
  .list--inline > .list-item {
    flex-grow: 0;
    margin-bottom: 0;
    margin-right: 20px; }
    .list--inline > .list-item:last-child {
      margin-right: 0; }

.list--styled {
  padding-left: 20px; }
  .list--styled > .list-item {
    display: list-item;
    list-style-type: disc; }

.list--styled--numbered > .list-item {
  list-style-type: decimal; }

.list--f > .list-item {
  margin-bottom: 0; }
  .list--f > .list-item:last-child {
    margin-bottom: 0; }

.list--xxs > .list-item {
  margin-bottom: 5px; }
  .list--xxs > .list-item:last-child {
    margin-bottom: 0; }

.list--xs > .list-item {
  margin-bottom: 10px; }
  .list--xs > .list-item:last-child {
    margin-bottom: 0; }

.list--s > .list-item {
  margin-bottom: 15px; }
  .list--s > .list-item:last-child {
    margin-bottom: 0; }

.list-- > .list-item {
  margin-bottom: 20px; }
  .list-- > .list-item:last-child {
    margin-bottom: 0; }

.list--m > .list-item {
  margin-bottom: 30px; }
  .list--m > .list-item:last-child {
    margin-bottom: 0; }

.list--l > .list-item {
  margin-bottom: 50px; }
  .list--l > .list-item:last-child {
    margin-bottom: 0; }

.list--xl > .list-item {
  margin-bottom: 80px; }
  .list--xl > .list-item:last-child {
    margin-bottom: 0; }

.list--xxl > .list-item {
  margin-bottom: 120px; }
  .list--xxl > .list-item:last-child {
    margin-bottom: 0; }

.list--jumbo > .list-item {
  margin-bottom: 160px; }
  .list--jumbo > .list-item:last-child {
    margin-bottom: 0; }

.list--inline.list--f > .list-item {
  margin-bottom: 0;
  margin-right: 0; }
  .list--inline.list--f > .list-item:last-child {
    margin-right: 0; }

.list--inline.list--xxs > .list-item {
  margin-bottom: 0;
  margin-right: 5px; }
  .list--inline.list--xxs > .list-item:last-child {
    margin-right: 0; }

.list--inline.list--xs > .list-item {
  margin-bottom: 0;
  margin-right: 10px; }
  .list--inline.list--xs > .list-item:last-child {
    margin-right: 0; }

.list--inline.list--s > .list-item {
  margin-bottom: 0;
  margin-right: 15px; }
  .list--inline.list--s > .list-item:last-child {
    margin-right: 0; }

.list--inline.list-- > .list-item {
  margin-bottom: 0;
  margin-right: 20px; }
  .list--inline.list-- > .list-item:last-child {
    margin-right: 0; }

.list--inline.list--m > .list-item {
  margin-bottom: 0;
  margin-right: 30px; }
  .list--inline.list--m > .list-item:last-child {
    margin-right: 0; }

.list--inline.list--l > .list-item {
  margin-bottom: 0;
  margin-right: 50px; }
  .list--inline.list--l > .list-item:last-child {
    margin-right: 0; }

.list--inline.list--xl > .list-item {
  margin-bottom: 0;
  margin-right: 80px; }
  .list--inline.list--xl > .list-item:last-child {
    margin-right: 0; }

.list--inline.list--xxl > .list-item {
  margin-bottom: 0;
  margin-right: 120px; }
  .list--inline.list--xxl > .list-item:last-child {
    margin-right: 0; }

.list--inline.list--jumbo > .list-item {
  margin-bottom: 0;
  margin-right: 160px; }
  .list--inline.list--jumbo > .list-item:last-child {
    margin-right: 0; }

.list--f > .list-item {
  margin-right: 0;
  margin-bottom: 0; }

.list--r {
  justify-content: flex-end; }

.list--end {
  align-items: flex-end; }

.list--c {
  justify-content: center; }

.list--flag {
  align-items: center; }

.list--wrap {
  flex-wrap: wrap; }

.list--column {
  column-count: 2;
  column-gap: 50px; }

.list-item {
  display: block;
  margin-bottom: 20px; }
  .list-item:last-child {
    margin-bottom: 0; }

.loading {
  height: 10px;
  position: relative; }
  .loading:before {
    position: absolute; }
  .loading:after {
    background: transparent;
    border-left: 10px solid rgba(38, 38, 38, 0);
    border-right: 10px solid rgba(38, 38, 38, 0);
    content: '';
    height: 10px;
    position: absolute;
    top: calc(50% - 5px);
    width: 5px;
    animation-delay: .5s; }

.loading--base {
  width: 55px; }
  .loading--base:before {
    background: transparent;
    border-left: 10px solid rgba(38, 38, 38, 0);
    border-right: 10px solid rgba(38, 38, 38, 0);
    content: '';
    height: 10px;
    left: calc(50% - 27.5px);
    top: calc(50% - 5px);
    width: 5px; }
  .loading--base:after {
    left: calc(50% + 2.5px); }

.loading--text {
  background: transparent;
  border-left: 10px solid rgba(38, 38, 38, 0);
  border-right: 10px solid rgba(38, 38, 38, 0);
  display: inline-block;
  left: -17.5px;
  margin-bottom: 15px;
  top: 20px;
  width: 5px; }
  .loading--text:before {
    content: attr(data-text);
    font-size: 14px;
    left: -4982px;
    text-align: center;
    top: -25px;
    width: 9999px; }
  .loading--text:after {
    left: 20px; }

.pillar {
  border-bottom: 2px solid #eaeaea;
  border-top: 2px solid #eaeaea;
  padding-bottom: 20px;
  padding-top: 20px; }

.pillar--dk {
  border-color: #a9a9a9; }

.pillar--i {
  border-color: #fff; }

.pillar--f {
  padding-top: 0;
  padding-bottom: 0; }

.pillar--xxs {
  padding-top: 5px;
  padding-bottom: 5px; }

.pillar--xs {
  padding-top: 10px;
  padding-bottom: 10px; }

.pillar--s {
  padding-top: 15px;
  padding-bottom: 15px; }

.pillar-- {
  padding-top: 20px;
  padding-bottom: 20px; }

.pillar--m {
  padding-top: 30px;
  padding-bottom: 30px; }

.pillar--l {
  padding-top: 50px;
  padding-bottom: 50px; }

.pillar--xl {
  padding-top: 80px;
  padding-bottom: 80px; }

.pillar--xxl {
  padding-top: 120px;
  padding-bottom: 120px; }

.pillar--jumbo {
  padding-top: 160px;
  padding-bottom: 160px; }

.pillar--b {
  border-top: none;
  padding-top: 0; }

.pillar--t {
  border-bottom: none;
  padding-bottom: 0; }

.popdown {
  cursor: pointer;
  position: relative;
  z-index: 2; }

.popdown[data-placement="top"] .popdown-items {
  bottom: calc(100% + 10px);
  top: unset; }
  .popdown[data-placement="top"] .popdown-items:before {
    border: 8px solid transparent;
    border-top: 8px solid #fff;
    border-bottom: 0;
    bottom: auto;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    margin: -8px 0 0 -8px;
    margin-bottom: 0;
    position: absolute;
    right: auto;
    top: 50%;
    width: 0;
    bottom: -8px;
    top: auto;
    top: 100%; }

.popdown-item--e.popdown-item,
.popdown-item.popdown-item--e:hover {
  color: #d62f43; }

.popdown-item--s.popdown-item,
.popdown-item.popdown-item--s:hover {
  color: #71b16b; }

.popdown--nav .popdown-items {
  font-size: 11px; }
  @media screen and (min-width: 650px) {
    .popdown--nav .popdown-items {
      font-size: 14px; } }

.popdown--skewed-r .popdown-items, .popdown--skewed-r[data-placement="top"] .popdown-items {
  left: calc(-50% - 10px); }
  .popdown--skewed-r .popdown-items:before, .popdown--skewed-r[data-placement="top"] .popdown-items:before {
    left: calc(100% - 20px); }

.popdown:hover .popdown-items, .popdown.is-hover .popdown-items {
  display: block; }

.popdown:hover:before, .popdown.is-hover:before {
  background-color: transparent;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: -20px;
  z-index: -1; }

.popdown:hover[data-placement="top"]:before, .popdown.is-hover[data-placement="top"]:before {
  bottom: 0;
  top: -20px; }

.popdown-item {
  border-top: 2px solid #eaeaea;
  color: #3295db;
  cursor: pointer;
  display: block;
  line-height: 1.5;
  margin-bottom: 0;
  padding: 10px 20px;
  text-align: left;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  white-space: nowrap; }
  .popdown-item:hover, .popdown-item:focus, .popdown-item:active, .popdown-item.is-active {
    background-color: #fff;
    color: #3295db; }
  .popdown-item:first-child {
    border: none;
    border-radius: 5px 5px 0 0; }
  .popdown-item:last-child {
    border-radius: 0 0 5px 5px; }

.popdown-items {
  background-color: #f7f7f7;
  border: 2px solid #eaeaea;
  border-radius: 5px;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);
  display: none;
  left: 50%;
  min-width: 140px;
  opacity: 1;
  padding-inline-start: 0;
  position: absolute;
  top: calc(100% + 10px);
  transition: all 0.25s ease-in-out;
  transform: translateX(-50%);
  z-index: 5; }
  .popdown-items:before {
    border: 8px solid transparent;
    border-bottom: 8px solid #eaeaea;
    border-top: 0;
    bottom: auto;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    margin: -8px 0 0 -8px;
    margin-top: 0;
    position: absolute;
    right: auto;
    top: 50%;
    width: 0;
    top: -8px;
    bottom: auto; }

.popdown-title {
  min-width: 150px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px; }

.row {
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px; }

.row--f {
  padding-left: 0;
  padding-right: 0; }

.row--xxs {
  padding-left: 5px;
  padding-right: 5px; }

.row--xs {
  padding-left: 10px;
  padding-right: 10px; }

.row--s {
  padding-left: 15px;
  padding-right: 15px; }

.row-- {
  padding-left: 20px;
  padding-right: 20px; }

.row--m {
  padding-left: 30px;
  padding-right: 30px; }

.row--l {
  padding-left: 50px;
  padding-right: 50px; }

.row--xl {
  padding-left: 80px;
  padding-right: 80px; }

.row--xxl {
  padding-left: 120px;
  padding-right: 120px; }

.row--jumbo {
  padding-left: 160px;
  padding-right: 160px; }

.row--o {
  overflow: visible; }

.row--f {
  padding: 0; }

.screenCode {
  font-size: 16px;
  max-height: 211px;
  overflow: hidden;
  transition: all 0.25s ease-in-out; }
  @media screen and (min-width: 650px) {
    .screenCode {
      font-size: 18px; } }

.screenCode-line--disabled {
  background: #eaeaea;
  border-radius: 10px;
  box-shadow: white 0 -1px 0 0 inset; }

.screenCode-letter--syntax1 {
  color: #a9a9a9; }

.screenCode-letter--syntax2 {
  color: #355c99; }

.screenCode-letter--syntax3 {
  color: #ffa850; }

.screenCode-letter--syntax4 {
  color: #c541cc; }

.screenCode-letter--syntax5 {
  color: #7b5dce; }

.screenCode--completion {
  position: relative; }
  .screenCode--completion .screenCode-number {
    left: 10px;
    line-height: 24px; }
  .screenCode--completion .screenCode-line {
    margin-left: 55px;
    width: calc(100% - 67px); }
  .screenCode--completion .screenCode-letter, .screenCode--completion .screenCode-letter-disabled {
    line-height: 16px;
    min-width: 6px; }

.screenCode-label {
  border-radius: 5px;
  color: #4a4a4a;
  font-family: "pt-mono", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  padding: 2px 5px; }

.screenCode--tag {
  background-color: #a9a9a9;
  color: #fff; }

.screenCode--attribute {
  background-color: #ffa850;
  color: #fff; }

.screenCode--keyword {
  background: #ffebb1; }

.screenCode--comment {
  color: #828282;
  background: #f7f7f7; }

.screenCode--codeBlock {
  font-family: "pt-mono", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; }

.screenCode-line {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  margin-left: 42px;
  width: calc(100% - 43px);
  z-index: 3; }

.screenCode-lines {
  font-family: "pt-mono", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  overflow: hidden;
  padding-top: 1px; }

.screenCode-letter, .screenCode-letter-disabled {
  border-bottom: 3px solid transparent;
  display: inline-block;
  line-height: 30px;
  margin: 1px;
  min-width: 8px; }
  @media screen and (min-width: 650px) {
    .screenCode-letter, .screenCode-letter-disabled {
      min-width: 10px; } }

.screenCode-letter-disabled {
  color: #a9a9a9; }

.screenCode-lineBreak {
  width: 100%; }

.screenCode-number {
  color: #a9a9a9;
  font-size: 16px;
  line-height: 35px;
  margin-right: 10px;
  padding-right: 5px;
  position: absolute;
  text-align: right;
  width: 27px; }
  .screenCode-number::after {
    border-right: 2px solid #eaeaea;
    content: '';
    height: 1000px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0px; }

.screenReader {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }
  .screenReader:focus {
    clip: auto;
    display: inline-block;
    height: auto;
    position: absolute;
    width: auto;
    z-index: 2; }

.screenReader-skipLink {
  left: 50%;
  position: absolute;
  transform: translate(-50%, -200px);
  transition: all 0.25s ease-in-out;
  top: 20px;
  z-index: 10; }
  .screenReader-skipLink:focus {
    transform: translate(-50%, 0); }

.search-input.search--fw {
  width: calc(100% - 95px); }

.search-input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-right: 40px;
  width: 240px; }
  .search-input::placeholder {
    font-size: 14px;
    line-height: 1.8; }

.search-btn {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.session {
  background-color: #fff;
  display: flex;
  min-height: 100vh;
  min-width: 100vw; }

.session-content {
  display: flex;
  flex: 1;
  position: relative;
  flex-direction: column;
  justify-content: space-between; }

.session-footer {
  flex: 0 1 auto; }

.session-header {
  flex: 0 1 auto; }

.session-main {
  flex: 1; }

.session-sidebar {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 400px;
  padding: 30px;
  width: 30%; }

.session-sidebarContent {
  align-items: center;
  display: flex;
  flex: 1; }

.session-sidebarImage {
  display: none; }
  @media screen and (min-height: 750px) {
    .session-sidebarImage {
      display: block; } }

.sessionForm--sectioned .sessionForm-body {
  align-content: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  transition: all 0.25s ease-in-out; }

.sessionForm--sectioned .sessionForm-section {
  transition: all 0.25s ease-in-out;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%; }

.sessionForm--error .sessionForm-footer {
  background-color: #d62f43; }

.sessionForm--error .sessionForm-message {
  color: #fff;
  padding: 10px 0; }
  @media screen and (min-width: 650px) {
    .sessionForm--error .sessionForm-message {
      padding: 0; } }

.sessionForm[data-steps="2"] .sessionForm-body {
  width: 200%; }

.sessionForm[data-steps="3"] .sessionForm-body {
  width: 300%; }

.sessionForm[data-active="2"] .sessionForm-body {
  margin-left: -100%; }

.sessionForm[data-active="3"] .sessionForm-body {
  margin-left: -200%; }

.sessionForm-cap.is-active {
  opacity: 1;
  position: static;
  transform: translateY(0);
  transition: opacity 0.5s ease-in-out, transform 0.25s ease-in-out; }

.sessionForm-cap {
  background: #a7d2ef;
  border-radius: 10px;
  color: #fff;
  opacity: 0;
  position: absolute;
  transform: translateY(100%);
  transition: none; }

.sessionForm-capSubtitle {
  color: rgba(255, 255, 255, 0.8); }

.sessionForm-capTitle {
  font-weight: 700; }
  @media screen and (min-width: 650px) {
    .sessionForm-capTitle {
      font-size: 20px; } }

.sessionForm-field {
  box-sizing: border-box;
  margin-bottom: 20px; }

.sessionForm-checkbox {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap; }

.sessionForm-submit {
  border: none;
  border-radius: 0px 0px 10px 0px;
  text-transform: uppercase;
  width: 100%; }
  @media screen and (min-width: 650px) {
    .sessionForm-submit {
      width: auto; } }
  .sessionForm-submit:hover {
    background-color: #ffc213; }

.sessionForm-message {
  font-size: 14px;
  text-align: center; }
  @media screen and (min-width: 650px) {
    .sessionForm-message {
      text-align: left; } }

@media screen and (max-width: 500px) {
  .sessionForm-sso {
    margin-right: 0 !important;
    width: 100%; }
    .sessionForm-sso .btn--service {
      width: 100%; } }

.sessionForm-wrapper {
  overflow: hidden; }

.sessionNav-item {
  border-right: 2px solid #eaeaea;
  padding-right: 10px;
  z-index: 2; }
  .sessionNav-item:last-child {
    border-right: none;
    padding-right: 0px; }

.sessionNav-list, .sessionNav-logo {
  justify-content: center; }
  @media screen and (min-width: 650px) {
    .sessionNav-list, .sessionNav-logo {
      justify-content: flex-end; } }

.split {
  align-items: baseline;
  display: flex;
  justify-content: space-between; }

.split--end {
  align-items: flex-end; }

.split--flag {
  align-items: center; }

.split--start {
  align-items: flex-start; }

.split--stretch {
  align-items: stretch; }

.split--reverse .split-cell:last-child {
  flex-grow: 1; }

.split--f > .split-cell:first-child {
  padding-right: 0; }

.split--xxs > .split-cell:first-child {
  padding-right: 5px; }

.split--xs > .split-cell:first-child {
  padding-right: 10px; }

.split--s > .split-cell:first-child {
  padding-right: 15px; }

.split-- > .split-cell:first-child {
  padding-right: 20px; }

.split--m > .split-cell:first-child {
  padding-right: 30px; }

.split--l > .split-cell:first-child {
  padding-right: 50px; }

.split--xl > .split-cell:first-child {
  padding-right: 80px; }

.split--xxl > .split-cell:first-child {
  padding-right: 120px; }

.split--jumbo > .split-cell:first-child {
  padding-right: 160px; }

.split--fw {
  width: 100%; }

.split--wrap {
  flex-wrap: wrap; }

.split-cell {
  min-width: 0; }
  .split-cell:first-child {
    flex-grow: 1;
    padding-right: 20px; }
  .split-cell:last-child {
    flex-shrink: 0; }

.stall {
  border-left: 2px solid #eaeaea;
  border-right: 2px solid #eaeaea;
  padding-left: 20px;
  padding-right: 20px; }

.stall--i {
  border-color: #fff; }

.stall--f {
  padding-right: 0;
  padding-left: 0; }

.stall--xxs {
  padding-right: 5px;
  padding-left: 5px; }

.stall--xs {
  padding-right: 10px;
  padding-left: 10px; }

.stall--s {
  padding-right: 15px;
  padding-left: 15px; }

.stall-- {
  padding-right: 20px;
  padding-left: 20px; }

.stall--m {
  padding-right: 30px;
  padding-left: 30px; }

.stall--l {
  padding-right: 50px;
  padding-left: 50px; }

.stall--xl {
  padding-right: 80px;
  padding-left: 80px; }

.stall--xxl {
  padding-right: 120px;
  padding-left: 120px; }

.stall--jumbo {
  padding-right: 160px;
  padding-left: 160px; }

@media screen and (max-width: 400px) {
  .stall_xs {
    border-left: none;
    border-right: none;
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 500px) {
  .stall_s {
    border-left: none;
    border-right: none;
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 650px) {
  .stall_m {
    border-left: none;
    border-right: none;
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 800px) {
  .stall_l {
    border-left: none;
    border-right: none;
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 1024px) {
  .stall_xl {
    border-left: none;
    border-right: none;
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 1280px) {
  .stall_xxl {
    border-left: none;
    border-right: none;
    padding-left: 0;
    padding-right: 0; } }

.stall--left {
  border-right: none;
  padding-right: 0; }

.stall--right {
  border-left: none;
  padding-left: 0; }

input.switch {
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  color: #4273bf;
  font: inherit;
  left: -9999px;
  line-height: normal;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: auto;
  transition: all 0.25s ease-in-out; }
  input.switch:hover + .switch-label:before, input.switch:hover + .switch-label:after {
    background-color: #688fcc; }
  input.switch:checked + .switch-label:after {
    background-color: #4273bf;
    transition: all 0.25s ease-in-out;
    transform: translate(36px, 0); }
  input.switch:checked + .switch-label:before {
    background-color: #4273bf;
    content: attr(data-on);
    padding-left: 0;
    padding-right: 14px; }
  input.switch:checked:hover + .switch-label {
    color: #355c99; }
    input.switch:checked:hover + .switch-label:after, input.switch:checked:hover + .switch-label:before {
      background-color: #355c99; }
  input.switch:disabled + .switch-label:before, input.switch:disabled + .switch-label:after {
    background-color: #eaeaea; }
  input.switch:disabled:hover + .switch-label:before, input.switch:disabled:hover + .switch-label:after {
    background-color: #eaeaea; }

.switch--l.has-switch {
  width: 100px; }
  .switch--l.has-switch input.switch:checked + .switch-label:after {
    transform: translate(80px, 0); }

.has-switch {
  height: 20px;
  position: relative;
  right: 2px;
  width: 56px; }

.switch-label {
  display: inline-block;
  color: #4a4a4a;
  cursor: pointer;
  padding-left: 68px;
  transition: all 0.25s ease-in-out; }
  .switch-label:after {
    background-color: #8eabd9;
    border-radius: 50%;
    border: 2px solid #fff;
    content: "";
    display: block;
    left: -2px;
    height: 22px;
    opacity: 1;
    position: absolute;
    top: -3px;
    transition: all 0.25s ease-in-out;
    transform: translate(0, 0);
    width: 22px; }
  .switch-label:before {
    background-color: #8eabd9;
    border-radius: 2em;
    bottom: 0;
    box-sizing: border-box;
    content: attr(data-off);
    color: #fff;
    display: flex;
    flex-flow: column nowrap;
    font-size: 12px;
    justify-content: center;
    left: 0px;
    position: absolute;
    padding-left: 21px;
    padding-right: 0;
    right: 0;
    text-align: center;
    transition: all 0.25s ease-in-out;
    top: 0; }

.tab {
  cursor: pointer;
  transition: all 0.25s ease-in-out; }

.type--mono {
  font-family: "pt-mono", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; }

.type--l {
  font-size: 40px; }

.type--f {
  margin: 0;
  padding: 0; }

.type--smallcaps {
  text-transform: uppercase;
  letter-spacing: 1px; }

.type-blank {
  width: 200px;
  border-bottom: 4px solid currentColor;
  display: inline-block;
  margin: 0 2px -2px; }

.vertCenter {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.vertCenter-content {
  flex: 0 0 auto; }

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

.well--f {
  margin-bottom: 0;
  margin-top: 0; }

.well--xxs {
  margin-bottom: 5px;
  margin-top: 5px; }

.well--xs {
  margin-bottom: 10px;
  margin-top: 10px; }

.well--s {
  margin-bottom: 15px;
  margin-top: 15px; }

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

.well--m {
  margin-bottom: 30px;
  margin-top: 30px; }

.well--l {
  margin-bottom: 50px;
  margin-top: 50px; }

.well--xl {
  margin-bottom: 80px;
  margin-top: 80px; }

.well--xxl {
  margin-bottom: 120px;
  margin-top: 120px; }

.well--jumbo {
  margin-bottom: 160px;
  margin-top: 160px; }

.well--p {
  padding-bottom: 20px;
  padding-top: 20px; }

.well--f_p {
  padding-bottom: 0;
  padding-top: 0; }

.well--xxs_p {
  padding-bottom: 5px;
  padding-top: 5px; }

.well--xs_p {
  padding-bottom: 10px;
  padding-top: 10px; }

.well--s_p {
  padding-bottom: 15px;
  padding-top: 15px; }

.well--_p {
  padding-bottom: 20px;
  padding-top: 20px; }

.well--m_p {
  padding-bottom: 30px;
  padding-top: 30px; }

.well--l_p {
  padding-bottom: 50px;
  padding-top: 50px; }

.well--xl_p {
  padding-bottom: 80px;
  padding-top: 80px; }

.well--xxl_p {
  padding-bottom: 120px;
  padding-top: 120px; }

.well--jumbo_p {
  padding-bottom: 160px;
  padding-top: 160px; }

.well--t {
  margin-bottom: 0; }

.well--b {
  margin-top: 0; }

.well--pt {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0; }

.well--pb {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0; }

.well--nt_s {
  margin-top: -15px; }

.well--nt {
  margin-top: -20px; }

.well--nt_m {
  margin-top: -30px; }

.well--nt_l {
  margin-top: -50px; }

.well--nb {
  margin-bottom: -20px; }

@media screen and (max-width: 400px) {
  .well--f_xs {
    margin-bottom: 0;
    margin-top: 0; }
    .well--f_xs.well--t {
      margin-bottom: 0; }
    .well--f_xs.well--b {
      margin-top: 0; } }

@media screen and (max-width: 400px) {
  .well--xxs_xs {
    margin-bottom: 5px;
    margin-top: 5px; }
    .well--xxs_xs.well--t {
      margin-bottom: 0; }
    .well--xxs_xs.well--b {
      margin-top: 0; } }

@media screen and (max-width: 400px) {
  .well--xs_xs {
    margin-bottom: 10px;
    margin-top: 10px; }
    .well--xs_xs.well--t {
      margin-bottom: 0; }
    .well--xs_xs.well--b {
      margin-top: 0; } }

@media screen and (max-width: 400px) {
  .well--s_xs {
    margin-bottom: 15px;
    margin-top: 15px; }
    .well--s_xs.well--t {
      margin-bottom: 0; }
    .well--s_xs.well--b {
      margin-top: 0; } }

@media screen and (max-width: 400px) {
  .well--_xs {
    margin-bottom: 20px;
    margin-top: 20px; }
    .well--_xs.well--t {
      margin-bottom: 0; }
    .well--_xs.well--b {
      margin-top: 0; } }

@media screen and (max-width: 400px) {
  .well--m_xs {
    margin-bottom: 30px;
    margin-top: 30px; }
    .well--m_xs.well--t {
      margin-bottom: 0; }
    .well--m_xs.well--b {
      margin-top: 0; } }

@media screen and (max-width: 400px) {
  .well--l_xs {
    margin-bottom: 50px;
    margin-top: 50px; }
    .well--l_xs.well--t {
      margin-bottom: 0; }
    .well--l_xs.well--b {
      margin-top: 0; } }

@media screen and (max-width: 400px) {
  .well--xl_xs {
    margin-bottom: 80px;
    margin-top: 80px; }
    .well--xl_xs.well--t {
      margin-bottom: 0; }
    .well--xl_xs.well--b {
      margin-top: 0; } }

@media screen and (max-width: 400px) {
  .well--xxl_xs {
    margin-bottom: 120px;
    margin-top: 120px; }
    .well--xxl_xs.well--t {
      margin-bottom: 0; }
    .well--xxl_xs.well--b {
      margin-top: 0; } }

@media screen and (max-width: 400px) {
  .well--jumbo_xs {
    margin-bottom: 160px;
    margin-top: 160px; }
    .well--jumbo_xs.well--t {
      margin-bottom: 0; }
    .well--jumbo_xs.well--b {
      margin-top: 0; } }

@media screen and (max-width: 500px) {
  .well--f_s {
    margin-bottom: 0;
    margin-top: 0; }
    .well--f_s.well--t {
      margin-bottom: 0; }
    .well--f_s.well--b {
      margin-top: 0; } }

@media screen and (max-width: 500px) {
  .well--xxs_s {
    margin-bottom: 5px;
    margin-top: 5px; }
    .well--xxs_s.well--t {
      margin-bottom: 0; }
    .well--xxs_s.well--b {
      margin-top: 0; } }

@media screen and (max-width: 500px) {
  .well--xs_s {
    margin-bottom: 10px;
    margin-top: 10px; }
    .well--xs_s.well--t {
      margin-bottom: 0; }
    .well--xs_s.well--b {
      margin-top: 0; } }

@media screen and (max-width: 500px) {
  .well--s_s {
    margin-bottom: 15px;
    margin-top: 15px; }
    .well--s_s.well--t {
      margin-bottom: 0; }
    .well--s_s.well--b {
      margin-top: 0; } }

@media screen and (max-width: 500px) {
  .well--_s {
    margin-bottom: 20px;
    margin-top: 20px; }
    .well--_s.well--t {
      margin-bottom: 0; }
    .well--_s.well--b {
      margin-top: 0; } }

@media screen and (max-width: 500px) {
  .well--m_s {
    margin-bottom: 30px;
    margin-top: 30px; }
    .well--m_s.well--t {
      margin-bottom: 0; }
    .well--m_s.well--b {
      margin-top: 0; } }

@media screen and (max-width: 500px) {
  .well--l_s {
    margin-bottom: 50px;
    margin-top: 50px; }
    .well--l_s.well--t {
      margin-bottom: 0; }
    .well--l_s.well--b {
      margin-top: 0; } }

@media screen and (max-width: 500px) {
  .well--xl_s {
    margin-bottom: 80px;
    margin-top: 80px; }
    .well--xl_s.well--t {
      margin-bottom: 0; }
    .well--xl_s.well--b {
      margin-top: 0; } }

@media screen and (max-width: 500px) {
  .well--xxl_s {
    margin-bottom: 120px;
    margin-top: 120px; }
    .well--xxl_s.well--t {
      margin-bottom: 0; }
    .well--xxl_s.well--b {
      margin-top: 0; } }

@media screen and (max-width: 500px) {
  .well--jumbo_s {
    margin-bottom: 160px;
    margin-top: 160px; }
    .well--jumbo_s.well--t {
      margin-bottom: 0; }
    .well--jumbo_s.well--b {
      margin-top: 0; } }

@media screen and (max-width: 650px) {
  .well--f_m {
    margin-bottom: 0;
    margin-top: 0; }
    .well--f_m.well--t {
      margin-bottom: 0; }
    .well--f_m.well--b {
      margin-top: 0; } }

@media screen and (max-width: 650px) {
  .well--xxs_m {
    margin-bottom: 5px;
    margin-top: 5px; }
    .well--xxs_m.well--t {
      margin-bottom: 0; }
    .well--xxs_m.well--b {
      margin-top: 0; } }

@media screen and (max-width: 650px) {
  .well--xs_m {
    margin-bottom: 10px;
    margin-top: 10px; }
    .well--xs_m.well--t {
      margin-bottom: 0; }
    .well--xs_m.well--b {
      margin-top: 0; } }

@media screen and (max-width: 650px) {
  .well--s_m {
    margin-bottom: 15px;
    margin-top: 15px; }
    .well--s_m.well--t {
      margin-bottom: 0; }
    .well--s_m.well--b {
      margin-top: 0; } }

@media screen and (max-width: 650px) {
  .well--_m {
    margin-bottom: 20px;
    margin-top: 20px; }
    .well--_m.well--t {
      margin-bottom: 0; }
    .well--_m.well--b {
      margin-top: 0; } }

@media screen and (max-width: 650px) {
  .well--m_m {
    margin-bottom: 30px;
    margin-top: 30px; }
    .well--m_m.well--t {
      margin-bottom: 0; }
    .well--m_m.well--b {
      margin-top: 0; } }

@media screen and (max-width: 650px) {
  .well--l_m {
    margin-bottom: 50px;
    margin-top: 50px; }
    .well--l_m.well--t {
      margin-bottom: 0; }
    .well--l_m.well--b {
      margin-top: 0; } }

@media screen and (max-width: 650px) {
  .well--xl_m {
    margin-bottom: 80px;
    margin-top: 80px; }
    .well--xl_m.well--t {
      margin-bottom: 0; }
    .well--xl_m.well--b {
      margin-top: 0; } }

@media screen and (max-width: 650px) {
  .well--xxl_m {
    margin-bottom: 120px;
    margin-top: 120px; }
    .well--xxl_m.well--t {
      margin-bottom: 0; }
    .well--xxl_m.well--b {
      margin-top: 0; } }

@media screen and (max-width: 650px) {
  .well--jumbo_m {
    margin-bottom: 160px;
    margin-top: 160px; }
    .well--jumbo_m.well--t {
      margin-bottom: 0; }
    .well--jumbo_m.well--b {
      margin-top: 0; } }

@media screen and (max-width: 800px) {
  .well--f_l {
    margin-bottom: 0;
    margin-top: 0; }
    .well--f_l.well--t {
      margin-bottom: 0; }
    .well--f_l.well--b {
      margin-top: 0; } }

@media screen and (max-width: 800px) {
  .well--xxs_l {
    margin-bottom: 5px;
    margin-top: 5px; }
    .well--xxs_l.well--t {
      margin-bottom: 0; }
    .well--xxs_l.well--b {
      margin-top: 0; } }

@media screen and (max-width: 800px) {
  .well--xs_l {
    margin-bottom: 10px;
    margin-top: 10px; }
    .well--xs_l.well--t {
      margin-bottom: 0; }
    .well--xs_l.well--b {
      margin-top: 0; } }

@media screen and (max-width: 800px) {
  .well--s_l {
    margin-bottom: 15px;
    margin-top: 15px; }
    .well--s_l.well--t {
      margin-bottom: 0; }
    .well--s_l.well--b {
      margin-top: 0; } }

@media screen and (max-width: 800px) {
  .well--_l {
    margin-bottom: 20px;
    margin-top: 20px; }
    .well--_l.well--t {
      margin-bottom: 0; }
    .well--_l.well--b {
      margin-top: 0; } }

@media screen and (max-width: 800px) {
  .well--m_l {
    margin-bottom: 30px;
    margin-top: 30px; }
    .well--m_l.well--t {
      margin-bottom: 0; }
    .well--m_l.well--b {
      margin-top: 0; } }

@media screen and (max-width: 800px) {
  .well--l_l {
    margin-bottom: 50px;
    margin-top: 50px; }
    .well--l_l.well--t {
      margin-bottom: 0; }
    .well--l_l.well--b {
      margin-top: 0; } }

@media screen and (max-width: 800px) {
  .well--xl_l {
    margin-bottom: 80px;
    margin-top: 80px; }
    .well--xl_l.well--t {
      margin-bottom: 0; }
    .well--xl_l.well--b {
      margin-top: 0; } }

@media screen and (max-width: 800px) {
  .well--xxl_l {
    margin-bottom: 120px;
    margin-top: 120px; }
    .well--xxl_l.well--t {
      margin-bottom: 0; }
    .well--xxl_l.well--b {
      margin-top: 0; } }

@media screen and (max-width: 800px) {
  .well--jumbo_l {
    margin-bottom: 160px;
    margin-top: 160px; }
    .well--jumbo_l.well--t {
      margin-bottom: 0; }
    .well--jumbo_l.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1024px) {
  .well--f_xl {
    margin-bottom: 0;
    margin-top: 0; }
    .well--f_xl.well--t {
      margin-bottom: 0; }
    .well--f_xl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1024px) {
  .well--xxs_xl {
    margin-bottom: 5px;
    margin-top: 5px; }
    .well--xxs_xl.well--t {
      margin-bottom: 0; }
    .well--xxs_xl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1024px) {
  .well--xs_xl {
    margin-bottom: 10px;
    margin-top: 10px; }
    .well--xs_xl.well--t {
      margin-bottom: 0; }
    .well--xs_xl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1024px) {
  .well--s_xl {
    margin-bottom: 15px;
    margin-top: 15px; }
    .well--s_xl.well--t {
      margin-bottom: 0; }
    .well--s_xl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1024px) {
  .well--_xl {
    margin-bottom: 20px;
    margin-top: 20px; }
    .well--_xl.well--t {
      margin-bottom: 0; }
    .well--_xl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1024px) {
  .well--m_xl {
    margin-bottom: 30px;
    margin-top: 30px; }
    .well--m_xl.well--t {
      margin-bottom: 0; }
    .well--m_xl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1024px) {
  .well--l_xl {
    margin-bottom: 50px;
    margin-top: 50px; }
    .well--l_xl.well--t {
      margin-bottom: 0; }
    .well--l_xl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1024px) {
  .well--xl_xl {
    margin-bottom: 80px;
    margin-top: 80px; }
    .well--xl_xl.well--t {
      margin-bottom: 0; }
    .well--xl_xl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1024px) {
  .well--xxl_xl {
    margin-bottom: 120px;
    margin-top: 120px; }
    .well--xxl_xl.well--t {
      margin-bottom: 0; }
    .well--xxl_xl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1024px) {
  .well--jumbo_xl {
    margin-bottom: 160px;
    margin-top: 160px; }
    .well--jumbo_xl.well--t {
      margin-bottom: 0; }
    .well--jumbo_xl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1280px) {
  .well--f_xxl {
    margin-bottom: 0;
    margin-top: 0; }
    .well--f_xxl.well--t {
      margin-bottom: 0; }
    .well--f_xxl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1280px) {
  .well--xxs_xxl {
    margin-bottom: 5px;
    margin-top: 5px; }
    .well--xxs_xxl.well--t {
      margin-bottom: 0; }
    .well--xxs_xxl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1280px) {
  .well--xs_xxl {
    margin-bottom: 10px;
    margin-top: 10px; }
    .well--xs_xxl.well--t {
      margin-bottom: 0; }
    .well--xs_xxl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1280px) {
  .well--s_xxl {
    margin-bottom: 15px;
    margin-top: 15px; }
    .well--s_xxl.well--t {
      margin-bottom: 0; }
    .well--s_xxl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1280px) {
  .well--_xxl {
    margin-bottom: 20px;
    margin-top: 20px; }
    .well--_xxl.well--t {
      margin-bottom: 0; }
    .well--_xxl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1280px) {
  .well--m_xxl {
    margin-bottom: 30px;
    margin-top: 30px; }
    .well--m_xxl.well--t {
      margin-bottom: 0; }
    .well--m_xxl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1280px) {
  .well--l_xxl {
    margin-bottom: 50px;
    margin-top: 50px; }
    .well--l_xxl.well--t {
      margin-bottom: 0; }
    .well--l_xxl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1280px) {
  .well--xl_xxl {
    margin-bottom: 80px;
    margin-top: 80px; }
    .well--xl_xxl.well--t {
      margin-bottom: 0; }
    .well--xl_xxl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1280px) {
  .well--xxl_xxl {
    margin-bottom: 120px;
    margin-top: 120px; }
    .well--xxl_xxl.well--t {
      margin-bottom: 0; }
    .well--xxl_xxl.well--b {
      margin-top: 0; } }

@media screen and (max-width: 1280px) {
  .well--jumbo_xxl {
    margin-bottom: 160px;
    margin-top: 160px; }
    .well--jumbo_xxl.well--t {
      margin-bottom: 0; }
    .well--jumbo_xxl.well--b {
      margin-top: 0; } }

html {
  color: #4a4a4a;
  letter-spacing: 0.2px;
  overflow-x: hidden; }

body {
  background: #fff;
  min-height: 100vh;
  overflow: hidden;
  position: relative; }

dl, ol, ul, p {
  margin-bottom: 20px;
  margin-top: 0; }

dd, li {
  margin-bottom: 10px;
  margin-top: 0; }

dd {
  margin-left: 0; }

dt {
  font-weight: 700; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "museo-sans-rounded-bold", sans-serif;
  font-weight: 700;
  line-height: 1.2; }

h1, .h1 {
  font-size: 48px; }
  @media screen and (min-width: 650px) {
    h1, .h1 {
      font-size: 64px; } }

h2, .h2 {
  font-size: 36px; }
  @media screen and (min-width: 650px) {
    h2, .h2 {
      font-size: 48px; } }

h3, .h3 {
  font-size: 28px; }
  @media screen and (min-width: 650px) {
    h3, .h3 {
      font-size: 36px; } }

h4, .h4 {
  font-size: 28px; }

h5, .h5 {
  font-size: 24px; }

h6, .h6 {
  font-size: 20px; }

code, pre {
  font-family: "pt-mono", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; }

a {
  color: #3295db;
  display: inline-block;
  font-weight: 500;
  text-decoration: underline;
  transition: color 0.25s ease-in-out; }
  a:active, a:hover, a:focus {
    color: #a7d2ef; }

img {
  height: auto;
  max-width: 100%; }

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

input,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-radius: 10px;
  border: 2px solid #fff;
  box-sizing: border-box;
  color: #4a4a4a;
  line-height: 27px;
  outline: 0;
  padding: 8px 15px;
  width: 100%; }
  input:hover,
  textarea:hover,
  select:hover {
    border: 2px solid #a7d2ef; }
  input::placeholder,
  textarea::placeholder,
  select::placeholder {
    color: #d5d5d5; }

select::-ms-expand {
  display: none; }

input[type='checkbox'] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #a9a9a9;
  border-radius: 5px;
  height: 1em;
  margin-right: 5px;
  outline: none;
  position: relative;
  top: 3px;
  transition: all 0.25s ease-in-out;
  width: 1em; }
  input[type='checkbox']:checked {
    background: #3295db;
    border-color: #3295db;
    background-image: linear-gradient(180deg, #fff 2px, transparent 2px), linear-gradient(-90deg, #fff 2px, transparent 2px), linear-gradient(90deg, #fff 2px, transparent 2px), linear-gradient(0deg, #fff 2px, transparent 2px); }

label {
  font-size: 14px; }

.animate--bounce-right {
  animation-name: bounce-right; }

.animate--spin {
  animation-name: spin; }

@keyframes bounce-right {
  0%, 100% {
    left: 0; }
  60%, 80% {
    left: -2%; }
  70% {
    left: 8%; }
  90% {
    left: 3%; } }

@keyframes spin {
  0% {
    transform: rotateX(20deg) rotateY(10deg) rotateZ(10deg); }
  100% {
    transform: rotateX(380deg) rotateY(370deg) rotateZ(370deg); } }

@media screen and (min-width: 800px) {
  .benefit {
    background-color: rgba(242, 248, 254, 0);
    border-radius: 10px;
    padding: 15px;
    transition: all 0.25s ease-in-out; } }

@media screen and (max-width: 800px) {
  .benefit {
    border-bottom: 2px solid #eaeaea;
    font-size: 14px;
    margin-bottom: 30px;
    padding-bottom: 30px; }
    .benefit:last-of-type {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0; } }

.benefit--click {
  cursor: pointer; }
  .benefit--click:hover.benefit {
    background-color: #F2F8FE; }
  .benefit--click:hover .benefit-icon {
    background-color: #fff; }

@media screen and (min-width: 800px) {
  .is-active.benefit {
    background-color: #F2F8FE; }
  .is-active .benefit-icon {
    background-color: #fff;
    border-color: #3295db;
    transform: scale(1.1); } }

.benefit-icon_l {
  height: 80px;
  width: 80px; }

.benefit-video {
  align-self: center;
  height: 340px;
  width: 511px; }
  @media screen and (min-width: 1024px) {
    .benefit-video {
      height: 400px;
      width: 600px; } }

.benefit-videos {
  left: 50%;
  position: absolute;
  width: 600px; }

.benefit-mobile {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 800px) {
    .benefit-mobile {
      margin-bottom: 20px; } }

.benefit-mobile-video {
  border-radius: 10px;
  border: 2px solid #eaeaea; }
  @media screen and (min-width: 500px) {
    .benefit-mobile-video {
      height: 310px; } }
  @media screen and (max-width: 500px) {
    .benefit-mobile-video {
      height: 230px; } }
  @media screen and (max-width: 400px) {
    .benefit-mobile-video {
      height: 180px; } }

.bg {
  background-color: #fff; }

.bg--gxxlt {
  background: #f7f7f7; }

.bg--gxlt {
  background: #eaeaea; }

.bg--glt {
  background: #d5d5d5; }

.bg--xdk {
  background-color: #4a4a4a; }

.bg--hero {
  background: linear-gradient(#0b85bb, #a7d2ef); }

.bg--blue {
  background-color: #3295db; }

.bg--green {
  background-color: #71b16b; }

.bg--iconPattern {
  background-image: url("/dist/site_typing/images/backgrounds/icon-pattern.svg");
  background-position: center;
  background-size: 250px;
  position: relative;
  z-index: 0; }
  .bg--iconPattern:after {
    background-image: linear-gradient(rgba(74, 74, 74, 0.7), rgba(74, 74, 74, 0));
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1; }

.bg--resources {
  background-color: #262626;
  position: relative;
  z-index: 0; }
  .bg--resources:after {
    background-image: url("/dist/site_typing/images/backgrounds/resources.jpg");
    background-position: center;
    background-size: cover;
    content: '';
    bottom: 0;
    left: 0;
    opacity: 0.08;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1; }

.btn {
  padding: 7px 20px 6px; }

.btn--stroke {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 10px;
  color: #fff;
  padding-bottom: 4px;
  padding-top: 5px; }
  .btn--stroke:hover, .btn--stroke:focus, .btn--stroke:active {
    color: #fff;
    background: rgba(255, 255, 255, 0.2); }

.btn--s {
  font-size: 14px;
  padding: 5px 15px 5px; }

.btn--xs {
  font-size: 12px;
  line-height: 1.4;
  padding: 3px 10px 4px; }

.btn--fw {
  width: 100%; }

@media screen and (min-width: 650px) {
  .btn--secondaryNav {
    padding: 1px 20px; } }

.btn--dropdownItem {
  display: block;
  padding: 5px; }

.btn--shadow {
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.25s ease-in-out; }
  .btn--shadow:hover, .btn--shadow:focus, .btn--shadow:active {
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3); }

.btn--arrow-animation:hover::after {
  animation: 1.5s bounce-right ease-in-out infinite;
  position: relative; }

.btn--double-arrow:after {
  content: '\00BB';
  padding-left: 5px; }

.btn--loading,
.btn--loading:hover {
  color: transparent;
  padding-left: 80px !important;
  padding-right: 80px !important;
  position: relative;
  text-indent: -9999px; }
  .btn--loading:before, .btn--loading:after,
  .btn--loading:hover:before,
  .btn--loading:hover:after {
    background: transparent;
    border-left: 10px solid rgba(255, 255, 255, 0);
    border-right: 10px solid rgba(255, 255, 255, 0);
    content: '';
    position: absolute;
    width: 5px;
    height: 10px;
    top: calc(50% - 5px); }
  .btn--loading:before,
  .btn--loading:hover:before {
    left: calc(50% - 27.5px);
    animation: 1s btnLoading infinite; }
  .btn--loading:after,
  .btn--loading:hover:after {
    left: calc(50% + 2.5px);
    animation: 1s btnLoading 0.5s infinite; }

.btn--login {
  border-radius: 5px;
  font-size: 12px;
  font-family: "museo-sans-rounded-bold", sans-serif;
  line-height: 1.4;
  padding: 5px 10px; }
  .btn--login:before {
    content: none; }
  .btn--login:after {
    content: attr(data-condensed); }
  @media screen and (min-width: 650px) {
    .btn--login:before {
      content: attr(data-full); }
    .btn--login:after {
      content: none; } }

@media screen and (max-width: 500px) {
  .btn--wrap {
    display: block !important; }
    .btn--wrap > .btn {
      width: 100%; }
      .btn--wrap > .btn:last-of-type {
        margin-top: 20px; } }

.btn--shadow_b {
  box-shadow: 0 40px 80px rgba(11, 133, 187, 0.6); }
  .btn--shadow_b:hover, .btn--shadow_b:focus, .btn--shadow_b:active {
    box-shadow: 0 25px 50px rgba(11, 133, 187, 0.4); }

.btn--shadow_g {
  box-shadow: 0 40px 80px rgba(85, 133, 80, 0.6); }
  .btn--shadow_g:hover, .btn--shadow_g:focus, .btn--shadow_g:active {
    box-shadow: 0 25px 50px rgba(85, 133, 80, 0.4); }

.btn--service_s {
  padding: 0 10px 0 35px; }

.blog {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px #eaeaea;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  width: 100%; }
  .blog * {
    transition: text-decoration 0.25s ease-in-out; }
  .blog:hover {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15); }

.blog-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 20px; }

.blog-contentTop {
  flex: 1 0 auto;
  height: calc(100% - 40px); }

.blog-contentBottom {
  flex: 0 1 auto;
  margin-top: 20px; }

.blog-date {
  color: #828282;
  font-size: 12px; }

.blog-image {
  border-radius: 10px 10px 0 0; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .blog-image {
      max-width: 100%;
      flex-shrink: 0; } }

.blog-title {
  color: #3295db;
  font: 700 20px "museo-sans-rounded-bold", sans-serif;
  text-decoration: none; }
  .blog-title:hover {
    text-decoration: underline; }

@media screen and (max-width: 1024px) {
  .has-blog:first-of-type {
    margin-bottom: 20px; } }

@media screen and (max-width: 800px) {
  .has-blog:last-of-type {
    margin-bottom: 20px; } }

.card--clickable {
  border: 2px solid #fff; }

.card--f {
  padding: 0; }

.card--shadow {
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15); }

.card--stroke {
  border: 2px solid #f7f7f7; }

.card--fv {
  height: 100%; }

.card--dk {
  background-color: rgba(38, 38, 38, 0.1); }

.card--lt {
  background-color: rgba(255, 255, 255, 0.15);
  border: 2px solid #fff; }

.card-img {
  background-position: center;
  background-size: 105%;
  background-repeat: no-repeat;
  height: 190px;
  width: 100%; }

.carousel.well--t {
  margin-bottom: 0; }

.carousel:active, .carousel:hover, .carousel:focus {
  outline: none; }

.flickity-prev-next-button:disabled {
  display: none; }

.is-selected.carousel-cell {
  opacity: 1; }

.carousel--fade:before, .carousel--fade:after {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  bottom: 0;
  content: "";
  display: none;
  left: 0;
  position: absolute;
  right: 90%;
  top: 0;
  z-index: 1; }
  @media screen and (min-width: 650px) {
    .carousel--fade:before, .carousel--fade:after {
      display: block; } }

.carousel--fade:after {
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
  left: 90%;
  right: 0; }

.carousel-cell {
  counter-increment: gallery-cell;
  margin-right: 80px;
  margin-bottom: 50px;
  opacity: 0.4;
  transition: opacity 0.25s ease-in-out;
  width: 80%; }
  @media screen and (min-width: 650px) {
    .carousel-cell {
      width: 50%; } }

.cell--max {
  width: 100%; }

.count {
  color: #828282; }

.count--xl {
  border-width: 3px;
  height: 50px;
  width: 50px; }
  .count--xl:before {
    font-size: 24px;
    left: 0;
    top: 5px; }

.count--i {
  border-color: #fff;
  color: #fff; }

.districts-logo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px;
  width: 100%; }
  @media screen and (min-width: 800px) {
    .districts-logo {
      height: 100px; } }
  @media screen and (max-width: 650px) {
    .districts-logo {
      height: 60px; } }
  .districts-logo:first-of-type {
    margin-left: 0; }
  .districts-logo:last-of-type {
    margin-right: 0; }

.dropdown:hover:before {
  background-color: transparent;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: -20px; }

.dropdown--lang {
  min-width: 140px;
  top: 30px; }

.dropdown--menu {
  background: #fff;
  height: 20px;
  width: 20px; }

.dropdown--stall {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  padding-left: 20px; }

.dropdown--l {
  top: 50px; }

.dropdown--lang .dropdown--right:before {
  content: "";
  left: inherit;
  right: 30px; }

@media screen and (max-width: 650px) {
  .dropdown--right {
    right: 20px;
    width: calc(150% - 20px); }
    .dropdown--right:before {
      content: "";
      transform: translateX(50px); } }

.dropdown:hover .dropdown-btn {
  color: #fff;
  opacity: 0.7; }

.dropdown:hover .icon-arrow {
  transform: rotate(-180deg); }
  .dropdown:hover .icon-arrow.icon-arrow--90 {
    transform: rotate(-90deg); }

.dropdown:hover .dropdown-items, .dropdown-items:hover {
  display: block; }

.dropdown-btn {
  border-radius: 5px;
  padding: 8px 0 8px 30px;
  text-decoration: none;
  transition: all 0.25s ease-in-out; }
  @media screen and (max-width: 650px) {
    .dropdown-btn {
      padding: 8px 0 8px 20px; } }

.dropdown-item {
  border-top: 1px solid #85c2dd;
  color: #70b5e6;
  cursor: pointer;
  display: block;
  line-height: 1.5;
  padding: 10px 20px;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  white-space: nowrap; }
  .dropdown-item:first-child {
    border: none; }
  .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active {
    background-color: rgba(11, 133, 187, 0.1);
    color: #3295db; }

.dropdown-items {
  background: rgba(255, 255, 255, 0.96);
  border-radius: 5px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
  left: 50%;
  opacity: 1;
  overflow: visible;
  transition: all 0.25s ease-in-out;
  transform: translateX(-50%);
  width: 100%;
  z-index: 5; }
  .dropdown-items:before {
    content: "";
    border: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-top: 0;
    bottom: auto;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    margin: -8px 0 0 -8px;
    margin-top: 0;
    position: absolute;
    right: auto;
    top: 50%;
    width: 0;
    top: -8px;
    bottom: auto; }

.fallingKey {
  height: 60px;
  position: relative;
  transform-style: preserve-3d;
  transform-origin: center;
  width: 60px;
  z-index: 50; }

.over-hero.fallingKey-shadow {
  background: transparent; }

.velocity-animating.fallingKey-container {
  display: block; }

.fallingKey-container {
  display: none;
  position: absolute;
  pointer-events: none;
  top: -500px;
  transform-origin: 100% 100%;
  z-index: 10; }

.fallingKey-shadow {
  background: rgba(38, 38, 38, 0.5);
  filter: blur(30px);
  height: 60px;
  left: -20px;
  position: relative;
  top: 120px;
  transition: background 0.75s ease-in-out;
  width: 90px;
  z-index: 9; }

.fallingKey-left,
.fallingKey-right,
.fallingKey-front,
.fallingKey-top,
.fallingKey-back,
.fallingKey-bottom {
  position: absolute; }

.fallingKey-left, .fallingKey-right {
  background: #aaa;
  border-radius: 4px;
  height: 60px;
  width: 8px; }

.fallingKey-front, .fallingKey-back {
  background: #f7f7f7;
  border-radius: 4px;
  height: 60px;
  width: 60px; }

.fallingKey-top, .fallingKey-bottom {
  background: #ccc;
  border-radius: 4px;
  height: 8px;
  width: 60px; }

.fallingKey-top {
  transform: rotateX(90deg) translateY(4px) translateZ(4px);
  z-index: 3; }

.fallingKey-left {
  transform-origin: 100% 100%;
  transform: translateX(-8px) rotateY(90deg);
  z-index: 2; }

.fallingKey-right {
  transform: translateX(60px) rotateY(-90deg);
  transform-origin: 0% 0%; }

.fallingKey-back {
  background: #bbb;
  z-index: 1; }

.fallingKey-front {
  transform: translateZ(8px);
  transform-origin: 0% 100%;
  z-index: 2; }
  .fallingKey-front:after {
    color: #4a4a4a;
    content: attr(data-letter);
    display: block;
    font: 900 24px/60px "museo-sans-rounded", sans-serif;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
    text-transform: uppercase; }

.fallingKey-bottom {
  transform: translateY(60px) rotateX(90deg);
  transform-origin: 0% 0%; }

.feature {
  background-color: #fff;
  border: 2px solid #eaeaea;
  border-radius: 10px;
  width: 100%; }

.hero {
  background: linear-gradient(#0b85bb, #a7d2ef); }

.hero--districts {
  background: #F2F8FE;
  color: #0b85bb; }

.hero--skewed {
  height: 100%;
  overflow: hidden;
  position: absolute;
  transform: skewY(-8deg);
  transform-origin: 0;
  width: 100%; }

.hero--teacher {
  background: linear-gradient(#558550, #71b16b); }

.hero-section {
  align-items: center;
  display: flex;
  height: 700px;
  position: relative; }
  @media screen and (min-width: 1800px) {
    .hero-section {
      height: 740px; } }

.hero-section-inner {
  margin-top: 80px; }
  @media screen and (min-width: 650px) {
    .hero-section-inner {
      margin-top: 0; } }

.hero-title {
  color: #fff;
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 42px;
  margin-bottom: 30px; }
  @media screen and (min-width: 500px) {
    .hero-title {
      font-size: 50px;
      margin-bottom: 50px; } }

.icon {
  display: block; }

.icon--s.icon-info {
  height: 15px;
  width: 15px; }

.icon--xdk {
  fill: #4a4a4a; }

.icon--bl {
  fill: #262626; }

.icon-arrow {
  height: 10px;
  width: 10px;
  transition: all 0.25s ease-in-out; }

.icon-close {
  height: 25px;
  width: 25px; }

.icon-country {
  border-radius: 2px;
  height: 12px;
  width: auto; }

.icon-facebook {
  height: 17px;
  width: 18px; }

.icon-twitter {
  height: 15px;
  width: 18px; }

.illustration--birds:after {
  background-image: url(/dist/site_typing/images/illustrations/birds.svg);
  background-repeat: repeat-x;
  background-position: bottom;
  bottom: 20px;
  content: "";
  height: 65px;
  position: absolute;
  z-index: -1;
  width: 100%; }

.illustration--bubbles {
  height: calc(100% - 120px);
  margin-top: 120px;
  position: absolute;
  width: 100%; }

.illustration--classroom {
  position: absolute;
  height: 320px;
  width: 146px;
  z-index: 1;
  bottom: 20px;
  left: -10%; }
  @media screen and (min-width: 650px) {
    .illustration--classroom {
      left: -2.5%;
      bottom: 20px; } }
  @media screen and (min-width: 1024px) {
    .illustration--classroom {
      left: 0%; } }
  @media screen and (min-width: 1024px) {
    .illustration--classroom {
      left: 4%; } }

.illustration--clouds:before {
  background-repeat: repeat-x;
  background-position: bottom;
  background-image: url(/dist/site_typing/images/illustrations/clouds.svg);
  bottom: 20px;
  content: "";
  height: 230px;
  position: absolute;
  width: 100%;
  z-index: -1; }

.illustration--pirate-town:after {
  background-image: url(/dist/site_typing/images/illustrations/pirate_town.svg);
  background-repeat: no-repeat;
  content: "";
  height: 21px;
  left: 80%;
  top: -16px;
  position: absolute;
  width: 221px;
  z-index: 0; }

.illustration--sea-bottom:before {
  background-image: url(/dist/site_typing/images/illustrations/sea-bottom.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
  content: "";
  position: absolute;
  width: 100%;
  z-index: 0; }

.illustration--ship {
  background-repeat: no-repeat;
  background-size: 100%;
  height: 130px;
  left: 0;
  position: absolute;
  top: -80px;
  width: 232px;
  z-index: 1; }
  .illustration--ship img {
    animation: dance 10s infinite; }

.illustration--sun {
  background-repeat: no-repeat;
  background-size: 100%;
  height: 30px;
  left: 91%;
  position: absolute;
  top: -120px;
  width: 30px;
  z-index: 1; }

.illustration--teacher-easy {
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  height: 500px;
  left: 50px;
  position: absolute;
  top: -65px;
  width: 19%;
  z-index: 1; }

.illustration--treasure:after {
  background-image: url(/dist/site_typing/images/illustrations/treasure.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: -80px;
  height: 164px;
  content: "";
  position: absolute;
  right: 5%;
  width: 236px;
  z-index: 1; }

.illustration--waves:before {
  background-image: url(/dist/site_typing/images/illustrations/waves.svg);
  background-repeat: repeat-x;
  background-position: center;
  content: "";
  height: 120px;
  position: absolute;
  width: 100%;
  z-index: 0; }

.is-error {
  background-color: white;
  border: 2px solid #d62f43; }
  .is-error::placeholder {
    color: #d62f43; }

.key {
  border-radius: 5px;
  box-sizing: border-box;
  line-height: 1;
  max-height: 50px;
  position: relative;
  text-transform: uppercase; }

.key.is-active {
  background-color: #3295db;
  border-color: #3295db;
  border-bottom-color: #2d86c5;
  border-top-color: #47a0df;
  color: #fff; }

.key--a {
  background-color: #fff;
  border-bottom: 1px solid #a9a9a9;
  border-top: 1px solid #fff;
  color: #4a4a4a; }

.key--rspnsv {
  font-size: 11px; }
  @media screen and (min-width: 500px) {
    .key--rspnsv {
      font-size: 11px; } }
  @media screen and (min-width: 650px) {
    .key--rspnsv {
      font-size: 16px; } }
  .key--rspnsv:after {
    content: '';
    display: block;
    margin-top: 100%; }

.key--duo {
  flex-direction: column;
  font-size: 11px; }
  .key--duo .key-label:first-child {
    height: 0;
    overflow: hidden; }
    @media screen and (min-width: 500px) {
      .key--duo .key-label:first-child {
        height: 50%; } }
  @media screen and (min-width: 500px) {
    .key--duo .key-label:last-child {
      height: 50%;
      top: 50%; } }

.key--special.key {
  text-transform: lowercase; }

.key--special .key-label {
  align-items: flex-end;
  bottom: 5px;
  color: #828282;
  display: none;
  height: calc(100% - 5px);
  font-size: 6px;
  width: calc(100% - 5px); }
  @media screen and (min-width: 500px) {
    .key--special .key-label {
      display: flex; } }
  @media screen and (min-width: 650px) {
    .key--special .key-label {
      color: #4a4a4a; } }
  @media screen and (min-width: 1024px) {
    .key--special .key-label {
      font-size: 10px; } }

.key--special-l .key-label {
  justify-content: flex-start;
  left: 5px; }

.key--special-r .key-label {
  justify-content: flex-end;
  right: 5px; }

.isIE.keyboard .keyboard-key {
  flex-shrink: 1 !important; }

.key-label {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  text-align: center;
  white-space: nowrap;
  width: 100%; }

.key-pile-container {
  overflow: hidden; }

.key-pile {
  background-image: url("/dist/site_typing/images/pile-of-keys.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 100; }
  @media screen and (min-width: 650px) {
    .key-pile {
      height: 150px; } }
  @media screen and (min-width: 800px) {
    .key-pile {
      height: 190px; } }
  @media screen and (min-width: 1024px) {
    .key-pile {
      height: 210px; } }
  @media screen and (max-width: 650px) {
    .key-pile {
      height: 120px; } }

.keyboard {
  border-radius: 20px;
  box-shadow: 0.5px 10px #a9a9a9, 0 25px 50px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  display: none;
  flex-direction: column;
  height: auto;
  width: 500px;
  z-index: 2; }
  @media screen and (min-width: 1024px) {
    .keyboard {
      width: 700px; } }
  @media screen and (min-width: 800px) {
    .keyboard {
      display: flex; } }

.keyboard--curriculum {
  display: block;
  left: 0;
  transform: translateX(-50%);
  width: 600px; }

.keyboard--homepage {
  left: 55%;
  top: 45%;
  position: absolute;
  transform: rotate(-8deg); }

.keyboard--404 {
  margin: 0 auto;
  position: relative; }

.keyboard-row {
  max-height: 50px; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .keyboard-row {
      min-height: 45px; } }
  @media screen and (-ms-high-contrast: active) and (min-width: 800px) {
    .keyboard-row {
      min-height: 30px; } }
  @media screen and (min-width: 650px) {
    .keyboard-row {
      margin-bottom: 10px; } }

.keyboard-key {
  flex-basis: 50px; }

.keyboard-extra {
  display: none; }

.link--dk {
  color: #4a4a4a; }

.link--dk-h:active, .link--dk-h:focus, .link--dk-h:hover {
  color: #4a4a4a; }

@media screen and (min-width: 400px) {
  .list--inline.list--f_xs > .list-item {
    margin-bottom: 0;
    margin-right: 0; }
    .list--inline.list--f_xs > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 400px) {
  .list--inline.list--xxs_xs > .list-item {
    margin-bottom: 0;
    margin-right: 5px; }
    .list--inline.list--xxs_xs > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 400px) {
  .list--inline.list--xs_xs > .list-item {
    margin-bottom: 0;
    margin-right: 10px; }
    .list--inline.list--xs_xs > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 400px) {
  .list--inline.list--s_xs > .list-item {
    margin-bottom: 0;
    margin-right: 15px; }
    .list--inline.list--s_xs > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 400px) {
  .list--inline.list--_xs > .list-item {
    margin-bottom: 0;
    margin-right: 20px; }
    .list--inline.list--_xs > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 400px) {
  .list--inline.list--m_xs > .list-item {
    margin-bottom: 0;
    margin-right: 30px; }
    .list--inline.list--m_xs > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 400px) {
  .list--inline.list--l_xs > .list-item {
    margin-bottom: 0;
    margin-right: 50px; }
    .list--inline.list--l_xs > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 400px) {
  .list--inline.list--xl_xs > .list-item {
    margin-bottom: 0;
    margin-right: 80px; }
    .list--inline.list--xl_xs > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 400px) {
  .list--inline.list--xxl_xs > .list-item {
    margin-bottom: 0;
    margin-right: 120px; }
    .list--inline.list--xxl_xs > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 400px) {
  .list--inline.list--jumbo_xs > .list-item {
    margin-bottom: 0;
    margin-right: 160px; }
    .list--inline.list--jumbo_xs > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 500px) {
  .list--inline.list--f_s > .list-item {
    margin-bottom: 0;
    margin-right: 0; }
    .list--inline.list--f_s > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 500px) {
  .list--inline.list--xxs_s > .list-item {
    margin-bottom: 0;
    margin-right: 5px; }
    .list--inline.list--xxs_s > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 500px) {
  .list--inline.list--xs_s > .list-item {
    margin-bottom: 0;
    margin-right: 10px; }
    .list--inline.list--xs_s > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 500px) {
  .list--inline.list--s_s > .list-item {
    margin-bottom: 0;
    margin-right: 15px; }
    .list--inline.list--s_s > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 500px) {
  .list--inline.list--_s > .list-item {
    margin-bottom: 0;
    margin-right: 20px; }
    .list--inline.list--_s > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 500px) {
  .list--inline.list--m_s > .list-item {
    margin-bottom: 0;
    margin-right: 30px; }
    .list--inline.list--m_s > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 500px) {
  .list--inline.list--l_s > .list-item {
    margin-bottom: 0;
    margin-right: 50px; }
    .list--inline.list--l_s > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 500px) {
  .list--inline.list--xl_s > .list-item {
    margin-bottom: 0;
    margin-right: 80px; }
    .list--inline.list--xl_s > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 500px) {
  .list--inline.list--xxl_s > .list-item {
    margin-bottom: 0;
    margin-right: 120px; }
    .list--inline.list--xxl_s > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 500px) {
  .list--inline.list--jumbo_s > .list-item {
    margin-bottom: 0;
    margin-right: 160px; }
    .list--inline.list--jumbo_s > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 650px) {
  .list--inline.list--f_m > .list-item {
    margin-bottom: 0;
    margin-right: 0; }
    .list--inline.list--f_m > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 650px) {
  .list--inline.list--xxs_m > .list-item {
    margin-bottom: 0;
    margin-right: 5px; }
    .list--inline.list--xxs_m > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 650px) {
  .list--inline.list--xs_m > .list-item {
    margin-bottom: 0;
    margin-right: 10px; }
    .list--inline.list--xs_m > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 650px) {
  .list--inline.list--s_m > .list-item {
    margin-bottom: 0;
    margin-right: 15px; }
    .list--inline.list--s_m > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 650px) {
  .list--inline.list--_m > .list-item {
    margin-bottom: 0;
    margin-right: 20px; }
    .list--inline.list--_m > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 650px) {
  .list--inline.list--m_m > .list-item {
    margin-bottom: 0;
    margin-right: 30px; }
    .list--inline.list--m_m > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 650px) {
  .list--inline.list--l_m > .list-item {
    margin-bottom: 0;
    margin-right: 50px; }
    .list--inline.list--l_m > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 650px) {
  .list--inline.list--xl_m > .list-item {
    margin-bottom: 0;
    margin-right: 80px; }
    .list--inline.list--xl_m > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 650px) {
  .list--inline.list--xxl_m > .list-item {
    margin-bottom: 0;
    margin-right: 120px; }
    .list--inline.list--xxl_m > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 650px) {
  .list--inline.list--jumbo_m > .list-item {
    margin-bottom: 0;
    margin-right: 160px; }
    .list--inline.list--jumbo_m > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 800px) {
  .list--inline.list--f_l > .list-item {
    margin-bottom: 0;
    margin-right: 0; }
    .list--inline.list--f_l > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 800px) {
  .list--inline.list--xxs_l > .list-item {
    margin-bottom: 0;
    margin-right: 5px; }
    .list--inline.list--xxs_l > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 800px) {
  .list--inline.list--xs_l > .list-item {
    margin-bottom: 0;
    margin-right: 10px; }
    .list--inline.list--xs_l > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 800px) {
  .list--inline.list--s_l > .list-item {
    margin-bottom: 0;
    margin-right: 15px; }
    .list--inline.list--s_l > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 800px) {
  .list--inline.list--_l > .list-item {
    margin-bottom: 0;
    margin-right: 20px; }
    .list--inline.list--_l > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 800px) {
  .list--inline.list--m_l > .list-item {
    margin-bottom: 0;
    margin-right: 30px; }
    .list--inline.list--m_l > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 800px) {
  .list--inline.list--l_l > .list-item {
    margin-bottom: 0;
    margin-right: 50px; }
    .list--inline.list--l_l > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 800px) {
  .list--inline.list--xl_l > .list-item {
    margin-bottom: 0;
    margin-right: 80px; }
    .list--inline.list--xl_l > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 800px) {
  .list--inline.list--xxl_l > .list-item {
    margin-bottom: 0;
    margin-right: 120px; }
    .list--inline.list--xxl_l > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 800px) {
  .list--inline.list--jumbo_l > .list-item {
    margin-bottom: 0;
    margin-right: 160px; }
    .list--inline.list--jumbo_l > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1024px) {
  .list--inline.list--f_xl > .list-item {
    margin-bottom: 0;
    margin-right: 0; }
    .list--inline.list--f_xl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1024px) {
  .list--inline.list--xxs_xl > .list-item {
    margin-bottom: 0;
    margin-right: 5px; }
    .list--inline.list--xxs_xl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1024px) {
  .list--inline.list--xs_xl > .list-item {
    margin-bottom: 0;
    margin-right: 10px; }
    .list--inline.list--xs_xl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1024px) {
  .list--inline.list--s_xl > .list-item {
    margin-bottom: 0;
    margin-right: 15px; }
    .list--inline.list--s_xl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1024px) {
  .list--inline.list--_xl > .list-item {
    margin-bottom: 0;
    margin-right: 20px; }
    .list--inline.list--_xl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1024px) {
  .list--inline.list--m_xl > .list-item {
    margin-bottom: 0;
    margin-right: 30px; }
    .list--inline.list--m_xl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1024px) {
  .list--inline.list--l_xl > .list-item {
    margin-bottom: 0;
    margin-right: 50px; }
    .list--inline.list--l_xl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1024px) {
  .list--inline.list--xl_xl > .list-item {
    margin-bottom: 0;
    margin-right: 80px; }
    .list--inline.list--xl_xl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1024px) {
  .list--inline.list--xxl_xl > .list-item {
    margin-bottom: 0;
    margin-right: 120px; }
    .list--inline.list--xxl_xl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1024px) {
  .list--inline.list--jumbo_xl > .list-item {
    margin-bottom: 0;
    margin-right: 160px; }
    .list--inline.list--jumbo_xl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1280px) {
  .list--inline.list--f_xxl > .list-item {
    margin-bottom: 0;
    margin-right: 0; }
    .list--inline.list--f_xxl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1280px) {
  .list--inline.list--xxs_xxl > .list-item {
    margin-bottom: 0;
    margin-right: 5px; }
    .list--inline.list--xxs_xxl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1280px) {
  .list--inline.list--xs_xxl > .list-item {
    margin-bottom: 0;
    margin-right: 10px; }
    .list--inline.list--xs_xxl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1280px) {
  .list--inline.list--s_xxl > .list-item {
    margin-bottom: 0;
    margin-right: 15px; }
    .list--inline.list--s_xxl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1280px) {
  .list--inline.list--_xxl > .list-item {
    margin-bottom: 0;
    margin-right: 20px; }
    .list--inline.list--_xxl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1280px) {
  .list--inline.list--m_xxl > .list-item {
    margin-bottom: 0;
    margin-right: 30px; }
    .list--inline.list--m_xxl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1280px) {
  .list--inline.list--l_xxl > .list-item {
    margin-bottom: 0;
    margin-right: 50px; }
    .list--inline.list--l_xxl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1280px) {
  .list--inline.list--xl_xxl > .list-item {
    margin-bottom: 0;
    margin-right: 80px; }
    .list--inline.list--xl_xxl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1280px) {
  .list--inline.list--xxl_xxl > .list-item {
    margin-bottom: 0;
    margin-right: 120px; }
    .list--inline.list--xxl_xxl > .list-item:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1280px) {
  .list--inline.list--jumbo_xxl > .list-item {
    margin-bottom: 0;
    margin-right: 160px; }
    .list--inline.list--jumbo_xxl > .list-item:last-child {
      margin-right: 0; } }

.logo {
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.25s ease-in-out; }
  .logo:hover, .logo:focus, .logo:active {
    opacity: 0.85; }

.logo--teaching {
  height: 40px;
  width: 150px; }

.logo--typing {
  height: 35px; }

.nav {
  position: fixed;
  top: 0;
  transition: top 0.12s ease-in-out;
  width: 100%;
  z-index: 50; }

.is-fixed.nav {
  top: 0; }
  .is-fixed.nav .nav-primary {
    background-color: rgba(11, 133, 187, 0.96);
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.022);
    padding: 8px 0; }
  .is-fixed.nav .nav-logins {
    display: block; }

.is-active.nav-link {
  color: #fff; }
  .is-active.nav-link:after {
    background-color: #fff;
    bottom: -5px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%; }

.nav--hero.nav-primary {
  background-color: transparent;
  box-shadow: none;
  padding: 15px 0; }

.nav-primary {
  background-color: rgba(11, 133, 187, 0.96);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.022);
  font-size: 11px;
  padding: 8px 0;
  transition: background-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out; }
  @media screen and (min-width: 500px) {
    .nav-primary {
      font-size: 14px; } }
  @media screen and (min-width: 800px) {
    .nav-primary {
      font-size: 18px; } }

.nav-secondary {
  background-color: #fff;
  height: 40px;
  position: relative;
  width: 100%; }

.nav-secondary-container {
  align-items: center;
  height: 40px; }

.nav-secondary-item {
  color: #828282;
  font-size: 11px;
  line-height: 15px;
  padding-right: 10px;
  position: relative; }
  .nav-secondary-item:after {
    border: 1px solid #eaeaea;
    bottom: 3px;
    content: "";
    position: absolute;
    right: 0;
    top: 3px; }
  @media screen and (min-width: 650px) {
    .nav-secondary-item {
      font-size: 12px;
      padding-right: 15px; } }

.nav-btn {
  font-size: 11px;
  padding: 2px 10px; }
  @media screen and (min-width: 650px) {
    .nav-btn {
      font-size: 14px; } }

.nav-link {
  position: relative; }

.nav-list {
  justify-content: center;
  width: 100%; }
  @media screen and (min-width: 650px) {
    .nav-list {
      justify-content: inherit;
      width: inherit; } }

.nav-list-item {
  margin-right: 0; }

.nav-logins {
  display: none; }

.nav-logo {
  display: inline-flex;
  justify-content: center;
  margin-bottom: 3px;
  padding-right: 0 !important; }
  .nav-logo .logo--typing {
    height: 20px; }
  @media screen and (min-width: 650px) {
    .nav-logo {
      display: block;
      margin-bottom: 0;
      justify-content: flex-start; } }
  @media screen and (min-width: 1024px) {
    .nav-logo .logo--typing {
      height: 35px; } }

.newsletter {
  position: relative; }

.newsletter-input {
  border: none;
  box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.2);
  color: #4a4a4a;
  height: 45px;
  margin-bottom: 20px;
  width: 100%; }
  @media screen and (min-width: 1024px) {
    .newsletter-input {
      margin-bottom: 0; } }
  @media screen and (min-width: 800px) {
    .newsletter-input {
      width: calc(100% - 20px); } }
  .newsletter-input:focus, .newsletter-input:active {
    border: 2px solid #3295db; }
  .newsletter-input::placeholder {
    color: #d5d5d5; }

.newsletter-label {
  font-size: 14px; }

.newsletter-mike {
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 142px;
  margin-top: -20px;
  width: 142px; }
  @media screen and (max-width: 650px) {
    .newsletter-mike {
      height: 100px;
      margin-top: 0;
      width: 100px; } }

.newsletter-sig {
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  width: 128px;
  height: 40px; }

.pillar--xxlt {
  border-color: rgba(234, 234, 234, 0.3); }

.resource {
  position: relative;
  text-decoration: none; }

.resource--card {
  background-color: #262626;
  cursor: pointer;
  display: inline-flex;
  min-height: 200px;
  overflow: hidden; }
  .resource--card:hover:not(.is-disabled).resource--bar:before {
    bottom: -10px; }
  .resource--card:hover:not(.is-disabled) .resource-image {
    opacity: 0.8;
    background-size: 100%; }
  .resource--card:hover:not(.is-disabled) .resource-title {
    transform: scale(1.1); }

.resource--bar:before {
  background-color: #3295db;
  bottom: 0;
  content: "";
  height: 10px;
  position: absolute;
  transition: all 0.25s ease-in-out;
  width: 100%;
  z-index: 1; }

.resource--ebooks .resource-image {
  background-image: url("/dist/site_typing/images/resources/ebooks.jpg"); }

.is-disabled.resource--card {
  cursor: default; }

.resource-image {
  background-image: url("/dist/site_typing/images/resources/resources-default.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 110%;
  height: 100%;
  position: absolute;
  transition: all 0.25s ease-in-out;
  width: 100%; }

.resource-title {
  align-items: center;
  color: #fff;
  display: inline-flex;
  flex-direction: column;
  font-size: 20px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 2px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  text-transform: uppercase;
  transform: scale(1);
  transition: all 0.25s ease-in-out;
  width: 100%;
  z-index: 0; }

.search-input.search--fw {
  width: calc(100% - 109px); }

.search-btn {
  height: 48px;
  padding: 0;
  width: 50px; }

.select {
  background-image: url("/dist/shared/images/icons/expand.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  background-size: 10px 6px;
  cursor: pointer; }

.select--f {
  width: inherit;
  padding-right: 50px; }

.select--l {
  width: 200px; }

.social {
  border-top: 2px solid #eaeaea;
  display: grid;
  display: -ms-grid;
  grid-gap: 20px;
  -ms-grid-columns: 1fr;
  -ms-grid-rows: 1fr 20px 1fr;
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px; }
  @media screen and (min-width: 800px) {
    .social {
      border: none;
      padding-left: 20px;
      padding-top: 0; } }

.social--fb {
  background-color: #496191; }
  .social--fb:hover {
    background-color: #425783; }

.social--tw {
  background-color: #0095C6; }
  .social--tw:hover {
    background-color: #0086b2; }

.social-icon {
  color: #fff;
  height: 30px;
  width: 30px; }

.social-post {
  align-items: center;
  border-radius: 10px;
  box-shadow: 0 2px #eaeaea;
  color: #fff;
  display: flex;
  justify-content: center;
  min-height: 100px;
  -ms-grid-row-span: 1;
  text-decoration: none;
  transition: all 0.25s ease-in-out; }
  .social-post:first-of-type {
    -ms-grid-row: 1; }
  .social-post:nth-of-type(2) {
    -ms-grid-row: 3; }
  .social-post:hover {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
    color: #fff; }

@media screen and (max-width: 400px) {
  .split--f_xs > .split-cell:first-child {
    padding-right: 0; } }

@media screen and (max-width: 400px) {
  .split--xxs_xs > .split-cell:first-child {
    padding-right: 5px; } }

@media screen and (max-width: 400px) {
  .split--xs_xs > .split-cell:first-child {
    padding-right: 10px; } }

@media screen and (max-width: 400px) {
  .split--s_xs > .split-cell:first-child {
    padding-right: 15px; } }

@media screen and (max-width: 400px) {
  .split--_xs > .split-cell:first-child {
    padding-right: 20px; } }

@media screen and (max-width: 400px) {
  .split--m_xs > .split-cell:first-child {
    padding-right: 30px; } }

@media screen and (max-width: 400px) {
  .split--l_xs > .split-cell:first-child {
    padding-right: 50px; } }

@media screen and (max-width: 400px) {
  .split--xl_xs > .split-cell:first-child {
    padding-right: 80px; } }

@media screen and (max-width: 400px) {
  .split--xxl_xs > .split-cell:first-child {
    padding-right: 120px; } }

@media screen and (max-width: 400px) {
  .split--jumbo_xs > .split-cell:first-child {
    padding-right: 160px; } }

@media screen and (max-width: 500px) {
  .split--f_s > .split-cell:first-child {
    padding-right: 0; } }

@media screen and (max-width: 500px) {
  .split--xxs_s > .split-cell:first-child {
    padding-right: 5px; } }

@media screen and (max-width: 500px) {
  .split--xs_s > .split-cell:first-child {
    padding-right: 10px; } }

@media screen and (max-width: 500px) {
  .split--s_s > .split-cell:first-child {
    padding-right: 15px; } }

@media screen and (max-width: 500px) {
  .split--_s > .split-cell:first-child {
    padding-right: 20px; } }

@media screen and (max-width: 500px) {
  .split--m_s > .split-cell:first-child {
    padding-right: 30px; } }

@media screen and (max-width: 500px) {
  .split--l_s > .split-cell:first-child {
    padding-right: 50px; } }

@media screen and (max-width: 500px) {
  .split--xl_s > .split-cell:first-child {
    padding-right: 80px; } }

@media screen and (max-width: 500px) {
  .split--xxl_s > .split-cell:first-child {
    padding-right: 120px; } }

@media screen and (max-width: 500px) {
  .split--jumbo_s > .split-cell:first-child {
    padding-right: 160px; } }

@media screen and (max-width: 650px) {
  .split--f_m > .split-cell:first-child {
    padding-right: 0; } }

@media screen and (max-width: 650px) {
  .split--xxs_m > .split-cell:first-child {
    padding-right: 5px; } }

@media screen and (max-width: 650px) {
  .split--xs_m > .split-cell:first-child {
    padding-right: 10px; } }

@media screen and (max-width: 650px) {
  .split--s_m > .split-cell:first-child {
    padding-right: 15px; } }

@media screen and (max-width: 650px) {
  .split--_m > .split-cell:first-child {
    padding-right: 20px; } }

@media screen and (max-width: 650px) {
  .split--m_m > .split-cell:first-child {
    padding-right: 30px; } }

@media screen and (max-width: 650px) {
  .split--l_m > .split-cell:first-child {
    padding-right: 50px; } }

@media screen and (max-width: 650px) {
  .split--xl_m > .split-cell:first-child {
    padding-right: 80px; } }

@media screen and (max-width: 650px) {
  .split--xxl_m > .split-cell:first-child {
    padding-right: 120px; } }

@media screen and (max-width: 650px) {
  .split--jumbo_m > .split-cell:first-child {
    padding-right: 160px; } }

@media screen and (max-width: 800px) {
  .split--f_l > .split-cell:first-child {
    padding-right: 0; } }

@media screen and (max-width: 800px) {
  .split--xxs_l > .split-cell:first-child {
    padding-right: 5px; } }

@media screen and (max-width: 800px) {
  .split--xs_l > .split-cell:first-child {
    padding-right: 10px; } }

@media screen and (max-width: 800px) {
  .split--s_l > .split-cell:first-child {
    padding-right: 15px; } }

@media screen and (max-width: 800px) {
  .split--_l > .split-cell:first-child {
    padding-right: 20px; } }

@media screen and (max-width: 800px) {
  .split--m_l > .split-cell:first-child {
    padding-right: 30px; } }

@media screen and (max-width: 800px) {
  .split--l_l > .split-cell:first-child {
    padding-right: 50px; } }

@media screen and (max-width: 800px) {
  .split--xl_l > .split-cell:first-child {
    padding-right: 80px; } }

@media screen and (max-width: 800px) {
  .split--xxl_l > .split-cell:first-child {
    padding-right: 120px; } }

@media screen and (max-width: 800px) {
  .split--jumbo_l > .split-cell:first-child {
    padding-right: 160px; } }

@media screen and (max-width: 1024px) {
  .split--f_xl > .split-cell:first-child {
    padding-right: 0; } }

@media screen and (max-width: 1024px) {
  .split--xxs_xl > .split-cell:first-child {
    padding-right: 5px; } }

@media screen and (max-width: 1024px) {
  .split--xs_xl > .split-cell:first-child {
    padding-right: 10px; } }

@media screen and (max-width: 1024px) {
  .split--s_xl > .split-cell:first-child {
    padding-right: 15px; } }

@media screen and (max-width: 1024px) {
  .split--_xl > .split-cell:first-child {
    padding-right: 20px; } }

@media screen and (max-width: 1024px) {
  .split--m_xl > .split-cell:first-child {
    padding-right: 30px; } }

@media screen and (max-width: 1024px) {
  .split--l_xl > .split-cell:first-child {
    padding-right: 50px; } }

@media screen and (max-width: 1024px) {
  .split--xl_xl > .split-cell:first-child {
    padding-right: 80px; } }

@media screen and (max-width: 1024px) {
  .split--xxl_xl > .split-cell:first-child {
    padding-right: 120px; } }

@media screen and (max-width: 1024px) {
  .split--jumbo_xl > .split-cell:first-child {
    padding-right: 160px; } }

@media screen and (max-width: 1280px) {
  .split--f_xxl > .split-cell:first-child {
    padding-right: 0; } }

@media screen and (max-width: 1280px) {
  .split--xxs_xxl > .split-cell:first-child {
    padding-right: 5px; } }

@media screen and (max-width: 1280px) {
  .split--xs_xxl > .split-cell:first-child {
    padding-right: 10px; } }

@media screen and (max-width: 1280px) {
  .split--s_xxl > .split-cell:first-child {
    padding-right: 15px; } }

@media screen and (max-width: 1280px) {
  .split--_xxl > .split-cell:first-child {
    padding-right: 20px; } }

@media screen and (max-width: 1280px) {
  .split--m_xxl > .split-cell:first-child {
    padding-right: 30px; } }

@media screen and (max-width: 1280px) {
  .split--l_xxl > .split-cell:first-child {
    padding-right: 50px; } }

@media screen and (max-width: 1280px) {
  .split--xl_xxl > .split-cell:first-child {
    padding-right: 80px; } }

@media screen and (max-width: 1280px) {
  .split--xxl_xxl > .split-cell:first-child {
    padding-right: 120px; } }

@media screen and (max-width: 1280px) {
  .split--jumbo_xxl > .split-cell:first-child {
    padding-right: 160px; } }

.stall--nav {
  border: none; }
  .stall--nav:after {
    border-left: 2px solid rgba(255, 255, 255, 0.5);
    bottom: 10px;
    content: "";
    position: absolute;
    top: 10px; }

.support {
  background: linear-gradient(#0b85bb, #a7d2ef); }

.support-input {
  border: 2px solid transparent;
  box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.1);
  color: #4a4a4a;
  line-height: normal;
  margin-bottom: 20px;
  resize: vertical;
  width: 100%; }
  .support-input:focus, .support-input:active {
    border: 2px solid #3295db; }

.support-label {
  display: block;
  font-size: 14px; }

.target:before {
  content: "";
  display: block;
  height: 60px;
  margin-top: -60px;
  pointer-events: none;
  visibility: hidden; }

.teacher-bottom {
  position: absolute;
  height: 100%;
  width: 100%; }

.teacher-easy {
  background: linear-gradient(#81ba7c, #71b16b); }

.teacher-fun {
  background: linear-gradient(#60AFD8, #0A85BB);
  position: relative; }

.teacher-hero {
  position: relative;
  z-index: 1; }

.teacher-image {
  border: 2px solid #eaeaea;
  border-radius: 10px;
  background-color: #fff; }

.testimonial--flag {
  align-items: center;
  display: flex;
  flex-wrap: wrap; }

.testimonial--quoted {
  position: relative; }
  .testimonial--quoted:before {
    background-image: url("/dist/site_typing/images/openquotes.svg");
    content: "";
    height: 23px;
    left: -50px;
    opacity: 0.8;
    position: absolute;
    width: 30px;
    z-index: 1; }
  .testimonial--quoted:after {
    background-image: url("/dist/site_typing/images/endquotes.svg");
    bottom: -18px;
    content: "";
    height: 78px;
    right: 0;
    opacity: 0.2;
    position: absolute;
    width: 106px;
    z-index: 0; }

.testimonial--f {
  padding: 0; }

.testimonial--xxs {
  padding: 5px; }

.testimonial--xs {
  padding: 10px; }

.testimonial--s {
  padding: 15px; }

.testimonial-- {
  padding: 20px; }

.testimonial--m {
  padding: 30px; }

.testimonial--l {
  padding: 50px; }

.testimonial--xl {
  padding: 80px; }

.testimonial--xxl {
  padding: 120px; }

.testimonial--jumbo {
  padding: 160px; }

@media screen and (min-width: 400px) {
  .testimonial--f_xs {
    padding: 0; } }

@media screen and (min-width: 400px) {
  .testimonial--xxs_xs {
    padding: 5px; } }

@media screen and (min-width: 400px) {
  .testimonial--xs_xs {
    padding: 10px; } }

@media screen and (min-width: 400px) {
  .testimonial--s_xs {
    padding: 15px; } }

@media screen and (min-width: 400px) {
  .testimonial--_xs {
    padding: 20px; } }

@media screen and (min-width: 400px) {
  .testimonial--m_xs {
    padding: 30px; } }

@media screen and (min-width: 400px) {
  .testimonial--l_xs {
    padding: 50px; } }

@media screen and (min-width: 400px) {
  .testimonial--xl_xs {
    padding: 80px; } }

@media screen and (min-width: 400px) {
  .testimonial--xxl_xs {
    padding: 120px; } }

@media screen and (min-width: 400px) {
  .testimonial--jumbo_xs {
    padding: 160px; } }

@media screen and (min-width: 500px) {
  .testimonial--f_s {
    padding: 0; } }

@media screen and (min-width: 500px) {
  .testimonial--xxs_s {
    padding: 5px; } }

@media screen and (min-width: 500px) {
  .testimonial--xs_s {
    padding: 10px; } }

@media screen and (min-width: 500px) {
  .testimonial--s_s {
    padding: 15px; } }

@media screen and (min-width: 500px) {
  .testimonial--_s {
    padding: 20px; } }

@media screen and (min-width: 500px) {
  .testimonial--m_s {
    padding: 30px; } }

@media screen and (min-width: 500px) {
  .testimonial--l_s {
    padding: 50px; } }

@media screen and (min-width: 500px) {
  .testimonial--xl_s {
    padding: 80px; } }

@media screen and (min-width: 500px) {
  .testimonial--xxl_s {
    padding: 120px; } }

@media screen and (min-width: 500px) {
  .testimonial--jumbo_s {
    padding: 160px; } }

@media screen and (min-width: 650px) {
  .testimonial--f_m {
    padding: 0; } }

@media screen and (min-width: 650px) {
  .testimonial--xxs_m {
    padding: 5px; } }

@media screen and (min-width: 650px) {
  .testimonial--xs_m {
    padding: 10px; } }

@media screen and (min-width: 650px) {
  .testimonial--s_m {
    padding: 15px; } }

@media screen and (min-width: 650px) {
  .testimonial--_m {
    padding: 20px; } }

@media screen and (min-width: 650px) {
  .testimonial--m_m {
    padding: 30px; } }

@media screen and (min-width: 650px) {
  .testimonial--l_m {
    padding: 50px; } }

@media screen and (min-width: 650px) {
  .testimonial--xl_m {
    padding: 80px; } }

@media screen and (min-width: 650px) {
  .testimonial--xxl_m {
    padding: 120px; } }

@media screen and (min-width: 650px) {
  .testimonial--jumbo_m {
    padding: 160px; } }

@media screen and (min-width: 800px) {
  .testimonial--f_l {
    padding: 0; } }

@media screen and (min-width: 800px) {
  .testimonial--xxs_l {
    padding: 5px; } }

@media screen and (min-width: 800px) {
  .testimonial--xs_l {
    padding: 10px; } }

@media screen and (min-width: 800px) {
  .testimonial--s_l {
    padding: 15px; } }

@media screen and (min-width: 800px) {
  .testimonial--_l {
    padding: 20px; } }

@media screen and (min-width: 800px) {
  .testimonial--m_l {
    padding: 30px; } }

@media screen and (min-width: 800px) {
  .testimonial--l_l {
    padding: 50px; } }

@media screen and (min-width: 800px) {
  .testimonial--xl_l {
    padding: 80px; } }

@media screen and (min-width: 800px) {
  .testimonial--xxl_l {
    padding: 120px; } }

@media screen and (min-width: 800px) {
  .testimonial--jumbo_l {
    padding: 160px; } }

@media screen and (min-width: 1024px) {
  .testimonial--f_xl {
    padding: 0; } }

@media screen and (min-width: 1024px) {
  .testimonial--xxs_xl {
    padding: 5px; } }

@media screen and (min-width: 1024px) {
  .testimonial--xs_xl {
    padding: 10px; } }

@media screen and (min-width: 1024px) {
  .testimonial--s_xl {
    padding: 15px; } }

@media screen and (min-width: 1024px) {
  .testimonial--_xl {
    padding: 20px; } }

@media screen and (min-width: 1024px) {
  .testimonial--m_xl {
    padding: 30px; } }

@media screen and (min-width: 1024px) {
  .testimonial--l_xl {
    padding: 50px; } }

@media screen and (min-width: 1024px) {
  .testimonial--xl_xl {
    padding: 80px; } }

@media screen and (min-width: 1024px) {
  .testimonial--xxl_xl {
    padding: 120px; } }

@media screen and (min-width: 1024px) {
  .testimonial--jumbo_xl {
    padding: 160px; } }

@media screen and (min-width: 1280px) {
  .testimonial--f_xxl {
    padding: 0; } }

@media screen and (min-width: 1280px) {
  .testimonial--xxs_xxl {
    padding: 5px; } }

@media screen and (min-width: 1280px) {
  .testimonial--xs_xxl {
    padding: 10px; } }

@media screen and (min-width: 1280px) {
  .testimonial--s_xxl {
    padding: 15px; } }

@media screen and (min-width: 1280px) {
  .testimonial--_xxl {
    padding: 20px; } }

@media screen and (min-width: 1280px) {
  .testimonial--m_xxl {
    padding: 30px; } }

@media screen and (min-width: 1280px) {
  .testimonial--l_xxl {
    padding: 50px; } }

@media screen and (min-width: 1280px) {
  .testimonial--xl_xxl {
    padding: 80px; } }

@media screen and (min-width: 1280px) {
  .testimonial--xxl_xxl {
    padding: 120px; } }

@media screen and (min-width: 1280px) {
  .testimonial--jumbo_xxl {
    padding: 160px; } }

.testimonial--highlight {
  color: #3295db; }
  .testimonial--highlight .testimonial-message {
    color: #3295db; }

.testimonial--card {
  height: 320px; }
  .testimonial--card .testimonial--quoted:before {
    filter: brightness(2);
    left: -60px; }

.testimonial-message {
  color: #828282;
  line-height: 1.8; }

.testimonial-flag {
  align-self: center;
  border-radius: 2px;
  height: 10px;
  margin-left: 10px; }

.testimonial-info {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px; }

.testimonial-info-item {
  display: flex;
  width: 100%; }

.testimonial-portrait {
  background-color: #eaeaea;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  height: 65px;
  margin-right: 20px;
  width: 65px; }

.testimonial-signature {
  align-self: flex-start;
  margin-top: 20px;
  display: flex; }

.tile {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 300px;
  z-index: 1; }
  @media screen and (min-width: 500px) {
    .tile {
      width: 400px; } }
  .tile:before {
    border-radius: 50px;
    content: "";
    height: 400px;
    left: -50px;
    position: absolute;
    top: -50px;
    transform: rotate(-8deg);
    width: 400px;
    z-index: -1; }
    @media screen and (min-width: 500px) {
      .tile:before {
        height: 450px;
        left: -55px;
        top: -40px;
        width: 500px; } }

.tile--blue {
  color: #fff; }
  .tile--blue:before {
    background: linear-gradient(#45A2CF, #a7d2ef); }

.tile--teacher {
  left: -35%;
  opacity: 0.5;
  position: absolute;
  top: 100px; }

.tile--c {
  margin: 0 auto; }

@media screen and (max-width: 400px) {
  .tile--c_xs {
    margin: 0 auto; } }

@media screen and (max-width: 500px) {
  .tile--c_s {
    margin: 0 auto; } }

@media screen and (max-width: 650px) {
  .tile--c_m {
    margin: 0 auto; } }

@media screen and (max-width: 800px) {
  .tile--c_l {
    margin: 0 auto; } }

@media screen and (max-width: 1024px) {
  .tile--c_xl {
    margin: 0 auto; } }

@media screen and (max-width: 1280px) {
  .tile--c_xxl {
    margin: 0 auto; } }

.tile-callout--teacher {
  border: 2px solid #b4db9b;
  color: #71b16b; }

.tile-callout--student {
  border: 2px solid #a7d2ef;
  color: #3295db; }

.tile-callout {
  background-color: #fff;
  border-radius: 10px;
  font: 700 20px "museo-sans-rounded-bold", sans-serif;
  height: 45px;
  line-height: 45px;
  margin-top: 20px;
  padding: 0 20px; }
  @media screen and (min-width: 500px) {
    .tile-callout {
      margin-top: 30px; } }

.tile-section {
  align-items: center;
  display: flex;
  height: 400px;
  position: relative;
  top: -50px; }
  @media screen and (min-width: 500px) {
    .tile-section {
      height: 450px;
      top: -45px; } }

.tile-section-inner {
  max-width: 100%; }

.tile-title {
  font-size: 36px;
  font-family: "museo-sans-rounded-bold", sans-serif;
  line-height: 1;
  text-shadow: 0 30px 75px rgba(15, 120, 167, 0.8); }
  @media screen and (min-width: 500px) {
    .tile-title {
      font-size: 48px; } }

.typing {
  display: flex;
  flex-wrap: wrap; }

.typing-letter {
  color: rgba(15, 120, 167, 0.7);
  display: flex;
  position: relative; }
  .typing-letter[active=true], .typing-letter[typed=true] {
    color: #fff;
    text-shadow: 0 30px 75px rgba(15, 120, 167, 0.8); }
  .typing-letter:after {
    animation: blink 1s infinite;
    background-color: #fff;
    box-shadow: 0 25px 50px rgba(15, 120, 167, 0.2);
    content: "";
    height: 100%;
    right: -6px;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 4px;
    z-index: 1; }
  .typing-letter[active=true]:after {
    visibility: visible; }

.typing-space {
  min-width: 20px; }

.typing-word {
  display: flex; }

.video {
  background-color: #fff;
  border: 2px solid #eaeaea;
  border-radius: 10px;
  width: 100%; }

.flickity-prev-next-button {
  background: none;
  border: 0;
  cursor: pointer;
  display: block;
  fill: #3295db;
  padding: 0;
  position: absolute;
  top: calc(50% - 40px);
  width: 20px;
  z-index: 2; }
  .flickity-prev-next-button.previous {
    left: calc(10% - 40px);
    transform: translate(50%, -50%); }
  .flickity-prev-next-button.next {
    right: calc(10% - 10px);
    transform: translate(100%, -50%); }
  .flickity-prev-next-button:hover {
    fill: #0b85bb; }
  .flickity-prev-next-button:focus {
    outline: 0; }
  .flickity-prev-next-button:active {
    opacity: 0.6; }
  @media screen and (min-width: 650px) {
    .flickity-prev-next-button {
      width: 30px; }
      .flickity-prev-next-button.previous {
        left: calc(24.5% - 60px);
        transform: translate(50%, -50%); }
      .flickity-prev-next-button.next {
        right: calc(24.5% - 20px);
        transform: translate(100%, -50%); } }

.flickity-viewport {
  transition: height 0.25s ease-in-out; }

.bc {
  background-color: #fff; }

.bc-dk {
  background-color: #828282; }

.bc-h {
  background-color: #4273bf; }

.bc-xxlt {
  background-color: #f7f7f7; }

.bo {
  border: 2px solid #eaeaea; }

.bot {
  border-top: 2px solid #eaeaea; }

.bor {
  border-right: 2px solid #eaeaea; }

.bob {
  border-bottom: 2px solid #eaeaea; }

.bol {
  border-left: 2px solid #eaeaea; }

.cud {
  cursor: default; }

.cup {
  cursor: pointer; }

.db {
  display: block; }

.df {
  display: flex; }

.dih {
  display: inherit; }

.di {
  display: inline; }

.dib {
  display: inline-block; }

.dif {
  display: inline-flex; }

.dn {
  display: none; }

.show {
  display: block; }

.hide {
  display: none; }

.show--xs {
  display: none; }
  @media screen and (min-width: 400px) {
    .show--xs {
      display: block; } }

.show--xs_dib {
  display: none; }
  @media screen and (min-width: 400px) {
    .show--xs_dib {
      display: inline-block; } }

.show--xs_f {
  display: none; }
  @media screen and (min-width: 400px) {
    .show--xs_f {
      display: flex; } }

.show--xs_i {
  display: none; }
  @media screen and (min-width: 400px) {
    .show--xs_i {
      display: inline; } }

@media screen and (min-width: 400px) {
  .hide--xs {
    display: none; } }

.show--s {
  display: none; }
  @media screen and (min-width: 500px) {
    .show--s {
      display: block; } }

.show--s_dib {
  display: none; }
  @media screen and (min-width: 500px) {
    .show--s_dib {
      display: inline-block; } }

.show--s_f {
  display: none; }
  @media screen and (min-width: 500px) {
    .show--s_f {
      display: flex; } }

.show--s_i {
  display: none; }
  @media screen and (min-width: 500px) {
    .show--s_i {
      display: inline; } }

@media screen and (min-width: 500px) {
  .hide--s {
    display: none; } }

.show--m {
  display: none; }
  @media screen and (min-width: 650px) {
    .show--m {
      display: block; } }

.show--m_dib {
  display: none; }
  @media screen and (min-width: 650px) {
    .show--m_dib {
      display: inline-block; } }

.show--m_f {
  display: none; }
  @media screen and (min-width: 650px) {
    .show--m_f {
      display: flex; } }

.show--m_i {
  display: none; }
  @media screen and (min-width: 650px) {
    .show--m_i {
      display: inline; } }

@media screen and (min-width: 650px) {
  .hide--m {
    display: none; } }

.show--l {
  display: none; }
  @media screen and (min-width: 800px) {
    .show--l {
      display: block; } }

.show--l_dib {
  display: none; }
  @media screen and (min-width: 800px) {
    .show--l_dib {
      display: inline-block; } }

.show--l_f {
  display: none; }
  @media screen and (min-width: 800px) {
    .show--l_f {
      display: flex; } }

.show--l_i {
  display: none; }
  @media screen and (min-width: 800px) {
    .show--l_i {
      display: inline; } }

@media screen and (min-width: 800px) {
  .hide--l {
    display: none; } }

.show--xl {
  display: none; }
  @media screen and (min-width: 1024px) {
    .show--xl {
      display: block; } }

.show--xl_dib {
  display: none; }
  @media screen and (min-width: 1024px) {
    .show--xl_dib {
      display: inline-block; } }

.show--xl_f {
  display: none; }
  @media screen and (min-width: 1024px) {
    .show--xl_f {
      display: flex; } }

.show--xl_i {
  display: none; }
  @media screen and (min-width: 1024px) {
    .show--xl_i {
      display: inline; } }

@media screen and (min-width: 1024px) {
  .hide--xl {
    display: none; } }

.show--xxl {
  display: none; }
  @media screen and (min-width: 1280px) {
    .show--xxl {
      display: block; } }

.show--xxl_dib {
  display: none; }
  @media screen and (min-width: 1280px) {
    .show--xxl_dib {
      display: inline-block; } }

.show--xxl_f {
  display: none; }
  @media screen and (min-width: 1280px) {
    .show--xxl_f {
      display: flex; } }

.show--xxl_i {
  display: none; }
  @media screen and (min-width: 1280px) {
    .show--xxl_i {
      display: inline; } }

@media screen and (min-width: 1280px) {
  .hide--xxl {
    display: none; } }

.lh1 {
  line-height: 1; }

.mhc {
  margin-left: auto;
  margin-right: auto; }

.maf {
  margin: 0; }

.mtf {
  margin-top: 0; }

.mrf {
  margin-right: 0; }

.mbf {
  margin-bottom: 0; }

.mlf {
  margin-left: 0; }

.maxxs {
  margin: 5px; }

.mtxxs {
  margin-top: 5px; }

.mrxxs {
  margin-right: 5px; }

.mbxxs {
  margin-bottom: 5px; }

.mlxxs {
  margin-left: 5px; }

.maxs {
  margin: 10px; }

.mtxs {
  margin-top: 10px; }

.mrxs {
  margin-right: 10px; }

.mbxs {
  margin-bottom: 10px; }

.mlxs {
  margin-left: 10px; }

.mas {
  margin: 15px; }

.mts {
  margin-top: 15px; }

.mrs {
  margin-right: 15px; }

.mbs {
  margin-bottom: 15px; }

.mls {
  margin-left: 15px; }

.ma {
  margin: 20px; }

.mt {
  margin-top: 20px; }

.mr {
  margin-right: 20px; }

.mb {
  margin-bottom: 20px; }

.ml {
  margin-left: 20px; }

.mam {
  margin: 30px; }

.mtm {
  margin-top: 30px; }

.mrm {
  margin-right: 30px; }

.mbm {
  margin-bottom: 30px; }

.mlm {
  margin-left: 30px; }

.mal {
  margin: 50px; }

.mtl {
  margin-top: 50px; }

.mrl {
  margin-right: 50px; }

.mbl {
  margin-bottom: 50px; }

.mll {
  margin-left: 50px; }

.maxl {
  margin: 80px; }

.mtxl {
  margin-top: 80px; }

.mrxl {
  margin-right: 80px; }

.mbxl {
  margin-bottom: 80px; }

.mlxl {
  margin-left: 80px; }

.maxxl {
  margin: 120px; }

.mtxxl {
  margin-top: 120px; }

.mrxxl {
  margin-right: 120px; }

.mbxxl {
  margin-bottom: 120px; }

.mlxxl {
  margin-left: 120px; }

.majumbo {
  margin: 160px; }

.mtjumbo {
  margin-top: 160px; }

.mrjumbo {
  margin-right: 160px; }

.mbjumbo {
  margin-bottom: 160px; }

.mljumbo {
  margin-left: 160px; }

.ov {
  overflow: visible; }

.paf {
  padding: 0; }

.ptf {
  padding-top: 0; }

.prf {
  padding-right: 0; }

.pbf {
  padding-bottom: 0; }

.plf {
  padding-left: 0; }

.paxxs {
  padding: 5px; }

.ptxxs {
  padding-top: 5px; }

.prxxs {
  padding-right: 5px; }

.pbxxs {
  padding-bottom: 5px; }

.plxxs {
  padding-left: 5px; }

.paxs {
  padding: 10px; }

.ptxs {
  padding-top: 10px; }

.prxs {
  padding-right: 10px; }

.pbxs {
  padding-bottom: 10px; }

.plxs {
  padding-left: 10px; }

.pas {
  padding: 15px; }

.pts {
  padding-top: 15px; }

.prs {
  padding-right: 15px; }

.pbs {
  padding-bottom: 15px; }

.pls {
  padding-left: 15px; }

.pa {
  padding: 20px; }

.pt {
  padding-top: 20px; }

.pr {
  padding-right: 20px; }

.pb {
  padding-bottom: 20px; }

.pl {
  padding-left: 20px; }

.pam {
  padding: 30px; }

.ptm {
  padding-top: 30px; }

.prm {
  padding-right: 30px; }

.pbm {
  padding-bottom: 30px; }

.plm {
  padding-left: 30px; }

.pal {
  padding: 50px; }

.ptl {
  padding-top: 50px; }

.prl {
  padding-right: 50px; }

.pbl {
  padding-bottom: 50px; }

.pll {
  padding-left: 50px; }

.paxl {
  padding: 80px; }

.ptxl {
  padding-top: 80px; }

.prxl {
  padding-right: 80px; }

.pbxl {
  padding-bottom: 80px; }

.plxl {
  padding-left: 80px; }

.paxxl {
  padding: 120px; }

.ptxxl {
  padding-top: 120px; }

.prxxl {
  padding-right: 120px; }

.pbxxl {
  padding-bottom: 120px; }

.plxxl {
  padding-left: 120px; }

.pajumbo {
  padding: 160px; }

.ptjumbo {
  padding-top: 160px; }

.prjumbo {
  padding-right: 160px; }

.pbjumbo {
  padding-bottom: 160px; }

.pljumbo {
  padding-left: 160px; }

.fl {
  float: left; }

.fr {
  float: right; }

.poa {
  position: absolute; }

.pof {
  position: fixed; }

.por {
  position: relative; }

.pos {
  position: static; }

.poha {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

.poca {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.ra {
  border-radius: 50%; }

.ram {
  border-radius: 10px; }

.ras {
  border-radius: 5px; }

.ran {
  border-radius: 0; }

.tac {
  text-align: center; }

.tal {
  text-align: left; }

.tar {
  text-align: right; }

.tc-e {
  color: #d62f43; }

.tc-t {
  color: #4a4a4a; }

.tc-ts {
  color: #828282; }

.tc-s {
  color: #2a9d1a; }

.tc-i {
  color: #fff; }

.tdn {
  text-decoration: none; }

.tfb {
  font-family: "museo-sans-rounded", sans-serif; }

.tfh {
  font-family: "museo-sans-rounded-bold", sans-serif; }

.tfm {
  font-family: "pt-mono", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; }

.tsxxs {
  font-size: 11px; }

.tsxs {
  font-size: 12px; }

.tss {
  font-size: 14px; }

.tsn {
  font-size: 16px; }

.tsl {
  font-size: 20px; }

.tsxl {
  font-size: 24px; }

.tsxxl {
  font-size: 36px; }

.tsi {
  font-style: italic; }

.ttl {
  text-transform: lowercase; }

.ttu {
  text-transform: uppercase; }

.twn {
  font-weight: 500; }

.twm {
  font-weight: 500; }

.twb {
  font-weight: 700; }

.twh {
  font-weight: 900; }

.wsnw {
  white-space: nowrap; }

.wbbw {
  word-break: break-word; }

.w-full {
  width: 100%; }

.z1 {
  position: relative;
  z-index: 1; }

.z10 {
  position: relative;
  z-index: 10; }

.bo-teacher {
  border-color: #71b16b; }

.bo-student {
  border-color: #3295db; }

.tc-green {
  color: #71b16b; }

.tc-blue {
  color: #3295db; }

.tc-lt {
  color: #a9a9a9; }

.tc-is {
  color: #d5d5d5; }

.tdu-h:hover {
  text-decoration: underline; }

.tdu {
  text-decoration: underline; }

.tfh {
  font-family: "museo-sans-rounded-heavy", sans-serif; }

.ts-l {
  text-shadow: 0 30px 75px rgba(130, 130, 130, 0.9); }

.ts-lb {
  text-shadow: 0 30px 75px rgba(15, 120, 167, 0.8); }

@media screen and (min-width: 400px) {
  .tsxs_xs {
    font-size: 12px; }
  .tss_xs {
    font-size: 14px; }
  .tsl_xs {
    font-size: 20px; }
  .tsxl_xs {
    font-size: 24px; } }

@media screen and (min-width: 500px) {
  .tsxs_s {
    font-size: 12px; }
  .tss_s {
    font-size: 14px; }
  .tsl_s {
    font-size: 20px; }
  .tsxl_s {
    font-size: 24px; } }

@media screen and (min-width: 650px) {
  .tsxs_m {
    font-size: 12px; }
  .tss_m {
    font-size: 14px; }
  .tsl_m {
    font-size: 20px; }
  .tsxl_m {
    font-size: 24px; } }

@media screen and (min-width: 800px) {
  .tsxs_l {
    font-size: 12px; }
  .tss_l {
    font-size: 14px; }
  .tsl_l {
    font-size: 20px; }
  .tsxl_l {
    font-size: 24px; } }

@media screen and (min-width: 1024px) {
  .tsxs_xl {
    font-size: 12px; }
  .tss_xl {
    font-size: 14px; }
  .tsl_xl {
    font-size: 20px; }
  .tsxl_xl {
    font-size: 24px; } }

@media screen and (min-width: 1280px) {
  .tsxs_xxl {
    font-size: 12px; }
  .tss_xxl {
    font-size: 14px; }
  .tsl_xxl {
    font-size: 20px; }
  .tsxl_xxl {
    font-size: 24px; } }